@charset "utf-8";

/* CSS Document */

/*--Navigation  --*/

.navbar{text-transform: uppercase; font-weight: 700; font-size: .9rem; letter-spacing: 0.1rem; background: rgba(1,2,25,0.25);}

.navbar-brand{padding-left: 2rem;}

.nav-link{color: aliceblue;}

.nav-link:hover{color: #1ebba3;}

.nav-item:active{color: #1EBBA3;}

.navbar-nav{margin-right:3rem;}

.nav-link{color: aliceblue;}



/*--  Container - Card  --*/

.container{margin-top: 6rem; border-bottom: 1px solid #333;}

.cards{max-width: 1200px; margin: 10px auto;}

.card{width: 32%; margin: 0.66%; float: left; justify-content: center; align-items: center;

  overflow: hidden; cursor: pointer;}

.img__card{width: 100%; transition: 0.5s;}

.card-title {position: absolute; font-size: 30px; color: white; margin-bottom: 20px;

  filter: opacity(0); transition: All 0.5s ease-in-out;}

.card p{position: absolute; font-size: 20px; color: white; margin-top: 50px; filter:opacity(0);

  transition: All 0.5s ease-in-out;}

.card:hover .img__card{transform: scale(1.1); filter: brightness(0.5);}

.card:hover .card-title, .card:hover p{filter: opacity(1); transition: 0.5s;}



@media (max-width: 767.98px) {

.card{width: 96%; margin: 2%;}

  }

/*-- Container - Card  --*/



/*--  Footer  --*/

footer .container{margin-top: 0rem;}

footer{padding: 0 0 0px 0; font-size: 14px;}

footer .row{}

footer .footer-top{padding-top:1px; color: #333;}

footer .footer-top .footer-info{margin-bottom: 0px;}

footer .footer-yop .footer-info h3{font-size: 26px; margin: 0 0 10px 0; padding: 2px 0 2px 0;

  line-height: 1; font-family: "Raleway", sans-serif; font-weight: 700; color:#fff;}

footer .footer-top .footer-info img{height: 40px; margin-bottom: 10px;}

footer .footer-top .footer-info p{font-size: 14px; line-height: 24px; margin-bottom: 0;

  font-family: "Raleway" sans-serif; color: #333;}

footer .footer-top .social-links a{font-size: 18px;  display: inline-block; background: #080855;

  color: #eee; line-height: 1; padding: 8px 0; margin-right: 4px; border-radius: 50%; text-align:

  center; width: 36px; height: 36px; transition: 0.3s;}

footer .footer-top .social-links a:hover{background: #f82249; color: #fff;}

footer .footer-top h4{font-size: 14px; font-weight: bold; color: #333; text-transform: uppercase;

  position: relative; padding-bottom: 12px; border-bottom: 2px solid #f82249;}

footer .footer-top .footer-links{margin-bottom: 0px;}

footer .footer-top .footer-links ul{list-style: none; padding: 3px; margin: 0;}

footer .footer-top .footer-lnks ul i{padding-right: 5px; color: #f82249; font: 18px;}

footer .footer-top .footer-links ul li{border-bottom: 1px solid #fff; padding: 10px 0;}

footer .footer-top .footer-links ul li:first-child{padding-top: 0;}

footer .footer-top .footer-links a{color: #333;}

footer .footer-top .footer-links a:hover{color: #f82249;text-decoration: none;}

footer .footer-top .footer-contact{margin-bottom: 0px;}

footer .footer-top .footer-contact p{line-height: 26px; text-decoration: none;}

footer .copyright{text-align: center; padding-top: 1px;}

footer .credits{text-align: center; color: #333;  padding-bottom: 5px;}



footer .fa-angle-right{color: #f82249; margin-right: 4px;}



@media (max-width: 767.98px) {

footer .container{width: 96%; margin: 2%;}

  }