/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
    [FOOTER]
        (NEWSLETTER)
        (COPYRIGHTS)

    [MEDIA QUERIES]

*/

/* [FOOTER] --------------------------------------------------- */

#footer {
    padding: 2rem 0;
    background: #fff;
    position: relative ;
    z-index: 0;
        margin-top: 40px;
    border: 1px solid #ddd;
} 
    #footer .panel-title {
        font-weight: 400;
        margin-bottom: 1rem;
        border-bottom: solid 1px #d9d8d8;
    }


        #footer .panel-title > a:after {
            display: none;
        }



        #footer .panel-title > a {
            font-weight: 300;
            text-transform: uppercase;
            font-size: 1.1rem;
        }

 

#footer a {
    color: #002d8a!important;
}
#footer .panel a {
    margin-bottom: .5rem;
    display: block;
}
#footer ul {
    list-style: outside none none;
    padding-left: 0;
}
#footer ul li a{  display: inline-block;
  position: relative; }
#footer .panel ul li a::after{     content: '';
    position: absolute;
    width: 100%;
    transform: scaleX(0);
    height: 1px;
    bottom: -3px;
    left: 0;
    background-color: #002d8a;
    transform-origin: bottom right;
    transition: transform 0.25s ease-out; }
#footer ul li a:hover::after{   transform: scaleX(1);
  transform-origin: bottom left; }

#footer .social-icons li{     border: 1px solid #c9c9c9; }
#footer .social-icons li:hover{ background:#002d8a; color: #5b0d41; }
#footer .social-icons li:hover a{ color: #fff!important; }

#footer .headwrapper .head {
    font-size: 1.15em;
}

#footer .footerbottom {
    margin-top: 0.99rem;
    padding-top: 0.99rem;
}

   
#footer .payments i {
    font-size: 1.3rem;
margin-right: 0.63rem;
}
 

/*  (NEWSLETTER) */
#divNewsLetterWrapper {
    margin-top: 0.99rem;
}
#divNewsLetterWrapper .select-option label
{
    display:block;
}

/*  (NEWSLETTER) END */


/* (COPYRIGHTS) */
.copyright {
    text-align: left;
}

/* (COPYRIGHTS) END */

/* [FOOTER] END --------------------------------------------------- */




/* [MEDIA QUERIES] --------------------------------------------------- */


@media screen and (min-width:992px) {
    #divNewsLetterWrapper {
        margin-bottom: 0.99rem;
    }
    .img-footerlogo{ width:300px; }
}
@media screen and (min-width:768px) {
    #footer .social {
        float: right;
    }
}
@media screen and (max-width:991px) {
   .img-footerlogo{ width:200px; }
}


@media screen and (min-width:768px) and (max-width:991.98px) {
    #footer .panel-title {
        margin-bottom: .7rem;
    }
}
@media screen and  (max-width:767.98px) {
    #footer {
        text-align: center;
        padding: 2rem 0;
    }

    .footerlinks {
        padding-bottom: 0;
    }
     .newsletterbtn {
        margin: 0.99rem 0;
    }
    .copyright {
        margin: 0.63rem 0;
    }
   

     

        #footer .panel-title {
            margin-bottom: 0rem;
            font-size: 1.2rem;
        }

        #footer .panel {
            text-align: left;
            margin-bottom: 1rem;
            width: 100%;
        }

        #footer .panel-group {
            padding: 0;
            display: flex;
            flex-wrap: wrap;
        }


        #footer .panel-collapse.in {
            display: block;
        }
}
/* [MEDIA QUERIES] END --------------------------------------------------- */

#footer .panel-body ul a{display: inline;}
#footer .panel-body ul a img{ width:50px; margin-right: 0.2rem;margin-top: 1.5rem; margin-bottom: 1.5rem;}



#footer .panel-title > a{     text-transform: uppercase;
    font-size: 1.2rem;
    cursor: auto;
    font-weight: 600;
    color: #002d8a; cursor:auto;}
#footer .panel-title > a:hover{ color:#002d8a !important;}
.payments { float:right;}
.payments img{ width: 60px; }
#footer .footerbottom {
 padding-top: 1.99rem !important; margin-top:0rem !important;
}
#footer .panel ul li a{      font-size: 16px;
    color: #002d8a;
    font-weight: 500;
    line-height: 35px;
    letter-spacing: 0.5px; }
#footer .panel ul li a:hover{ color: #664229; }

#footer .newsletter .form-control{background-color: transparent; border-color:#6d8a8a;color: #ebd771;}

#footer .newsletter .input-group-text{ background-color: #003333;
    border-color: #003333;
    color: #fff;}

#footer .newsletter .form-control::placeholder{ color:#fff !important;}

@media screen and (max-width: 575.98px) {
#footer .panel-body ul a img {width: 30px; }
#footer .panel ul li a { font-size: 0.9rem;}
.payments{ float:none;}
#footer .copyright { text-align: center;}


}