.footer {
    padding: 80px 0;
    text-align: center;
    position: relative;
    overflow: hidden;
}

/*@media only screen and (max-width: 991px) {*/
/*    .footer {*/
/*        padding-top: 40px;*/
/*    }*/
/*}*/

/*@media only screen and (max-width: 769px) {*/
/*    .footer {*/
/*        padding-bottom: 320px;*/
/*    }*/
/*}*/

/*@media only screen and (max-width: 550px) {*/
/*    .footer {*/
/*        padding-bottom: 220px;*/
/*    }*/
/*}*/

/*.footer.come-in:before {*/
/*    background: url("https://yuccahq.com/wp-content/themes/child-theme/images/page.home-img/footerbg2.png") no-repeat center;*/
/*    background-size: cover;*/
/*    bottom: 0;*/
/*}*/

/*@media only screen and (max-width: 420px) {*/
/*    .footer.come-in:before {*/
/*        background: url("https://yuccahq.com/wp-content/themes/child-theme/images/page.home-img/footerbg2-m-min.png") no-repeat center;*/
/*    }*/
/*}*/

/*.footer:before {*/
/*    bottom: -300px;*/
/*    left: 0;*/
/*    height: 430px;*/
/*    width: 100%;*/
/*    position: absolute;*/
/*    transition: all linear 1s;*/
/*    content: "";*/
/*}*/

/*@media only screen and (max-width: 991px) {*/
/*    .footer:before {*/
/*        height: 300px;*/
/*    }*/
/*}*/

/*@media only screen and (max-width: 530px) {*/
/*    .footer:before {*/
/*        height: 180px;*/
/*    }*/
/*}*/

/*@media only screen and (max-width: 430px) {*/
/*    .footer:before {*/
/*        height: 140px;*/
/*    }*/
/*}*/

/*@media only screen and (max-width: 490px) {*/
/*    .footer .footer-top .col-xs-6 {*/
/*        width: 100%;*/
/*    }*/
/*}*/

.footer .footer-top .footer-item {
    border-radius: 25px;
    color: #fff;
    vertical-align: middle;
    padding-bottom: 20px;
    min-height: 340px;
}

.footer .footer-top .footer-item .title {
    padding: 5px 25px;
    text-align: center;
    font-weight: 500;
    color: #c8a467;
    font-size: 19px;
    border-radius: 30px;
    position: relative;
}

