﻿x/*------------------------------------*\
    
    Page Footer CSS

    Page footer...........The main page footer.

\*------------------------------------*/

.page-footer {
    position: relative;
    padding-top: 50px;
}

.page-footer ul,
.page-footer ul li {
    margin: 0;
    padding: 0;
}

.page-footer ul li::before {
    display: none;
}

.page-footer a {
    background: transparent;
}

.footer-top {
    position: relative;
    padding: 40px 20px 35px;
}
.page-footer .get-direction a .icon svg{
    max-width: 14px;
    max-height: 13px;
    margin-top: -3px;
}


.footer-top h4 {
    font-size: 20px;
    color: #3778DF;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    padding: 0 0 10px;
    border-bottom: 1px solid #DBDADA;
    margin-bottom: 18px;
}

.footer-top h5 {
    font-size: 16px;
    color: #333333;
    letter-spacing: 0.06em;
    padding: 0 0 12px;
    line-height: 1.5em;
}

.footer-top p {
    padding-bottom: 14px;
    color: #484848;
    font-family: 'Hind', sans-serif;
}

.footer-top p a {
    color: #484848;
    font-weight: 400;
}

.get-direction {
    padding: 0 0 18px;
}

.get-direction a {
    font-size: 16px;
    color: #972AB2;
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
}

.get-direction a i {
    font-size: 14px;
    vertical-align: middle;
    padding: 0 0 2px 6px;
}

.footer-contact {
    padding-bottom: 9px;
}

.footer-top .footer-contact p {
    padding-bottom: 5px;
    color: #333333;
    letter-spacing: 0.06em;
}

.footer-top .footer-contact p span {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
}

.footer-top .footer-contact p a {
    color: #333333;
    font-weight: 400;
}

.footer-top .footer-contact p:not(.footer-contact-phone):not(.footer-contact-fax) a {
    font-weight: 700;
}

.footer-col {
    padding-bottom: 20px;
}

ul.quick-links,
ul.quick-btn {
    column-count: 2;
    -moz-column-count: 2;
}

ul.quick-links li {
    padding-bottom: 8px;
}

.quick-links a {
    color: #484848;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Hind', sans-serif;
}

ul.quick-btn a {
    font-size: 16px;
    color: #972AB2;
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
}

ul.quick-btn a i {
    font-size: 14px;
    vertical-align: middle;
    padding: 0 0 2px 6px;
}

ul.social-media {
    display: flex;
    align-items: center;
    padding: 35px 0;
}
ul.quick-btn a .icon svg {
    max-width: 14px;
    max-width: 13px;
    margin-top: -3px;
}

ul.social-media li {
    padding-right: 10px;
}

ul.social-media li a {
    font-size: 31px;
    display: block;
    color: #3E2639;
}

ul.social-media li a .icon svg {
    transition: .35s all;
}

.footer-quick-info {
    padding: 28px 25px 25px;
    box-shadow: 0 0 30px rgba(62, 38, 57, 0.26);
    border-radius: 5px;
    text-align: center;
}

.footer-quick-info h3 {
    font-size: 23px;
    color: #333333;
    padding-bottom: 20px;
}

.footer-quick-info ul {
    word-break: break-all;
}

.footer-quick-info ul li {
    list-style: none;
    padding: 0 13px 0 14px;
    display: inline;
    /* display: inline list-item; */
    position: relative;
}



.page-footer .footer-quick-info ul li::after {
    content: "";
    position: absolute;
    left: -4px;
    top: 10px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #333333;
    display: block !important;
}

.page-footer .footer-quick-info ul li:first-child::after {
    /* display: none; */
}

/* .footer-quick-info ul li:first-child {
    list-style: none;
} */

.footer-quick-info ul li a {
    font-size: 16px;
    color: #333333;
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
}

.footer-bottom {
    background: #333333;
    padding: 20px 0 10px;
    text-align: center;
}

.footer-bottom ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
}

.footer-bottom ul li {
    padding: 0 16px;
    line-height: 1em;
    position: relative;
    font-size: 15px;
    color: #FFFFFF;
    font-weight: 400;
    margin-bottom: 14px;
}

.footer-bottom ul li::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    height: 14px;
    background: #FFFFFF;
}

.footer-bottom ul li:last-child:after {
    display: none;
}

.footer-bottom ul li a {
    color: #FFFFFF;
    font-weight: 400;
}

.back-top-btn {
    position: fixed;
    right: 15px;
    bottom: 15px;
    z-index: 10;
}

