@font-face {
    font-family: Myriadpro;
    src: url("../../webfonts/MyriadPro/MYRIADPRO-REGULAR.ttf") format("opentype");
}

@font-face {
    font-family: Myriadpro;
    font-weight: bold;
    src: url("../../webfonts/MyriadPro/MYRIADPRO-BOLD.ttf") format("opentype");
}
@font-face {
    font-family: MyriadproIt;
	font-style:italic;
    src: url("../../webfonts/MyriadPro/MyriadPro-It.ttf") format("opentype");
}



@font-face {
    font-family: MyriadproBlackIt;
    font-weight: bold;
	font-style:italic;
    src: url("../../webfonts/MyriadPro/MyriadPro_Black_Italic.ttf") format("opentype");
}
@font-face {
    font-family: MyriadproLightItalic;
    font-weight: light;
	font-style:italic;
    src: url("../../webfonts/MyriadPro/MyriadPro-LightIt.ttf") format("opentype");
}

@font-face {
    font-family: MyriadproItalic;
    font-weight: light;
	font-style:italic;
    src: url("../../webfonts/MyriadPro/MyriadPro-It.ttf") format("opentype");
}

@font-face {
    font-family: MyriadproSemiBold;    
    src: url("../../webfonts/Myriad_Pro_Semibold_Italic.ttf") format("opentype");
}

@font-face {
    font-family: MyriadProCondensed;    
    src: url("../../webfonts/MyriadPro/MyriadPro-Cond.ttf") format("opentype");
}

@font-face {
    font-family: MyriadProCondensedBold;    
    font-weight: bold;
    src: url("../../webfonts/MyriadPro/MyriadPro-BoldCond.ttf") format("opentype");
}

@font-face {
    font-family: MyriadProCondensedItalic;    
    font-style: italic;
    src: url("../../webfonts/MyriadPro/MyriadPro-CondIt.ttf") format("opentype");
}

@font-face {
    font-family: MyriadProCondensedBoldItalic;    
    font-weight: bold;
    font-style: italic;
    src: url("../../webfonts/MyriadPro/MyriadProCondBoldItalic.ttf") format("opentype");
}

@font-face{
    font-family:Font Awesome\ 5 Free;
    font-style:normal;
    font-weight:900;
    src:url("../../webfonts/fa-solid-900.eot");
    src:url("../../webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"),url("../../webfonts/fa-solid-900.woff2") format("woff2"),url("../../webfonts/fa-solid-900.woff") format("woff"),url("../../webfonts/fa-solid-900.ttf") format("truetype"),url("../../webfonts/fa-solid-900.svg#fontawesome") format("svg")
}
.fa,.fas{
    font-family:Font Awesome\ 5 Free;
    font-weight:900
}

@font-face{
    font-family:Font Awesome\ 5 Brands;
    font-style:normal;
    font-weight:400;
    src:url("../../fonts/fa-brands-400.eot");
    src:url("../../fonts/fa-brands-400.eot?#iefix") format("embedded-opentype"),url("../../fonts/fa-brands-400.woff2") format("woff2"),url("../../fonts/fa-brands-400.woff") format("woff"),url("../../fonts/fa-brands-400.ttf") format("truetype"),url("../../fonts/fa-brands-400.svg#fontawesome") format("svg")
}
.fab{
    font-family:Font Awesome\ 5 Brands
}


/***** HELPERS *****/
.p-0{padding:0!important;}
.p-15{padding:15px;}
.m-t-25{margin-top:25px;}
.m-b-25{margin-bottom:25px;}
.m-l-25{margin-left:25px;}
.m-r-25{margin-right:25px;}
.m-25{margin:25px;}
.m-t-50{margin-top:50px;}
.m-b-50{margin-bottom:50px;}
.m-l-50{margin-left:50px;}
.m-r-50{margin-right:50px;}
.m-50{margin:50px;}


.col-2e5{
	width:20%;
	float:left;
}



/***** HELPERS *****/



/* ----------------------------------------------- */
/* BASIC SETUP */
/* ----------------------------------------------- */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Myriadpro';
}

html,
body {
   /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0aa3a5+0,207cca+52,364c91+100 */
background: #FFF; /* Old browsers */

font-family:MyriadProCondensed;

}
header > img{
	width:52%;
}

form .form-group .error{
	color:#f64830;
	font-size:0.7rem;
}

.clearfix {zoom: 1;}
.clearfix:after {
    content: '.';
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
}
/* ----- HEADINGS ----- */

