@import url('//fonts.googleapis.com/css?family=Montserrat:300,300i,600,800&subset=latin-ext');

/* RESET
   http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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;
}

/* END RESET */


html, body{
    font-family :      'Montserrat';
    font-weight :       300;
    margin :            0;
    padding :           0;
}
/* bootstrap nested row padding overflow fix */
.row .row{
    margin-right :      0;
}

strong{
    font-weight :       800;
}
#header{
    margin-top :    7.5em;
}
    #header img{
        display:            block;
        margin :            0 auto;
        text-align:         center;
    }
    #header h2{
        margin-top :        3em;
        margin-bottom:      3em;
        font-size:          16px;
        text-align:         center;
        text-transform:     uppercase;
        color :             #b2b2b2;
        letter-spacing:     3px;
    }

#description{
    background:             transparent url('../img/bg-description.jpg') no-repeat center center;
    background-attachment:  fixed;
    background-size:        cover;
    padding-top:            7.5em;
    padding-bottom:         7.5em;
    color :                 #ffffff;
}
    #description h1{
        font-size:          36px;
        font-weight:        800;
        text-transform:     uppercase;
        line-height :       1.25em;
        margin :            0 1.5em 1.5em 0;
    }
    #description p{
        text-align :        justify;
        font-size :         14px;
        line-height :       1.75em;
        font-weight:        600;
        letter-spacing:     0.3px;
    }

    #description a:link,
    #description a:visited{
        text-decoration:    underline;
        color:              #ffffff;
    }
    #description a:active,
    #description a:hover{
        text-decoration:    none;
        color:              #b0e20b;
    }

    #description-links{
        margin-top :        3.75em;
    }
        #description-links .left{
            text-align :        left;
        }
        #description-links .right{
            text-align :        right;
        }
        #description h3{
            font-size :         22px;
            font-weight :       600;
        }
        #description-links a.big-link:link,
        #description-links a.big-link:visited{
            font-size :         28px;
            font-weight :       600;
            text-decoration:    underline;
            color:              #ffffff;
        }
        #description-links a.big-link:active,
        #description-links a.big-link:hover{
            text-decoration:    none;
            color:              #b0e20b;
        }
#infos{
    padding-top :           6.5em;
    padding-bottom :        2em;
}
    .info h2{
        font-size:          24px;
        font-weight:        800;
        color :             #00ad68;
        text-align :        center;
        text-transform:     uppercase;
        border-bottom :     1px solid #00ad68;
        padding-bottom:     0.75em;
        margin-bottom:      1em;
    }
    .info p{
        text-align :        justify;
        font-size:          14px;
        font-weight:        300;
        line-height :       1.5em;
        margin-bottom :     2em;
    }
    #infos a:link,
    #infos a:visited{
        text-decoration:    underline;
        color:              #b2b2b2;
    }
    #infos a:active,
    #infos a:hover{
        text-decoration:    none;
        color:              #b0e20b;
    }

    #infos a.button:link,
    #infos a.button:visited{
        display :           block;
        height :            48px;
        background :        #00ad68;
        margin-bottom:      4em;
        font-size :         18px;
        line-height:        48px;
        text-align:         center;
        text-decoration:    none;
        color:              #ffffff;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }
    #infos a.button:active,
    #infos a.button:hover{
        background :        #b0e20b;
    }
    #infos a.button.disabled:link,
    #infos a.button.disabled:visited{
        background :        #b2b2b2;
    }
    #infos a.button.disabled:active,
    #infos a.button.disabled:hover{
        background :        #b2b2b2;
        cursor :            not-allowed;
    }


#mailing{
    margin-bottom :     3.5em;
    font-size:          28px;
    font-weight:        300;
    text-transform:     uppercase;
}
    #mailing a:link,
    #mailing a:visited{
        display:            block;
        height :            84px;
        line-height :       84px;
        text-decoration:    none;
        color:              #878787;
        border :            1px solid #878787;
        text-align:         center;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }
    #mailing a:active,
    #mailing a:hover{
        color:              #b2b2b2;
        border-color :      #b2b2b2;
    }
    #mailing a:active img,
    #mailing a:hover img{
        opacity:            0.6;
    }
    #mailing img{
        position :          relative;
        top :               1px;
        margin-right :      1em;
    }

