﻿/******Footer******/
footer {position:relative;margin-top:100px;}
    footer .footer_animal { position: absolute; left:370px; top: -182px;pointer-events:none;z-index:2; }
footer .general_article { color: #fff; }
    footer .general_article > h2 { font-size: 1.9em; margin-bottom: 10px; }
    footer .general_article > p { font-size: 1.15em; }
footer a:hover, footer a:focus { text-decoration: underline; }
.footer_links { background-color: #049DBF; padding: 10px 10px 50px 10px; box-sizing: border-box; color: #EFEFEF; }
    .footer_links > .flex { background-color: #00000036; width: 100%; max-width: 1640px; margin: 0 auto; box-sizing: border-box; padding: 30px; }
    .footer_links .links_conti { width: 13%; }
        .footer_links .links_conti > h2 { display: block; margin-bottom: 20px; font-weight: 400; font-size: 1.2em; }
        .footer_links .links_conti > ul { }
            .footer_links .links_conti > ul > li { margin-bottom: 10px; }
                .footer_links .links_conti > ul > li > a { display: block; font-weight: 300; font-size: 1.15em; }
footer .credits { background-color: rgba(51, 51, 51, 1); color: #fff; font-size: 1.05em; padding: 15px 0; box-sizing: border-box; }
    footer .credits > .auto_margin { }
    footer .credits .sides_conti > .side_one { display: flex; flex-wrap: wrap; font-weight: 300; color: #A7A7A7; align-items: center; }
        footer .credits .sides_conti > .side_one > span { display: flex; align-items: center; margin-left: 10px; }
        footer .credits .sides_conti > .side_one > ul { display: flex; align-items: center; align-items: center; }
            footer .credits .sides_conti > .side_one > ul > li { display: flex; align-items: center; margin-left: 10px; }
                footer .credits .sides_conti > .side_one > ul > li a { color: #fff; }
                footer .credits .sides_conti > .side_one > ul > li > span { margin-right: 5px; }
    footer .credits .sides_conti { justify-content: space-between; }
        footer .credits .sides_conti > .side_two > ul { display: flex; flex-wrap: wrap; }
            footer .credits .sides_conti > .side_two > ul > li { margin-left: 30px; display: flex; align-items: center; }
                footer .credits .sides_conti > .side_two > ul > li:last-child { margin-left: 0; }
.footer_credits { text-align: center; padding: 10px; text-align: center; background-color: #000; color: #fff; }
.footer_details { background-color: #171717; font-size: 1.5em; box-sizing: border-box; color: #fff; border-bottom: 1px solid #fff; }
    .footer_details > .flex { width: 100%; max-width: 1288px; margin: 0 auto; padding: 30px 10px; box-sizing: border-box; }
        .footer_details > .flex > ul { align-items: center; }
            .footer_details > .flex > ul > li { margin-left: 20px; }
                .footer_details > .flex > ul > li:last-child { margin-left: 0; }
                .footer_details > .flex > ul > li > a { display: block; font-weight: 300; color: #FEE102; }
                    .footer_details > .flex > ul > li > a.contact_link { padding: 10px; border-left: 1px solid #fff; border-right: 1px solid #fff; box-sizing: border-box; }
footer .footer_socials { }
    footer .footer_socials > ul {display:flex; }
footer .footer_socials > ul > li > a { display: flex; justify-content: center; align-items: center; width: 50px; height: 50px; }

.footer_newsletter { width: 22% }
    .footer_newsletter .newsletter_title { margin-bottom: 10px; }
        .footer_newsletter .newsletter_title h2 { display: block; margin-bottom: 20px; font-weight: 400; font-size: 1.2em; border-bottom: 1px solid #fff; padding-bottom: 20px; }
        .footer_newsletter .newsletter_title span { }
    .footer_newsletter .newsletter_form { width: 100%; }
        .footer_newsletter .newsletter_form form { position: relative; width: 100%; }
            .footer_newsletter .newsletter_form form input { width: 100%; padding-left: 45px; box-sizing: border-box; }
            .footer_newsletter .newsletter_form form button { display: flex; justify-content: center; align-items: center; position: absolute; left: 0; top: 0; width: 108px; height: 100%; color: #fff; font-size: 1.2em; font-weight: 300; text-align: center; background-color: #039DBF; border: 1px solid #A7A7A7; }
                .footer_newsletter .newsletter_form form button:hover, .footer_newsletter .newsletter_form form button:focus { background-color: #808080; color: #fff; }
                .footer_newsletter .newsletter_form form button > img { }

footer .join_club_button {max-width:260px; }
footer .join_club_button img {height:25px; }
    footer .join_club_button:hover, footer .join_club_button:focus {text-decoration:none; }
/******End Footer******/
@media only screen and (max-width : 1150px) {
    .footer_details > .flex { padding: 10px; }
    .footer_details { font-size: 1.1em; }
        .footer_details > .flex > ul, .footer_details > .flex { width: 100%; justify-content: center; }
            .footer_details > .flex > ul > li { margin-left: 10px; }
}

@media only screen and (max-width : 1020px) {
    footer .footer_animal {left:10px; }

    .footer_links .links_conti { width: 100%; text-align: center; margin-bottom: 20px; }
        .footer_links .links_conti > img { max-width: 115px !important; padding-top:20px;}
    .footer_links > .flex { border: none; padding: 20px 5px; box-sizing: border-box; }
    .footer_links { padding: 30px 10px 50px 10px; }
    footer .credits > .auto_margin > span { width: 100%; text-align: center; justify-content: center; margin-bottom: 10px; }
    footer .credits > .auto_margin > ul { width: 100%; justify-content: center; flex-wrap: wrap; }
        footer .credits > .auto_margin > ul > li:nth-child(1) { width: 100%; text-align: center; justify-content: center; }

    .footer_details > .flex > ul { flex-wrap: wrap; }
        .footer_details > .flex > ul > li { width: 100%; text-align: center; margin-bottom: 5px; }
    .footer_newsletter { margin: 0 auto; }
        .footer_newsletter .newsletter_title { width: 100%; }
            .footer_newsletter .newsletter_title > div { width: 100%; }
            .footer_newsletter .newsletter_title h2 { width: 100%; text-align: center; }

    .footer_links .links_conti > h2 { max-width: 200px; margin: 0 auto 20px auto; }

    footer .credits .sides_conti > .side_one { width: 100%; margin-bottom: 20px; justify-content: center; }
        footer .credits .sides_conti > .side_one > ul { width: 100%; justify-content: center; margin-top: 15px; margin-bottom:15px;}
    footer .credits .sides_conti > .side_two { width: 100%; }
        footer .credits .sides_conti > .side_two > ul { width: 100%; justify-content: center; }

    .footer_newsletter { width: 100%; max-width: 300px; }
}

@media only screen and (max-width : 736px) {
    .socials_link { width: 100%; text-align: center; }
    footer .socials { width: 100%; }
    footer .footer_socials > ul { justify-content: center; }
}

@media only screen and (max-width : 360px) {
}