h1,h2,h3,h4,h5,h6,p{
	/* color:#30476e; */
	font-family:'Myriadpro';	
}
.noTitle{
	overflow:visible;
}
.img-center img{
    display: block;
    margin: 0 auto;
}

.bodyField {
	overflow:visible;
}


/* ----------------------------------------------- */
/* HEADER */ 
/* ----------------------------------------------- */
header {        	
	text-align:center;
	padding:0;
	overflow:hidden;
}
header > div{
	overflow:hidden;
}

header .logotipo h3{
	display:none;	
	color:#283347;
}

header .logotipo img{
	width:50%;
}
header h3{
	font-size: 18pt;
    /* color: #283347;     */
    font-weight: bold;
}
header h3 span{
	font-family:'SourceSansPro';	
	color:#e3ae2e;	
}

header h6{
	color:#283347;
	font-family:'SourceSansPro';
	font-size:15pt;
}

.content-wrapper{
	width: 100%;    
	margin: 0 auto;
}



.noTitle{
	overflow:visible;
}
.img-center img{
    display: block;
    margin: 0 auto;
}

.bodyField {
	overflow:visible;
}


.imgWrapper{
	width: 100%;
	height:86px;
	margin: 0 auto;
}

.logoFlutuante {
    z-index: 99;
    position: absolute;
    top: 2%;
    left: 20%;   
}
.logoFlutuante .imgFlutuante{
    width: 90%;
}
@media(max-width: 1010px){
    .logoFlutuante {
        top: 60px;
        left: 10%;
    }
    .logoFlutuante .imgFlutuante{
        width: 50%
    }
}
@media(max-width: 400px){
    .logoFlutuante {
        /* top: .8%; */
    }
}
/* CONTENT */
#breadcrumb{
    display: none
}
.posicao_banner_rotativo{    
    margin-top: auto;
}
.posicao_banner_rotativo .carousel-indicators{
    display: none
}
.bannerBackgroundText .banner_fundo{
    background-size: cover;
    display: flex;
    flex-wrap: wrap;
}
.bannerBackgroundText .banner_fundo .titulo_banner{
    color:white;
}
.bannerBackgroundText .banner_fundo .txt_banner{
    color: #ffffff;
}


.bannerBackgroundText .banner_fundo .content_body .body_banner div,
.bannerBackgroundText .banner_fundo .content_body .body_banner p,
.bannerBackgroundText .banner_fundo .content_body .body_banner span,
.bannerBackgroundText .banner_fundo .content_body .body_banner b,
.bannerBackgroundText .banner_fundo .content_body .body_banner i,
.bannerBackgroundText .banner_fundo .content_body .body_banner strong,
.bannerBackgroundText .banner_fundo .content_body .body_banner h1,
.bannerBackgroundText .banner_fundo .content_body .body_banner h2,
.bannerBackgroundText .banner_fundo .content_body .body_banner h3,
.bannerBackgroundText .banner_fundo .content_body .body_banner h4,
.bannerBackgroundText .banner_fundo .content_body .body_banner h5{
    color: #f5f3f3
}
.bannerBackgroundText .banner_fundo .txt_banner{
    font-size:14px;
}
.bannerBackgroundText .banner_fundo .titulo_banner{
    font-size: 42px;
    line-height: 45px;
    /* font-weight: bold; */
    font-style: italic;
    text-shadow: 0px 2px 3px #002c48;
    letter-spacing: .5px;
}
.bannerBackgroundText .banner_fundo .content_bannerFull{
    height: 100%;
    padding: 5%;
    margin-left: 10%;
}
.bannerBackgroundText .banner_fundo .content_body{
    font-size: 20px;
    align-self: center;
}

.bannerBackgroundText .banner_fundo .content_bannerFull .btnSaibaMais{
    background-color: #002c48;
    border-color: #002c48;
    letter-spacing: 1px;
    padding-left: 30px;
    padding-right: 30px;
}

