/*
Theme Name: agência 7etti
Theme URI: http://agencia7etti.com.br
Author: Agência 7etti
Author URI: http://agencia7etti.com.br/
Description: Tema criado para Agência de comunicação 7etti
Version: 1.0
*/

html{
    scroll-behavior: smooth;
}

body{
   width: auto;
   margin: 0;
}

.nav_mobile{
    visibility: hidden;
}

@font-face {
    font-family: principal;
    src: url(../site_novo/TT_Hoves/TT\ Hoves_Medium.otf);
}

@font-face {
    font-family: title;
    src: url(../site_novo/Hyperwave/Hyperwave\ One.ttf);
}

h1, h2, h3, h4, h5, h6{
    font-family: "title";
}

p , a {
    font-family: "principal" , sans-serif;
}

.nav{
    margin-right: 5%;
	padding-top: 25px;
}

.nav-item{
    text-transform: uppercase;
}

.nav-link{
    color: white !important;
}

header{
    background-image: url("https://agencia7etti.com.br/wp-content/uploads/2022/03/721.8-7etti_Site-e-redes-sociais-Agencia-7etti_Capa.webp");
    background-repeat: no-repeat;
    background-size: cover;
	background-position: center;
	height: 720px;
}

.title_header {
    color: white;
    font-size: 2em;
    background-image: url(../site_novo/img/721_05.png);
    background-repeat: no-repeat;
    background-position: center;
	padding-top: 1px;
}

.title_header p {
    margin-top: 10%;
    padding: 160px;
    margin-left: 105px;
	margin-bottom: 15%;
}

