/*=========================================================
---------------------- nav -----------------------
=========================================================== */

.navbar-default {
    background-color: #88004f;
    border-color: #88004f;
}

/*=========================================================
---------------------- safe area -----------------------
=========================================================== */
.safe-area {
    background-image: url('/Content/login/Temas/diretrix/img/banner_1.jpg');
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: 120%, cover;
    background-color: #ec2079;
}

@media (min-width:1600px){
    .safe-area {
        background-size: 98%, 98%;
    }
}

@media (max-width: 768px){
    .safe-area {
        background-position: -316px;
        background-size: cover, cover;
        /*background-image:none;*/
    }
}
.container-item-login {
    background-color: #c9156a;
    color: #fff;
}

.safe-area h1 > span.text-default {
    color: #e1e319;
}

.container-item-login > p.title-item {
    color: #e1e319;
}

/*=========================================================
---------------------- Section About-us -------------------
=========================================================== */

/*=========================================================
---------------------- Section Produtos -------------------
=========================================================== */


.section-produtos {
    background-image: url('../img/banner_2.jpg');
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 100%, cover;
    background-color: #fff;
}

@media (max-width:1600px){
    .section-produtos {
        
        background-size: 130%, cover;
    }
}
@media (max-width:1024px) {
    .section-produtos {
      
        background-size: 176%,cover;
    }
}

@media (max-width:768px) {
    .section-produtos {
        background-size: 240%,cover;
    }
}

@media (max-width:425px) {
    .section-produtos {
        background-image:none;
    }
}
/*=========================================================
---------------------- Section Carrousel  -----------------
=========================================================== */
.section-carousel {
    background-color: #464646;
}

/*=========================================================
---------------------- Section footer --------------------
=========================================================== */
footer .social-icone {
    background-color: #7a0047;
}

.panel {    
    background-color: transparent;
}

/*=========================================================
---------------------- Backgroud colors -----------------------
=========================================================== */

.purple-bg {
    background: #88004f;
}



/*=========================================================
---------------------- Text colors -----------------------
=========================================================== */

.text-dark-purple {
    color: #61348c;
}

.text-middle-purple {
    color: #652d90;
}

.text-purple {
    color: #88004f;
}

.text-rose {
    color: #ec2079;
}