#news{
    background :        #00ad68;
    padding-top :       6.5em;
    padding-bottom :    6.5em;
}
    #news h1{
        display:            block;
        margin :            0 auto;
        font-size:          54px;
        font-weight:        800;
        color :             #b0e20b;
        border-bottom :     1px solid #b0e20b;
        padding-bottom:     0.25em;
        margin-bottom:      1em;
        text-align:         center;
        text-transform:     uppercase;
    }
    .article{
    }
    .article > a:link,
    .article > a:visited{
        display :           block;
        max-width :         400px;
        font-size :         17px;
        font-weight :       800;
        line-height :       24px;
        text-transform:     uppercase;
        text-align:         center;
        text-decoration:    none;
        color:              #b0e20b;
        margin :            2em auto;
    }
        .article > a span.date{
            font-weight :       300;
            letter-spacing:     1px;
        }
    .article > a:active,
    .article > a:hover{
        color:              #ffffff;
    }
    .article > a.clicked{
        color :             #ffffff;
    }
    /*.article a:active + p,
    .article a:hover + p{
        display :           block;
    }*/

    .article p{
        display :           none;
        max-width :         600px;
        font-size:          13px;
        line-height:        2em;
        text-align:         center;
        font-weight:        300;
        color :             #ffffff;
        margin :            2em auto;
    }
        .article p a:link,
        .article p a:visited{
            text-decoration:    none;
            color:              #b0e20b;
        }
        .article p a:active,
        .article p a:hover{
            text-decoration:    underline;
            color:              #ffffff;
        }




/********************   FOOTER   */


#footer{
    background :            #00ad68;
    color :                 #ffffff;
    font-size :             11px;
    line-height :           1.75em;
    padding-top :           6.5em;
    padding-bottom :        6.5em;
}
    #partners{

    }
        #partners a:link,
        #partners a:visited{
            text-decoration:    none;
        }
        #partners a:active,
        #partners a:hover{
            text-decoration:    none;
        }
        #partners a:link img,
        #partners a:visited img{
            filter :            invert() saturate(0) brightness(100);
            -moz-filter :            invert() saturate(0) brightness(100);
            -webkit-filter :            invert() saturate(0) brightness(100);
        }
        #partners a:active img,
        #partners a:hover img{
            filter :            none;
            -moz-filter :            none;
            -webkit-filter :            none;
        }


    #disclaimer{
        text-align :        right;
        letter-spacing:     0.3px;
    }


#privacy{/*
    position :              relative;
    top :                   -1px;*/
    padding-top :           3em;
    background:             #00ad68;
}
    #privacy p{
        max-width :             400px;
        margin:                 0 auto;
        text-align:             center;
        font-size :             11px;
        line-height :           1.75em;
        letter-spacing:         0.3px;
        color :                 #ffffff;
    }

    #privacy a:link,
    #privacy a:visited{
        /*color:              #b0e20b;*/
        color :             #ffffff;
        text-decoration:    underline;
    }
    #privacy a:active,
    #privacy a:hover{
        text-decoration:    none;
        color:              #ffffff;
    }

#copyright{/*
    position :              relative;
    top :                   -1px;*/
    padding-top :           3em;
    padding-bottom :        6.5em;
    background:             #00ad68;
}
    #copyright p{
        text-align:             center;
        font-size :             11px;
        line-height :           2.5em;
        letter-spacing:         0.3px;
    }

    #copyright a:link,
    #copyright a:visited{
        color:              #ffffff;
        text-decoration:    none;
    }
    #copyright a:active,
    #copyright a:hover{
        text-decoration:    underline;
        color:              #ffffff;
    }