.wrapped{position:relative;overflow:hidden;padding:50px 100px}
footer.flex{position:relative;background:#344746;padding:40px 100px 30px;color:#FFF;align-items:stretch;align-content:stretch}
footer a{color:#FFF}
footer a:hover{color:red}
footer .title{width:100%;text-transform:uppercase;display:block;margin-bottom:20px;letter-spacing:0.05rem;color:#FFF}
#sitemap{width:32%}
#sitemap li{margin-bottom:5px}
#sitemap li::before{background:#be884d!important}
#footer_contact{width:32%;text-align:center;font-size:1.2rem;line-height:1.4rem}
#footer_contact a:hover{color:#FFF}
#social_networks{width:32%;text-align:right}
#social_networks a{color:#344746;display:inline-block;margin-left:60%;margin-bottom:10px}
#social_networks a span{width:30px;height:30px;padding-top:3px;border-radius:50%;font-size:1.1rem;background:#FFF}
#legals{min-height:160px;width:-webkit-calc(15% + 30px);width:calc(15% + 30px)}
#copyright{text-align:center;width:100%;font-size:0.875rem;letter-spacing:0.05rem}
@media screen and (max-width:1050px){.wrapped{padding:80px 50px}}
@media screen and (max-width:900px){.wrapped{padding:80px 20px}}
@media screen and (max-width:450px){footer.flex{padding-left:20px;padding-right:20px}
#sitemap,#social_networks{width:50%}
#sitemap{order:2;margin-bottom:30px}
#social_networks{order:3}
#footer_contact{order:1;margin-bottom:40px;width:100%}
#copyright{order:4}}.soustitre{font-family:'kyiv_light',sans-serif;;color:#be884d;font-size:1.125rem;line-height:1.5rem;margin-bottom:20px}
@media screen and (max-width:450px){.soustitre{font-size:1.25rem;line-height:1.6rem}}#quotes_container{position:absolute;z-index:1;width:560px;top:-webkit-calc((100% - 225px) / 2);top:calc((100% - 225px) / 2);left:100px;font-size:3.125rem;line-height:4rem;text-transform:uppercase;font-family:'kyiv_light';white-space:nowrap}
#quotes{position:relative}
.quote{display:none;position:absolute;z-index:1;top:0;left:0}
.quote.active{display:block}
#quotes span{width:100%;height:60px;display:block;overflow:hidden;-webkit-transition:padding-top 400ms ease-in-out;-o-transition:padding-top 400ms ease-in-out;transition:padding-top 400ms ease-in-out}
#quotes span.hide{padding-top:60px}
#quotes span.hide.show{padding-top:0}
#introduction .mainLink{margin-top:60px}
@media screen and (max-width:1320px){#quotes_container{width:460px;left:70px;font-size:2.5rem;line-height:4rem}}
@media screen and (max-width:900px){#quotes_container{width:380px;top:170px;left:-webkit-calc((100% - 380px) /2);left:calc((100% - 380px) /2);font-size:2.2rem;line-height:2.2rem}
#quotes_container span{height:40px}}
@media screen and (max-width:450px){#quotes_container{width:320px;top:150px;left:-webkit-calc((100% - 320px) /2);left:calc((100% - 320px) /2);font-size:1.8rem}}
@media screen and (max-width:370px){#quotes_container{width:280px;top:120px;left:-webkit-calc((100% - 280px) /2);left:calc((100% - 280px) /2);font-size:1.6rem}}