.section_2{
    background-image: url("https://agencia7etti.com.br/wp-content/uploads/2022/03/721.8-7etti_Site-e-redes-sociais-Agencia-7etti_QuemSomos.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 700px;
}

.text_quemSomos{
    color: white;
    margin-bottom: 50px;
}

.text_quemSomos h1{
    margin-top: 50px;
    font-size: 8em;
}

.a_7etti{
    margin-top: -80px !important;
}

.text_quemSomos p{
    margin: 10px;
    letter-spacing: .5px;
}

.section_3{
    background-image: url("https://agencia7etti.com.br/wp-content/uploads/2022/03/721.8-7etti_Site-e-redes-sociais-Agencia-7etti_Selecao7etti.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
    height: 700px;
}

.selecao-7etti{
    width: 70%;
    color: white;
}

.selecao-7etti h2{
    margin-top: 70px;
    font-size: 9em;
}

.selecao-7etti p{
    width: 80%;
    margin: 10px;
    letter-spacing: .5px;
	margin-bottom: 10%;
}

.section_4{
    background-image: url("https://agencia7etti.com.br/wp-content/uploads/2022/03/721.8-7etti_Site-e-redes-sociais-Agencia-7etti_Produtos-1.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 900px;
}

.carrousel_div{
    width: 80%;
    margin-left: 59%;
}

.carousel-flex{
    margin-top: 30%;
    
}

.title_dgFlex{
   color: #5901c9 ;
   font-size: 6em;
}

.title_dgPocket{
    color: #e70e51 ;
    font-size: 6em;
	margin-left: 4px;
 }

.carousel-item p{
    letter-spacing: .5px;
    width: 80%;
 }

.section_5{
    background-color: #211819;
    margin-top: -3px;
}

/*FMU*/

.portfolio_cases{
    display: block;
    position: relative;
}

.portfolio_cases img{
    display: block;
}

.portfolio_cases::before{
    content: url(../site_novo/img/BOTAO_FMU.png);
    position: absolute;
    top: 0;
    left: 3.5%;
    width: 380px;
    height: 450px;
    background: rgba(0,0,0,.4);
    transition: all .5s; 
}

.portfolio_cases:hover::before{
    content: '';
    background: transparent;   
}

.portfolio_cases:hover::after{
    content: 'Veja mais';
    display: block;
    position: absolute;
    border: 1px solid white;
    padding: 5px 20px;
    top: 75%;
    left: 50%;
    color: white;
    transform: translate(-50%);
}

.modal-content{
    background-image: url(<?php echo get_stylesheet_directory_uri(); ?>/img/Portifolio_7etti_Background_Fundo_ligthbox_FMU.png);
    background-repeat: no-repeat;
    background-size: cover;
    
}

.modal-body {
    padding: 3rem !important;
}

.carousel_modal_FMU{
    padding: 5%;
}

/*J&J*/

.portfolio_cases_2{
    display: block;
    position: relative;
}

.portfolio_cases_2 img{
    display: block;
}

.portfolio_cases_2::before{
    content: '';
    position: absolute;
    top: 0;
    left: 3.5%;
    width: 380px;
    height: 450px;
    background: rgba(0,0,0,.4);
    transition: all .5s;
    background-image: url("https://agencia7etti.com.br/wp-content/uploads/2022/01/BOTAO_johnson-johnson.png");
    background-repeat: no-repeat;
   
}

.portfolio_cases_2:hover::before{
    background: transparent;   
}

.portfolio_cases_2:hover::after{
    content: 'Veja mais';
    display: block;
    position: absolute;
    border: 1px solid #211819;
    padding: 5px 20px;
    top: 75%;
    left: 50%;
    color: #211819;
    transform: translate(-50%);
}

/*PROCED*/

.portfolio_cases_3{
    display: block;
    position: relative;
}

.portfolio_cases_3 img{
    display: block;
}

.portfolio_cases_3::before{
    content: '';
    position: absolute;
    top: 0;
    left: 3.5%;
    width: 380px;
    height: 450px;
    background: rgba(0,0,0,.4);
    transition: all .5s;
    background-image: url("https://agencia7etti.com.br/wp-content/uploads/2022/01/BOTAO_PROCED.png");
    background-repeat: no-repeat;
   
}

.portfolio_cases_3:hover::before{
    background: transparent;   
}

.portfolio_cases_3:hover::after{
    content: 'Veja mais';
    display: block;
    position: absolute;
    border: 1px solid #211819;
    padding: 5px 20px;
    top: 75%;
    left: 50%;
    color: #211819;
    transform: translate(-50%);
}

/*SALVE 7*/

.portfolio_cases_4{
    display: block;
    position: relative;
}

.portfolio_cases_4 img{
    display: block;
}

.portfolio_cases_4::before{
    content: '';
    position: absolute;
    top: 0;
    left: 3.5%;
    width: 380px;
    height: 450px;
    background: rgba(0,0,0,.4);
    transition: all .5s;
    background-image: url("https://agencia7etti.com.br/wp-content/uploads/2022/01/BOTAO_SALVE7.png");
    background-repeat: no-repeat;
   
}

.portfolio_cases_4:hover::before{
    background: transparent;   
}

.portfolio_cases_4:hover::after{
    content: 'Veja mais';
    display: block;
    position: absolute;
    border: 1px solid #211819;
    padding: 5px 20px;
    top: 75%;
    left: 50%;
    color: #211819;
    transform: translate(-50%);
}

/*TRUDO C*/

.portfolio_cases_5{
    display: block;
    position: relative;
}

.portfolio_cases_5 img{
    display: block;
}

.portfolio_cases_5::before{
    content: '';
    position: absolute;
    top: 0;
    left: 3.5%;
    width: 380px;
    height: 450px;
    background: rgba(0,0,0,.4);
    transition: all .5s;
    background-image: url("https://agencia7etti.com.br/wp-content/uploads/2022/01/BOTAO_TRUDOC.png");
    background-repeat: no-repeat;
    
}

.portfolio_cases_5:hover::before{
    background: transparent;   
}

.portfolio_cases_5:hover::after{
    content: 'Veja mais';
    display: block;
    position: absolute;
    border: 1px solid white;
    padding: 5px 20px;
    top: 75%;
    left: 50%;
    color: white;
    transform: translate(-50%);
}

/*UAM*/

.portfolio_cases_6{
    display: block;
    position: relative;
}

.portfolio_cases_6 img{
    display: block;
}

.portfolio_cases_6::before{
    content: '';
    position: absolute;
    top: 0;
    left: 3.5%;
    width: 380px;
    height: 450px;
    background: rgba(0,0,0,.4);
    transition: all .5s;
    background-image: url(../site_novo/img/BOTAO_UAM.png);
    background-repeat: no-repeat;
   
}

.portfolio_cases_6:hover::before{
    background: transparent;   
}

.portfolio_cases_6:hover::after{
    content: 'Veja mais';
    display: block;
    position: absolute;
    border: 1px solid white;
    padding: 5px 20px;
    top: 75%;
    left: 50%;
    color: white;
    transform: translate(-50%);
}

/*BMS*/

.portfolio_cases_7{
    display: block;
    position: relative;
}

.portfolio_cases_7 img{
    display: block;
}

.portfolio_cases_7::before{
    content: '';
    position: absolute;
    top: 0;
    left: 3.5%;
    width: 380px;
    height: 450px;
    background: rgba(0,0,0,.4);
    transition: all .5s;
    background-image: url("https://agencia7etti.com.br/wp-content/uploads/2022/01/BOTAO_BMS.png");
    background-repeat: no-repeat;
   
}

.portfolio_cases_7:hover::before{
    background: transparent;   
}

.portfolio_cases_7:hover::after{
    content: 'Veja mais';
    display: block;
    position: absolute;
    border: 1px solid white;
    padding: 5px 20px;
    top: 75%;
    left: 50%;
    color: white;
    transform: translate(-50%);
}

/*CYRELA*/

.portfolio_cases_8{
    display: block;
    position: relative;
}

.portfolio_cases_8 img{
    display: block;
}

.portfolio_cases_8::before{
    content: '';
    position: absolute;
    top: 0;
    left: 3.5%;
    width: 380px;
    height: 450px;
    background: rgba(0,0,0,.4);
    transition: all .5s;
    background-image: url("https://agencia7etti.com.br/wp-content/uploads/2022/01/BOTAO_CYRELA-1.png");
    background-repeat: no-repeat;
   
}

.portfolio_cases_8:hover::before{
    background: transparent;   
}

.portfolio_cases_8:hover::after{
    content: 'Veja mais';
    display: block;
    position: absolute;
    border: 1px solid white;
    padding: 5px 20px;
    top: 75%;
    left: 50%;
    color: white;
    transform: translate(-50%);
}

/*PREDIKTA*/

.portfolio_cases_9{
    display: block;
    position: relative;
}

.portfolio_cases_9 img{
    display: block;
}

.portfolio_cases_9::before{
    content: '';
    position: absolute;
    top: 0;
    left: 3.5%;
    width: 380px;
    height: 450px;
    background: rgba(0,0,0,.4);
    transition: all .5s;
    background-image: url("https://agencia7etti.com.br/wp-content/uploads/2022/01/BOTAO_PREDIKTA.png");
    background-repeat: no-repeat;
   
}

.portfolio_cases_9:hover::before{
    background: transparent;   
}

.portfolio_cases_9:hover::after{
    content: 'Veja mais';
    display: block;
    position: absolute;
    border: 1px solid white;
    padding: 5px 20px;
    top: 75%;
    left: 50%;
    color: white;
    transform: translate(-50%);
}

/*FAAP*/

.portfolio_cases_10{
    display: block;
    position: relative;
}

.portfolio_cases_10 img{
    display: block;
}

.portfolio_cases_10::before{
    content: '';
    position: absolute;
    top: 0;
    left: 3.5%;
    width: 380px;
    height: 450px;
    background: rgba(0,0,0,.4);
    transition: all .5s;
    background-image: url("https://agencia7etti.com.br/wp-content/uploads/2022/01/BOTAO_FAAP.png");
    background-repeat: no-repeat;
   
}

.portfolio_cases_10:hover::before{
    background: transparent;   
}

.portfolio_cases_10:hover::after{
    content: 'Veja mais';
    display: block;
    position: absolute;
    border: 1px solid white;
    padding: 5px 20px;
    top: 75%;
    left: 50%;
    color: white;
    transform: translate(-50%);
}

/*MICROECOLOGIA*/

.portfolio_cases_11{
    display: block;
    position: relative;
}

.portfolio_cases_11 img{
    display: block;
}

.portfolio_cases_11::before{
    content: '';
    position: absolute;
    top: 0;
    left: 3.5%;
    width: 380px;
    height: 450px;
    background: rgba(0,0,0,.4);
    transition: all .5s;
    background-image: url("https://agencia7etti.com.br/wp-content/uploads/2022/01/BOTAO_MIROECO.png");
    background-repeat: no-repeat;
   
}

.portfolio_cases_11:hover::before{
    background: transparent;   
}

.portfolio_cases_11:hover::after{
    content: 'Veja mais';
    display: block;
    position: absolute;
    border: 1px solid white;
    padding: 5px 20px;
    top: 75%;
    left: 50%;
    color: white;
    transform: translate(-50%);
}

/*VALENTINA*/

.portfolio_cases_12{
    display: block;
    position: relative;
}

.portfolio_cases_12 img{
    display: block;
}

.portfolio_cases_12::before{
    content: '';
    position: absolute;
    top: 0;
    left: 3.5%;
    width: 380px;
    height: 450px;
    background: rgba(0,0,0,.4);
    transition: all .5s;
    background-image: url("https://agencia7etti.com.br/wp-content/uploads/2022/01/BOTAO_Valentina.png");
    background-repeat: no-repeat;
   
}

.portfolio_cases_12:hover::before{
    background: transparent;   
}

.portfolio_cases_12:hover::after{
    content: 'Veja mais';
    display: block;
    position: absolute;
    border: 1px solid white;
    padding: 5px 20px;
    top: 75%;
    left: 50%;
    color: white;
    transform: translate(-50%);
}

/*HALEXISTAR*/

.portfolio_cases_13{
    display: block;
    position: relative;
}

.portfolio_cases_13 img{
    display: block;
}

.portfolio_cases_13::before{
    content: '';
    position: absolute;
    top: 0;
    left: 3.5%;
    width: 380px;
    height: 450px;
    background: rgba(0,0,0,.4);
    transition: all .5s;
    background-image: url("https://agencia7etti.com.br/wp-content/uploads/2022/01/BOTAO_halexistar.png");
    background-repeat: no-repeat;
   
}

.portfolio_cases_13:hover::before{
    background: transparent;   
}

.portfolio_cases_13:hover::after{
    content: 'Veja mais';
    display: block;
    position: absolute;
    border: 1px solid white;
    padding: 5px 20px;
    top: 75%;
    left: 50%;
    color: white;
    transform: translate(-50%);
}

/*CORPOREA*/

.portfolio_cases_14{
    display: block;
    position: relative;
}

.portfolio_cases_14 img{
    display: block;
}

.portfolio_cases_14::before{
    content: '';
    position: absolute;
    top: 0;
    left: 3.5%;
    width: 380px;
    height: 450px;
    background: rgba(0,0,0,.4);
    transition: all .5s;
    background-image: url("https://agencia7etti.com.br/wp-content/uploads/2022/01/BOTAO_Corporea.png");
    background-repeat: no-repeat;
   
}

.portfolio_cases_14:hover::before{
    background: transparent;   
}

.portfolio_cases_14:hover::after{
    content: 'Veja mais';
    display: block;
    position: absolute;
    border: 1px solid white;
    padding: 5px 20px;
    top: 75%;
    left: 50%;
    color: white;
    transform: translate(-50%);
}

/*MEDICONE*/

.portfolio_cases_15{
    display: block;
    position: relative;
}

.portfolio_cases_15 img{
    display: block;
}

.portfolio_cases_15::before{
    content: '';
    position: absolute;
    top: 0;
    left: 3.5%;
    width: 380px;
    height: 450px;
    background: rgba(0,0,0,.4);
    transition: all .5s;
    background-image: url("https://agencia7etti.com.br/wp-content/uploads/2022/01/BOTAO_Medicone.png");
    background-repeat: no-repeat;
   
}

.portfolio_cases_15:hover::before{
    background: transparent;   
}

.portfolio_cases_15:hover::after{
    content: 'Veja mais';
    display: block;
    position: absolute;
    border: 1px solid white;
    padding: 5px 20px;
    top: 75%;
    left: 50%;
    color: white;
    transform: translate(-50%);
}



/*FINAL CASES*/

.title_cases h2{
    color: white;
   font-size: 6em;
   padding: 30px;
}

.nav_cases{
    margin-top: 12%;
    margin-right: 15%;
}

.div_depoimentos{
    text-align: center;
}

.img_depoimentos{
    margin-top: 80px;
    width: 150px;
    height: 150px;
    border-radius: 50%;
}

.title_depoimentos{
    text-transform: uppercase;
    color: #ff0652;
    margin-top: 10px;
    font-style: italic;
}

.paragrafo_depoimentos{
    color: white;
    letter-spacing: .5px;
    width: 70%;
    margin: auto;
    font-size: small;
}

.paragrafo_depoimentos b{
    color: #ff0652 ;
    font-size: 1.5em;
    margin: 5px;
}

.section_7{
    background-color: #5900c9;
    height: 650px;
    margin: auto;
}

.section_8{
    background-image: url("https://agencia7etti.com.br/wp-content/uploads/2022/03/721.8-7etti_Site-e-redes-sociais-Agencia-7etti_Contato-1.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    height: 600px;
    padding: 0;
    margin-top: -7px;
    color: white;
}

.div_contact_left{
    text-align: left;
}

.div_contact_rigth{
    text-align: center;
}

.div_contact_rigth img{
    margin-top: 230px;
}

.text_principal, .text_secundario{
    text-transform: uppercase;
}

.text_principal{
    font-size: 32px;
    margin-top: 80px;
    width: 70%;
    font-weight: bold;
}

.text_secundario{
    font-size: 26px;
    color: #ff0652;
}

.text_contato{
    font-size: 14px;
}

.text_endereco{
    font-size: 15px;
    margin-top: 80px;
    width: 70%;
    text-align: left;
    background-color: rgba(25,25,25,.3)
}

footer{
    background-color: #181818;
    text-align: center;
    color: white;
    padding: 2.5%;
}

.fab{
    font-size: 1.5em;
}

.social_media{
    display: inline-block;
    list-style: none;
    padding-left: 0rem !important;
}

.nav-item {
    display: inherit !important;
}

@media (min-width: 576px){
.modal-dialog {
    max-width: 50% !important;
}
}

/* RESPONSIVO */

@media screen and (min-width: 1400px){

    header{
        height: 800px;
    }
}



@media screen and (max-width: 800px){

    .nav_mobile{
        visibility: visible;
    }    

    .nav_desktop{
        visibility: hidden;
        padding: 0;
    }

    .navbar {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }

    .nav-link{
        color: black !important;
    }

    .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12{
        width: 100% !important;
    }

    .title_header {
        background-position: left; 
    }

    .title_header p {
        margin-top: 30%;
        padding: 35px;
    }

    .text_quemSomos h1 {
        font-size: 6em;
		margin-bottom: 35px;
    }

    .section_2 {
        background-position: 75%;
    }

    .selecao-7etti h2 {
        font-size: 4em;
    }

    .section_4 {
        background-position: right;
    }

    .carrousel_div {
        margin: auto;
    }

    .carousel-flex {
        width: 90%;
    }

    .title_cases h2 {
        font-size: 3em;
        padding: 100px;
    }

    .carousel-item h3 {
        font-size: 4.5em;
        margin-top: 35px;
    }

    .section_8{
        height: auto;
        background-position: 85%;
    }

    .div_contact_rigth img {
        margin-top: auto;
        visibility: hidden; 
    }

    .text_endereco {
        font-size: 16px;
        margin-top: auto;
        width: 90%;
    }

    .fab{
        color: white;
    }

}