/*
Theme Name: Critiane Vilarta
Theme URI: https://www.cristianevilarta.com.br
Author: WF Multimídia
Author URI: http://www.wfmultimidia.com.br
Description: Layout de Rua Zero e tema desenvolvido por WF Multimídia
Version: 1.0
*/

/* CSS Document */

@font-face {
    font-family: 'Myriad Pro Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Myriad Pro Regular'), url('fonts/MYRIADPRO-REGULAR.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Myriad Pro Condensed';
    font-style: normal;
    font-weight: normal;
    src: local('Myriad Pro Condensed'), url('fonts/MYRIADPRO-COND.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Myriad Pro Condensed Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Myriad Pro Condensed Italic'), url('fonts/MYRIADPRO-CONDIT.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Myriad Pro Light';
    font-style: normal;
    font-weight: normal;
    src: local('Myriad Pro Light'), url('fonts/MyriadPro-Light.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Myriad Pro Semibold';
    font-style: normal;
    font-weight: normal;
    src: local('Myriad Pro Semibold'), url('fonts/MYRIADPRO-SEMIBOLD.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Myriad Pro Semibold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Myriad Pro Semibold Italic'), url('fonts/MYRIADPRO-SEMIBOLDIT.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Myriad Pro Bold Condensed';
    font-style: normal;
    font-weight: normal;
    src: local('Myriad Pro Bold Condensed'), url('fonts/MYRIADPRO-BOLDCOND.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Myriad Pro Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Myriad Pro Bold'), url('fonts/MYRIADPRO-BOLD.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Myriad Pro Bold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Myriad Pro Bold Italic'), url('fonts/MYRIADPRO-BOLDIT.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Myriad Pro Bold Condensed Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Myriad Pro Bold Condensed Italic'), url('fonts/MYRIADPRO-BOLDCONDIT.woff') format('woff');
    }

html, body {     font-family: 'Myriad Pro Regular'; background: #ffffff; font-size: 18px;}

a:link {color:#000}
a:visited {color:#000}
a:active {color:#000}
a:hover {color:#9ab899; text-decoration:none;}


img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}



@media (min-width: 300px) {.leftcenter {text-align: center;} .pinkbox h2 { font-size: 22px; font-weight: bold;  padding-top: 15px; padding-bottom: 10px; margin-bottom: 55px; }.depoimento .carousel-caption {     right: 3%; left: 3%;} .depoimento p { font-size: 19px; color: #fff; }}
@media (min-width: 500px) {.leftcenter {text-align: left;} .pinkbox h2 { font-size: 30px; font-weight: bold;  padding-top: 15px; padding-bottom: 10px; margin-bottom: 55px; }.depoimento .carousel-caption {     right: 5%; left: 5%;} .depoimento p { font-size: 20px; color: #fff; }}
@media (min-width: 769px) {.leftcenter {text-align: left;} .pinkbox h2 { font-size: 30px; font-weight: bold;  padding-top: 15px; padding-bottom: 10px; margin-bottom: 55px; }.depoimento .carousel-caption {     right: 25%; left: 25%;} .depoimento p { font-size: 23px; color: #fff; }}


.bg-body-tertiary { background-color: rgba(255,255,255,0.5); color: #000;}
.bg-body-tertiary a{ text-decoration: none !important; }
.togglen { border: none; padding: 0px; color:#000; font-size: 30px;}
.togglen:hover { color:#9ab899; border: none !important; }
.togglen:active { border: none !important; }
.togglen:focus { border: none !important; }
.center { text-align: center;}
 .btpink { background: #fd857f; font-weight: 800; font-size: 14px; color:#fff !important; text-decoration: none; padding: 10px 25px;}
 .btpink:hover { background: #9ab899; font-weight: 800; font-size: 14px; color:#fff !important; text-decoration: none; padding: 10px 25px;}

.topo { background: #fde6d2;}
.topo h2 { color: #14686c; font-weight: 900;}
.topo p { font-weight: 800;}
.topo img {padding: 0px; margin: 0px;}
.btagende { border: 2px solid #fd857f; padding: 5px 25px 5px 0px; background: #fff; color:#000; font-weight: 900; text-decoration: none !important; border-radius: 5px; display: inline-flex;}
.btagende .fa-brands {     background: #fd857f;
    padding: 5px;
    color: #fff;
    font-size: 37px;
    border-radius: 5px;
    margin-left: -2px;
    margin-bottom: -10px;
    margin-top: -10px;
    margin-right: 15px;
    display: inline-block;}
.topo h2 { color: #14686c; font-weight: 900;}
    .btagende:hover { background: #fdbdba;    color: #fff;}

    .padd{ padding-top: 60px; padding-bottom: 60px;}

    .gray { background: #f0efef;}
    .gray h2 { color: #000; font-weight: bold; margin-bottom: 40px;}
    .gray p { font-weight: normal;}

    .atuacao { background: #fff;}
    .atuacao h2 { color: #000; font-weight: 900; margin-bottom: 40px;}
    .atuacao h4 { color: #000; font-weight: light; font-size: 15px; }
    .atuacao h5 { color: #000; font-weight: bold; font-size: 35px; }
    .atuacao h5>small { color: #000; font-weight: light; font-size: 25px; }
    .atuacao p { font-weight: normal;}

    .svbox h4{ font-weight: bold; padding-top: 15px; padding-bottom: 15px; font-size: 19px; }
    .svbox p { color: #8e8e8e; font-size: 16px; }

    .greenbox { background-color: #9ab899; padding-top: 15px; padding-bottom: 15px;}
    .greenbox h2 {  font-family: 'Myriad Pro Bold'; color:#fff; font-weight: bold; font-size: 24px; padding-top: 15px; padding-bottom: 15px;}
    .greenbox h2>span {color: #000; }
.svbox img { margin-top: 15px;}
.btcontat { background: #fff; padding: 10px 15px; color:#000 !important; text-decoration: none; display: block; text-align: center; font-family: 'Myriad Pro Bold';}
.btcontat:hover { background: #000; padding: 10px 15px; color:#fff !important; text-decoration: none; display: block; text-align: center; font-family: 'Myriad Pro Bold';}

.curriculo { background-image: url('img/bg.png'); background-position: top; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; padding-top: 40px; padding-bottom: 40px;}
.curriculo h3 { font-family: 'Myriad Pro Bold'; color: #fff; text-transform: uppercase; padding-bottom: 5px; margin-bottom: 0px; padding-top: 25px; font-size: 23px; }
.curriculo h2 { font-family: 'Myriad Pro Bold'; color: #fd857f;padding-bottom: 50px; margin-bottom: 0px; padding-top: 0px; font-size: 59px; }
.curriculo p { color:#fff; font-size: 25px; }
.curriculo em { font-weight: bold;}
.curriculo hr { border-color: #fff; border-top: 2px solid #fff; opacity: 1;}
.depoimento { /* background-image: url('img/depoimento.jpg'); background-position: center; background-repeat: no-repeat; background-size: cover; background-attachment: local; padding-top: 40px; padding-bottom: 20px; */ color: #fff;}


.carousel-indicators [data-bs-target] {
    width: 10px;
    height: 10px;
    padding: 0;
    border-radius: 50px !important;
    background-color: #fff;
    border: 0px;
}

.cinzabox { background:#dcddde; border-radius: 30px; padding-left: 25px; padding-right: 25px; padding-bottom: 20px; height: 100%;margin-top: 15px; margin-bottom: 15px;}
.cinzabox .imgtopcircle { margin-top: -70px;}
.cinzabox h4 {font-family: 'Myriad Pro Bold'; font-size: 20px; padding-top: 15px; padding-bottom: 15px;}

.imgcris { width: 90%; margin-top: 45px;}

.grp { color: #8e8e8e; font-size: 18px; }
.czbg { background: #f0efef; padding-top: 35px; padding-bottom: 35px; }

.greenbg { background: #9ab899; color:#fff; padding: 20px 0px 20px 0px; }
.greenbg h4 { color:#000; font-family: 'Myriad Pro Bold';  padding-bottom: 10px; padding-left: 15px; padding-right: 15px; font-size: 15px; font-style: italic;}
.greenbg p { color:#fff;  padding-bottom: 10px; font-size: 15px; padding-left: 15px; padding-right: 15px;}
.greenbg a { display: block; background: #fd857f; padding: 3px; color:#fff; font-family: 'Myriad Pro Bold'; font-style: italic; text-align: center; text-decoration: none; text-transform: uppercase; font-size: 15px; margin-right: -5px; }
.livropng {     margin-right: -93px; }
.pinkbox { background: #fd857f; padding-top: 45px; padding-bottom: 45px; color: #fff; }


.pinkbox h2>span { border-bottom: 1px solid #fff; margin-left: 20px; margin-right: 20px; padding-bottom: 15px;}
.iconepk { height: 50px; display: block;}

footer { padding-top: 50px; padding-bottom: 150px; }
footer { font-weight: 700; color:#9ab899;}
footer .fa-brands { font-size: 45px;}
footer a:link { color: #9ab899 !important; }
footer a:active { color: #9ab899 !important; }
footer a:visited { color: #9ab899 !important; }
footer a:hover { color: #9ab899 !important; text-decoration: none; }
@media (min-width:768px) {
    .wrapright .container {
        width: calc(((100% - 750px) / 2) + 750px) !important;
        margin-right: 0;

    }

}



@media (min-width:992px) {
    .wrapright .container {
        width: calc(((100% - 970px) / 2) + 970px) !important;
        margin-right: 0;
    }
}

@media (min-width:1200px) {
    .wrapright .container {
        width: calc(((100% - 1170px) / 2) + 1170px) !important;
        margin-right: 0;
    }
}


@media (min-width:768px) {
    .wrapleft .container {
        width: calc(((100% - 750px) / 2) + 750px) !important;
        margin-left: 0;
    }


}

@media (min-width:992px) {
    .wrapleft .container {
        width: calc(((100% - 970px) / 2) + 970px) !important;
        margin-left: 0;
    }

}

@media (min-width:1200px) {
    .wrapleft .container {
        width: calc(((100% - 1170px) / 2) + 1170px) !important;
        margin-left: 0;
    }
}