.bannerBackgroundText .banner_fundo .content_bannerFull .btnSaibaMais:hover{
    background-color: #015a92;
    border-color: #015a92;
}
.solucoes_cin{
    padding-bottom: 100px;
}
.solucoes_cin .titulo_solucoes{
    text-align: center;
    font-size: 36px;
    color: #002c48;
    font-style: italic;
    text-shadow: 0px 3px 4px #b9b9b9;
}
.solucoes_cin .alinha_itens_solucoes{
    align-items: center;
    display: flex;
    flex-direction: column;
    text-align: center;
    margin-top: 80px;
    letter-spacing: .3px;    
    padding-left: 0;
    padding-right: 0;
}
.solucoes_cin .alinha_itens_solucoes .content_solucoes{
    width:90%;    
}
.solucoes_cin .alinha_itens_solucoes .content_solucoes .titulo_icones_solucao{
    padding-top: 10px;
    color: #215171;
    font-weight: 800;
    font-style: italic;
    font-size: 16px;
}
.solucoes_cin .alinha_itens_solucoes .content_solucoes .texto_icones_solucao{
    font-family: 'Myriadpro';
    font-size: 14px;
    color: #215171;
    text-align: center;    
    height: 100px;
}
.solucoes_cin .alinha_itens_solucoes .content_solucoes .btnSaibaMais{
    background-color: #002c48;
    border-color: #002c48;
    width: 50%;
    letter-spacing: 1px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.solucoes_cin .alinha_itens_solucoes .content_solucoes .btnSaibaMais:hover{
    background-color: #015a92;
    border-color: #015a92;
}


.novos_mercados{    
    margin-bottom: 50px;
    padding-bottom: 80px;
    /* background: #003b61; */

    /* IMAGEM DE FUNDO COMPONENTE NOVOS MERCADOS */
    background: url('../../img/custom/CIN/novos-mercados.png');
    background-size: cover;
}
.novos_mercados .titulo_novos_mercados{
    text-align: center;
    font-size: 26px;
    padding-top: 40px;
    font-weight: bold;
    color: white;
    font-style: italic;
    text-shadow: 0px 1px #002c48;
}
.novos_mercados .alinha_itens_novos_mercados{
    align-items: center;
    display: flex;
    flex-direction: column;
    text-align: center;
    margin-top: 40px;
}
.novos_mercados .alinha_itens_novos_mercados .content_novos_mercados{
    width:100%;    
    text-align: left;
    letter-spacing: .3px;
}
.novos_mercados .alinha_itens_novos_mercados .image_icones_mercado{
    width: 100%;
    box-shadow: 0px 4px 8px 0px #002c48;
}
.novos_mercados .alinha_itens_novos_mercados .content_novos_mercados .titulo_icones_mercado{
    padding-top: 10px;
    color: #FFFFFF;
    font-weight: 500;
    font-size: 20px;
    letter-spacing: .8px;
}
.novos_mercados .alinha_itens_novos_mercados .content_novos_mercados .texto_icones_mercado{
    height: 60px;
    font-size: 14px;
    line-height: 15px;
    color: #dedede;
}
.novos_mercados .alinha_itens_novos_mercados .content_novos_mercados .content_button{
    text-align: right
}
.novos_mercados .alinha_itens_novos_mercados .content_novos_mercados .content_button .btnSaibaMais{
    background-color: #002c48;
    border-color: #002c48;
    /* font-style: italic; */
    letter-spacing: 1px;
    padding-left: 30px;
    padding-right: 30px;    
    padding-top: 5px;
    padding-bottom: 5px;
}

.novos_mercados .alinha_itens_novos_mercados .content_novos_mercados .content_button .btnSaibaMais:hover{
    background-color: #015a92;
    border-color: #015a92;
}


/* FORMULARIO */

.alert-success{
    background-color: #0069ab;
    border-color: #74a9bd;
    color: white;
}
.alert-success h4 {
    font-size: 16px !important;
}
.alert-success h4 .fa-check{
    color: white
}
.formulario_duvidas .alert{    
    background-color: #0069ab;
    border-color: #74a9bd;
    padding: 0.75rem 1.25rem !important;
    width: 97%;
}
.formulario_duvidas .alert strong,
.formulario_duvidas .alert ul li{    
    color: white
}
.formulario_duvidas .titulo_form_landing {
    font-family: 'Myriadpro';
    font-size: 26px;
    color: #0069ab;
    font-weight: 600;
    line-height: 43px;
}

.formulario_duvidas .corpo_form_landing div,
.formulario_duvidas .corpo_form_landing p,
.formulario_duvidas .corpo_form_landing h1,
.formulario_duvidas .corpo_form_landing h2,
.formulario_duvidas .corpo_form_landing h3,
.formulario_duvidas .corpo_form_landing h4,
.formulario_duvidas .corpo_form_landing h5,
.formulario_duvidas .corpo_form_landing h6,
.formulario_duvidas .corpo_form_landing span,
.formulario_duvidas .corpo_form_landing strong,
.formulario_duvidas .corpo_form_landing b,
.formulario_duvidas .corpo_form_landing {
    font-family: 'Myriadpro';
    font-size: 14px;
    color: #0069ab;
}

.formulario_duvidas .content_question{
    padding-top: 15px;
} 
.formulario_duvidas .label_form{
    color: #0069ab;
    font-size: 16px;
    padding: 0;
}
.formulario_duvidas .camposForm::-webkit-input-placeholder { /* WebKit browsers */
    color: transparent;
}
.formulario_duvidas .camposForm::-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: transparent;
}
.formulario_duvidas .camposForm::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: transparent;
}
.formulario_duvidas .camposForm::-ms-input-placeholder { /* Internet Explorer 10+ */
   color: transparent;
}
.formulario_duvidas .form-control{
    color: #0069ab;
    font-size: 14px;
    max-height: 250px;
}
.formulario_duvidas .label_form .obrigatorio{
    color: #74a9bd;
}
.formulario_duvidas textarea{
    resize: vertical;
    min-height: 98px;
}
.formulario_duvidas .question_Cidade,
.formulario_duvidas .question_Estado {
    width: 50%;
}
.formulario_duvidas .form-check{
    display: inline-flex;
}
.formulario_duvidas .form-check .form-check-label{
    color: #0069ab;
}
/* FIM DO FORMULARIO */

