/* Global */
.fw-5 { font-weight: 500; }
.ls-1 { letter-spacing: .1em; }
button:focus { outline: none; }
/* .separator { display: flex; align-items: center; text-align: center; } */
/* .separator::before, .separator::after { content: ''; flex: 1; border-bottom: 2px solid #0B304A; } */
/* .separator::before { margin-right: .50em; } */
/* .separator::after { margin-left: .50em; } */
.btn-newsletter { background-color: #13BAA0; border-color: #13BAA0; color: #FFF; }
.btn-newsletter:hover { color: #FFF; }

/* Navbar Transparent */
.navbar { background: transparent; transition: 0.5s; padding: 1rem; }
.navbar .navbar-brand img { width: 150px; transition: 0.5s; }
.navbar .navbar-nav .nav-link { color: #FFF; }
.navbar .navbar-nav .nav-link:hover { color: #13BAA0; }
.navbar .navbar-nav .btn-login { color: #FFF; border-color: #FFF; }
.navbar .navbar-nav .btn-login:hover { color: #FFF; border-color: #13BAA0; background-color: #13BAA0; }
.navbar .navbar-toggler .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); }

/* Navbar Default */
.navbar-default { background: #0B304A; transition: 0.5s; box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important; }
.navbar-default .navbar-brand img { width: 35px; transition: 0.5s; }
.navbar-default .navbar-nav .nav-link { color: #FFF; }
.navbar-default .navbar-nav .nav-link:hover { color: #13BAA0; }
.navbar-default .navbar-nav .btn-login { color: #FFF; border-color: #FFF; }
.navbar-default .navbar-nav .btn-login:hover { color: #FFF; border-color: #13BAA0; background-color: #13BAA0; }
.navbar-default .navbar-toggler .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); }

/* Header */
.header {
  height: 50vh;
  background-image: url('../img/wallpaper_1.jpg');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media(max-height: 414px) {
  .header { height: 100vh; }
}

/* Benefits */
.benefits .benefits-title {
    color: #13BAA0;
}

.card {
    cursor: default;
    border: none;
    border-radius: 1rem;
    box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1);
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
}

div#simulator div.card {
    padding: 20px 30px;
    cursor: default;
    border: none;
    border-radius: 1rem;
    box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1);
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
}

.benefits .card#simulator-trigger {
    cursor: pointer;
    display: block;
}

.benefits .card:hover {
    box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.3);
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
}

.benefits .card .card-icon {
    color: #0B304A;
}

.benefits .card .card-title {
    color: #0B304A;
    margin: .75rem 0;
}

/* Plans */
.plans .plans-title { color: #13BAA0; margin-bottom: 2.5rem; }
.plans .card { border: none; border-radius: 1rem; transition: all 0.2s; box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1); margin: 1rem 0; }
.plans .card hr { margin: 1.5rem 0; }
.plans .card .card-title { margin: 0.5rem 0; font-size: 0.9rem; font-weight: bold; }
.plans .card .card-price { font-size: 3rem; margin: 0; }
.plans .card .card-price .period { font-size: 0.8rem; }
.plans .fa-ul { margin-left: 1.6em!important; }
.plans ul li { margin-bottom: 1rem; font-weight: 500; }
.plans .text-muted { opacity: 0.7; }
.plans .btn {
  font-size: 80%;
  border-radius: 5rem;
  letter-spacing: .1rem;
  font-weight: bold;
  padding: 1rem;
  opacity: 0.7;
  transition: all 0.2s;
  color: #13BAA0;
  border-color: #13BAA0;
}
@media (min-width: 992px) {
  .plans .card { margin: 0; }
  .plans .card:hover { margin-top: -.25rem; margin-bottom: .25rem; box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.3); }
  .plans .card:hover .btn { color: #FFF; background-color: #13BAA0; border-color: #13BAA0; opacity: 1; }
}

.footer { background-color: #0B304A; }
.footer .footer-about img { width: 170px; }
.footer .footer-about a { background: rgba(255, 255, 255, 0.1); border-radius: 100%; line-height: 3rem; height: 3rem; width: 3rem; color: #FFF; }
.footer .footer-about a:hover { color: #13BAA0; }
.footer .footer-newsletter input { border: none; }
.footer .footer-newsletter input:focus { border: none; box-shadow: none; }
.footer .footer-newsletter input { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.footer .footer-newsletter button { border-top-left-radius: 0; border-bottom-left-radius: 0; }

/* Alert */
.alert-dismissible { padding: .75rem!important; }
.alert-dismissible .close { padding: .75rem!important; bottom: 0; }
@media(min-width: 992px) {
  .alert-dismissible { font-size: .95em; }
}

.img-responsive {
    max-width: 100%;
    height: auto;
    display: block;
}

span.req {
    color: #ff0000;
    font-weight: bold;
}

footer div.register-info {
    background-color: #FFF;
    padding: 15px 0;
}

footer div.register-info div.container {
    display: flex;
    flex-direction: row;
    align-items: center;
}

footer div.register-info div.container>div {
    margin-left: 10px;
    margin-right: 10px;
    flex: 1;
}

footer div.register-info div.container>div:first-child {
    margin-left: 0;
}

footer div.register-info div.container>div:last-child {
    margin-right: 0;
}

footer div.register-info div.container>div {
    display: flex;
    flex-direction: column;
    align-items: center;
}

footer div.register-info div.container > div > p{
    text-transform: uppercase;
    font-size: 12px;
    color: #0B304A;
    font-weight: 600;
    letter-spacing: 0.8px;
    text-align: center;
}

footer div.register-info div.container>div:first-child img {
    width: 150px;
    height: 51px;
}

footer div.register-info div.container>div:nth-child(2) img {
    width: 150px;
    height: 112px;
}

footer div.register-info div.container>div:last-child {
    text-align: right;
}

footer div.register-info div.container>div:last-child p,
footer div.register-info div.container>div:last-child h2 {
    color: #000;
    margin-bottom: 0;
    letter-spacing: 0.5px;
}

footer div.register-info div.container>div:last-child h2 {
    font-weight: 800;
    letter-spacing: 1px;
    font-size: 18px;
    margin: 8px 0;
}

@media (max-width: 768px) {
    footer div.register-info div.container {
        flex-direction: column;
    }

    footer div.register-info div.container>div {
        margin: 15px 0;
    }

    #table-simulator{
        font-size: 12px;
    }
}

footer a.link-phone,
footer a.link-phone:hover,
footer a.link-phone:visited {
    color: unset;
    text-decoration: none;
}

.loader-wrapper{
    width: 100%;
    height: 100%;
    background-color: #ffffffb3;
    z-index: 300;
    position: absolute !important;
}

.loader-container{
    margin: 0 -50% 0 0;
    position: absolute;
    top: 50%;
    left: 50%;
}

@media(min-width: 768px) {
    .w-md-50 {
        width: 50% !important;
    }
}