@charset "utf-8";


body { font-family: 'Titillium Web', sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }


.footer-bank { background-color: #313D48; font-size: 16px !important; }
.footer-bank h1.title-footer { font-size: 18px !important; color: #C68BED; font-weight: 600; margin-bottom: 20px !important; line-height: 1; letter-spacing: 0; text-align: left; text-transform: none !important;}
.col-footer { padding-left: 30px; line-height: 32px; margin: 30px 0;}
.footer-bank .last {margin: 70px 0 30px !important;}
.col-footer ul { list-style: none; margin: 0px 0px 0px 0px; padding: 0; }
.col-footer ul li { line-height: 1.6; margin-bottom: 5px; text-align: left; }
.col-footer ul li a { color: #FFF; }
.col-footer ul li a:hover { text-decoration: underline; }
.info-footer { background-color: #313D48; font-size: 12px; padding: 30px 0;}
.info-footer .container { border-top:1px solid #505A63; padding-top: 30px;}
.info-footer p { font-size: 14px !important; color: #FFF; margin: 0 0 10px; text-align: right}
.info-footer a, .info-footer a:focus { text-decoration: underline; color: #fff;}
.info-footer a:hover { text-decoration: underline; color: #C68BED;}
.info-footer h2.title-footer { font-size: 18px !important; color: #fff; font-weight:400; margin: 0 0 10px 0; line-height: 1.4; text-align: left;}
.info-footer .container .row div:first-child { text-align: left;}
.info-footer .container .row div:last-child { text-align: right;}
.col-footer ul li .la-instagram { margin-left: 15px; }
.col-footer ul.rrss {margin-top: 10px;}
.col-footer ul.rrss li {display: inline-block; max-height: 30px;}
.col-footer ul.rrss li a, .col-footer ul.rrss li a:focus { color: #FFF; font-size:32px; text-decoration: none;}
.col-footer ul.rrss li a i:hover { color: #C68BED !important; text-decoration: none; }

@media screen and (max-width: 991px) {
  .info-footer h2.title-footer { text-align: center;}
  .info-footer .container .row div:first-child { text-align: center; margin-bottom:20px;}
  .info-footer .container .row div:last-child { text-align: center;}
  .info-footer p { font-size: 14px !important; color: #FFF; margin: 0 0 10px; text-align: center;}
}

@media (max-width: 767px) {
  .info-footer strong {display: block;}
  .footer-bank .last {margin: 10px 0 30px !important;}
  .col-footer ul li .la-instagram { margin-left: 20px; }
  .col-footer ul.rrss {margin-top: 30px; width: 100%; margin-left:-20px; text-align:center;}
  .col-footer ul.rrss li a, .col-footer ul.rrss li a:focus { font-size:36px;}
  .info-footer h2.title-footer {line-height: 1;}
}