﻿



.navbar-dark .navbar-nav .nav-link:hover {
    color: #FF6633 !important;
}

.navbar-dark .navbar-nav .active > .nav-link {
    color: rgb(100,121,205);
    font-weight:900;
}

.container
{
    display:inline!important;

}

body {
    font-family: 'Lucida Sans Unicode';
    padding-top: 0px;
}


.bg-dark {
    background-color: #252525 !important;
    color: white;
}
.navbar-dark .navbar-nav .nav-link {
    color: white;
    font-weight:100;
}

.logo {
    margin-top: 65px;
    margin-left:28%;
}

.section-content {
    height: 431px;
    position: relative;
}





.buttons {
    margin: auto;
    display: flex !important;
    flex-direction: row;
    position: relative;
    bottom: 0px;
    justify-content: center;
}

.btn-group {
    margin: auto;
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.btn {
    border-radius: 1.25rem;
    width: 150px;
}

    .btn:hover {
        color: whitesmoke;
    }

.purple {
    background-color: rgb(100,121,205);
    border-color: rgb(100,121,205);
    color: white;
    margin-left: 5%;
    margin-top:10px;
    margin-right:5%;
}
.main-right-text p{
    font-size: 18pt;
}

.purplet {
    border-color: rgb(100,121,205);
    color: rgb(100,121,205);
    margin-left: 4%;
    margin-right: 5%;
    margin-top: 10px;
}

    .purplet:hover {
        background-color: white;
        border-color: rgb(100,121,205);
        color: rgb(100,121,205);
    }

body {
    color: #58595b;
}

.section-image {
    position: relative;
    background: no-repeat center;
    background-image: url('../Images/menino.jpg') ;
    padding: 0;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.gray-text {
    background-color: rgb(240, 240, 240);
    position: relative;
    height: 365px;
}

.gray-text-xs {
    background-color: rgb(240, 240, 240);
    height: 340px;
}

.sectionbox {
    background-image: url('../../index/Images/homem.jpg');
    background-repeat: no-repeat;
    background-position: center;
}

.lefttext {
    margin-left: 42px;
    margin-top: 50px;
    width: 40%;
    float: left;
}

.categorie ul {
    padding-left: 25px;

}


.purpletext {
    color: rgb(100,121,205);
}

.righttext {
    margin-right: 42px;
    margin-top: 50px;
    width: 40%;
    float: right;
}



.right-buttons {
    margin-top: 50px;
    margin-left:40px;
}



.men-image {
    position: relative;
    bottom: 0px;
    left: 42%;
}
/* Set padding to keep content from hitting the edges */
body {
    overflow-x: hidden;
}

.nav-link {
    color: white;
}

/* Override the default bootstrap behavior where horizontal description lists
   will truncate terms that are too long to fit in the left column
*/
.dl-horizontal dt {
    white-space: normal;
}

.divnavbar {
    padding-right: 0px;
    padding-left: 0px;
    height: 38px;
}

.spanNumber {
    color: #FF6633;
    font-size: 25pt;
}

.icon-image {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.section-how {
    margin-top: 100px;
    margin-left: 43px
}

.section-how-content {
    margin-top: 10px;
}


.btn.orange {
    background-color: #FF6633;
    color: white;
    border-color: #FF6633;
    width: 250px;
}

    .btn.orange:hover {
        background-color: #FF6633;
        color: white;
        border-color: #FF6633;
    }

.btn.oranget {
    background-color: white;
    color: #FF6633;
    border-color: #ff6633;
}

    .btn.oranget:hover {
        background-color: white;
        color: #FF6633;
        border-color: #ff6633;
    }

.section-how .buttons {
    margin-top: 10px;
    margin-bottom: 10px;
}

.section-orange {
    background-color: #FF6633;
    color: white;
}



.section-admin-content {
    margin-top: 33px;
}

.admin-text {
    margin-top: 30px;
    font-size:18pt;
}

.white {
    background-color: white;
    color: #FF6633;
    border-color: white;
    width: 350px;
}

    .white:hover {
        background-color: white;
        color: #FF6633;
        border-color: white;
    }

.whitet {
    background-color: #ff6633;
    border-color: white;
    color: white;
}

    .whitet:hover {
        background-color: #ff6633;
        border-color: white;
        color: white;
    }

.section-admin .buttons {
    margin-top: 10px;
    margin-bottom: 20px;
}

.spanNumberWhite {
    font-size: 25pt;
}

.section-purple {
    background-color: #6479CD;
    color:white;
}

.user-text
{
    text-align: center;
    margin-top:10px;
}
div.icon-image{
    height:60px;
    margin-top:20px

}
.whiteb {
    background-color: #6479CD;
    color:white;
    border-color:white;
}

.section-black {
    background-color: #252525;
    color: white;
}




.footer{
    margin-top:50px;
    margin-bottom:50px;

}

.navbar-collapse {
    float: right !important;
    margin-right: -18px;
}
/*.row{ border:1px solid purple;}
div {
    border: 1px solid yellow;
}*/
/*desktop configuration*/
@media (min-width: 1274px) {
    .body {
        color: #58595b;
    }



    .contact-text {
        width: 80%;
    }
    .how-text {
        margin-top: 10px;
        font-size: 10pt;
    }
    .section-content-text {
        position: relative;
        height: 50%
    }

    .content-text {
        position: relative;
        text-align: left;

        top: 30%;
        margin-left: 42px;
        margin-right: 40px;
    }
    .categorie {
        margin-top: 10px
    }
    .menino-mobile {
        display:none;

    }
    .section-how {
        margin-top: 60px;
        margin-left: 43px
    }

    .section-admin {
        margin-top: 70px;
        margin-left: 43px
    }

    .homem-mobile{
        display:none;
    }
    .section-black input {
        width: 90%;
        max-width: 90%;
        background-color: #acacac;
    }

    .nav-link {
        font-size: 10pt;
    }
    .navbar-brand{
        margin-top:-7px;
    }

    h3 {
        font-size: 24pt;
        font-weight: bold;
    }

    h4 {
        font-weight: bold;
        font-size: 18pt;
    }

    p {
        font-size: 12pt;
    }


}
