/* 
    Created on : 20 de ago. de 2024, 22:25:32
    Author     : LANES
*/

body {
    background-color: #0d0d0d;
    color: #f3f3f3;
    margin-top: 20px;
    letter-spacing:.04em;
}

.tx-color {
    color: #ffae14;
}

.n-price {
    color: #ffae14;
}

.o-price {
    color: #CCC;
}

.bg-orange {
    background-color: #ffae14;
}

.roboto-thin {
    font-family: "Roboto", sans-serif;
    font-weight: 100;
    font-style: normal;
}

.roboto-light {
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    font-style: normal;
}

.roboto-medium {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-style: normal;
}

.roboto-black {
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-style: normal;
}

.roboto-thin-italic {
    font-family: "Roboto", sans-serif;
    font-weight: 100;
    font-style: italic;
}

.roboto-light-italic {
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    font-style: italic;
}

.roboto-medium-italic {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-style: italic;
}

.roboto-black-italic {
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-style: italic;
}

#header {
    margin-top: 50px;
}
#header .treinamento-pecas {

}
#header .title-header {
    font-size: 3.45em;
}
#header .oab {
    color: #ffae14;
}
#header .dp {

}
.img-header {
    /*max-width: 400px;*/
}

.container .space-content {
    margin-top: 40px;
}

#content .title-sobre {
    font-size: 2.45em;
    margin-top: 50px;
}

#content .box-background {
    background-color: #292929;
    color: #FFF;
    padding: 20px;
}
#content .box-background:first-child {
    margin-right: 40px;
}
#content .title-box {
    text-transform: uppercase;
    font-size: 1.2em;
    color: #ffae14;
}

.img-content {
    margin: 0 -12px;
    object-fit: cover; /* Do not scale the image */
    object-position: center;
    overflow-x: hidden;
    overflow-y: hidden;
    height: 524px;
    width: 416px;
    margin-top: 31px;
}

#content .title-metodologia {
    font-size: 2.45em;
    margin-top: 50px;
}

.main-timeline2{
    padding-top:25px;
    overflow:hidden;
    position:relative;
}
.main-timeline2:before{
    content:"";
    width:7px;
    height:100%;
    background:#ffae14;
    margin:0 auto;
    position:absolute;
    top:80px;
    left:0;
    right:0
}
.main-timeline2 .timeline{
    width:50%;
    float:left;
    padding:20px 60px;
    border-top:7px solid #ffae14;
    border-right:7px solid #ffae14;
    border-radius:0 30px 0 0;
    position:relative;
    right:-3.5px
}
.main-timeline2 .icon{
    display:block;
    width:50px;
    height:50px;
    line-height:50px;
    border-radius:50%;
    background:#292929;
    border:1px solid #ffae14;
    text-align:center;
    font-size:25px;
    color:#fff;
    box-shadow:0 0 0 2px #ffae14;
    position:absolute;
    top:-30px;
    left:0
}
.main-timeline2 .timeline-content{
    display:block;
    padding:30px 10px 10px;
    border-radius:20px;
    background:#292929;
    color:#fff;
    position:relative;
    text-decoration: none !important;
}
.main-timeline2 .timeline-content:hover{
    text-decoration:none;
    color:#fff
}
.main-timeline2 .timeline-content:after,.main-timeline2 .timeline-content:before{
    content:"";
    display:block;
    width:10px;
    height:50px;
    border-radius:10px;
    background:#292929;
    border:1px solid #ffae14;
    position:absolute;
    top:-35px;
    left:50px
}
.main-timeline2 .timeline-content:after{
    left:auto;
    right:50px
}
.main-timeline2 .title{
    font-size:24px;
    margin:0
}
.main-timeline2 .description{
    margin:0 0 5px
}
.main-timeline2 .timeline:nth-child(2n){
    border-right:none;
    border-left:7px solid #ffae14;
    border-radius:30px 0 0;
    right:auto;
    left:-3.5px
}
.main-timeline2 .timeline:nth-child(2n) .icon{
    left:auto;
    right:0;
    box-shadow:0 0 0 2px #ffae14
}
.main-timeline2 .timeline:nth-child(2){
    margin-top:130px
}
.main-timeline2 .timeline:nth-child(odd){
    margin:-130px 0 30px
}
.main-timeline2 .timeline:nth-child(even){
    margin-bottom:80px
}
.main-timeline2 .timeline:first-child,.main-timeline2 .timeline:last-child:nth-child(even){
    margin:0 0 30px
}
.main-timeline2 .timeline:nth-child(2n) .icon,.main-timeline2 .timeline:nth-child(2n) .timeline-content,.main-timeline2 .timeline:nth-child(2n) .timeline-content:after,.main-timeline2 .timeline:nth-child(2n) .timeline-content:before{
    background:#292929
}
.main-timeline2 .timeline:nth-child(3n) .icon,.main-timeline2 .timeline:nth-child(3n) .timeline-content,.main-timeline2 .timeline:nth-child(3n) .timeline-content:after,.main-timeline2 .timeline:nth-child(3n) .timeline-content:before{
    background:#292929
}
.main-timeline2 .timeline:nth-child(3n) .icon{
    box-shadow:0 0 0 2px #ffae14
}
.main-timeline2 .timeline:nth-child(4n) .icon,.main-timeline2 .timeline:nth-child(4n) .timeline-content,.main-timeline2 .timeline:nth-child(4n) .timeline-content:after,.main-timeline2 .timeline:nth-child(4n) .timeline-content:before{
    background:#292929
}
.main-timeline2 .timeline:nth-child(4n) .icon{
    box-shadow:0 0 0 2px #ffae14
}

