@charset "utf-8";
/* CSS Document */
/* ================================
   Sticky Footer
================================ */

#gsStickyFooter {

    position: fixed;

    left: 0;
    bottom: -180px;

    width: 100%;
    height: 130px;

    background: #d5f267;

    z-index: 99999;

    display: flex;
    align-items: center;

    opacity: 0;

    transition:
        bottom .7s ease,
        opacity .7s ease;

    box-shadow: 0 -4px 14px rgba(0,0,0,.18);

    box-sizing: border-box;

}

/* Visible */

#gsStickyFooter.show{

    bottom:0;
    opacity:1;

}

/* Content */

.gs-footer-content{

    max-width:1400px;
    width:100%;

    margin:auto;

    padding:0 40px;

    display:flex;
    justify-content:space-between;
    align-items:center;

    box-sizing:border-box;

}

/* Text */

.gs-footer-text h1{

    margin:0;

    color:#000;

    font-size:32px;
    font-weight:700;
    line-height:1.2;

}

.gs-footer-text p{

    margin:10px 0 0;

    color:#000;

    font-size:18px;

}

/* Button */

.gs-btn{

    width:310px;
    height:30px;

    padding:6px 13px;

    display:flex;
    justify-content:center;
    align-items:center;

    background:#005640;

    color:#fff;

    text-decoration:none;

    text-transform:uppercase;

    border-radius:12px;

    font-weight:bold;

    transition:.25s;

    box-sizing:border-box;

}

.gs-btn:hover{

    background:#004735;

}

/* Close Button */

.gs-close{

    position:absolute;

    top:12px;
    right:18px;

    width:32px;
    height:32px;

    border:none;

    background:transparent;

    color:#444;

    font-size:28px;

    cursor:pointer;

    line-height:1;

}

.gs-close:hover{

    color:#000;

}

/* Keyboard accessibility */

.gs-btn:focus,
.gs-close:focus{

    outline:3px solid #005640;
    outline-offset:3px;

}

/* Responsive */

@media(max-width:768px){

#gsStickyFooter{

    height:auto;

    padding:22px 0;

}

.gs-footer-content{

    flex-direction:column;

    text-align:center;

    gap:18px;

    padding:0 20px;

}

.gs-footer-text h1{

    font-size:24px;

}

.gs-footer-text p{

    font-size:16px;

}

.gs-btn{

    width:100%;
    max-width:310px;

}

.gs-close{

    top:8px;
    right:10px;

}

}