@font-face {
    font-family: "Polaris-Book";
    src: url("./fonts/Polaris-Book.eot");
    src: url("./fonts/Polaris-Book.eot?#iefix") format("embedded-opentype"),
    url("./fonts/Polaris-Book.woff") format("woff"),
    url("./fonts/Polaris-Book.ttf") format("truetype"),
    url("./fonts/Polaris-Book.svg#Polaris-Book") format("svg");
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


@font-face {
    font-family: "PolarisCondensed-Medium";
    src: url("./fonts/PolarisCondensed-Medium.eot");
    src: url("./fonts/PolarisCondensed-Medium?#iefix") format("embedded-opentype"),
    url("./fonts/PolarisCondensed-Medium.woff") format("woff"),
    url("./fonts/PolarisCondensed-Medium.ttf") format("truetype"),
    url("./fonts/PPolarisCondensed-Medium.svg#PolarisCondensed-Mediumk") format("svg");
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}



/* ---------------------------------------------------------
   HTML5 Bones
   This stylesheet contains print styling and a section for 
   you to simply add your own. This is a basic template 
   after all.
   ---------------------------------------------------------*/
#nominationSuccess{

}
body {

}
/* Default link styling */
a:link { color:#0271fb; }
a:visited { color:#bd02fb; }
a:hover, a:focus { color:#000; }
a:active { color:#fb0e02; }



/* ---------------------------------------------------------
   Author's styles
   ---------------------------------------------------------*/
body {
    font-size:1.5em;
    font-family: 'Polaris-Book', san-serif;
}


span.special {
    font-family: 'PolarisCondensed-Medium', san-serif;
}

h2 {
    font-family: 'adobe-caslon-pro', san-serif;
    text-align:center;
}



.logo {
    width:30%;
    float:left;
}

.social {
    width:20%;
    float:right;
}

.slider-wrapper {
    width: 100%;
    margin: 0 auto;
    overflow:hidden;
}
.clear {
    clear:both;
}




article {
    margin: 0 auto;

}

#ambassador img {
    margin:0 auto;
    text-align:center;
    max-width:100%;
}



header, footer {
    width:1100px;
    margin:0 auto;
}

header {
    overflow:hidden;
}

h1, footer {
    text-align:center;
    text-decoration:none;
}

@-webkit-keyframes animatetop {
    from {top: -300px; opacity: 0}
    to {top: 0; opacity: 1}

}
@-webkit-keyframes animatetop {
    from {top: -300px; opacity: 0}
    to {top: 0; opacity: 1}
}

.checkBoxes{
    display:-webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content:flex-start ;
    text-align: left;
    float:left

}
.optBoxes1 {
    margin-right: 50px;
}
input {
    vertical-align: 10%;
}
label {
    padding-left: 10px;
    vertical-align: bottom;
}
.textDiv{
    display: block;
    float: left;
    text-align: left;
}
.optBoxes2{
    margin-right: 50px;

}



.nominateYourFriend{}
.nominateYourFriend:hoverz,
.nominateYourFriend:focus{
    color: black;
    text-decoration: underline;
    cursor: pointer;

}


.wrap {
    max-width:1285px;
    margin:0 auto;
}

article {
    text-align:center;
}


.col-wrap {
    width:100%;
    margin:0 auto;
}

.col-2-1 {

    width:40%;
    margin-right:10%;
    float:left;
}

.col-2-2 {

    width:40%;
    margin-right:0;
    float:left;
}


iframe {
    margin:0 auto;
}

.nivo-html-caption h2 {
    margin-bottom:0px!important;
}

.nivo-html-caption {
    font-family: 'adobe-caslon-pro', san-serif!important;

}

.extraclass1 span {
    color:#000 !important;
    transition: all 0.5s ease;
}
.extraclass2 span {
    color:#d2179a !important;
    transition: all 0.5s ease;
}

.social {
    margin-top:40px;
}

.social img {
    margin-right:10px;
}


/* ---------------------------------------------------------
   Print styles
   ---------------------------------------------------------*/
@media print {
    * {
        color:#000 !important;
        box-shadow:none !important;
        text-shadow:none !important;
        background:transparent !important;
    }
    html { background-color:#fff; }
    /* Hide navigation */
    nav { display:none; }

    /* Show link destinations in brackets after the link text */
    a[href]:after { content: " (" attr(href) ") "; }
    a[href] {
        font-weight:bold;
        text-decoration:underline;
        color:#06c;
        border:none;
    }
    /* Don't show link destinations for JavaScript or internal links */
    a[href^="javascript:"]:after, a[href^="#"]:after { content:""; }

    /* Show abbr title value in brackets after the text */
    abbr[title]:after { content: " (" attr(title) ")"; }

    figure {
        margin-bottom:1em;
        overflow:hidden;
    }

    figure img { border:1px solid #000; }
}

/*@font-face {
					font-family: "Polaris-Book";
					src: url("./fonts/Polaris-Book.eot");
					src: url("./fonts/Polaris-Book.eot?#iefix") format("embedded-opentype"),
					url("./fonts/Polaris-Book.woff") format("woff"),
					url("./fonts/Polaris-Book.ttf") format("truetype"),
					url("./fonts/Polaris-Book.svg#Polaris-Book") format("svg");
					font-weight: normal;
					font-style: normal;
					-webkit-font-smoothing: antialiased;
					-moz-osx-font-smoothing: grayscale;
				}


@font-face {
					font-family: "PolarisCondensed-Medium";
					src: url("./fonts/PolarisCondensed-Medium.eot");
					src: url("./fonts/PolarisCondensed-Medium?#iefix") format("embedded-opentype"),
					url("./fonts/PolarisCondensed-Medium.woff") format("woff"),
					url("./fonts/PolarisCondensed-Medium.ttf") format("truetype"),
					url("./fonts/PPolarisCondensed-Medium.svg#PolarisCondensed-Mediumk") format("svg");
					font-weight: normal;
					font-style: normal;
					-webkit-font-smoothing: antialiased;
					-moz-osx-font-smoothing: grayscale;
				}



/* ---------------------------------------------------------
   HTML5 Bones
   This stylesheet contains print styling and a section for
   you to simply add your own. This is a basic template
   after all.
   ---------------------------------------------------------*/
body {

}
/* Default link styling */
a:link { color:#0271fb; }
a:visited { color:#bd02fb; }
a:hover, a:focus { color:#000; }
a:active { color:#fb0e02; }



/* ---------------------------------------------------------
   Author's styles
   ---------------------------------------------------------*/
body {
    font-size:1.5em;
    font-family: 'Polaris-Book', san-serif;
}


span.special {
    font-family: 'PolarisCondensed-Medium', san-serif;
}

h2 {
    font-family: 'adobe-caslon-pro', san-serif;
    text-align:center;
}



.logo {
    width:30%;
    float:left;
}

.social {
    width:20%;
    float:right;
}

.slider-wrapper {
    width: 100%;
    margin: 0 auto;
    overflow:hidden;
}
.clear {
    clear:both;
}




article {
    margin: 0 auto;

}

#ambassador img {
    margin:0 auto;
    text-align:center;
    max-width:100%;
}



header, footer {
    width:1100px;
    margin:0 auto;
}

header {
    overflow:hidden;
}

h1, footer {
    text-align:center;
    text-decoration:none;
}

@-webkit-keyframes animatetop {
    from {top: -300px; opacity: 0}
    to {top: 0; opacity: 1}

}
@-webkit-keyframes animatetop {
    from {top: -300px; opacity: 0}
    to {top: 0; opacity: 1}
}
@media screen and (max-width: 768px)
{

    div.checkBoxes{
        display:-webkit-flex;
        display: flex;

        flex-direction:column;
        -webkit-flex-direction: column;
    }
    div.copy{
        height:100%;
    width: 100%;
    }
    div#modal{

    }
}


.checkBoxes{

    display:-webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    flex-direction: row;
    text-align: left;


}
.optBoxes1 {

}
input {
    vertical-align: 10%;
}
label {
    padding-left: 10px;
    vertical-align: bottom;
}
.textDiv{
    text-align: left;
}
.optBoxes2{

}

#divUserEmail{
    left: 40%;
    margin: -300px 0 0 -32%;
    opacity: 0;
    position: absolute;
    top: -50%;
    font-family: 'Polaris-Book', san-serif;

    visibility: hidden;
    width: 85%;
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.38);
    box-sizing: border-box;
    z-index: 30;
    transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
}
.nominateYourFriend{}
.nominateYourFriend:hover,
.nominateYourFriend:focus{
    color: black;
    text-decoration: underline;
    cursor: pointer;

}
.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}
.close:hover,
.close:focus{
    color: black;
    text-decoration: none;
    cursor: pointer;
}
.wrap {
    max-width:1285px;
    margin:0 auto;
}

article {
    text-align:center;
}


.col-wrap {
    width:100%;
    margin:0 auto;
}

.col-2-1 {

    width:40%;
    margin-right:10%;
    float:left;
}

.col-2-2 {

    width:40%;
    margin-right:0;
    float:left;
}


iframe {
    margin:0 auto;
}

.nivo-html-caption h2 {
    margin-bottom:0px!important;
}

.nivo-html-caption {
    font-family: 'adobe-caslon-pro', san-serif!important;

}

.extraclass1 span {
    color:#000 !important;
    transition: all 0.5s ease;
}
.extraclass2 span {
    color:#d2179a !important;
    transition: all 0.5s ease;
}

.social {
    margin-top:40px;
}

.social img {
    margin-right:10px;
}



/* ---------------------------------------------------------
   Print styles
   ---------------------------------------------------------*/
@media print {
    * {
        color:#000 !important;
        box-shadow:none !important;
        text-shadow:none !important;
        background:transparent !important;
    }
    html { background-color:#fff; }
    /* Hide navigation */
    nav { display:none; }

    /* Show link destinations in brackets after the link text */
    a[href]:after { content: " (" attr(href) ") "; }
    a[href] {
        font-weight:bold;
        text-decoration:underline;
        color:#06c;
        border:none;
    }
    /* Don't show link destinations for JavaScript or internal links */
    a[href^="javascript:"]:after, a[href^="#"]:after { content:""; }

    /* Show abbr title value in brackets after the text */
    abbr[title]:after { content: " (" attr(title) ")"; }

    figure {
        margin-bottom:1em;
        overflow:hidden;
    }

    figure img { border:1px solid #000; }
}
span.modal-bold{
    font-family: 'PolarisCondensed-Medium', san-serif;

}
#nominationStatus{
    display: block;
    visibility: hidden;
    position: absolute;
    top: -20%;
    width: 100%;
}

#nominationStatus:target{
    top: 0;
    visibility: visible;
    font-size: 0.75em;
    text-align: center;
}
#modal {
    left: 40%;
    margin: -300px 0 0 -32%;
    opacity: 0;
    position: absolute;
    top: -50%;
    font-family: 'Polaris-Book', san-serif;

    visibility: hidden;
    width: 85%;
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.38);
    box-sizing: border-box;
    z-index: 30;
    transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
}

#modal:target {
    opacity: 1;
    top: 50%;
    visibility: visible
}

#divUserEmail:target{
    opacity: 1;
    top: 50%;

    visibility: visible;

}
#modal .header, #modal .footer {
    border-radius: 5px 5px 0 0
}




#modal h2 {
    margin: 0;
    color: #000000
}

#modal .btn { float: right }

#modal .copy, #modal .header {
    font-family: 'Polaris-Book', san-serif;

    padding: 10px;
    padding-left: 20px;
    color: #000000;
    text-align: left;
font-size: 0.75em;
    overflow: auto;


}

.modal-content {
    position: relative;
    z-index: 20;

    border-radius: 5px;
    color: #000000
}

.copy { background: rgb(255, 255, 255)

}


#divUserEmail .copy{
    font-family: 'Polaris-Book', san-serif;

    padding: 15px;
    padding-left: 10px;
    color: #000000;
    overflow: auto;
}
#invalidEmail,#invalidUserEmail{
    color: red;
    visibility: hidden;
}
 .overlay {
    background-color: #000;
    background: rgba(0,0,0,.5);
    height: 100%;
    left:   0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10;

}

.copy a {
    color: #000000;
    text-decoration: none;
    display: inline-block;
    padding: 5px 10px;
    border-radius: 5px;
}
/* Code For Modal Popup */