#content .title-programatico {
    font-size: 2.45em;
    margin-top: 50px;
}
#content .list-group-item {
    color: #FFF;
    background-color: transparent;
}
#content .box-itens {
    margin: 30px 0 0 0;
}

#content .box-background-investimento {
    background-color: #292929;
    color: #FFF;
    padding: 20px;
}

#content .inventimento-space {
    margin-bottom: 20px;
}

#stepper .stepper {
    .line {
        width: 2px;
        background-color: lightgrey !important;
    }
    .lead {
        font-size: 1.1rem;
    }
}

#stepper .title-sobre {
    font-size: 2.45em;
}
#stepper .align-items-center {
    margin-right: 30px;
}
#stepper .num {
    text-shadow:2px 2px 2px #000;
}
#stepper .bdr {
    border:2px solid #FFF;
}

.livro {
    margin-bottom: 20px;
}

@media only screen and (max-width:767px){
    .main-timeline2:before{
        left:0;
        right:auto
    }
    .main-timeline2 .timeline,.main-timeline2 .timeline:nth-child(even),.main-timeline2 .timeline:nth-child(odd){
        width:100%;
        float:none;
        padding:20px 30px;
        margin:0 0 30px;
        border-right:none;
        border-left:7px solid #ffae14;
        border-radius:30px 0 0;
        right:auto;
        left:0
    }
    .main-timeline2 .icon{
        left:auto;
        right:0
    }
}
@media only screen and (max-width:480px){
    .main-timeline2 .title{
        font-size:18px
    }
}

footer {
    margin: 40px 0;
    text-align: right;
    color: #444;

}
footer a {
    color: #444;
    text-decoration: none;
}
footer a:hover {
    color: #444;
    text-decoration: none;
}

@media (max-width: 992px) {
    #header {
        margin-top: 20px;
    }
    #header .title-header {
        font-size: 2.45em;
    }
    .img-header {
        /*margin: 0 -20px;*/
        border-radius: 0px !important;
        object-fit: cover; /* Do not scale the image */
        object-position: center;
        overflow-x: hidden;
        overflow-y: hidden;
        height: 460px;
        width: 100%;
    }


    #header {
        margin-top: 20px;
    }
    #content .title-sobre {
        font-size: 2.45em;
    }

    .img-content {
        /*margin: 0 -12px;*/
        border-radius: 0px !important;
        object-fit: cover; /* Do not scale the image */
        object-position: center;
        overflow-x: hidden;
        overflow-y: hidden;
        height: 460px;
        width: 100%;
        margin-top: 15px;
    }

    #content .box-background {
        border-radius: 0px !important;
    }
    #content .box-background:first-child {
        margin-bottom: 10px;
        margin-right: 0px;
    }
}