/* ─── back to top ─── */

#back-to-top { width: 92%; max-width: var(--center-width-wide); margin: 0 auto 2.6rem; text-align: right; opacity: 0; visibility: hidden; transition: opacity 0.3s, visibility 0s 0.3s; }

#back-to-top[data-open] { opacity: 1; visibility: visible; transition: opacity 0.3s, visibility 0s; }

#back-to-top a { display: inline-block; height: 3.3rem; padding: 0 5.5rem 0 1rem; border: 1px solid #b6b6b6; text-align: right; color: #b6b6b6; line-height: 3.3rem; text-decoration: none; 
    background: url('../images/footer/btn-back-to-top.svg') 100% 50% no-repeat; }

#back-to-top a:hover { background-color: white; }

/* ─── footer ─── */

#footer { position: relative; z-index: 2; overflow: hidden;width:100%; }


#footer .bg {
    position: absolute;
    width: 164.1rem;
    height: 23.1rem;
    margin-left: -51.3rem;
    top: 0;
    left: 0;
    z-index: -1;
}

#footer .bg::before {content:'';position:absolute;z-index:1;top:0;left:0;width:100%;height:100%; background: url("../images/footer/bg-footer.webp") 50% 0 no-repeat; }
#footer .bg::after {content:'';position:absolute;z-index:0;bottom:0;left:0;width:100%;height:50%; background: var(--footer-bg-color);}


#partners {position: relative; z-index: 2;background:var(--footer-bg-color);  }
#partners>div{margin:0 auto;width:98%;max-width: var(--center-width-wide); display: flex; flex-wrap: nowrap;align-items: start; justify-content: end;}
#partners>div>div{flex:1 0 auto;text-align:right;}

#footer-wrap { position: relative;  display: flex; flex-direction: column; gap: 0; width: 92%; max-width: var(--center-width-wide); margin: 0 auto; padding: 1.3rem 0 3.8rem; }
#footer-wrap > div { display: flex; flex-wrap: nowrap; }
#footer-wrap > div > div:first-child { flex: 1 1 100%; }
#footer-wrap > div > div:last-child { flex: 1 0 auto; display: flex; align-items: flex-end; }
#footer-wrap > div:last-child > div:last-child { flex-direction: row; gap: 0; justify-content: flex-end; padding: 0;}

#footer-wrap .row1 { display: flex; flex-direction: column; min-width: 19.2rem; border-left: 1px solid var(--footer-border); }

#footer-wrap .row1 form { border-bottom: 1px solid var(--footer-border);margin:0; padding: 1.3rem 0 1.3rem 1.3rem; width:100%;}

#footer-wrap .row1 .caption { font-size: 0.85rem; padding: 0 0 0.4em 0; }


    #footer-wrap .row1 form .twowrap { display: table; }
    #footer-wrap .row1 form .twotwowrapwrap>* { display: table-cell;  }

#footer-wrap .row1 input.inp {width: 13.5rem;height: 1.9rem; line-height: 1.9rem; background: #dfe0e1; border: 0; 
    border-top: 1px solid #898989; border-left: 1px solid #898989;  padding: 0 0.4em; }

#footer-wrap .row1 input.btn { background: var(--bg-color); border: 1px solid var(--bg-color); color: white; border: 0; height: 1.9rem;
 font-family: var(--input-font-family); line-height:0; min-width: 3.8rem;
    text-transform: unset; cursor: pointer; }

#footer-wrap .row1 ul { align-self: flex-end; display: flex; list-style: none; margin: 0.7rem 0 ; padding: 0; }

#footer-wrap .row1 ul li { height: 2rem; line-height: 2rem; margin: 0 0 0 0.35rem; font-size: 0.85rem; }
 
#footer-wrap .row1 ul li a.soc {
    display: block; width: 2rem; height: 2rem;margin:0 0.1rem;
}

#footer-wrap .row1 .buttons { display: none; }

#footer-wrap ul.menu { display: flex; list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--footer-border); border-bottom: 1px solid var(--footer-border); }

#footer-wrap ul.menu li { padding: 0.4em 0; }

#footer-wrap ul.menu li a { color: var(--text-color); font-size: 0.85rem; padding: 0 .5em; }


@media screen and (max-width: 600px) {
    #footer { background: var(--overlay-hover); padding-bottom: 2.6rem; }
    #footer .bg { display: none; }
    #footer-wrap > div > div:first-child { display: none; }
    #footer-wrap > div > div  {width:100%; flex: 1 1 100%; align-items: stretch; }
    #footer-wrap ul.menu { display: block; border-bottom: none; padding-bottom: 1.3rem; margin-bottom: 0.65rem; }
    #footer-wrap ul.menu li { text-align: right; padding: 0.4em 0; }
    #footer-wrap ul.menu li a { display: inline-block; }
    #footer-wrap .row1 {  border-left: none; }
    #footer-wrap .row1 form { border-bottom: 1px solid var(--footer-border); padding: 1.3rem 0; width: 100%; }

 
    #footer-wrap .row1 ul { margin: 0.65rem 0; }
    #footer-wrap .row1 .buttons { display: block; width: 100%; text-align: right; border-top: 1px solid var(--footer-border); padding: 0.65rem 0; }
}