/* Modal settings */
.modal-collapse {
    display: none;
}
.side-padding-5 {
    padding: 5px 3px;
}
.circle {
    background-color: #333;
    border-radius: 50%;
    color: #fff;
    font: 700 48px/40px 'Code','Myriad Pro',Arial,sans-serif;
    width: 40px;
    height: 40px;
    margin: 20px auto 40px;
    text-align: right;
}
.circle.active {
    background-color: #07b5ab;
}
#simplemodal-overlay {
    background-color: #000;
}

/* Content settings */
#modal-donner {
    color: #fff;
}
#modal-donner h3 {
    font: 500 81px/65px 'Raleway',Arial,sans-serif;
    margin-bottom: 50px;
}
#modal-donner p {
    font: 500 18px 'Raleway', Arial, sans-serif;
}
#modal-donner p span {
    font: 700 18px 'Raleway', Arial, sans-serif;
}
#modal-donner .button {
    font: 500 18px 'Raleway', Arial, sans-serif;
    text-transform: uppercase;
    background-color: #662e91;
    padding: 10px 20px;
    display: inline-block;
    color: #fff;
    cursor: pointer;
}#modal-donner .button.faded {
    background-color: #dcdcdc;
    text-transform: none;
}
#modal-donner .button:hover {
    text-decoration: none;
    box-shadow: 0px 0px 5px 2px #888888;
    color: #e8e8e8;
}
#modal-donner .formula {
    padding-top: 20px;
    padding-bottom: 80px;
}
#modal-donner .formula h3 {
    font: 700 31px 'Raleway',Arial,sans-serif;
    color: #333;
    margin-bottom: 20px;
    text-align: center;
}
#modal-donner .button.x2 {
    font: 500 26px 'Raleway', Arial, sans-serif;
    display: block;
    text-align: center;
}
#modal-donner .steps {
    color: #333;
    text-align: center;
    margin: 20px 20%;
}
#modal-article .slider-container {
    margin-bottom: 50px;
    margin-top: 20px;
}
#subscribe .slider-container {
    margin: 0;
}
#subscribe-submit {
    margin: 0 !important;
}
#modal-article .article h6 {
    color: #16aea6;
    font: 700 24px 'Myriad Pro', sans-serif;
}
#modal-article .article h5 {
    font: 600 20px 'Myriad Pro', sans-serif;
    text-transform: none;
    margin-top: 15px;
}
#modal-article .article .tags {
    display: inline-block;
    background: #00a79d;
    color: #fff;
    font: 700 18px 'Raleway', Arial, sans-serif;
    padding: 15px 8px;
}
#modal-article .article img {
    margin: 10px 0;
}
#modal-article .article input {
    font: 700 14px 'Raleway', Arial, sans-serif;
    width: 100%;
}
#modal-article .article input[type=text] {
    color: #333;
    padding: 15px 8px;
    border: 3px solid #333;
    background: none;
}
#modal-article .article input[type=submit] {
    margin-top: 8px;
    color: #f8f8f8;
    padding: 15px 8px;
    border: 3px solid #662e91;
    background-color: #662e91;
    text-align: left;
}
#modal-article .detailed {
    padding: 30px 20px;
}
#modal-article .photo {
    background-color: #787878;
    height: 300px;
}
#modal-article .details h4 {
    font: 500 24px 'Myriad Pro', Arial, sans-serif;
    font-stretch: condensed;
}
#modal-article .details p {
    font: 500 16px 'Myriad Pro', Arial, sans-serif;
}