.container-label {
width: auto;
display: block;
position: relative;
padding-left: 35px;
margin-bottom: 0;
cursor: pointer;
font-size: 15px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
float: left;
color: rgba(255,255,255,0.85)
}
.container-label input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0
}
.container-label .checkmark {
position: absolute;
top: 0;
left: 0;
height: 20px;
width: 20px;
background-color: #eee;
border: 3px solid #fff;
background: #fff
}
.container-label:hover input ~ .checkmark {
background-color: #ccc
}
.container-label input:checked ~ .checkmark {
background-color: #1C5F97
}
.checkmark:after {
content: "";
position: absolute;
display: none
}
.container-label input:checked ~ .checkmark:after {
display: block
}
.kasi_em_numeros_section {
height: 82.499vh;
width: 100%;
float: left;
background-size: cover;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
@media screen and (max-height: 700px) {
.kasi_em_numeros_section {
height:auto !important;
padding-bottom: 4rem
}
}
.kasi_em_numeros_section h2 {
font-family: 'Monopol-medium';
font-size: 88px;
color: #fff;
margin-top: 9rem;
margin-bottom: 2rem;
line-height: 1;
letter-spacing: 3px
}
@media screen and (max-width: 1240px) {
.kasi_em_numeros_section h2 {
font-size:80px
}
}
@media screen and (max-height: 780px) {
.kasi_em_numeros_section h2 {
margin-top:6rem
}
}
.kasi_em_numeros_section .kasi_em_numeros_box {
float: left;
width: 100%;
min-height: 316px;
background: rgba(255,255,255,0.2)
}
.kasi_em_numeros_section .kasi_em_numeros_box .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 316px;
-ms-flex-pack: distribute;
justify-content: space-around
}
.kasi_em_numeros_section .kasi_em_numeros_box .container div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-item-align: baseline;
align-self: baseline;
height: 100%
}
.kasi_em_numeros_section .kasi_em_numeros_box .container div h3 {
text-align: center;
margin-top: 10px
}
.kasi_em_numeros_section .kasi_em_numeros_box .container div h3 .style1 {
font-family: 'Century Gothic Bold';
font-size: 30px;
color: #09CCCC;
text-transform: uppercase;
margin: 0 0 5px 0;
position: relative
}
@media screen and (max-width: 1240px) {
.kasi_em_numeros_section .kasi_em_numeros_box .container div h3 .style1 {
font-size:28px
}
}
.kasi_em_numeros_section .kasi_em_numeros_box .container div h3 .style1 .span1 {
position: absolute;
left: -25px
}
.kasi_em_numeros_section .kasi_em_numeros_box .container div h3 .style2 {
font-family: 'Century Gothic Bold';
font-size: 30px;
color: #09CCCC;
text-transform: uppercase;
margin: 0 0 5px 0
}
.kasi_em_numeros_section .kasi_em_numeros_box .container div h3 .style3 {
font-family: 'Century Gothic Bold';
font-size: 15px;
color: #fff;
text-transform: uppercase;
margin: 0;
min-height: 36px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.owl-nav {
display: none
}
.corrousel_section {
background: #164F93;
float: left;
width: 100%;
min-height: 918px;
position: relative
}
.corrousel_section:before {
content: '';
position: absolute;
left: 0;
right: 0;
width: 100%;
border-top: 2px solid #164f93;
top: -2px
}
.corrousel_section .clientes_div h2 {
font-family: 'Monopol-medium';
float: left;
width: 100%;
font-size: 65px;
color: #fff;
text-align: center;
letter-spacing: 7px;
line-height: 1
}
.corrousel_section .clientes_div [data-margin='clientes'] {
margin-top: 5rem;
margin-bottom: 5rem
}
.corrousel_section .clientes_div [data-margin='parceiros'] {
margin-top: 5rem;
margin-bottom: 5rem
}
.corrousel_section .clientes_div .master_carrousel {
position: relative;
float: left;
width: 100%
}
.corrousel_section .clientes_div .master_carrousel .container {
width: 1000px
}
.corrousel_section .clientes_div .master_carrousel .item {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.corrousel_section .clientes_div .master_carrousel .box_logos {
width: 232px;
height: 126px;
background:#ffff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.corrousel_section .clientes_div .master_carrousel .prev {
position: absolute;
left: 0;
top: 0;
bottom: 0;
margin: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.corrousel_section .clientes_div .master_carrousel .prev div {
float: left;
width: 174px;
height: 63px;
background: rgba(77,77,77,0.5);
border-top-right-radius: 10rem;
border-bottom-right-radius: 10rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.corrousel_section .clientes_div .master_carrousel .prev div img {
transition: 0.2s;
cursor: pointer;
margin-right: 10px;
width: 49px
}
.corrousel_section .clientes_div .master_carrousel .prev div img:hover {
transition: 0.2s;
opacity: 0.5
}
@media screen and (max-width: 1340px) {
.corrousel_section .clientes_div .master_carrousel .prev div {
width:134px
}
}
@media screen and (max-width: 1200px) {
.corrousel_section .clientes_div .master_carrousel .prev div {
width:74px
}
}
.corrousel_section .clientes_div .master_carrousel .next {
position: absolute;
right: 0;
top: 0;
bottom: 0;
margin: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.corrousel_section .clientes_div .master_carrousel .next div {
float: left;
width: 174px;
height: 63px;
background: rgba(77,77,77,0.5);
border-top-left-radius: 10rem;
border-bottom-left-radius: 10rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.corrousel_section .clientes_div .master_carrousel .next div img {
transition: 0.2s;
cursor: pointer;
margin-left: 10px;
width: 49px
}
.corrousel_section .clientes_div .master_carrousel .next div img:hover {
transition: 0.2s;
opacity: 0.5
}
@media screen and (max-width: 1340px) {
.corrousel_section .clientes_div .master_carrousel .next div {
width:134px
}
}
@media screen and (max-width: 1200px) {
.corrousel_section .clientes_div .master_carrousel .next div {
width:74px
}
}
footer {
background: #fff;
float: left;
width: 100%;
padding-top: 50px;
padding-bottom: 50px
}
footer .container {
max-width: 1236px
}
footer .container .row-f {
min-height: 311px;
display: flex;
position: relative
}
footer .container .row-f .local {
list-style: none;
padding: 0;
margin-bottom: 0;
min-height: 311px;
display: flex;
align-items: center;
justify-content: left;
width: 240px
}
@media screen and (max-width: 1140px) {
footer .container .row-f .local {
width:200px
}
}
@media screen and (max-width: 1140px) {
footer .container .row-f .local a {
width:70px
}
}
footer .container .row-f .local img {
margin-bottom: 25px;
margin-right: 50px
}
footer .container .row-f .menu_rapido {
margin-top: 3rem;
padding: 0;
margin-bottom: 0;
list-style: none;
display: flex;
align-items: center
}
footer .container .row-f .menu_rapido li {
margin-right: 40px
}
footer .container .row-f .menu_rapido li a {
font-family: 'Century Gothic';
color: #575756;
font-size: 16.5px;
transition: 0.3s;
cursor: pointer;
}
@media screen and (max-width: 1140px) {
footer .container .row-f .menu_rapido li a {
font-size:14.5px
}
}
footer .container .row-f .menu_rapido li a:hover {
transition: 0.3s;
color: #164f93;
text-decoration: none
}
footer .container .row-f .siga-nos_box .span_1 {
font-size: 13.5px;
font-family: 'Century Gothic';
color: #575756;
font-weight: 700;
float: left;
width: 100%;
margin: 40px 0 0 0
}
footer .container .row-f .siga-nos_box ul {
list-style: none;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
float: left;
width: 100%;
margin-top: 0px;
margin-bottom: 0
}
@media screen and (max-width: 1140px) {
footer .container .row-f .siga-nos_box ul {
-ms-flex-item-align:end !important;
align-self: flex-end !important
}
}
footer .container .row-f .siga-nos_box ul li {
margin-right: 20px
}
footer .container .row-f .siga-nos_box ul li a {
color: #575756;
font-size: 21px;
transition: 0.2s
}
footer .container .row-f .siga-nos_box ul li a :hover {
color: #164F93;
transition: 0.2s
}
footer .container .row-f .siga-nos_box ul li .a1 {
font-size: 21px
}
footer .container .row-f .siga-nos_box ul li .a2 {
font-size: 25px
}
footer .container .row-f .siga-nos_box ul li .a3 {
font-size: 26px
}
footer .container .row-f .barra {
display: flex;
flex-direction: column
}
footer .container .row-f .barra:before {
content: '';
width: 2px;
min-height: 311px;
background: rgba(179,179,179,0.96);
position: absolute;
left: 170px;
top: 0
}
@media screen and (max-width: 1140px) {
footer .container .row-f .barra:before {
left: 160px;
}
}
footer .container .row-f .barra .siga-nos_box {
margin-top: 3.4rem
}
footer .container .row-f .copy {
font-family: 'Century Gothic';
font-size: 13px;
color: #575756;
float: right;
line-height: 16px;
position: absolute;
right: -70px;
bottom: 51px;
}
footer .container .row-f .copy strong {
font-size: 14px
}
footer .container .row-f .endereco {
float: left;
margin-top: auto
}
footer .container .row-f .endereco p {
margin-bottom: 0;
font-family: 'Century Gothic';
font-size: 13px;
color: #575756
}
footer .container .row-f .endereco p a {
color: #575756
}
footer .container .row-f .endereco p a:hover {
color: #575756
}
.body_produtos .parallax-mirror {
background-color: #4D4D4D
}
.produtos_section {
height: calc(72.1vh - 152px);
width: 100%;
float: left;
background: url(//kasi.com.br/wp-content/themes/imagens/backgrounds/produtos-background-01.jpg) no-repeat center;
background-size: cover;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
margin-top: 67px
}
.produtos_section .slick-list {
margin-bottom: 50px
}
.produtos_section h2 {
font-family: 'Monopol-medium';
font-size: 110px;
color: #fff;
margin-top: auto;
margin-bottom: 0px;
line-height: 1;
text-transform: uppercase;
letter-spacing: 6px;
text-align: center
}
.descricao_produtos {
float: left;
width: 100%;
background: #4D4D4D;
min-height: 152px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.descricao_produtos p {
font-family: 'Futura Lt BT Light';
font-style: normal;
font-size: 27px;
text-align: center;
color: #fff;
margin: 0;
line-height: 33.6px
}
@media screen and (max-width: 1240px) {
.descricao_produtos p {
font-size:22px;
line-height: 28.6px
}
}
.itens_produtos_section {
float: left;
width: 100%;
background: #E6E6E6;
padding: 5rem 0 10rem 0
}
.itens_produtos_section .container {
max-width: 1500px
}
.itens_produtos_section .container .row {
display: flex;
justify-content: center;
align-items: center
}
.itens_produtos_section .container .row:last-child {
margin-bottom: 7rem
}
.itens_produtos_section .container .row.row_style_2 .box_itens_produtos_div {
min-height: 384px !important
}
.itens_produtos_section .container .row .box_itens_produtos_div {
background: #fff;
min-height: 318px;
padding: 25px 20px 0 20px;
display: flex;
flex-direction: column;
max-width: 330px;
margin-top: 4rem;
margin-right: 60px
}
.itens_produtos_section .container .row .box_itens_produtos_div:last-child {
margin-right: 0px
}
.itens_produtos_section .container .row .box_itens_produtos_div h3 {
font-family: 'Century Gothic Bold';
color: #164F93;
font-size: 17px;
line-height: 22px;
display: flex;
margin-bottom: 11px;
padding-right: 10px
}
.itens_produtos_section .container .row .box_itens_produtos_div h3 span:first-child {
margin-right: 5px
}
.itens_produtos_section .container .row .box_itens_produtos_div h3 span:last-child div {
display: none
}
@media screen and (max-width: 1440px) {
.itens_produtos_section .container .row .box_itens_produtos_div h3 {
font-size:15px;
line-height: 20px
}
}
@media screen and (max-width: 1240px) {
.itens_produtos_section .container .row .box_itens_produtos_div h3 {
font-size:13px;
line-height: 18px
}
}
.itens_produtos_section .container .row .box_itens_produtos_div p {
font-family: 'Futura Lt BT Light';
font-size: 17px;
line-height: 22px;
color: #666666
}
@media screen and (max-width: 1440px) {
.itens_produtos_section .container .row .box_itens_produtos_div p {
font-size:15px;
line-height: 20px
}
}
@media screen and (max-width: 1240px) {
.itens_produtos_section .container .row .box_itens_produtos_div p {
font-size:13px;
line-height: 18px
}
}
.itens_produtos_section .container .row .box_itens_produtos_div hr {
border-top: 1px solid #164F93;
width: 114px;
margin-top: auto;
margin-bottom: 2rem
}
@media screen and (max-width: 1540px) {
.itens_produtos_section .container .row .box_itens_produtos_div {
margin-right:1rem !important
}
}
@media screen and (max-width: 1440px) {
.itens_produtos_section .container .row .box_itens_produtos_div {
max-width:280px;
margin-right: 0
}
}
@media screen and (max-width: 1240px) {
.itens_produtos_section .container .row .box_itens_produtos_div {
width:calc(100% *(1/4) - 10px - 1px);
max-width: none;
margin-right: 0 !important
}
}
@media screen and (max-width: 1440px) {
.itens_produtos_section .container .row {
justify-content:space-between;
padding: 0 1rem
}
}
@media screen and (max-width: 1240px) {
.itens_produtos_section .container .row {
flex-wrap:wrap
}
}
.btn_padrao1 {
border: 1px solid #164F93;
text-transform: uppercase;
color: #164F93;
font-size: 19px;
font-family: 'Century Gothic Bold';
display: flex;
align-items: center;
justify-content: center;
margin-left: auto;
margin-right: auto
}
.btn_padrao1:hover {
transition: 0.3s;
background: #1c5f97;
color: #fff
}
.btn_padrao1[data-width="btn-produtos"] {
width: 338px;
height: 52px
}
.btn_padrao1:hover {
text-decoration: none
}
.style-h2_prod {
font-family: 'Century Gothic Bold';
text-transform: uppercase;
color: #164F93;
float: left;
width: 100%;
text-align: center;
font-size: 24px;
letter-spacing: 1px;
margin-bottom: 0;
margin-top: 7rem
}
.p_style_prod {
font-family: 'Futura Lt BT Light';
text-align: center;
color: #575756;
float: left;
width: 100%;
margin: 1rem 0 4rem 0;
font-size: 17px;
line-height: 21px
}
.body_quem_somos .parallax-mirror {
background-color: #4D4D4D
}
.parallax-window {
min-height: 400px;
background: transparent
}
.quem_somos_section {
height: calc(72.1vh - 152px);
width: 100%;
float: left;
background-size: cover;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
margin-top: 67px
}
.quem_somos_section .slick-list {
margin-bottom: 50px
}
.quem_somos_section h2 {
font-family: 'Monopol-medium';
font-size: 110px;
color: #fff;
margin-top: auto;
margin-bottom: 0px;
line-height: 1;
text-transform: uppercase;
letter-spacing: 6px;
text-align: center
}
.descricao {
float: left;
width: 100%;
background: #4D4D4D;
min-height: 152px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
flex-direction: column
}
.descricao h3 {
font-family: 'Futura Hv BT';
font-style: normal;
font-size: 36px;
text-align: center;
color: #fff;
margin: 0;
line-height: 1
}
@media screen and (max-width: 1240px) {
.descricao h3 {
font-size:34px
}
}
.descricao p {
font-family: 'Futura Lt BT Light';
font-style: normal;
font-size: 27px;
text-align: center;
color: #fff;
margin-top: 0;
margin-bottom: 0;
line-height: 1
}
@media screen and (max-width: 1240px) {
.descricao p {
font-size:25px
}
}
.quem_somos_content {
background: #E6E6E6;
float: left;
width: 100%;
padding: 9rem 0 10rem 0
}
.quem_somos_content .container_quem_somos {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center
}
.quem_somos_content .container_quem_somos .h2_vdaj {
font-family: 'Century Gothic Bold';
text-transform: uppercase;
color: #164F93;
float: left;
width: 100%;
text-align: center;
font-size: 37px;
letter-spacing: 1px;
margin-bottom: 4rem;
margin-top: 10rem
}
@media screen and (max-width: 1240px) {
.quem_somos_content .container_quem_somos .h2_vdaj {
font-size:35px
}
}
.quem_somos_content .texto_quem_somos_section {
background: #fff;
display: block;
margin: 0 auto;
float: left;
width: 1010px;
padding: 2rem 0;
margin-bottom: 50PX
}
@media screen and (max-width: 1240px) {
.quem_somos_content .texto_quem_somos_section {
padding:2rem;
width: 903px
}
}
.quem_somos_content .texto_quem_somos_section p {
font-family: 'Futura Lt BT Light';
font-size: 19px;
float: left;
width: 100%;
text-align: center;
color: #666666;
margin-bottom: 1rem;
line-height: 24px
}
@media screen and (max-width: 1240px) {
.quem_somos_content .texto_quem_somos_section p {
font-size:17px;
line-height: 22px
}
}
.quem_somos_content .linha_quem_somos {
display: flex;
align-items: center;
justify-content: center
}
@media screen and (max-width: 1240px) {
.quem_somos_content .linha_quem_somos {
padding:0 2rem
}
}
.quem_somos_content .linha_quem_somos .box_itens_quem_somos {
float: left;
min-width: 303px;
min-height: 314px;
background: #fff;
margin-right: 50px
}
@media screen and (max-width: 1240px) {
.quem_somos_content .linha_quem_somos .box_itens_quem_somos {
margin-right:2rem;
min-width: auto;
width: 280px
}
}
.quem_somos_content .linha_quem_somos .box_itens_quem_somos:last-child {
margin-right: auto
}
.quem_somos_content .linha_quem_somos .box_itens_quem_somos img {
display: block;
margin: 0 auto;
padding-top: 25px;
width: 105px
}
.quem_somos_content .linha_quem_somos .box_itens_quem_somos h3 {
font-family: 'Century Gothic Bold';
text-align: center;
font-size: 17px;
line-height: 19px;
color: #164F93;
margin: 1rem 0
}
@media screen and (max-width: 1240px) {
.quem_somos_content .linha_quem_somos .box_itens_quem_somos h3 {
font-size:16px;
line-height: 20px
}
}
.quem_somos_content .linha_quem_somos .box_itens_quem_somos p {
font-family: 'Futura Lt BT Light';
font-size: 17px;
line-height: 19px;
color: #666666;
text-align: center
}
@media screen and (max-width: 1240px) {
.quem_somos_content .linha_quem_somos .box_itens_quem_somos p {
font-size:15px;
line-height: 20px
}
}
.body_servicos .parallax-mirror {
background-color: #4D4D4D
}
.servicos_section {
height: calc(72.1vh - 152px);
width: 100%;
float: left;
background-size: cover;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
margin-top: 67px
}
.servicos_section .slick-list {
margin-bottom: 50px
}
.servicos_section h2 {
font-family: 'Monopol-medium';
font-size: 110px;
color: #fff;
margin-top: auto;
margin-bottom: 0px;
line-height: 1;
text-transform: uppercase;
letter-spacing: 6px;
text-align: center
}
.descricao_servicos {
float: left;
width: 100%;
background: #4D4D4D;
min-height: 152px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
flex-direction: column
}
.descricao_servicos p {
font-family: 'Futura Lt BT Light';
font-style: normal;
font-size: 27px;
text-align: center;
color: #fff;
margin: 0;
line-height: 33.6px
}
@media screen and (max-width: 1240px) {
.descricao_servicos p {
font-size:25px;
line-height: 31.6px
}
}
.servicos_content {
float: left;
width: 100%;
background: #E6E6E6;
padding: 9rem 0 10rem 0;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column
}
.servicos_content .row_style_1 {
min-width: auto;
display: flex;
justify-content: space-between;
align-items: center
}
@media screen and (max-width: 1240px) {
.servicos_content .row_style_1 {
width:100%;
padding: 0 2rem
}
}
.servicos_content .row_style_1 .box_item_servicos {
height: 470px;
margin-right: 95px
}
.servicos_content .row_style_1 .box_item_servicos img {
width: 94px
}
@media screen and (max-width: 1240px) {
.servicos_content .row_style_1 .box_item_servicos {
margin-right:2rem
}
}
.servicos_content .row_style_1 .box_item_servicos:last-child {
margin-right: 0px
}
.servicos_content .row_style_2 {
min-width: auto;
display: flex;
justify-content: center;
align-items: center;
margin: 95px 0 0 0
}
.servicos_content .row_style_2 .box_item_servicos {
min-height: 448px;
margin-right: 95px
}
.servicos_content .row_style_2 .box_item_servicos img {
width: 94px
}
@media screen and (max-width: 1240px) {
.servicos_content .row_style_2 .box_item_servicos {
margin-right:2rem
}
}
.servicos_content .row_style_2 .box_item_servicos:last-child {
margin-right: 0px
}
.servicos_content .box_item_servicos {
background: #fff;
width: 340px;
float: left;
display: flex;
flex-direction: column;
align-items: center;
padding-top: 2rem
}
@media screen and (max-width: 1240px) {
.servicos_content .box_item_servicos {
width:320px;
padding-left: 10px
}
}
.servicos_content .box_item_servicos h3 {
font-family: 'Century Gothic Bold';
color: #164F93;
font-size: 15px;
text-align: center;
margin: 1rem 0;
font-size: 17px;
line-height: 22px;
text-transform: uppercase;
min-height: 36px
}
@media screen and (max-width: 1240px) {
.servicos_content .box_item_servicos h3 {
font-size:16px;
line-height: 20px
}
}
.servicos_content .box_item_servicos p {
font-family: 'Futura Lt BT Light';
color: #666666;
font-size: 17px;
line-height: 22px;
margin-bottom: 1rem;
float: left;
width: 100%;
text-align: left;
padding-left: 30px
}
@media screen and (max-width: 1240px) {
.servicos_content .box_item_servicos p {
font-size:15px;
line-height: 20px;
padding-left: 10px
}
}
.alert_contato{
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.2);
width: 100%;
height: 100vh;
z-index: 9;
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;  
display: none;
}
.alert_contato .mask{
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.2);
width: 100%;
height: 100vh;
z-index: 9;
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;    
cursor: pointer;
}
.alert_contato .box_alert_contato{
width: 450px;
margin: 0;
background: #fff;
position: relative;
z-index: 10;
}
.alert_contato .box_alert_contato img{
display: block;
margin: auto;
width: 55px;
margin-top: 30px;
margin-bottom: 20px;
}
.alert_contato .box_alert_contato button{
border: 0;
color: #fff;
font-family: 'Century Gothic Bold';
background: #1C5F97;
margin: 25px auto 30px;
display: block;
text-transform: uppercase;    
font-size: 15px;
width: auto;
height: auto;
padding: 8px 18px;
transition: 0.3s;
}
.alert_contato .box_alert_contato button{
transition: 0.3s;
opacity: 0.9;
}
.contato_section {
height: calc(101vh - 66px);
width: 100%;
float: left;
background-size: cover;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
justify-content: center;
margin-top: 67px;
position: relative
}
.contato_section h2 {
font-family: 'Monopol-medium';
font-size: 110px;
color: #fff;
margin-top: 0;
margin-bottom: 0;
line-height: 1;
text-transform: uppercase;
letter-spacing: 6px
}
.contato_section p {
font-family: 'Futura Hv BT';
color: #fff;
font-size: 18px;
line-height: 24px;
text-align: center;
margin-bottom: 4rem;
background: rgba(150, 174, 225, 0.7);
padding: 10px 15px;
}
.contato_section hr {
border-top: 1px solid #fff;
display: block;
margin: 15px auto;
width: 280px
}
.contato_section a.contato {
color: #fff
}
.contato_section a.contato:hover {
color: #fff;
text-decoration: none
}
.contato_section a.btn {
font-family: 'Century Gothic Bold';
color: #fff;
font-size: 22px;
background: #164F93;
width: 285px;
height: 58px;
text-align: center;
align-items: center;
display: flex;
justify-content: center;
margin-left: auto;
margin-right: auto;
margin-bottom: auto;
transition: 0.2s;
border-radius: 0 !important
}
.contato_section a.btn:hover {
color: #164f93;
background: #fff;
text-decoration: none;
transition: 0.2s
}
.contato_section .next-contato-img {
width: 38px;
bottom: 2rem;
cursor: pointer;
transition: all 1s linear;
position: absolute
}
.contato_section .next-contato-img:hover {
opacity: 0.7
}
.contato_content {
float: left;
width: 100%;
height: 100%;
background: #E6E6E6;
padding: 3rem 0 0 0;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column
}
@media screen and (max-height: 890px) {
.contato_content {
padding:calc(100% - 99%) 0;
}
}
.contato_content h3 {
font-family: 'Century Gothic Bold';
font-size: 40px;
text-transform: uppercase;
text-align: center;
color: #164F93;
float: left;
width: 100%
}
@media screen and (max-height: 1240px) {
.contato_content h3 {
font-size:36px
}
}
@media screen and (max-height: 890px) {
.contato_content h3 {
margin:calc(100% - 99%) 0
}
}
.contato_content .p1 {
font-family: 'Futura Lt BT Light';
font-style: normal;
font-size: 21px;
line-height: 24px;
text-align: center;
color: #666666;
margin-top: 1rem;
margin-bottom: 3rem
}
@media screen and (max-height: 890px) {
.contato_content .p1 {
margin:calc(100% - 99%) 0;
font-size: 1.2rem;
line-height: 1.2rem
}
}
.contato_content form {
display: block;
margin: 0 auto;
width: 980px
}
@media screen and (max-width: 1040px) {
.contato_content form {
width:100%;
padding: 0 2rem
}
}
.contato_content form label {
font-family: 'Century Gothic';
font-style: normal;
font-size: 16px;
color: #666666;
float: left;
width: 100%;
margin: 0 0 10px 0;
line-height: 1
}
@media screen and (max-height: 890px) {
.contato_content form label {
font-size:1rem;
margin: 0.30rem 0
}
}
.contato_content form input {
float: left;
width: 100%;
min-height: 45px;
padding: 0 5px;
outline: none;
border: 1px solid transparent;
color: #666666;
font-family: 'Futura Lt BT Light';
font-size: 18px;
-webkit-appearance: none;
margin: 0;
transition: 0.3s
}
.contato_content form input:focus {
border: 1px solid #09CCCC;
transition: 0.3s
}
.contato_content form .span_atencao {
font-family: 'Century Gothic';
color: #4D4D4D;
font-size: 13px;
margin: 10px 0 0 0;
float: left
}
.contato_content form input[type=number] {
-moz-appearance: textfield
}
.contato_content form textarea {
resize: none;
float: left;
width: 100%;
border: 0;
outline: none;
color: #666666;
font-family: 'Futura Lt BT Light';
font-size: 18px;
padding: 0 5px;
transition: 0.3s
}
.contato_content form textarea:focus {
border: 1px solid #09CCCC;
transition: 0.3s
}
.contato_content form button, .contato_content form input.btn-submit {
font-family: 'Century Gothic Bold';
font-size: 19px;
color: #164F93;
-webkit-appearance: none;
border: 1px solid #164f93;
background: #e6e6e6;
padding: 8px 22px;
margin: 1rem 0 1rem 0;
transition: 0.2s;
width: auto!important;
text-transform: uppercase;
}
.contato_content form button:hover, .contato_content form input.btn-submit:hover {
background: #164f93;
color: #e6e6e6;
transition: 0.2s
}
.contato_content form .box_form_left_w50 {
float: left;
width: 50%;
padding-right: 20px;
margin-bottom: 3vh
}
@media screen and (max-height: 890px) {
.contato_content form .box_form_left_w50 {
margin-bottom:1rem
}
}
.contato_content form .box_form_right_w50 {
float: right;
width: 50%;
padding-left: 20px;
margin-bottom: 3vh
}
@media screen and (max-height: 890px) {
.contato_content form .box_form_right_w50 {
margin-bottom:1rem
}
}
.box_assunto {
margin-bottom: 3vh
}
@media screen and (max-height: 890px) {
.box_assunto {
margin-bottom:1rem
}
}
iframe {
float: left;
width: 100%;
height: calc(100vh - 480px)
}
iframe div[jstcache] {
display: none
}
.slick-prev {
display: none !important
}
.slick-next {
display: none !important
}
.slider {
pointer-events: none
}
.slider_2 {
margin-bottom: 95px
}
button,input,textarea {
-webkit-appearance: none
}
body {
float: left;
width: 100%;
position: relative
}
.body_index .parallax-mirror:last-child {
background-color: #164F93
}
.mask_master {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 2;
width: 100%;
height: 100%;
background: transparent
}
.responsive-img {
max-width: 100%
}
.hide {
display: none !important
}
header {
background: #164F93;
height: 67px;
float: left;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-family: 'gothic';
position: fixed;
z-index: 5;
box-shadow: 0px 5px 10px rgba(0,0,0,0.25)
}
header nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
float: left;
width: 100%;
padding: 0 40px;
position: relative
}
header nav .img_logo {
width: 122px
}
header nav .menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0px;
margin: 0;
height: 100%;
position: relative;
z-index: 1
}
header nav .menu li {
list-style: none;
font-weight: 400;
color: #fff;
font-size: 15px;
margin-right: 25px
}
header nav .menu li:last-child {
margin-right: 0px
}
header nav .menu li a {
color: #fff;
transition: 0.2s
}
header nav .menu li a:hover {
text-decoration: none;
color: rgba(255,255,255,0.8);
transition: 0.2s
}
header nav .div-logo {
margin-left: auto;
margin-right: auto;
position: absolute;
left: 40px;
top: 0;
bottom: 0;
margin: auto;
display: flex;
justify-content: center;
align-items: center;
z-index: 0
}
header .header-acessar {
float: left;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
z-index: 1;
cursor: pointer;
transition: 0.2s
}
header .header-acessar .header_box_acessar {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
transition: 0.2s
}
header .header-acessar .header_box_acessar:hover {
opacity: 0.8;
transition: 0.2s
}
header .header-acessar span {
color: #fff;
font-size: 15px;
margin-right: 10px
}
header .header-acessar .btn_box_lupa {
cursor: pointer;
display: none
}
header .header-acessar .btn_box_lupa:hover {
opacity: 0.8
}
.desenvolvimento_01 {
float: left;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-top: 67px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important
}
.desenvolvimento_01 .banner {
height: calc(100vh - 171px);
width: 100%;
float: left;
background-size: cover;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
position: relative
}
.desenvolvimento_01 .banner .h2_desenvolvimento {
font-family: 'Monopol-medium';
font-size: 92px;
color: #fff;
margin-top: auto;
margin-bottom: 0;
letter-spacing: 3.5px;
text-align: center;
pointer-events: none;
height: 100px
}
.desenvolvimento_01 .banner .slogan {
font-family: 'gothic';
font-weight: 400;
color: #fff;
font-size: 24px;
margin: 0;
text-align: center;
line-height: 29px;
pointer-events: none
}
.desenvolvimento_01 .banner .btn_saiba_mais {
font-family: 'gothic';
font-size: 18px;
font-weight: 400;
width: 185px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #09CCCC;
color: #fff;
font-size: 17px;
transition: 0.2s;
margin: 0 0 110px 0;
position: relative;
top: -40px
}
.desenvolvimento_01 .banner .btn_saiba_mais:hover {
transition: 0.2s;
background: #09CCCC;
text-decoration: none
}
.desenvolvimento_01 .banner .next-index-img {
width: 38px;
margin-bottom: 1rem
}
.desenvolvimento_01 .banner .next-index-img:hover {
opacity: 0.7
}
.desenvolvimento_01 .vamos_desen {
float: left;
width: 100%;
height: 104px;
background: #4D4D4D;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.desenvolvimento_01 .vamos_desen .p1 {
font-family: 'Century Gothic Bold';
font-weight: 700;
color: #fff;
font-size: 28px;
margin: 0;
text-align: right;
width: 552.3px
}
@media screen and (max-width: 1200px) {
.desenvolvimento_01 .vamos_desen .p1 {
font-size:26px;
width: 488.3px;
position: relative;
right: -10px
}
}
.desenvolvimento_01 .vamos_desen hr {
border-top: 1px solid #09CCCC;
transform: rotate(90deg);
width: 65px;
margin: 0
}
.desenvolvimento_01 .vamos_desen .p2 {
font-family: 'Century Gothic';
font-weight: 400;
color: #FFFFFF;
font-size: 16.5px;
margin-bottom: 0;
position: relative
}
@media screen and (max-width: 1065px) {
.desenvolvimento_01 .vamos_desen .p2 br {
display:none
}
}
.desenvolvimento_01 .vamos_desen .p2 span {
width: 7px;
height: 12px;
float: right;
bottom: 4px;
position: absolute;
right: 60px
}
@media screen and (max-width: 1200px) {
.desenvolvimento_01 .vamos_desen .p2 span {
right:50px
}
}
@media screen and (max-width: 1065px) {
.desenvolvimento_01 .vamos_desen .p2 span {
right:auto;
left: 130px
}
}
.desenvolvimento_01 .vamos_desen .p2:hover {
opacity: 0.8;
color: #FFFFFF;
text-decoration: none
}
.desenvolvimento_01 .vamos_desen .p2:hover span {
background-position-x: 22px
}
@media screen and (max-width: 1200px) {
.desenvolvimento_01 .vamos_desen .p2 {
font-size:14.74px;
position: relative;
left: -16px
}
}
@media screen and (max-width: 1065px) {
.desenvolvimento_01 .vamos_desen .p2 {
width:488px
}
}
.desenvolvimento_01 .menu_icons {
float: left;
width: 100%;
background: #164F93;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100%
}
.desenvolvimento_01 .menu_icons .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
-ms-flex-pack: distribute !important;
justify-content: space-around !important
}
.desenvolvimento_01 .menu_icons .container div {
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
-ms-flex-item-align: baseline !important;
align-self: baseline !important
}
.desenvolvimento_01 .menu_icons .container div a {
min-height: 124px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
transition: 0.3s
}
.desenvolvimento_01 .menu_icons .container div a:hover {
opacity: 0.7;
transition: 0.3s;
text-decoration: none
}
.desenvolvimento_01 .menu_icons .container div a h3 {
margin: 0;
font-family: 'Century Gothic';
font-style: normal;
color: #fff;
font-size: 15.74px;
margin-top: 10px
}
@media screen and (max-width: 1200px) {
.desenvolvimento_01 .menu_icons .container div a h3 {
font-size:14.74px
}
}
.box_acessar {
width: 502px;
height: 100vh;
position: fixed;
right: 0;
z-index: 9
}
.box_acessar .box_acessar_header {
background: #2A2A2A;
height: 67px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0 1.5rem
}
.box_acessar .box_acessar_header span {
font-family: 'Century Gothic';
color: #fff;
text-align: left;
font-weight: 300;
font-style: normal;
font-size: 19px;
margin-right: auto;
margin-left: 1rem
}
.box_acessar .box_acessar_header .close_acessar {
cursor: pointer
}
.box_acessar .box_acessar_body {
background: #1C1C1C;
height: calc(100vh - 67px)
}
.box_acessar .box_acessar_body form {
float: left;
width: 100%;
padding: 0 1.5rem;
margin-top: 30px
}
.box_esqueci_minha_senha{
float: left;
width: 100%;
padding: 0 1.5rem;
display: none;
}
.box_esqueci_minha_senha .view-1,
.box_esqueci_minha_senha .view-2 {
float: left;
width: 100%;
}
.box_esqueci_minha_senha .view-2 {
background: #fff;
display:none;
margin-top: 30px;
}
.btn_style_1{
display: block;
margin: 0 auto;
border: 0;
color: #fff;
font-family: 'Century Gothic Bold';
width: 277px;
height: 50px;
background: #1C5F97;
margin: 0 auto;
display: block;
text-transform: uppercase;
transition: 0.3s;
}
.box_esqueci_minha_senha form{
background: #fff;
float: left;
width: 100%;
}
.span-qms {
font-family: 'Century Gothic';
font-size: 17px;
color: #333;
text-align: center;
float: left;
width: 100%;
line-height: 23px;
margin-top: 25px;
margin-bottom: 15px;
}
.box_esqueci_minha_senha  input{
float: left;
width: 100%;
min-height: 45px;
border: 1px solid #707070;
margin-bottom: 15px;
padding: 0 15px;
color: rgba(77,77,77,0.8);
font-size: 18px;
outline: none;
}
.box_esqueci_minha_senha input.style::-webkit-input-placeholder {
font-family: 'Century Gothic';
color: rgba(77,77,77,0.8);
font-size: 18px
}
.box_esqueci_minha_senha input.style::-moz-placeholder {
font-family: 'Century Gothic';
color: rgba(77,77,77,0.8);
font-size: 18px
}
.box_esqueci_minha_senha input.style:-ms-input-placeholder {
font-family: 'Century Gothic';
color: rgba(77,77,77,0.8);
font-size: 18px
}
.box_esqueci_minha_senha input.style:-moz-placeholder {
font-family: 'Century Gothic';
color: rgba(77,77,77,0.8);
font-size: 18px
}
.box_esqueci_minha_senha  .btn_style_1{
font-size: 15px!important;
width: auto!important;
height: auto!important;
padding: 8px 18px!important;
margin-bottom: 25px!important;
}
.box_esqueci_minha_senha  .btn_style_1:hover{
background: #1C5F97!important;
color: #fff!important;
opacity: 0.9!important;
}
.box_acessar .box_acessar_body form input.style {
font-family: 'Century Gothic';
float: left;
width: 100%;
min-height: 50px;
border: 1px solid #707070;
margin-bottom: 15px;
padding: 0 15px;
color: rgba(77,77,77,0.8);
font-size: 18px
}
.box_acessar .box_acessar_body form input.style::-webkit-input-placeholder {
font-family: 'Century Gothic';
color: rgba(77,77,77,0.8);
font-size: 18px
}
.box_acessar .box_acessar_body form input.style::-moz-placeholder {
font-family: 'Century Gothic';
color: rgba(77,77,77,0.8);
font-size: 18px
}
.box_acessar .box_acessar_body form input.style:-ms-input-placeholder {
font-family: 'Century Gothic';
color: rgba(77,77,77,0.8);
font-size: 18px
}
.box_acessar .box_acessar_body form input.style:-moz-placeholder {
font-family: 'Century Gothic';
color: rgba(77,77,77,0.8);
font-size: 18px
}
.box_acessar .box_acessar_body form .box_options {
margin-bottom: 50px;
margin-top: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.box_acessar .box_acessar_body form .box_options .link_esqueci_senha {
font-family: 'Century Gothic';
color: rgba(255,255,255,0.85);
font-size: 15px;
float: right;
margin: 0
}
.box_acessar .box_acessar_body form button {
border: 0;
color: #fff;
font-family: 'Century Gothic Bold';
width: 277px;
height: 50px;
background: #1C5F97;
margin: 0 auto;
display: block;
text-transform: uppercase;
transition: 0.3s
}
.box_acessar .box_acessar_body form button:hover {
color: #1C5F97;
background: #fff;
transition: 0.3s
}
.box-alerta-acessar {
padding: 0 4rem;
margin-top: 30px;
width: 100%;
float: left;
display: none;
}
.box-alerta-acessar .w-100{
background: #fff;  
}
.box-alerta-acessar .w-100 button{
border: 0;
color: #fff;
font-family: 'Century Gothic Bold';   
background: #1C5F97;
margin: 0 auto;
display: block;
text-transform: uppercase;
transition: 0.3s;
font-size: 15px;
width: auto;
height: auto;
padding: 8px 18px;
margin-bottom: 25px;
}
.box-alerta-acessar .w-100 button:hover{
opacity: 0.9;
transition: 0.3s;
}
.box-alerta-acessar img{
display: block;
margin: auto;
width: 55px;
margin-top: 30px;
}
@media screen and (max-width: 1300px) {
.box_acessar {
width:39vw
}
}
.pesquisa {
width: 502px;
height: 100vh;
position: fixed;
right: 0;
z-index: 9
}
.pesquisa .pesquisa_header {
background: #2A2A2A;
height: 67px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0 25px
}
.pesquisa .pesquisa_header form {
width: 92%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.pesquisa .pesquisa_header form button {    
border: 0;
appearance: none !important;
width: 25px;
height: 25px
}
.pesquisa .pesquisa_header form button label {
display: none
}
.pesquisa .pesquisa_header form input {
background: transparent;
border: 0;
color: rgba(255,255,255,0.7);
outline: none;
padding: 0 15px;
font-size: 18px;
height: 100%;
width: 95%
}
.pesquisa .pesquisa_header form input::-webkit-input-placeholder {
font-family: 'Century Gothic';
color: rgba(255,255,255,0.7);
font-size: 18px
}
.pesquisa .pesquisa_header form input::-moz-placeholder {
font-family: 'Century Gothic';
color: rgba(255,255,255,0.7);
font-size: 18px
}
.pesquisa .pesquisa_header form input:-ms-input-placeholder {
font-family: 'Century Gothic';
color: rgba(255,255,255,0.7);
font-size: 18px
}
.pesquisa .pesquisa_header form input:-moz-placeholder {
font-family: 'Century Gothic';
color: rgba(255,255,255,0.7);
font-size: 18px
}
.pesquisa .pesquisa_header img {
cursor: pointer
}
.pesquisa .pesquisa_body {
background: #1C1C1C;
height: calc(100vh - 67px)
}
.pesquisa .pesquisa_body .resultados {
display: none
}
.pesquisa .pesquisa_body ul {
padding: 0 70px;
list-style: none
}
.pesquisa .pesquisa_body ul li {
font-family: 'Century Gothic';
padding: 25px 0;
position: relative
}
.pesquisa .pesquisa_body ul li a {
color: #ffff;
font-size: 18px;
transition: 0.3s
}
.pesquisa .pesquisa_body ul li a:hover {
color: #11BABA;
text-decoration: none;
transition: 0.3s
}
.pesquisa .pesquisa_body ul li:after {
content: '';
width: 42px;
height: 1px;
background: #fff;
position: absolute;
bottom: 0;
left: 0
}
@media screen and (max-width: 1300px) {
.pesquisa {
width:39vw
}
}
hr.hr_style {
border-top: 1px solid #fff;
margin-top: 6rem
}
@media screen and (max-width: 992px) {
*:hover {
opacity:1 !important
}
.box_acessar {
width: 100%;
height: 100vh;
left: 0;
right: 0;
bottom: 0;
padding-top: 75px
}
.menu_rapido li:nth-child(4){
display: none;
}
}
@media only screen and (max-width: 992px) {
#id_menu_mobile {
background:#4D4D4D;
width: 100%;
height: 100%;
float: left;
padding-top: 65px;
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 1
}
#id_menu_mobile ul {
list-style: none;
padding: 0;
margin: 0;
float: left;
width: 100%;
padding: 50px 3rem
}
#id_menu_mobile ul li {
float: left;
width: 100%;
margin-bottom: 15px
}
#id_menu_mobile ul li a {
font-family: 'Century Gothic';
color: #fff;
float: left;
width: 100%;
font-size: 22px
}
#id_menu_mobile ul li a:hover {
text-decoration: none
}
}
#a_btn_mobile {
display: none
}
.mask_master {
display: none
}
.btn_fechar_acessar_mobile,.btn_fechar_pesquisar_mobile {
display: none
}
@media only screen and (max-width: 992px) {
header {
height:65px;
position: fixed;
z-index: 99;
box-shadow: none
}
header nav {
position: relative;
padding: 0
}
header nav .div-logo {
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
display: flex;
justify-content: center;
align-items: center;
z-index: 0;
margin: 0 auto
}
header nav .div-logo img {
width: 101px;
height: 24px
}
header nav .btn_fechar_acessar_mobile {
height: 100%;
align-items: center;
justify-content: center;
width: 70px;
transition: 0.3s;
position: absolute;
top: 0;
left: 0;
bottom: 0;
z-index: 2;
background-color: #164F93
}
header nav .btn_fechar_acessar_mobile a {       
width: 35px;
display: block !important;
cursor: pointer;
float: left;
transition: 0.3s;
min-height: 24px !important;
background-position: 0px 24px !important
}
header nav .btn_fechar_acessar_mobile.ativo {
background-color: #4D4D4D;
transition: 0.3s
}
header nav .btn_fechar_acessar_mobile.ativo a {
min-height: 35px !important;
background-position: 0px 35px !important;
transition: 0.3s
}
header nav .btn_fechar_pesquisar_mobile {
height: 100%;
align-items: center;
justify-content: center;
width: 70px;
transition: 0.3s;
position: absolute;
top: 0;
left: 0;
bottom: 0;
z-index: 3;
background-color: #164F93
}
header nav .btn_fechar_pesquisar_mobile a {
min-height: 24px !important;
background-position: 0px 24px !important;
width: 35px;
display: block !important;
cursor: pointer;
float: left
}
header .box_a_btn_mobile {
height: 65px;
display: flex;
align-items: center;
justify-content: center;
width: 70px;
position: relative;
z-index: 1
}
header .box_a_btn_mobile.ativo {
background: #4D4D4D
}
header #a_btn_mobile {        
background-position: 0px 0px;
width: 35px;
min-height: 23px;
display: block !important;
cursor: pointer;
float: left
}
header .menu_aberto_mobile {
min-height: 24px !important;
background-position: 0px 24px !important
}
header .menu {
display: none !important
}
header .header-acessar {
height: 100%
}
header .header-acessar .header_box_acessar {
background-repeat: no-repeat;
background-position: 50%;
background-size: 22px;
height: 65px;
margin-right: 0;
width: 60px
}
header .header-acessar .header_box_acessar span.btn_acessar {
display: none
}
header .header-acessar .header_box_acessar img {
display: none
}
header .header-acessar .header_box_acessar[status="off_mobile"] {
background-color: transparent
}
header .header-acessar .header_box_acessar[status="on_mobile"] {
background-color: #4D4D4D
}
header .header-acessar .box_lupa {        
background-repeat: no-repeat;
background-position: 50%;
background-size: 28px;
height: 100%;
width: 60px
}
header .header-acessar .box_lupa img {
display: none
}
header .header-acessar .box_lupa[status="off_mobile"] {
background-color: transparent
}
header .header-acessar .box_lupa[status="on_mobile"] {
background-color: #4D4D4D
}
}
@media only screen and (max-width: 992px) {
.box-alerta-acessar {
position: absolute;
top: 0;
bottom: 0;
height: 100%;
background: #4d4d4d;
}
.box_esqueci_minha_senha{       
position: absolute;
height: 100%;
top: 0;
bottom: 0;
align-items: center;
background: #4d4d4d;
}
.box_acessar {
width:100%;
height: 100%;
left: 0;
right: 0;
bottom: 0;
padding-top: 65px;
z-index: 2
}
.box_acessar .box_acessar_header {
display: none
}
.box_acessar .box_acessar_body {
background: #4D4D4D;
height: 100%;
position: relative;
}
.box_acessar .box_acessar_body form {
margin: 0;
padding: 50px 3rem
}
.box_acessar .box_acessar_body form input.style {
min-height: 45px;
margin-bottom: 25px;
font-size: 16px
}
.box_acessar .box_acessar_body form button {
width: 361px;
height: 45px;
font-size: 19px;
color: rgba(255,255,255,0.85)
}
.box_acessar .box_acessar_body form .box_options .link_esqueci_senha {
font-size: 16px
}
.box_acessar .box_acessar_body form{
padding: 0 1.5rem!important;
margin-top: 30px!important;
}
.pesquisa {
width: 100%;
height: 100%;
padding-top: 65px;
z-index: 3
}
.pesquisa .pesquisa_header {
background: #4d4d4d;
height: auto;
padding: 0 3rem
}
.pesquisa .pesquisa_header form {
flex-direction: column-reverse;
width: 100%;
padding-top: 50px
}
.pesquisa .pesquisa_header form input {
font-family: 'Century Gothic';
float: left;
width: 100%;
min-height: 45px;
border: 1px solid #707070;
margin-bottom: 15px;
padding: 0 15px;
color: rgba(77,77,77,0.8);
font-size: 16px;
background: #fff
}
.pesquisa .pesquisa_header form input::-webkit-input-placeholder {
font-family: 'Century Gothic';
color: rgba(77,77,77,0.8);
font-size: 16px
}
.pesquisa .pesquisa_header form input::-moz-placeholder {
font-family: 'Century Gothic';
color: rgba(77,77,77,0.8);
font-size: 16px
}
.pesquisa .pesquisa_header form input:-ms-input-placeholder {
font-family: 'Century Gothic';
color: rgba(77,77,77,0.8);
font-size: 16px
}
.pesquisa .pesquisa_header form input:-moz-placeholder {
font-family: 'Century Gothic';
color: rgba(77,77,77,0.8);
font-size: 16px
}
.pesquisa .pesquisa_header form button {
background-image: none;
background-color: #1C5F97;
width: 361px;
height: 45px;
color: #fff
}
.pesquisa .pesquisa_header form button label {
display: block;
margin: 0;
text-transform: uppercase;
font-weight: bold;
letter-spacing: 2px
}
.pesquisa .pesquisa_header .close_pesquisa {
display: none
}
.pesquisa .pesquisa_body {
background: #4d4d4d
}
.pesquisa .pesquisa_body .resultados {
display: block;
width: 100%;
float: left;
color: rgba(255,255,255,0.85);
font-size: 14px;
padding: 0 3rem;
margin-top: 60px
}
.pesquisa .pesquisa_body ul {
float: left;
width: 100%;
padding: 0 3rem
}
.pesquisa .pesquisa_body ul li {
padding: 20px 0
}
.pesquisa .pesquisa_body ul li a {
color: rgba(17,186,186,0.85)
}
.pesquisa .pesquisa_body ul li:after {
width: 100%;
background: #707070
}
}
@media only screen and (max-width: 768px) {
.box_acessar .box_acessar_body form button {
width:75% !important;
font-size: 16px
}
.box_acessar .box_acessar_body form .box_options .link_esqueci_senha {
font-size: 14px
}
.box_acessar .link_esqueci_senha {
font-size: 14px
}
.box_acessar .container-label {
padding-left: 25px;
font-size: 14px
}
.box_acessar .container-label .checkmark {
width: 18px !important;
height: 18px !important
}
.pesquisa .pesquisa_header form button {
width: 75% !important;
font-size: 16px
}
}
@media only screen and (max-width: 400px) {
.pesquisa .pesquisa_header {
padding:0 1rem
}
.pesquisa .pesquisa_body .resultados {
padding: 0 1rem
}
.pesquisa .pesquisa_body ul {
padding: 0 1rem
}
.box_acessar .box_acessar_body form {
padding: 50px 1rem
}
}
.icon_menu_rapido_mobile,.banner_mobile,.vamos_desen_mobile,.icon_prev_mobile,.icon_next_mobile {
display: none
}
@media only screen and (max-width: 992px) {
.icon_menu_rapido_desktop {
display:none !important
}
.desenvolvimento_01 {       
padding: 0px !important;
display: block;
margin-top: 65px
}
.desenvolvimento_01 .banner,.desenvolvimento_01 .vamos_desen {
display: none
}
.desenvolvimento_01 .banner_mobile {
display: block
}
.desenvolvimento_01 .banner_mobile h2 {
font-family: 'Monopol-medium';
text-align: center;
margin: 0;
color: #fff;
font-size: 68px;
line-height: 73px;
float: left;
width: 100%;
margin: 50px 0 40px 0
}
.desenvolvimento_01 .banner_mobile div {
background: rgba(77,77,77,0.39);
float: left;
width: 100%
}
.desenvolvimento_01 .banner_mobile div p {
font-family: 'Century Gothic';
font-size: 18px;
line-height: 20px;
margin: 0;
color: #fff;
text-align: center;
padding: 1.4rem 11rem
}
.desenvolvimento_01 .vamos_desen_mobile {
float: left;
width: 100%;
background: #4D4D4D;
display: block
}
.desenvolvimento_01 .vamos_desen_mobile p {
font-family: 'Century Gothic Bold';
color: #fff;
text-align: center;
margin: 0;
font-size: 26px;
line-height: 32px;
padding: 1rem
}
.desenvolvimento_01 .menu_icons .container {
width: 100%;
max-width: none;
flex-direction: column;
padding: 0;
margin: 0
}
.desenvolvimento_01 .menu_icons .container div {
align-self: center !important;
width: 100%;
border-bottom: 2px solid #fff;
padding: 0.5rem 0
}
.desenvolvimento_01 .menu_icons .container div .icon_menu_rapido_mobile {
display: block
}
.desenvolvimento_01 .menu_icons .container div:first-child img {
width: 73.79px
}
.desenvolvimento_01 .menu_icons .container div:nth-child(2) img {
width: 93.74px
}
.desenvolvimento_01 .menu_icons .container div:nth-child(3) img {
width: 66.29px
}
.desenvolvimento_01 .menu_icons .container div:nth-child(4) {
display: none
}
.desenvolvimento_01 .menu_icons .container div:last-child {
border-bottom: 0px solid transparent
}
.desenvolvimento_01 .menu_icons .container div:last-child img {
width: 84.61px
}
.desenvolvimento_01 .menu_icons .container div a {
width: 100%
}
.desenvolvimento_01 .menu_icons .container div a h3 {
font-size: 17px
}
#kasi_em_numeros_section {
height: auto !important;
padding-bottom: 260px
}
#kasi_em_numeros_section h2 {
font-size: 68px;
margin-bottom: 3rem
}
#kasi_em_numeros_section .kasi_em_numeros_box {
min-height: auto
}
#kasi_em_numeros_section .kasi_em_numeros_box .container {
height: auto;
flex-wrap: wrap;
padding: 5rem 7.5rem
}
#kasi_em_numeros_section .kasi_em_numeros_box .container div {
flex: 1 0 26%;
margin-top: 50px;
min-height: 163px
}
#kasi_em_numeros_section .kasi_em_numeros_box .container div:nth-child(4) {
padding-left: 3.5rem
}
#kasi_em_numeros_section .kasi_em_numeros_box .container div:last-child {
padding-right: 3.5rem
}
.corrousel_section {
min-height: auto;
padding: 2rem 0 5rem 0
}
.corrousel_section .clientes_div h2 {
font-size: 60px
}
.corrousel_section .clientes_div h2[data-margin='clientes'] {
margin-top: 3rem;
margin-bottom: 3rem
}
.corrousel_section .clientes_div h2[data-margin='parceiros'] {
margin-top: 3rem;
margin-bottom: 3rem
}
.corrousel_section .clientes_div .master_carrousel .icon_prev_desktop,.corrousel_section .clientes_div .master_carrousel .icon_next_desktop {
display: none
}
.corrousel_section .clientes_div .master_carrousel .prev {
z-index: 9999;
left: 3.5rem
}
.corrousel_section .clientes_div .master_carrousel .prev div {
background: #164F93;
border-radius: 0;
height: auto;
width: auto
}
.corrousel_section .clientes_div .master_carrousel .prev div img {
width: 26px;
transform: rotate(180deg)
}
.corrousel_section .clientes_div .master_carrousel .next {
z-index: 9999;
right: 3.5rem
}
.corrousel_section .clientes_div .master_carrousel .next div {
background: #164F93;
border-radius: 0;
height: auto;
width: auto
}
.corrousel_section .clientes_div .master_carrousel .next div img {
width: 26px
}
.corrousel_section .clientes_div .master_carrousel .icon_prev_mobile,.corrousel_section .clientes_div .master_carrousel .icon_next_mobile {
display: block
}
hr.hr_style {
width: 570px;
margin-top: 4.5rem
}
}
@media only screen and (max-width: 768px) {
.desenvolvimento_01 {
margin-top:65px;
background-size: 768px !important;
background-repeat: no-repeat !important;
background-position: left top !important
}
.desenvolvimento_01 .banner_mobile h2 {
font-size: 60px;
line-height: 60px
}
.desenvolvimento_01 .banner_mobile div p {
padding: 1rem;
font-size: 16px;
line-height: normal
}
.desenvolvimento_01 .vamos_desen_mobile p {
font-size: 21px;
line-height: 24px
}
#kasi_em_numeros_section {
padding-bottom: 8rem
}
#kasi_em_numeros_section h2 {
font-size: 60px;
margin: 5rem 0 3rem 0
}
#kasi_em_numeros_section .kasi_em_numeros_box .container div {
flex: 1 0 50%
}
#kasi_em_numeros_section .kasi_em_numeros_box .container div:nth-child(4) {
padding: 0
}
#kasi_em_numeros_section .kasi_em_numeros_box .container div:last-child {
padding: 0
}
.corrousel_section .clientes_div .master_carrousel .container {
max-width: 540px;
width: 100%
}
.corrousel_section .clientes_div .master_carrousel .container .owl-dots {
margin-top: 2rem
}
.corrousel_section .clientes_div .master_carrousel .prev,.corrousel_section .clientes_div .master_carrousel .next {
display: none
}
hr.hr_style {
width: 74vw
}
}
@media only screen and (max-width: 600px) {
#kasi_em_numeros_section .kasi_em_numeros_box .container div {
flex:1 0 100%
}
}
.produtos_section_mobile {
display: none
}
@media only screen and (max-width: 992px) {
.body_produtos .produtos_section_desktop {
display:none
}
.body_produtos .btn_padrao1 {
font-size: 13.5pt
}
.body_produtos .btn_padrao1[data-width="btn-produtos"] {
width: 254px;
height: 43px
}
.body_produtos .produtos_section_mobile {
margin-top: 65px; background-repeat: no-repeat;
background-size: cover;
background-position: 0 -5rem;
height: 315px;
width: 100%;
float: left;
display: block;
position: relative
}
.body_produtos .produtos_section_mobile h2 {
font-size: 100px;
text-align: center;
margin-top: 3.5rem;
margin-bottom: 0;
text-transform: uppercase;
color: #fff;
font-family: 'Monopol-medium'
}
.body_produtos .produtos_section_mobile .descricao_mobile {
float: left;
position: absolute;
bottom: 0;
left: 0;
right: 0;
width: 100%;
min-height: 85px;
background: rgba(77,77,77,0.59);
display: flex;
flex-direction: column;
justify-content: center;
padding: 0 117px
}
.body_produtos .produtos_section_mobile .descricao_mobile h3 {
font-family: 'Futura Hv BT';
font-style: normal;
margin: 0;
line-height: 1;
color: #fff;
font-size: 24px;
text-align: center
}
.body_produtos .produtos_section_mobile .descricao_mobile p {
font-family: 'Futura Lt BT Light';
color: #fff;
font-size: 18px;
line-height: 20px;
text-align: center;
padding: 0;
margin: 0
}
.body_produtos .produtos_section_mobile .descricao_mobile p br {
display: none
}
.body_produtos .descricao {
background: rgba(77,77,77,0.59)
}
.body_produtos .itens_produtos_section {
background: #F1F1F1;
padding: 70px 0
}
.body_produtos .itens_produtos_section .container {
max-width: 720px !important
}
.body_produtos .itens_produtos_section .container .row {
flex-direction: column
}
.body_produtos .itens_produtos_section .container .row .box_itens_produtos_div {
margin: 0;
background: #F1F1F1;
width: 100%;
min-height: auto !important
}
.body_produtos .itens_produtos_section .container .row .box_itens_produtos_div h3 {
font-size: 18px;
line-height: 20px;
padding-right: 7rem;
text-align: center
}
.body_produtos .itens_produtos_section .container .row .box_itens_produtos_div h3 span:first-child {
display: none
}
.body_produtos .itens_produtos_section .container .row .box_itens_produtos_div h3:last-child span {
display: block
}
.body_produtos .itens_produtos_section .container .row .box_itens_produtos_div h3 br {
display: none
}
.body_produtos .itens_produtos_section .container .row .box_itens_produtos_div p {
margin-top: 0.5rem;
font-size: 17px;
line-height: 19px;
text-align: center
}
.body_produtos .itens_produtos_section .container .row .box_itens_produtos_div hr {
width: 60px;
margin-top: 44px;
margin-bottom: 45px
}
.body_produtos .style-h2_prod {
font-size: 18px;
line-height: 19px;
padding: 0 13rem;
margin-top: 3rem
}
.body_produtos .p_style_prod {
padding: 0 43px
}
.body_produtos .p_style_prod br {
display: none
}
}
@media only screen and (max-width: 768px) {
.body_produtos .servicos_section_mobile h2 {
font-size:88px
}
.body_produtos .produtos_section_mobile {
background-position: right center
}
.body_produtos .produtos_section_mobile .descricao_mobile {
padding: 0
}
.body_produtos .produtos_section_mobile .descricao_mobile p {
padding: 1rem;
font-size: 16px;
line-height: initial
}
.body_produtos .itens_produtos_section .container .row .box_itens_produtos_div h3 {
padding: 0;
text-align: center
}
.body_produtos .itens_produtos_section .container .row .box_itens_produtos_div h3 span {
width: 100%
}
.body_produtos .itens_produtos_section .container .row .box_itens_produtos_div h3 span:last-child {
text-align: center
}
.body_produtos .itens_produtos_section .container .row .box_itens_produtos_div h3 span:last-child div {
display: initial;
margin-right: 7px
}
.body_produtos .style-h2_prod {
padding: 0 1rem;
margin-top: 1rem;
font-size: 16px
}
.body_produtos .p_style_prod {
padding: 0 1rem
}
}
.servicos_section_mobile {
display: none
}
@media only screen and (max-width: 992px) {
.parallax-mirror,.descricao_dekstop,.servicos_section_desktop,.descricao_desktop {
display:none
}
.parallax-window {
min-height: auto
}
.servicos_section_mobile {
margin-top: 65px;
background: url(//kasi.com.br/wp-content/themes/imagens/backgrounds/mobile/servicos-tablet.png);
background-position: top right;
background-repeat: no-repeat;
background-size: cover;
height: 315px;
width: 100%;
float: left;
display: block;
position: relative
}
.servicos_section_mobile h2 {
font-size: 100px;
text-align: center;
margin-top: 3.5rem;
margin-bottom: 0;
text-transform: uppercase;
color: #fff;
font-family: 'Monopol-medium'
}
.servicos_section_mobile .descricao_mobile {
float: left;
position: absolute;
bottom: 0;
left: 0;
right: 0;
width: 100%;
min-height: 80px;
background: rgba(77,77,77,0.59);
display: flex;
flex-direction: column;
justify-content: center
}
.servicos_section_mobile .descricao_mobile h3 {
font-family: 'Futura Hv BT';
font-style: normal;
margin: 0;
line-height: 1;
color: #fff;
font-size: 24px;
text-align: center
}
.servicos_section_mobile .descricao_mobile p {
font-family: 'Futura Lt BT Light';
color: #fff;
font-size: 18px;
text-align: center;
padding: 0;
margin: 0
}
.descricao {
background: rgba(77,77,77,0.59)
}
.servicos_content {
background: #F1F1F1;
padding: 70px 0
}
.servicos_content .row_style_1 {
flex-direction: column;
padding: 0px 1rem
}
.servicos_content .row_style_1 .box_item_servicos {
background: transparent;
height: auto;
width: auto;
padding: 0;
margin: 0 0 3rem 0
}
.servicos_content .row_style_1 .box_item_servicos h3 {
font-size: 19px;
line-height: normal;
margin-bottom: 1rem;
min-height: auto
}
.servicos_content .row_style_1 .box_item_servicos h3 br {
display: none
}
.servicos_content .row_style_1 .box_item_servicos p {
padding: 0;
text-align: center;
width: 500px;
float: left;
font-size: 17px;
line-height: 21px
}
.servicos_content .row_style_1 .box_item_servicos p br {
display: none
}
.servicos_content .row_style_2 {
flex-direction: column;
margin-top: 0;
padding: 0px 1rem
}
.servicos_content .row_style_2 .box_item_servicos {
background: transparent;
height: auto;
min-height: auto;
width: auto;
padding: 0;
margin: 0 0 3rem 0
}
.servicos_content .row_style_2 .box_item_servicos h3 {
font-size: 19px;
line-height: normal;
margin-bottom: 1rem;
min-height: auto
}
.servicos_content .row_style_2 .box_item_servicos h3 br {
display: none
}
.servicos_content .row_style_2 .box_item_servicos p {
padding: 0;
text-align: center;
width: 500px;
float: left;
font-size: 17px;
line-height: 21px
}
.servicos_content .row_style_2 .box_item_servicos p br {
display: none
}
}
@media only screen and (max-width: 768px) {
.servicos_section_mobile h2 {
font-size:88px
}
.servicos_section_mobile .descricao_mobile p {
padding: 1rem;
font-size: 16px;
line-height: initial
}
.servicos_content .row_style_1 {
padding: 0px 1rem
}
.servicos_content .row_style_1 .box_item_servicos p {
width: 100%
}
.servicos_content .row_style_2 {
padding: 0px 1rem
}
.servicos_content .row_style_2 .box_item_servicos p {
width: 100%
}
}
.quem_somos_section_mobile {
display: none
}
@media only screen and (max-width: 992px) {
.parallax-mirror,.descricao_dekstop,.quem_somos_section_desktop {
display:none
}
.parallax-window {
min-height: auto
}
.quem_somos_section_mobile {
margin-top: 65px;
background: url(//kasi.com.br/wp-content/themes/imagens/backgrounds/mobile/quem-somos-tablet.png);
background-repeat: no-repeat;
background-size: cover;
height: 315px;
width: 100%;
float: left;
display: block;
position: relative
}
.quem_somos_section_mobile h2 {
font-size: 100px;
text-align: center;
margin-top: 3.5rem;
margin-bottom: 0;
text-transform: uppercase;
color: #fff;
font-family: 'Monopol-medium'
}
.quem_somos_section_mobile .descricao_mobile {
float: left;
position: absolute;
bottom: 0;
left: 0;
right: 0;
width: 100%;
min-height: 80px;
background: rgba(77,77,77,0.59);
display: flex;
flex-direction: column;
justify-content: center
}
.quem_somos_section_mobile .descricao_mobile h3 {
font-family: 'Futura Hv BT';
font-style: normal;
margin: 0;
line-height: 1;
color: #fff;
font-size: 24px;
text-align: center
}
.quem_somos_section_mobile .descricao_mobile p {
font-family: 'Futura Lt BT Light';
color: #fff;
font-size: 18px;
text-align: center;
padding: 0;
margin: 0
}
.descricao {
background: rgba(77,77,77,0.59)
}
.quem_somos_content {
background: #F1F1F1;
margin-top: 0px;
padding-top: 70px
}
.quem_somos_content .texto_quem_somos_section {
background: transparent;
width: 576px;
padding: 0
}
.quem_somos_content .texto_quem_somos_section p br {
display: none
}
.quem_somos_content .linha_quem_somos {
float: left;
width: 100%;
flex-direction: column
}
.quem_somos_content .linha_quem_somos .box_itens_quem_somos {
background: transparent;
margin-bottom: 1rem;
margin-right: 0
}
.quem_somos_content .linha_quem_somos .box_itens_quem_somos:last-child {
margin-right: 0
}
.quem_somos_content .linha_quem_somos .box_itens_quem_somos img {
width: 165px
}
.quem_somos_content .linha_quem_somos .box_itens_quem_somos h3 br {
display: none
}
.quem_somos_content .linha_quem_somos .box_itens_quem_somos p br {
display: none
}
.quem_somos_content .container_quem_somos .h2_vdaj {
font-size: 19px;
margin-top: 3rem !important
}
}
@media only screen and (max-width: 768px) {
.quem_somos_section_mobile h2 {
font-size:88px
}
.quem_somos_section_mobile .descricao_mobile {
text-align: center;
padding: 1rem
}
.quem_somos_section_mobile .descricao_mobile h3 {
text-align: center;
font-size: 23px
}
.quem_somos_section_mobile .descricao_mobile p {
text-align: center;
line-height: normal
}
.quem_somos_content .texto_quem_somos_section {
width: 75%
}
.quem_somos_content .lnhas_quem_somos .box_itens_quem_somos {
width: 100%;
float: left
}
.quem_somos_content .lnhas_quem_somos .box_itens_quem_somos img {
width: 105px
}
.quem_somos_content .container_quem_somos .h2_vdaj {
padding: 0 2rem
}
}
@media only screen and (max-width: 992px) {
.body_contato iframe {
height:437px
}
.contato_section.parallax-window {
margin-top: 65px;
background-image: url(//kasi.com.br/wp-content/themes/imagens/backgrounds/mobile/contato-tablet.png);
height: 316px;
min-height: auto
}
.contato_section.parallax-window h2 {
font-size: 91px
}
.contato_section.parallax-window hr {
width: 221px;
margin: 1px;
margin-top: 1rem
}
.contato_section.parallax-window p {
font-size: 13.05px;
line-height: 16px;
margin: 10px 0 20px 0
}
.contato_section.parallax-window .next-contato-img {
display: none
}
.contato_section.parallax-window a.btn {
width: 216px;
height: 42px;
font-size: 16px
}
.contato_content {
height: auto;
padding-top: 70px
}
.contato_content h3 {
font-size: 20px;
line-height: 22px;
padding: 0 15px;
}
.contato_content .p1 {
font-size: 17px;
line-height: 18px;
padding: 0 160px
}
.contato_content .p1 br {
display: none
}
.contato_content form {
padding: 0 3rem
}
.contato_content form label {
font-size: 14px;
margin: 0 0 1rem 0
}
.contato_content form .box_form_left_w50 {
width: 100%;
padding: 0
}
.contato_content form .box_form_right_w50 {
width: 100%;
float: left;
padding: 0
}
.contato_content form input,.contato_content form textarea {
font-size: 16px;
margin-bottom: 0.50rem
}
.contato_content form button {
margin-top: 70px;
margin-bottom: 100px
}
}
@media only screen and (max-width: 768px) {
.contato_content .p1 {
width:75%;
padding: 0;
margin: 2rem 0
}
}
@media only screen and (max-width: 992px) {
footer {
height:321px;
padding: 0
}
footer .container {
max-width: 597px;
padding: 0
}
footer .container .row-f .menu_rapido {
margin-top: 70px
}
footer .container .row-f .menu_rapido li {
margin-right: 25px
}
footer .container .row-f .menu_rapido li a {
font-size: 13px
}
footer .container .row-f .local img {
margin: 0;
width: 66.5px
}
footer .container .row-f .barra {
padding-left: 30px
}
footer .container .row-f .barra:before {
min-height: auto;
height: 220px;
bottom: 0;
margin: auto;       
}
footer .container .row-f .barra .siga-nos_box {
margin-top: 50px
}
footer .container .row-f .barra .siga-nos_box ul li .a1 {
font-size: 17px
}
footer .container .row-f .barra .siga-nos_box ul li .a2 {
font-size: 21px
}
footer .container .row-f .barra .endereco {
width: 326px
}
footer .container .row-f .barra .endereco p .barra1 {
display: none
}
footer .container .row-f .barra .copy {
left: 0;
right: 0;
bottom: 0;
top: auto;
text-align: center
}
footer .container .row-f .barra .copy br {
display: none
}
}
@media only screen and (max-width: 555px) {
footer {
padding:1rem 0
}
footer .container .row-f .menu_rapido li {
margin-right: 20px
}
}
@media only screen and (max-width: 554px) {
footer {
float:left;
width: 100%;
height: auto
}
footer .container {
float: left;
width: 100%;
padding: 0 0rem
}
footer .container .row-f {
float: left;
width: 100%;
min-height: auto;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center
}
footer .container .row-f .local {
float: left;
width: 100%;
flex-direction: column;
justify-content: center;
align-items: center;
min-height: auto;
padding: 1rem 0
}
footer .container .row-f .local a {
width: auto
}
footer .container .row-f .local a img {
width: auto;
position: relative;
left: -12px
}
footer .container .row-f .barra {
width: 100%;
float: left;
padding: 1rem 0
}
footer .container .row-f .barra:before {
display: none
}
footer .container .row-f .barra .menu_rapido {
margin: 0;
float: left;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column
}
footer .container .row-f .barra .menu_rapido li {
margin-bottom: 0.50rem
}
footer .container .row-f .barra .menu_rapido li a {
font-size: 16px
}
footer .container .row-f .barra .siga-nos_box {
margin: 0;
padding: 1rem 0
}
footer .container .row-f .barra .siga-nos_box ul {
justify-content: center
}
footer .container .row-f .barra .siga-nos_box ul li .a1 {
font-size: 22px
}
footer .container .row-f .barra .siga-nos_box ul li .a2 {
font-size: 25px
}
footer .container .row-f .barra .endereco {
width: 100%;
padding: 1rem 0;
margin: 0;
text-align: center
}
footer .container .row-f .barra .endereco p {
font-size: 11.5px
}
footer .container .row-f .barra .endereco p .tel {
float: left;
width: 100%
}
footer .container .row-f .barra .endereco p a:nth-child(3) {
float: left;
width: 100%
}
footer .container .row-f .barra .endereco p a .barra2 {
display: none
}
footer .container .row-f .barra .endereco .copy {
position: static;
margin: 0;
padding: 1rem 0;
text-align: center
}
}
@media only screen and (max-width: 380px) {
.box_lupa {
display:none
}
}
@media only screen and (max-width: 455px){
.alert_contato .box_alert_contato{
width: 98%;
}
}  .wpcf7-not-valid-tip {
float: left;
width: 100%;
}
.wpcf7-response-output {
float: left;
width: auto;    
font-family: 'Century Gothic';
color: #4D4D4D;
font-size: 13px;
padding: 10px 30px!important;
position: relative;
top: -40px;
}
.wpcf7-mail-sent-ok {
border: 2px solid #164f93!important;
}
@media only screen and (max-width: 1380px) {
footer .container .row-f .copy{
right: 0;
}
}
@media only screen and (max-width: 1240px) {
footer .container .row-f .endereco p{
width: 510px;
}
}
@media only screen and (max-width: 992px) {
footer .container .row-f .endereco p{
width: 380px;
}
}
@media only screen and (max-width: 768px){
footer .container .row-f .endereco p {
width: 240px;
}
}
@media only screen and (max-width: 554px){
footer .container .row-f .endereco p{
width: auto;
}
}
.div-404{
height: calc(100vh - 67px);
width: 100%;
float: left;
margin-top: 67px;
background-color: #E9E9E9 ;
align-items: center;
justify-content: center;
display: flex;
}
.div-404 p:nth-child(1) {
font-family: 'Monopol-medium';
color: #09CCCC;
font-size: 195px;
text-align: center;
float: left;
width: 100%;
margin: 0;
line-height: 152px;
}
.div-404 p:nth-child(2) {
font-family: 'Century Gothic Bold';
color: #1C1C1C;
font-weight: bold;
text-align: center;
float: left;
width: 100%;
margin: 0;
font-size: 36px;
line-height: 39px;
margin: 30px 0 60px 0;
}
.div-404 p:nth-child(3) {
font-family: 'Century Gothic';
color: #1C1C1C;
font-weight: normal;    
text-align: center;
float: left;
width: 100%;
margin: 0;
font-size: 28px;
line-height: 39px;
}
.div-404 p a{
color: #011AFB;
text-decoration: underline;
}
@media only screen and (max-height: 446px){
.div-404{
height: auto!important;
padding: 2rem;
}
} .section-404{
width: 56.5vw;
width: 56.5vw;
border: 0.3vw solid #a8a8a8;
height: 43.13vw;
border-radius: 2.5vw;
}
.header-404 {
width: 100%;
display: flex;
padding: 1.5vw 2vw;
border-bottom: 0.3vw solid #a8a8a8;
}
.header-404 div {
background: #a8a8a8;
margin-right: 2vw;
width: 2.5vw;
height: 1.5vw;
border-radius: 2vw;
}
span.span-erro {
text-align: center;
color: #1C1C1C;
width: 100%;
display: block;
margin-bottom: 2vw;
margin-top: 4vw;
font-size: 2vw;
font-weight: bold;
letter-spacing: 0.2vw;
font-family: 'Century Gothic Bold';
}
#p404 {
color: #09CCCC;
font-size: 14vw;
text-align: center;
font-weight: bold;
letter-spacing: 1.5vw;
display: block;
line-height: 11vw;
font-family: 'Century Gothic Bold';
}
p.p-conteudo {
width: 100%;
text-align: center;
color: #1C1C1C;
margin-top: 3vw;
display: block;
float: left;
font-size: 1.2vw;
line-height: 1.3vw;
}
a.ir-pra-home {
align-items: center;
font-family: 'Century Gothic Bold';
font-size: 1.1vw;
color: #164F93 !important;
-webkit-appearance: none;
border: 0.1vw solid #164f93;
background: #e6e6e6;
padding: 0.5vw 1.5vw;
transition: 0.2s;
width: auto!important;
text-transform: uppercase;
display: block;
margin: 0 auto 0;
font-weight: bold;
float: left;
margin-top: 2vw;
}
a.ir-pra-home:hover {
background: #164f93;
color: #e6e6e6 !important;
transition: 0.2s;
}
@media only screen and (max-width: 992px){
.section-404 {
width: 80vw;
height: 80vw;
}
.header-404 {
padding: 2vw 3vw;
}
span.span-erro {
font-size: 6vw;
margin: 2vw 0;
}
.header-404 div {
width: 4vw;
height: 2vw;
}
p.p-conteudo {
font-size: 3vw;
line-height: 2.5vw;
}
a.ir-pra-home {
font-size: 3vw;
padding: 1vw 3vw;
}
}