/* FIM CONTENT */



/* FOOTER */
#direitos{
    padding-top: 0px !important
}
footer{
	bottom: 0;
    width: 100%;
    height: auto;
    line-height: 60px; /* Vertically center the text there */
    background-color: #004a70;	
}

footer .footer-info{
	font-family: 'SourceSansPro', sans-serif;
	font-size:13px;
	color: #ffffff;
	line-height: 15px;
    padding-bottom: 10px;
}
footer div{
	overflow:visible;
}
.footer > .container {
    padding-right: 15px;
    padding-left: 15px;
}
.iconeSocial{
    color: #ffffff;
    margin-left: 15px;
}
.fa-20px {
    font-size: 20px !important;
}
#direitos{
    /* height: 250px; */
    /* padding-top: 5px; */
}
.alinhaEsquerda {
    text-align: right;
}
.footer {
    font-family: Arial, Helvetica, sans-serif !important;    
    color: white;
    font-size: 12px;   
    padding-top: 12px;
    padding-bottom: 5px;
    bottom: 0;
    width: 100%;
    height: auto;
    top: auto !important;
    background-color: #004a70;    
}
.alinhaMedia{
    text-align: left;
}



@media (max-width: 1100px) {
    .novos_mercados .alinha_itens_novos_mercados .content_novos_mercados .texto_icones_mercado{
        height: auto;
    }
}
@media (max-width: 992px) {
    #cabecalho > .nivel2 > .nivel3 {
	    z-index: 999;
        display: flex;
        flex-flow: column nowrap;
        justify-content: center;
        align-items: center;
        position: relative;
        width: 100%;
        height: 100%;
        margin: 0 auto 0 auto;
        padding-bottom: 5px;
        overflow:hidden;	
    }
	.boxContent .imagemBox {
        padding-top: 0px;
        margin: 0;
        transform: rotate(90deg);
    }
     .boxContent {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .boxContent .boxItem{
        margin-right: 2.5%;
        margin-left: 2.5%;
    }
    #map-wrapper {
        width: 100%;
        height: 300px;
    }
    .solucoes_cin .alinha_itens_solucoes .content_solucoes .btnSaibaMais,
    .novos_mercados .alinha_itens_novos_mercados .content_novos_mercados .content_button .btnSaibaMais{
        width: auto;
    }
}

/** mobile  media queryes**/
@media only screen and (max-width: 768px) {
    .footer .alinhaMedia,
    .footer .alinhaEsquerda {
        text-align: center !important;
    }
    .bannerBackgroundText .banner_fundo .content_bannerFull{
        margin-left: 0;
    }
    .bannerBackgroundText .banner_fundo .content_body{
        padding: 5%;
    }
    .solucoes_cin .alinha_itens_solucoes .content_solucoes .texto_icones_solucao{
        height: auto;
    }
}

@media only  screen and (max-width: 430px){
    .bannerBackgroundText .banner_fundo .titulo_banner{
        font-size: 28px
    }
    .novos_mercados .alinha_itens_novos_mercados .content_novos_mercados .content_button .btnSaibaMais{
        width: auto;
    }
    .formulario_duvidas .content_question {
        flex-wrap: wrap;
        flex-direction: column;
    }
    .formulario_duvidas .question_Cidade,
    .formulario_duvidas .question_Estado {
        width: 100%;
    }
    .solucoes_cin .alinha_itens_solucoes .content_solucoes .btnSaibaMais{
        width: auto;
    }
}

@media only  screen and (max-width: 300px){
    .bannerBackgroundText .banner_fundo .titulo_banner{
        font-size: 20px;
    }
}