.footer-item .title::before {
    position: absolute;
    content: '';
    width: 8px;
    height: 6px;
    right: 0;
    top: calc((100% - 6px) / 2);
    background: rgba(0, 0, 0, 1);
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 18%, rgba(211, 173, 110, 1) 95%, rgba(227, 203, 163, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0, 0, 0, 1)), color-stop(18%, rgba(0, 0, 0, 1)), color-stop(95%, rgba(211, 173, 110, 1)), color-stop(100%, rgba(227, 203, 163, 1)));
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 18%, rgba(211, 173, 110, 1) 95%, rgba(227, 203, 163, 1) 100%);
    background: -o-linear-gradient(left, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 18%, rgba(211, 173, 110, 1) 95%, rgba(227, 203, 163, 1) 100%);
    background: -ms-linear-gradient(left, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 18%, rgba(211, 173, 110, 1) 95%, rgba(227, 203, 163, 1) 100%);
    background: linear-gradient(to right, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 18%, rgba(211, 173, 110, 1) 95%, rgba(227, 203, 163, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#e3cba3', GradientType=1);
}

.footer-item .title::after {
    position: absolute;
    content: '';
    width: 8px;
    height: 6px;
    left: 0;
    top: calc((100% - 6px) / 2);
    background: rgba(227, 203, 163, 1);
    background: -moz-linear-gradient(left, rgba(227, 203, 163, 1) 0%, rgba(211, 173, 110, 1) 5%, rgba(0, 0, 0, 1) 82%, rgba(0, 0, 0, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(227, 203, 163, 1)), color-stop(5%, rgba(211, 173, 110, 1)), color-stop(82%, rgba(0, 0, 0, 1)), color-stop(100%, rgba(0, 0, 0, 1)));
    background: -webkit-linear-gradient(left, rgba(227, 203, 163, 1) 0%, rgba(211, 173, 110, 1) 5%, rgba(0, 0, 0, 1) 82%, rgba(0, 0, 0, 1) 100%);
    background: -o-linear-gradient(left, rgba(227, 203, 163, 1) 0%, rgba(211, 173, 110, 1) 5%, rgba(0, 0, 0, 1) 82%, rgba(0, 0, 0, 1) 100%);
    background: -ms-linear-gradient(left, rgba(227, 203, 163, 1) 0%, rgba(211, 173, 110, 1) 5%, rgba(0, 0, 0, 1) 82%, rgba(0, 0, 0, 1) 100%);
    background: linear-gradient(to right, rgba(227, 203, 163, 1) 0%, rgba(211, 173, 110, 1) 5%, rgba(0, 0, 0, 1) 82%, rgba(0, 0, 0, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e3cba3', endColorstr='#000000', GradientType=1);
}

@media only screen and (max-width: 769px) {
    .footer-item .title::before {
        width: 16px;
    }

    .footer-item .title::after {
        width: 16px;
    }
}

.footer .footer-top .footer-item ul {
    margin-top: 20px;
}

.footer .footer-top .footer-item ul li a {
    padding: 10px;
    width: 100%;
    font-size: 15px;
    display: block;
    font-weight: 200;
    border-radius: 10px;
    transition: all cubic-bezier(0.3, 0, 0.07, 1) 0.5s;
    color: #fff;
}

.footer .footer-top .footer-item ul li a:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

.footer .footer-address {
    display: flex;
    justify-content: space-between;
    margin: 50px auto;
}

@media only screen and (max-width: 769px) {
    .footer .footer-address {
        flex-wrap: wrap;
    }
}

.footer .footer-address .address-item {
    color: rgba(255, 255, 255, 0.5);
    margin-bottom: 40px;
    font-size: 18px;
    font-weight: 200;
}

@media only screen and (max-width: 769px) {
    .footer .footer-address .address-item {
        flex-basis: 100%;
    }

    .footer .footer-address .address-item:nth-child(1) {
        order: 1;
    }

    .footer .footer-address .address-item:nth-child(2) {
        order: 3;
    }

    .footer .footer-address .address-item:nth-child(3) {
        order: 2;
    }
}

.footer .footer-address .address-item img {
    display: inline-block;
    vertical-align: middle;
    margin: 0 8px;
}

.footer .footer-address .address-item .socialLink {
    padding: 5px 15px;
    text-align: center;
    background: #d3ad6e;
    background: -moz-linear-gradient(top, #d3ad6e 0%, #000 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #d3ad6e), color-stop(100%, #000));
    background: -webkit-linear-gradient(top, #d3ad6e 0%, #000 100%);
    background: -o-linear-gradient(top, #d3ad6e 0%, #000 100%);
    background: -ms-linear-gradient(top, #d3ad6e 0%, #000 100%);
    background: linear-gradient(to bottom, #d3ad6e 0%, #000 100%);
    color: #fff;
    font-size: 18px;
    border-radius: 20px;
    font-weight: bold;
    color: rgba(255, 255, 255, 0.6);
    font-family: "Sabatica";
}

/*.footer .footer-social {*/
/*    position: absolute;*/
/*    bottom: 70px;*/
/*    display: inline-block;*/
/*    right: calc((100% - 370px) / 2);*/
/*}*/

/*@media only screen and (max-width: 480px) {*/
/*    .footer .footer-social {*/
/*        right: 30px;*/
/*        bottom: 40px;*/
/*    }*/
/*}*/

.footer .footer-social ul li {
    display: inline-block;
    vertical-align: middle;
    margin-left: 35px;
    margin-bottom: 30px;
}

.footer .footer-social ul li a {
    position: relative;
    background: rgba(193, 173, 138, 0.17);
    width: 45px;
    height: 55px;
    border-radius: 50% 50% 20% 70%/60% 60% 40% 40%;
    display: inline-block;
}

.footer .footer-social ul li a img {
    margin-top: 15px;
}

.footer .footer-social ul li a:before {
    position: absolute;
    content: "";
    width: 12px;
    height: 12px;
    border-radius: 50% 50% 50% 50%/60% 60% 40% 40%;
    left: -14px;
    top: 10px;
    background: rgba(193, 173, 138, 0.17);
    transition: all cubic-bezier(0.3, 0, 0.07, 1) 0.5s;
}

.footer .footer-social ul li a:after {
    position: absolute;
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50% 50% 50% 50%/60% 60% 40% 40%;
    right: -10px;
    bottom: 10px;
    background: rgba(193, 173, 138, 0.17);
    transition: all cubic-bezier(0.3, 0, 0.07, 1) 0.5s;
}

.footer .footer-social ul li:hover a:before {
    left: -15px;
    top: 40px;
}

.footer .footer-social ul li:hover a:after {
    bottom: 40px;
}

.footer .earth {
    position: absolute;
    bottom: -70px;
    left: 0;
    width: 100%;
    z-index: -1;
    height: 800px;
    background: url("https://yuccahq.com/wp-content/themes/child-theme/images/page.home-img/earth.png") no-repeat center;
}

@media only screen and (max-width: 991px) {
    .footer .earth {
        bottom: -140px;
    }
}

.footer .earth .main {
    width: 1600px;
    height: 700px;
}

.footer .earth .light {
    position: absolute;
    top: 48px;
    left: -70px;
    width: 100%;
    height: 400px;
}

@media only screen and (max-width: 1200px) {
    .footer .earth .light {
        left: -40px;
    }
}

@media only screen and (max-width: 991px) {
    .footer .earth .light {
        left: -15px;
    }
}