.back-top-btn a {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #F58220;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    font-size: 19px;
    color: #FFFFFF;
    border: none;
}



@media (min-width: 389px) {
    .footer-quick-info ul li {
        padding: 0 13px 0 19px;
    }
}

@media (min-width: 768px) {
    ul.quick-links,
    ul.quick-btn {
        max-width: 310px;
    }

    ul.social-media {
        padding: 52px 0;
    }

    .footer-quick-info ul {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        align-items: center;
        word-break: break-all;
    }
    
    .footer-quick-info ul li {
        list-style: disc;
        word-break: break-all;
    }

    .footer-quick-info ul li {
        padding: 0 35px 0 13px;
    }

    .footer-quick-info ul li:nth-child(2) {
        padding-left: 13px;
    }
    
    .footer-quick-info ul li:nth-child(4) {
        padding-left: 13px;
        padding-right: 35px;
    }
    
    .footer-quick-info ul li:nth-child(6) {
        padding-right: 35px;
    }
    
   

    .footer-top {
        padding: 60px 30px;
    }

}

@media (min-width: 1200px) {
    .footer-top {
        padding: 10px 30px 65px;
    }

    .footer-wrap {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: space-between;
    }

    .footer-right {
        width: 306px;
    }

    .footer-left {
        width: calc(100% - 306px);
        padding-right: 50px;
    }

    .quick-links a {
        font-size: 17px;
    }

    .footer-quick-info {
        max-width: 1098px;
        margin: 60px auto 0;
        padding: 15px 40px;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }

    .footer-quick-info h3 {
        font-size: 23px;
        width: 260px;
        padding-bottom: 0;
    }

    .footer-quick-info ul {
        width: calc(100% - 260px);
        border-left: 1px solid #EBEBEB;
        justify-content: center;
        padding-left: 20px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    /* .footer-quick-info ul li:nth-child(6) {
        list-style: none;
    } */

    .footer-bottom ul li {
        padding: 0 20px;
        font-size: 18px;
    }

    .footer-top h4 {
        margin-bottom: 30px;
    }

    .page-footer a:hover,
    .footer-top .footer-contact p a:hover {
        color: #972AB2;
        background: linear-gradient(to bottom,  rgba(151,42,178,1) 0%,rgba(151,42,178,1) 100%);
        background-position: 0 100%;
        background-repeat: repeat-x;
        background-size: 2px 2px;
        font-weight: 700;
    }
  .get-direction a:hover,
  .quick-btn li a:hover {
       padding-bottom: 5px;
  }
    ul.social-media li a:hover {
        background: transparent;
    }
    ul.social-media li a:hover .icon svg {
        fill :#972AB2;
    }

    .footer-bottom ul li a:hover {
        background: transparent;
        font-weight: 400;
        color: #F58220;
    }

    .footer-inner {
        padding-top: 90px;
        box-shadow: 0 0 30px rgba(62, 38, 57, 0.15);
        z-index: 1;
    }

    .footer-quick-info ul li {
        padding: 0 35px 0 35px;
        list-style: none;
    }

    .footer-quick-info ul li:nth-child(2),
    .footer-quick-info ul li:nth-child(4) {
        padding-left: 35px;
    }

    .footer-quick-info ul li a {
        letter-spacing: 0.06em;
    }

    .page-footer .footer-quick-info ul li::after {
        display: block;
        left: -2px;
        top: 12px;
    }

    /* .footer-quick-info ul li:first-child:after,
    .footer-quick-info ul li:nth-child(5)::after {
        display: none;
    } */
    .page-footer{
        padding-top: 100px;
    }
    .page-footer .back-top-btn a:hover {
        background: #3778DF;
        color: #FFFFFF;
        border: none;
    }

}

@media (min-width: 1366px) {
    .footer-left {
        padding-right: 90px;
    }
}


.input_email {
      font-size: 16px;
}


.footer-quick-info ul li a[href="#"]{
    pointer-events: none;
}

.page-footer .footer-quick-info ul li:first-child::after,
.page-footer .footer-quick-info ul li:nth-child(5n+1)::after{
	display: none;
}

.page-footer .footer-quick-info ul li:last-child::after {
    display: block;
}

@media (min-width: 1200px) {
    .page-footer .footer-quick-info ul li:first-child::after,
    .page-footer .footer-quick-info ul li:nth-child(3n+1)::after{
        display: none;
    }
} 