@font-face {
    font-display: swap;
    font-family: 'bauhaus_lt';
    src: url('/fontes/bauhaus_lt.eot');
    src: url('/fontes/bauhaus_lt.eot?#iefix') format('embedded-opentype'),
         url('/fontes/bauhaus_lt.woff2') format('woff2'),
         url('/fontes/bauhaus_lt.woff') format('woff'),         
         url('/fontes/bauhaus_lt.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-display: swap;
    font-family: 'roboto';
    src: url('/fontes/roboto.eot');
    src: url('/fontes/roboto.eot?#iefix') format('embedded-opentype'),
         url('/fontes/roboto.woff2') format('woff2'),
         url('/fontes/roboto.woff') format('woff'),         
         url('/fontes/roboto.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-display: swap;
    font-family: 'roboto_con';
    src: url('/fontes/roboto_con.eot');
    src: url('/fontes/roboto_con.eot?#iefix') format('embedded-opentype'),
         url('/fontes/roboto_con.woff2') format('woff2'),
         url('/fontes/roboto_con.woff') format('woff'),
         url('/fontes/roboto_con.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-display: swap;
    font-family: 'roboto_med';
    src: url('/fontes/roboto_med.eot');
    src: url('/fontes/roboto_med.eot?#iefix') format('embedded-opentype'),
         url('/fontes/roboto_med.woff2') format('woff2'),
         url('/fontes/roboto_med.woff') format('woff'),
         url('/fontes/roboto_med.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-display: swap;
    font-family: 'roboto_blk';
    src: url('/fontes/roboto_bk.eot');
    src: url('/fontes/roboto_bk.eot?#iefix') format('embedded-opentype'),
         url('/fontes/roboto_bk.woff2') format('woff2'),
         url('/fontes/roboto_bk.woff') format('woff'),
         url('/fontes/roboto_bk.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-display: swap;
    font-family: 'lato_blk';
    src: url('/fontes/lato_blk.eot');
    src: url('/fontes/lato_blk.eot?#iefix') format('embedded-opentype'),
         url('/fontes/lato_blk.woff2') format('woff2'),
         url('/fontes/lato_blk.woff') format('woff'),
         url('/fontes/lato_blk.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-display: swap;
    font-family: 'lato_hvy';
    src: url('/fontes/lato_hvy.eot');
    src: url('/fontes/lato_hvy.eot?#iefix') format('embedded-opentype'),
         url('/fontes/lato_hvy.woff2') format('woff2'),
         url('/fontes/lato_hvy.woff') format('woff'),
         url('/fontes/lato_hvy.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-display: swap;
    font-family: 'lato_lig';
    src: url('/fontes/lato_lig.eot');
    src: url('/fontes/lato_lig.eot?#iefix') format('embedded-opentype'),
         url('/fontes/lato_lig.woff2') format('woff2'),
         url('/fontes/lato_lig.woff') format('woff'),
         url('/fontes/lato_lig.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-display: swap;
    font-family: 'lato_med';
    src: url('/fontes/lato_med.eot');
    src: url('/fontes/lato_med.eot?#iefix') format('embedded-opentype'),
         url('/fontes/lato_med.woff2') format('woff2'),
         url('/fontes/lato_med.woff') format('woff'),
         url('/fontes/lato_med.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-display: swap;
    font-family: 'lato_thi';
    src: url('/fontes/lato_thi.eot');
    src: url('/fontes/lato_thi.eot?#iefix') format('embedded-opentype'),
         url('/fontes/lato_thi.woff2') format('woff2'),
         url('/fontes/lato_thi.woff') format('woff'),
         url('/fontes/lato_thi.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-display: swap;
    font-family: 'poppins_blk';
    src: url('/fontes/poppins_blk.eot');
    src: url('/fontes/poppins_blk.eot?#iefix') format('embedded-opentype'),
         url('/fontes/poppins_blk.woff2') format('woff2'),
         url('/fontes/poppins_blk.woff') format('woff'),
         url('/fontes/poppins_blk.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-display: swap;
    font-family: 'poppins_bol';
    src: url('/fontes/poppins_bol.eot');
    src: url('/fontes/poppins_bol.eot?#iefix') format('embedded-opentype'),
         url('/fontes/poppins_bol.woff2') format('woff2'),
         url('/fontes/poppins_bol.woff') format('woff'),
         url('/fontes/poppins_bol.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-display: swap;
    font-family: 'poppins_exl';
    src: url('/fontes/poppins_exl.eot');
    src: url('/fontes/poppins_exl.eot?#iefix') format('embedded-opentype'),
         url('/fontes/poppins_exl.woff2') format('woff2'),
         url('/fontes/poppins_exl.woff') format('woff'),
         url('/fontes/poppins_exl.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-display: swap;
    font-family: 'poppins_lig';
    src: url('/fontes/poppins_lig.eot');
    src: url('/fontes/poppins_lig.eot?#iefix') format('embedded-opentype'),
         url('/fontes/poppins_lig.woff2') format('woff2'),
         url('/fontes/poppins_lig.woff') format('woff'),
         url('/fontes/poppins_lig.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-display: swap;
    font-family: 'poppins_med';
    src: url('/fontes/poppins_med.eot');
    src: url('/fontes/poppins_med.eot?#iefix') format('embedded-opentype'),
         url('/fontes/poppins_med.woff2') format('woff2'),
         url('/fontes/poppins_med.woff') format('woff'),
         url('/fontes/poppins_med.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-display: swap;
    font-family: 'amazone';
    src: url('/fontes/amazone.eot');
    src: url('/fontes/amazone.eot?#iefix') format('embedded-opentype'),
         url('/fontes/amazone.woff2') format('woff2'),
         url('/fontes/amazone.woff') format('woff'),
         url('/fontes/amazone.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-display: swap;
    font-family: 'ElegantIcons';
    src: url('/fontes/ElegantIcons.eot');
    src: url('/fontes/ElegantIcons.eot?#iefix') format('embedded-opentype'),
         url('/fontes/ElegantIcons.woff') format('woff'),
         url('/fontes/ElegantIcons.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-display: swap;
    font-family: 'flexslider';
    src: url('/fontes/flexslider-icon.eot');
    src: url('/fontes/flexslider-icon.eot?#iefix') format('embedded-opentype'),
         url('/fontes/flexslider-icon.woff') format('woff'),
         url('/fontes/flexslider-icon.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-display: swap;
    font-family: 'fontawesome';
    src: url('/fontes/fontawesome-webfont.eot');
    src: url('/fontes/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fontes/fontawesome-webfont.woff2') format('woff2'),
         url('/fontes/fontawesome-webfont.woff') format('woff'),
         url('/fontes/fontawesome-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-display: swap;
    font-family: 'glyphicons';
    src: url('/fontes/glyphicons-halflings-regular.eot');
    src: url('/fontes/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),
         url('/fontes/glyphicons-halflings-regular.woff2') format('woff2'),
         url('/fontes/glyphicons-halflings-regular.woff') format('woff'),
         url('/fontes/glyphicons-halflings-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-display: swap;
    font-family: 'pe7';
    src: url('/fontes/Pe-icon-7-stroke.eot');
    src: url('/fontes/Pe-icon-7-stroke.eot?#iefix') format('embedded-opentype'),
         url('/fontes/Pe-icon-7-stroke.woff') format('woff'),
         url('/fontes/Pe-icon-7-stroke.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-display: swap;
    font-family: 'weathericons';
    src: url('/fontes/weathericons-regular-webfont.eot');
    src: url('/fontes/weathericons-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fontes/weathericons-regular-webfont.woff') format('woff'),
         url('/fontes/weathericons-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-display: swap;
    font-family: 'ssp_lig';
    src: url('/fontes/ssp.eot');
    src: url('/fontes/ssp.eot?#iefix') format('embedded-opentype'),
         url('/fontes/ssp.woff') format('woff'),
         url('/fontes/ssp.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

html, body {
	margin:0;
	padding:0;
	width:100%;
	height: 100%;
	box-sizing: border-box;
    background-color: #ffffff;
    scroll-behavior: smooth;
    -webkit-transition: all 3s ease-out;
    -moz-transition: all 3s ease-out;
    -ms-transition: all 3s ease-out;
    -o-transition: all 3s ease-out;
    transition: all 3s ease-out;
    font-family: 'roboto_con', arial;
	font-size: 1vw;
	color: #000000;
}

/* ----------------------------------------------------------------------- TOPO ------------------------------------------------------------------ */

.home_topo {
    float: left;
    width: 100%;
    height: 100vh;
    position: relative;
}

.home_topo_linhas {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 12.5vw;
    height: 11.66666666666667vh;
    background-image: url(/imagens/area1_linha1.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
}

.logo_sarah {
    position: absolute;
    z-index: 990;
    left: 5.555555555555556vh;
    top: 5.555555555555556vh;
    width: 16.25vw;
    height: 10.1875vw;
    background-image: url(/imagens/logo_sarah.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
}

.menu_outer {
    position: absolute;
    z-index: 991;
    top: 7vh;
    left: calc(5.555555555555556vh + 20.25vw);    
}

.menu_item {
    float: left;
    padding-right: 2.5vw;
    font-family: 'bauhaus_lt', arial;    
    font-size: 1.5vw;
    text-decoration: none;
    color: #000000;
    cursor: pointer;
    padding-bottom: 1vw;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.menu_item:hover {
    color: #0aa4db;
}

.submenu_outer {
    position: absolute;
    display: flex;
    flex-direction: column;
    background-color: #fbc759;
    padding-top: 1vw;
    padding-bottom: 1vw;
    padding-left: 1vw;
    padding-right: 1vw;
    display: none;
    margin-top: 1vw;
    border-top-left-radius: 1vh;
    border-top-right-radius: 2vh;
    border-bottom-left-radius: 2vh;
    border-bottom-right-radius: 1vh;
}

.submenu_outer_tick {
    position: absolute;
    width: 2vh;
    height: 2vh;
    background-image: url(/imagens/submenu_tick.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    margin-top: -2vw;
    margin-left: 0.5vw;
}

.submenu_item {
    float: left;
    width: 100%;
    padding-right: 2vh;
    padding-left: calc(2vw + 2vh);
    padding-top: 1vh;
    padding-bottom: 1vh;
    font-family: 'ssp_lig',arial;
    font-weight: bold;
    font-size: 1.1vw;
    text-decoration: none;
    color: #000000;    
    background-image: url(/imagens/submenu_ico.png);
    background-repeat: no-repeat;
    background-position: 0.5vw 0px;
    background-size: auto 200%;
    border-bottom: rgba(0, 0, 0, 0.1) solid 1px;
    border-top: rgba(255, 255, 255, 0.3) solid 1px;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;

    border-top-left-radius: 0.5vh;
    border-top-right-radius: 1vh;
    border-bottom-left-radius: 1vh;
    border-bottom-right-radius: 0.5vh;
}

.submenu_item:hover {
    background-color: #0aa4db;
    background-position: 0.5vw 100%;
    color: #ffffff;
}

.menu_item:hover > .submenu_outer {
    display: flex;
}

.topo_redes {
    position: absolute;
    width: 12vw;
    height: 2.5vw;
    top: 6.5vh;
    right: 3.5vw;
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: calc(2vw / 3);
}

.topo_redes_item {
    float: left;
    width: 2.5vw;
    height: 2.5vw;
    background-color: #f6ae2d;
    border-radius: 0.5vw;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size: 100% 200%;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.topo_redes_item1 {
    background-image: url(/imagens/rodape_ico_redes1.png);
}

.topo_redes_item2 {
    background-image: url(/imagens/rodape_ico_redes2.png);
}

.topo_redes_item3 {
    background-image: url(/imagens/rodape_ico_redes3.png);
}

.topo_redes_item4 {
    background-image: url(/imagens/rodape_ico_redes4.png);
}

.topo_redes_item:hover {
    background-position: 0px 100%;
    background-color: #fff47a;
}

.topo_carro {
    position: absolute;
    z-index: 1;
    width: 87.5vw;
    /*width: 155.555555555vh;*/
    height: 77.77777777777778vh;
    left: 6.25vw;
    /*left: calc((100% - 155.555555555vh) / 2);*/
    top: 16.6vh;
    overflow: hidden;
}

.carro_nav {
    position: absolute;
    left: 2.5vw;
    top: 26vh;
    width: 2vh;
    height: 15vh;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.carro_nav_item {
    float: left;
    width: 2vh;
    height: 2vh;
    border: #f6ae2d solid 1px;
    border-radius: 1vh;
    margin-top: 0.5vh;
    margin-bottom: 0.5vh;
    background-image: url(/imagens/carro_nav.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size: 100% 200%;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    cursor: pointer;
}

.carro_nav_item_ativo {
    background-position: 0px 100%;
}

.topo_carro_item {
    position: absolute;
    width: 87.5vw;
    /*width: 155.555555555vh;*/
    height: 77.77777777777778vh;
    overflow: hidden;
    transform: translate(-105vw,0);

    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;

    background-color: #0aa4db;

    -webkit-transition: transform 1.0s cubic-bezier(0.68, -0.6, 0.32, 1.6);
    -moz-transition: transform 1.0s cubic-bezier(0.68, -0.6, 0.32, 1.6);
    -ms-transition: transform 1.0s cubic-bezier(0.68, -0.6, 0.32, 1.6);
    -o-transition: transform 1.0s cubic-bezier(0.68, -0.6, 0.32, 1.6);
    transition: transform 1.0s cubic-bezier(0.68, -0.6, 0.32, 1.6);
}

.topo_carro_item_mask {
    float: left;
    position: relative;
    width: calc(100% + 1px);
    height: 77.77777777777778vh;
    overflow: hidden;
    margin-left: -1px;
    background-image: url(/imagens/carro_mask.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
}

.topo_carro_item_ativo {
    transform: translate(0,0);
}

.topo_carro_item_link{
    position: absolute;
    width: 60%;
    height: 67vh;
    margin-left: 20%;
}

.topo_carro_item_player {
    position: absolute;
    width: 21vw;
    height: 8vh;
    right: 0;
    bottom: 0;    
}

.topo_carro_item_player_tit {
    float: left;
    width: 100%;
    height: 3vh;
    font-family: 'bauhaus_lt',arial;
    font-size: 0.7vw;
}

.topo_carro_item_player_tit span {
    color: #f26419;
}

.topo_carro_item_player_outer {
    float: left;
    width: 100%;
    height: 5vh;
    background-color: #f26419;
    border-radius: 1vh;
}

.topo_carro_item_player_btn {
    float: left;
    width: 5vh;
    height: 5vh;
    background-image: url(/imagens/carro_ico_play.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 80% 80%;
    cursor: pointer;
}

.topo_carro_item_player_btn_ativo {
    background-image: url(/imagens/carro_ico_pause.png);
    background-color: rgba(0, 0, 0, 0.1);
}

.topo_carro_item_player_barra_outer {
    float: left;
    width: calc(70% - 5vh);
    height: 5vh;
    overflow: hidden;
    background-image: url(/imagens/carro_barra_outer.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
}

.topo_carro_item_player_inner {
    float: left;
    width: 1%;
    height: 5vh;
    background-image: url(/imagens/carro_barra_inner.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
}

.topo_carro_item_player_tempo {
    float: left;
    width: 30%;
    height: 5vh;
    font-family: `ssp_lig`,arial;
    font-size: 0.6vw;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* ----------------------------------------------------------------------- FIM TOPO -------------------------------------------------------------- */

/* ----------------------------------------------------------------------- AREA 2 ---------------------------------------------------------------- */

.home_area2 {
    float: left;
    width: 100%;
    height: 100vh;
    position: relative;
}

.home_area2_1, .home_area2_2, .home_area2_3, .home_area2_4, .home_area2_5, .home_area2_6, .home_area2_7, .home_area2_8, .home_area2_9 {
    float: left;
    background-size: 100% 100%;
}

.home_area2_1, .home_area2_3, .home_area2_4, .home_area2_6, .home_area2_7, .home_area2_9 {
    width: 12.5vw;
    background-repeat: no-repeat;
    background-position: center center;
}

.home_area2_1, .home_area2_2, .home_area2_3 {
    height: 18.88888888888889vh;
}

.home_area2_4, .home_area2_5, .home_area2_6 {
    height: calc(100vh - 18.88888888888889vh - 11.66666666666667vh);
}

.home_area2_7, .home_area2_8, .home_area2_9 {
    height: 11.66666666666667vh;
}

.home_area2_2, .home_area2_5, .home_area2_8 {
    width: calc(100% - 25vw);
}

.home_area2_4 {
    background-size: 100% auto;
}

.home_area2_1 {background-image: url(/imagens/area2_linha1.png);}
.home_area2_2 {background-image: url(/imagens/area2_linha2.png);}
.home_area2_3 {background-image: url(/imagens/area2_linha3.png);}
.home_area2_4 {background-image: url(/imagens/area2_linha4.png);}
.home_area2_7 {background-image: url(/imagens/area2_linha5.png);}
.home_area2_8 {background-image: url(/imagens/area2_linha6.png);}
.home_area2_9 {background-image: url(/imagens/area2_linha7.png);}

.home_area2_bloco_1, .home_area2_bloco_2, .home_area2_bloco_3 {
    float: left;
    width: 100%;
}

.home_area2_bloco_1 {
    height: 18.88888888888889vh;
    overflow: hidden;
}

.home_area2_bloco_1_inner {
    float: left;
    width: 100%;
    height: 18.88888888888889vh;
    overflow: hidden;
}

.home_area2_cliente {
    float: left;
    width: 10%;
    height: 18.88888888888889vh;
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.home_area2_cliente:hover {
    background-size: 130% auto;
}

.home_area2_bloco_2 {
    height: 48.66666666666667vh;
}

.home_area2_bloco_3 {
    position: absolute;
    width: calc(100% - 12.5vw);
    height: calc(100vh - 18.88888888888889vh - 11.66666666666667vh - 48.66666666666667vh);
    right: 0;
    background-color: #e9a52b;
    bottom: 15.77777777777778vh;
}

.area2_chamada {
    float: left;
    width: calc(100% / 3);
    padding-left: 2.5vw;
    padding-right: 2.5vw;
    text-align: center;
    text-decoration: none;
    margin-top: 7vh;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.area2_chamada_img {
    float: left;
    width: 100%;
    height: 6vw;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: contain;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.area2_chamada_txt {
    float: left;
    width: 100%;
    text-align: center;
    font-family: 'ssp_lig',arial;
    font-size: 1.35vw;
    color: #000000;
    margin-top: 2vw;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.area2_chamada:hover > .area2_chamada_img {
    height: 7vw;
}

.area2_chamada:hover > .area2_chamada_txt {
    margin-top: 1vw;
}

.home_area2_bloco_3_outer {
    position: absolute;
    width: 86.5vw;
    height: calc(100vh - 18.88888888888889vh - 11.66666666666667vh - 48.66666666666667vh);
    overflow: hidden;
}

.home_area2_bloco_3_inner {
    position: absolute;
    width: 200%;
    height: calc(100vh - 18.88888888888889vh - 11.66666666666667vh - 48.66666666666667vh);
    left: 0;
    top: 0;

    -webkit-transition: transform 1.0s cubic-bezier(0.68, -0.6, 0.32, 1.6);
    -moz-transition: transform 1.0s cubic-bezier(0.68, -0.6, 0.32, 1.6);
    -ms-transition: transform 1.0s cubic-bezier(0.68, -0.6, 0.32, 1.6);
    -o-transition: transform 1.0s cubic-bezier(0.68, -0.6, 0.32, 1.6);
    transition: transform 1.0s cubic-bezier(0.68, -0.6, 0.32, 1.6);
}

.home_area2_bloco_3_inner_item {
    float: left;
    width: 21.875vw;
    height: calc(100vh - 18.88888888888889vh - 11.66666666666667vh - 48.66666666666667vh);
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 1%;
    padding-right: 1%;
}

.home_area2_bloco_3_inner_item_inner {
    float: left;
    width: 100%;
}

.home_area2_bloco_3_inner_item_btn {
    float: left;
    width: 8vh;
    height: 8vh;
    border: #ffffff solid 1px;
    border-radius: 4vh;
    background-image: url(/imagens/area2_ico_play.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto 90%;
    cursor: pointer;
}

.home_area2_bloco_3_inner_item_btn_ativo {
    background-image: url(/imagens/area2_ico_pause.png);
    background-color: rgba(0,0,0,0.2);
}

.home_area2_bloco_3_inner_item_txt {
    float: left;
    width: calc(100% - 10vh);
    height: 8vh;
    margin-left: 2vh;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.home_area2_bloco_3_inner_item1 {
    background-color: rgba(0, 0, 0, 0);
}

.home_area2_bloco_3_inner_item2 {
    background-color: rgba(0, 0, 0, 0.05);
}

.home_area2_bloco_3_inner_item3 {
    background-color: rgba(0, 0, 0, 0.1);
}

.home_area2_bloco_3_inner_item4 {
    background-color: rgba(0, 0, 0, 0.15);
}

.home_area2_bloco_3_inner_item_tip, .home_area2_bloco_3_inner_item_tit {
    float: left;
    width: 100%;
    padding: 0;
    color: #ffffff;
}

.home_area2_bloco_3_inner_item_tip {
    font-family: 'bauhaus_lt',arial;
    font-size: 1vw;
}

.home_area2_bloco_3_inner_item_tit {
    font-family: 'ssp_lig',arial;
    font-size: 1vw;
}


/* ----------------------------------------------------------------------- FIM AREA 2 ------------------------------------------------------------ */

/* ----------------------------------------------------------------------- AREA 3 ---------------------------------------------------------------- */

.home_area3 {
    float: left;
    width: 100%;
    height: 100vh;
    background-color: #df0356;
    background-image: url(/imagens/area3_bk.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: cover;
}

.home_area3_1, .home_area3_2, .home_area3_3, .home_area3_4, .home_area3_5, .home_area3_6, .home_area3_7, .home_area3_8, .home_area3_9 {
    float: left;
}

.home_area3_1, .home_area3_3, .home_area3_7, .home_area3_9 {
    width: 12.5vw;
    height: 11.66666666666667vh;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
}

.home_area3_4, .home_area3_6 {
    width: 12.5vw;
    height: calc(100vh - (11.66666666666667vh * 2));
    background-repeat: repeat-y;
    background-position: center center;
    background-size: 100% auto;
}

.home_area3_5 {
    width: calc(100% - 25vw);
    height: calc(100vh - (11.66666666666667vh * 2));    
}

.home_area3_2, .home_area3_8 {
    width: calc(100% - 25vw);
    height: 11.66666666666667vh;
    background-repeat: repeat-x;
    background-position: center top;
    background-size: auto 100%;
}

.home_area3_7 {background-image: url(/imagens/area3_linha1.png);}
.home_area3_8 {background-image: url(/imagens/area3_linha2.png);}
.home_area3_9 {background-image: url(/imagens/area3_linha3.png);}
.home_area3_6 {background-image: url(/imagens/area3_linha4.png);}
.home_area3_3 {background-image: url(/imagens/area3_linha5.png);}

.home_area3_bloco_1, .home_area3_bloco_2 {
    float: left;
    width: 100%;
    font-family: 'ssp_lig',arial;
    color: #ffffff;    
    text-align: center;
}

.home_area3_bloco_1 {
    font-size: 2.5vw;
    padding-left: 5vh;
    padding-right: 5vh;
}

.home_area3_bloco_2 {
    font-size: 1.4vw;
    margin-top: 3vh;
    padding-left: 5vh;
    padding-right: 5vh;
}

.home_area3_divisor {
    float: left;
    width: 100%;
    height: 2.5vh;
    background-image: url(/imagens/area3_divisor.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    margin-top: 4vh;
}

.home_area3_bloco_3 {
    float: left;
    width: 100%;    
    height: 42vh;
    margin-top: 4vh;
}

.area3_depoimento {
    float: left;
    width: calc(100% / 3);
    height: 42vh;
    padding-left: 5vh;
    padding-right: 5vh;
    text-align: center;
}

.area3_depoimento_foto {
    float: left;
    width: 15vh;
    height: 15vh;
    background-color: #ffffff;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    outline: rgba(0, 0, 0, 0.1) solid 1vh;
    border-radius: 7.5vh;
    margin-left: calc(50% - 7.5vh);

    -webkit-filter: grayscale(100%) contrast(200%) brightness(1.8) contrast(50%);
    -moz-filter: grayscale(100%) contrast(200%) brightness(1.8) contrast(50%);
    -ms-filter: grayscale(100%) contrast(200%) brightness(1.8) contrast(50%);
    -o-filter: grayscale(100%) contrast(200%) brightness(1.8) contrast(50%);
    filter: grayscale(100%) contrast(200%) brightness(1.8) contrast(50%);

    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.area3_depoimento:hover > .area3_depoimento_foto {
    -webkit-filter: grayscale(0) contrast(100%) brightness(1) contrast(100%);
    -moz-filter: grayscale(0) contrast(100%) brightness(1) contrast(100%);
    -ms-filter: grayscale(0) contrast(100%) brightness(1) contrast(100%);
    -o-filter: grayscale(0) contrast(100%) brightness(1) contrast(100%);
    filter: grayscale(0) contrast(100%) brightness(1) contrast(100%);
}

.area3_depoimento_texto, .area3_depoimento_nome, .area3_depoimento_empresa {
    float: left;
    width: 100%;
}

.area3_depoimento_texto {
    margin-top: 2vh;
    font-family: `ssp_lig`,arial;
    font-size: 1.1vw;
    line-height: 3vh;
    color: #ffffff;
}

.area3_depoimento_texto span {
    font-size: 2.2vw;
    line-height: 2vh;
    color: #f6ae2d;
}

.area3_depoimento_nome {
    margin-top: 2vh;
    font-family: `ssp_lig`,arial;
    font-size: 1.5vw;
    color: #ffffff;
}

.area3_depoimento_empresa {
    margin-top: 1vh;
    font-family: `ssp_lig`,arial;
    font-size: 1vw;
    color: #f6ae2d;
}

/* ----------------------------------------------------------------------- FIM AREA 3 ------------------------------------------------------------- */

/* ----------------------------------------------------------------------- AREA 4 ---------------------------------------------------------------- */

.home_area4 {
    float: left;
    width: 100%;
    height: 100vh;
}

.home_area4_esq {
    float: left;
    width: 39vw;
    height: 100vh;
    margin-left: 12vw;
    padding-top: 10vh;
}

.home_area4_esq_sub {
    float: left;
    width: 100%;
    padding-left: 2.1vw;
    font-family: 'ssp_lig',arial;
    font-size: 1vw;
    background-image: url(/imagens/area4_ico.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: auto 75%;
}

.home_area4_esq_tit {
    float: left;
    width: 100%;
    margin-top: 2vh;
    font-family: 'ssp_lig',arial;
    font-size: 4.6vw;
    font-weight: bold;
    color: #8688d8;
}

.home_area4_esq_txt {
    float: left;
    width: 100%;
    font-family: 'ssp_lig',arial;
    font-size: 1.5vw;
    margin-top: 2vh;
}

.home_area4_esq_txt span {
    display: none;
}

.home_area4_esq_btn {
    float: left;
    padding-left: 6vh;
    padding-right: 6vh;
    padding-top: 3vh;
    padding-bottom: 3vh;
    background-color: #df0356;
    font-family: `ssp_lig`,arial;
    text-transform: uppercase;
    font-size: 1vw;
    color: #ffffff;
    text-align: center;
    margin-top: 7vh;
    cursor: pointer;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.home_area4_esq_btn:hover {
    background-color: #aa0845;
}

.home_area4_dir {
    float: left;
    width: 27.85vw;
    height: 100vh;    
    margin-left: 9.15vw;
    display: flex;
    align-items: center;
    justify-content: center;
}

.home_area4_dir_inner {
    float: left;
    width: 100%;
    height: 38.99vw;
}

.home_area4_mosaico {
    float: left;
    width: 5.57vw;
    height: 5.57vw;
    margin: 0;
    background-repeat: no-repeat;
    background-position: 0px 100%;
    background-size: 100% 200%;

    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;

    /*
    -webkit-transition: all 1.5s cubic-bezier(0.68, -0.6, 0.32, 1.6);
    -moz-transition: all 1.5s cubic-bezier(0.68, -0.6, 0.32, 1.6);
    -ms-transition: all 1.5s cubic-bezier(0.68, -0.6, 0.32, 1.6);
    -o-transition: all 1.5s cubic-bezier(0.68, -0.6, 0.32, 1.6);
    transition: all 1.5s cubic-bezier(0.68, -0.6, 0.32, 1.6);
    */
}

.home_area4_mosaico_03 {background-image: url(/imagens/mosaico/001.png);}
.home_area4_mosaico_04 {background-image: url(/imagens/mosaico/002.png);}
.home_area4_mosaico_05 {background-image: url(/imagens/mosaico/003.png);}

.home_area4_mosaico_08 {background-image: url(/imagens/mosaico/004.png);}
.home_area4_mosaico_09 {background-image: url(/imagens/mosaico/005.png);}
.home_area4_mosaico_10 {background-image: url(/imagens/mosaico/006.png);}

.home_area4_mosaico_13 {background-image: url(/imagens/mosaico/007.png);}
.home_area4_mosaico_14 {background-image: url(/imagens/mosaico/008.png);}
.home_area4_mosaico_15 {background-image: url(/imagens/mosaico/009.png);}

.home_area4_mosaico_17 {background-image: url(/imagens/mosaico/010.png);}
.home_area4_mosaico_18 {background-image: url(/imagens/mosaico/011.png);}
.home_area4_mosaico_19 {background-image: url(/imagens/mosaico/012.png);}
.home_area4_mosaico_20 {background-image: url(/imagens/mosaico/013.png);}

.home_area4_mosaico_22 {background-image: url(/imagens/mosaico/014.png);}
.home_area4_mosaico_23 {background-image: url(/imagens/mosaico/015.png);}
.home_area4_mosaico_24 {background-image: url(/imagens/mosaico/016.png);}
.home_area4_mosaico_25 {background-image: url(/imagens/mosaico/017.png);}

.home_area4_mosaico_26 {background-image: url(/imagens/mosaico/018.png);}
.home_area4_mosaico_27 {background-image: url(/imagens/mosaico/019.png);}
.home_area4_mosaico_28 {background-image: url(/imagens/mosaico/020.png);}
.home_area4_mosaico_29 {background-image: url(/imagens/mosaico/021.png);}
.home_area4_mosaico_30 {background-image: url(/imagens/mosaico/022.png);}

.home_area4_mosaico_31 {background-image: url(/imagens/mosaico/023.png);}
.home_area4_mosaico_32 {background-image: url(/imagens/mosaico/024.png);}
.home_area4_mosaico_33 {background-image: url(/imagens/mosaico/025.png);}
.home_area4_mosaico_34 {background-image: url(/imagens/mosaico/026.png);}
.home_area4_mosaico_35 {background-image: url(/imagens/mosaico/027.png);}

.home_area4_mosaico_ativo {
    background-position: 0px 0px;
}

.home_area4_mosaico:hover {
    background-position: 0px 0px;
}


/* ----------------------------------------------------------------------- FIM AREA 4 ------------------------------------------------------------- */

/* ----------------------------------------------------------------------- RODAPE ----------------------------------------------------------------- */

.rodape { 
	float: left;
	width: 100%;	
	background-color: #2f4858;
}

.rodape_topo {
	float: left;
	width: 100%;
    height: 95vh;
    background-image: url(/imagens/rodape_bk.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: auto 95%;
}

.rodape_topo_esq, .rodape_topo_mei, .rodape_topo_dir {
    float: left;
}

.rodape_topo_esq {
    padding-top: 10vh;
    width: 28vw;
    height: 95vh;
    padding-left: 12vw;
    background-image: url(/imagens/rodape_bk_curva.png);
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 100% auto;
}

.rodape_topo_esq_logo {
    float: left;
    width: 100%;
    height: 18vh;
    background-image: url(/imagens/rodape_logo.png);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: contain;
}

.rodape_topo_esq_texto {
    float: left;
    width: 100%;
    font-family: 'bauhaus_lt',arial;
    font-size: 1.0vw;
    color: #ffffff;
    margin-top: 5vh;
}

.rodape_topo_esq_texto span {
    float: left;
    width: 100%;
    font-family: 'bauhaus_lt',arial;
    font-size: 1.5vw;
    color: #ffffff;
    font-weight: bold;
    margin-bottom: 4vh;
}

.rodape_topo_mei {    
    width: 25vw;
    height: 90vh;
    margin-left: 10vw;
    padding-top: 10vh;
}

.rodape_menu_tit {
    float: left;
    width: 100%;
    font-family: 'bauhaus_lt',arial;
    font-size: 1.5vw;
    color: #ffffff;
    font-weight: bold;
    margin-bottom: 4vh;
}

.rodape_menu_item {
    float: left;
    width: 100%;
    font-family: 'bauhaus_lt',arial;
    font-size: 1.1vw;
    color: #ffffff;
    text-decoration: none;
    padding-left: 2.5vw;
    margin-bottom: 2vh;
    background-image: url(/imagens/rodape_ico_menu.png);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: contain;
}

.rodape_menu_subitem {
    float: left;
    width: calc(100% - 2.5vw);
    font-family: 'bauhaus_lt',arial;
    font-size: 1vw;
    color: #ffffff;
    text-decoration: none;
    padding-left: 2.1vw;
    margin-bottom: 2vh;
    margin-left: 2.5vw;
    background-image: url(/imagens/rodape_ico_submenu.png);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: contain;
}

.rodape_topo_dir {
    float: right;
    margin-right: 12vw;
    width: 18vw;
    height: 95vh;
    padding-top: 10vh;
}

.rodape_redes_tit, .rodape_pague_tit, .rodape_contatos_tit, .rodape_newsletter_tit {
    float: left;
    width: 100%;
    font-family: 'bauhaus_lt',arial;
    font-size: 1.5vw;
    color: #ffffff;
    font-weight: bold;
    margin-bottom: 4vh;
}

.rodape_redes_inner, .rodape_pague_inner {
    float: left;
    width: 100%;
    height: 5vh;
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: calc((18vw - 24vh) / 3);
    margin-bottom: 5vh;
}

.rodape_redes_item, .rodape_pague_item {
    width: 6vh;
    height: 6vh;
    border: #ffffff solid 1px;
    border-radius: 1vh;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size: 100% 200%;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    background-color: rgba(255, 255, 255, 0);
    cursor: pointer;
}

.rodape_redes_item1 {
    background-image: url(/imagens/rodape_ico_redes1.png);
} 

.rodape_redes_item2 {
    background-image: url(/imagens/rodape_ico_redes2.png);
}

.rodape_redes_item3 {
    background-image: url(/imagens/rodape_ico_redes3.png);
}

.rodape_redes_item4 {
    background-image: url(/imagens/rodape_ico_redes4.png);
}

.rodape_pague_item1 {
    background-image: url(/imagens/rodape_ico_pague1.png);
} 

.rodape_pague_item2 {
    background-image: url(/imagens/rodape_ico_pague2.png);
}

.rodape_pague_item3 {
    background-image: url(/imagens/rodape_ico_pague3.png);
}

.rodape_pague_item4 {
    background-image: url(/imagens/rodape_ico_pague4.png);
}

.rodape_redes_item:hover, .rodape_pague_item:hover {
    background-color: rgba(255, 255, 255, 1);
    background-position: 0px 100%;
}

.rodape_contatos_inner {
    float: left;
    width: 100%;
    margin-bottom: 4vh;
}

.rodape_contatos_telefone, .rodape_contatos_whatsapp, .rodape_contatos_email {
    float: left;
    width: 100%;
    padding-left: 2.5vw;
    font-family: 'bauhaus_lt',arial;
    font-size: 1.1vw;
    color: #ffffff;
    text-decoration: none;
    margin-bottom: 2vh;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: contain;
}

.rodape_contatos_telefone {
    background-image: url(/imagens/rodape_ico_telefone.png);
} 

.rodape_contatos_whatsapp {
    background-image: url(/imagens/rodape_ico_whatsapp.png);
}

.rodape_contatos_email {
    background-image: url(/imagens/rodape_ico_email.png);
}

.rodape_newsletter_txt {
    float: left;
    width: 100%;
    font-family: 'bauhaus_lt',arial;
    font-size: 1.1vw;
    color: #ffffff;
}

.rodape_newsletter_form {
    float: left;
    width: 100%;
    margin-top: 2vh;
}

#rodape_newsletter_email {
    float: left;
    width: 75%;
    height: 4vh;
    background-color: #ffffff;
    border: #ffffff solid 1px;
    border-radius: 1vh;
    padding-left: 1vh;
}

.rodape_newsletter_btn {
    float: left;
    width: 20%;
    height: 4vh;
    margin-left: 5%;
    border-radius: 1vh;
    background-color: #f6ae2d;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    background-image: url(/imagens/rodape_ico_btn.png);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    cursor: pointer;
}

.rodape_newsletter_btn:hover {
    background-color: #f26419;
}

.rodape_baixo {
	float: left;
	width: 100%;
	height: 5vh;
	background-color: #263a47;
    padding-left: 12vw;
    padding-right: 12vw;
}

.rodape_baixo1, .rodape_baixo2 {
    float: left;
    width: calc(50% - 50px);
    height: 5vh;
    display: flex;
    align-content: center;
    justify-content: center;
    font-family: 'bauhaus_lt',arial;
    font-size: 0.8vw;
    color: #ffffff;
    line-height: 5vh;
}

.rodape_baixo_termos {
    font-family: 'bauhaus_lt',arial;
    font-size: 0.8vw;
    color: #ffffff;
    text-decoration: none;
}

.rodape_baixo3 {
    float: left;
    width: 100px;
    height: 5vh;
}

.pixelato {
    float: right;
    width: 60px;
    height: 5vh;
    background-image: url(/imagens/pixelato.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 60px auto;
}

/* ----------------------------------------------------------------------- FIM RODAPE ------------------------------------------------------------- */
/* ----------------------------------------------------------------------- TEMPLATE CONTATO ------------------------------------------------------- */

.imagem_interna_contato {
    position: absolute;
    width: 70vw;
    height: 12vh;
    right: 0;
    margin-top: -7vh;
    background-color: #0aa4db;
}

.imagem_interna_mask {
    float: left;
    width: 100%;
    height: 12vh;
    background-image: url(/imagens/mask_interna.png);
    background-repeat: no-repeat;
    background-position: right top;
    background-size: 100% 100%;
}

.site_miolo {
    float: left;
    width: 100%;
    height: auto;
    padding: 12.5vw;
}

.contato_outer {
    float: left;
    width: 100%;
    padding-top: 10vh;
}

.contato_tit {
    float: left;
    width: 100%;
    height: 12vh;
    display: flex;
    align-items: center;
    justify-content: right;
    padding-right: calc(12.5vw + 2vh);
    font-family: 'bauhaus_lt',arial;
    font-size: 2vw;
    color: #0aa4db;
    color: #ffffff;
    letter-spacing: 0.21vh;
}

.contato_sub {
    float: left;
    width: 100%;
    margin-top: 2vh;
    margin-bottom: 6vh;
    font-family: 'ssp_lig',arial;
    font-size: 1.5vw;
    text-align: right;
    padding-right: 2vh;
}

.contato_esq {
    float: left;
    width: 25%;
    margin-right: 5%;
}

.contatos_telefone, .contatos_whatsapp, .contatos_email {
    float: left;
    width: 100%;
    padding-left: 2.5vw;
    font-family: 'bauhaus_lt',arial;
    font-size: 1.1vw;
    color: #0aa4db;
    text-decoration: none;
    margin-bottom: 4vh;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: contain;
}

.form_contato {
    float: left;
    width: 100%;
    height: 4vh;
    font-size: 1.2vw;
    border: transparent;
    background-color: transparent;
}

.contatos_telefone {
    background-image: url(/imagens/rodape_ico_telefone2.png);
} 

.contatos_whatsapp {
    background-image: url(/imagens/rodape_ico_whatsapp2.png);
}

.contatos_email {
    background-image: url(/imagens/rodape_ico_email2.png);
}

.contato_dir {
    float: left;
    width: 70%;
}

.formCampo {
    float: left;
    width: calc(50% - 3vh);
    background-color: #e5e5e5;
    margin-bottom: 2vh;
    margin-left: 2vh;
    height: 9vh;
    position: relative;
}

.form_contato_textarea {
    float: left;
    width: 100%;
    background-color: transparent;
    border: transparent;
    margin-bottom: 2vh;
    height: 34vh;
    font-size: 1.2vw;
    position: relative;
}

.formCampoFull {
    float: left;
    width: calc(100% - 4vh);
    background-color: #e5e5e5;
    margin-bottom: 2vh;
    margin-left: 2vh;
    height: 40vh;
    position: relative;
}

.formCampoTxt {
    float: left;
    width: 100%;
    height: 3vh;    
    font-family: 'roboto_con',arial;
    font-size: 0.8vw;
    color: #676767;
    padding-left: 2vh;
    margin-top: 1vh;
}

.formCampoInput {
    float: left;
    width: calc(100% - 4vh);
    margin-left: 2vh;
    height: 4vh;
    font-family: 'roboto_con',arial;
    font-size: 1vw;
    color: #000000;
    border-left: transparent;
    border-right: transparent;
    border-top: transparent;
    border-bottom: #b7b7b7 solid 1px;
    background-color: transparent;
}

.formCampoInputArea {
    float: left;
    width: calc(100% - 4vh);
    margin-left: 2vh;
    height: 35vh;
    font-family: 'roboto_con',arial;
    font-size: 1vw;
    color: #000000;
    border-left: transparent;
    border-right: transparent;
    border-top: transparent;
    border-bottom: #b7b7b7 solid 1px;
    background-color: transparent;
}

.formBotoes {
    float: left;
    width: 100%;
    height: 8vh;

    position: absolute;
    width: calc(100% - 4vh);
    bottom: 2vh;
}

.contato_btn1, .contato_btn2 {
    float: left;
    width: calc(50% - 3vh);
    height: 8vh;
    line-height: 8vh;
    background-color: #858585;
    font-family: 'roboto_con',arial;
    font-size: 1vw;
    color: #ffffff;
    text-align: center;
    margin-left: 2vh;
    cursor: pointer;

    -webkit-transition: all 0.4s ease-out;
        -moz-transition: all 0.4s ease-out;
        -ms-transition: all 0.4s ease-out;
        -o-transition: all 0.4s ease-out;
        transition: all 0.4s ease-out;
}

.contato_btn2 {
    background-color: #0aa4db;
}

.contato_btn1:hover {
    background-color: #656565;
}

.contato_btn2:hover {
    background-color: #157ca1;
}


/* ----------------------------------------------------------------------- FIM TEMPLATE CONTATO --------------------------------------------------- */
/* ------------------------------------------------------------------------- TEMPLATE SECAO ------------------------------------------------------- */

.secao_outer {
    float: left;
    width: 100%;
    padding-top: 14vh;
}

.link_chamada {
    float: left;
    width: 100%;
    text-decoration: none;
    margin-bottom: 4vh;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.link_chamada2 {
    flex-direction: row-reverse;
}

.link_chamada_img1, .link_chamada_img2 {
    float: left;
    width: 10vw;
    height: 10vw;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-color: #cccccc;
}

.link_chamada_txt1, .link_chamada_txt2 {
    float: left;
    width: calc(100% - 10vw);
}

.link_chamada_txt1 {
    padding-left: 2vw;
}

.link_chamada_txt2 {
    padding-right: 2vw;
    text-align: right;
}

.link_chamada_txt_tit {
    float: left;
    width: 100%;
    font-family: 'bauhaus_lt',arial;
    font-size: 2vw;
    color: #f6ae2d;
}

.link_chamada_txt_txt {
    float: left;
    width: 100%;
    font-family: 'ssp_lig',arial;
    font-size: 1.2vw;
    margin-top: 2vh;
}

/* ----------------------------------------------------------------------- FIM TEMPLATE SECAO ----------------------------------------------------- */
/* ----------------------------------------------------------------------- TEMPLATE FINAL --------------------------------------------------------- */

.final_titulo {
    float: left;
    width: 100%;
    font-family: 'bauhaus_lt',arial;
    font-size: 2.5vw;
    color: #f6ae2d;
}

.final_texto {
    float: left;
    width: 100%;
    font-family: 'ssp_lig',arial;
    font-size: 1.4vw;
    margin-top: 4vh;
    text-align: justify;
}

.chamada_servicos {
    float: left;
    width: 100%;
    padding-left: 1.5vw;
    margin-bottom: 2vh;
    background-image: url(/imagens/seta_servicos.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: auto 60%;
}

.final_flex {
    float: left;
    width: 100%;
    display: flex;
}

.final_esquerda {
    float: left;
    width: 55%;
    padding-right: 5vw;
}

.final_direita {
    float: left;
    width: 45%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    border-top-left-radius: 1vh;
    border-top-right-radius: 2vh;
    border-bottom-left-radius: 2vh;
    border-bottom-right-radius: 1vh;
}

.chamada_clientes {
    float: left;
    width: 25%;
    height: 30vh;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

.chamada_audios {
    float: left;
    width: 100%;
    margin-bottom: 2vh;
    display: flex;
    padding-bottom: 2vh;
    border-bottom: #efefef dashed 1px;
}

.chamada_audios_img {
    float: left;
    width: 10vw;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-color: #efefef;
    border-top-left-radius: 1vh;
    border-top-right-radius: 2vh;
    border-bottom-left-radius: 2vh;
    border-bottom-right-radius: 1vh;
}

.chamada_audios_txt {
    float: left;
    width: calc(100% - 10vw);
    padding-left: 2vw;
}

.chamada_audios_tem {
    float: left;
    width: 10vw;
    display: flex;
    align-items: center;
    justify-content: center;
}

.chamada_audios_txt_topo, .chamada_audios_txt_barra_outer {
    float: left;
    width: 100%;
}

.chamada_audios_txt_topo {
    padding-top: 1vh;
    padding-bottom: 2vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.chamada_audios_txt_barra_outer {
    height: 3vh;
}

.chamada_audios_btn {
    float: left;
    width: 10vh;
    height: 10vh;
    border: #0aa4db solid 1px;
    border-radius: 5vh;
    background-image: url(/imagens/area2_ico_play_blu.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    cursor: pointer;
}

.chamada_audios_btn_ativo {
    background-image: url(/imagens/carro_ico_pause.png);
    background-color: #0aa4db;
}

.chamada_audios_txt_inner {
    float: left;
    width: calc(100% - 10vh - 12vw);
    margin-left: 2vw;
}

.chamada_audios_txt_barra_outer {
    float: left;
    width: 100%;
    height: 3vh;
    background-image: url(/imagens/barra_outer2.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
}

.chamada_audios_txt_barra_inner {
    float: left;
    width: 1%;
    height: 3vh;
    background-image: url(/imagens/barra_inner2.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
}

.chamada_videos {
    float: left;
    width: 100%;
    margin-bottom: 2vh;
    padding-bottom: 2vh;
    border-bottom: #efefef dashed 1px;
    display: flex;
    text-decoration: none;
    color: #000000;
}

.chamada_videos_img {
    float: left;
    width: 25vw;
    height: 25vh;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-color: #efefef;
    border-top-left-radius: 1vh;
    border-top-right-radius: 2vh;
    border-bottom-left-radius: 2vh;
    border-bottom-right-radius: 1vh;
}

.chamada_videos_txt {
    float: left;
    width: calc(100% - 25vw);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.chamada_videos_txt_inner1, .chamada_videos_txt_inner2 {
    float: left;
    width: 100%;
}

.chamada_videos_txt_inner1 {
    text-align: left;
    padding-left: 2vw;
}

.chamada_videos_txt_inner2 {
    text-align: right;
    padding-right: 2vw;
}

.chamada_videos_tit, .chamada_videos_txt {
    float: left;
    width: 100%;
}

.chamada_videos_tit {
    font-family: 'bauhaus_lt',arial;
    font-size: 2.5vw;
    color: #f64c32;
}

.chamada_videos_sub {
    font-family: 'ssp_lig',arial;
    font-size: 1.5vw;
    color: #000000;
}

.video_player {
    float: left;
    width: 75vw;
    height: 37vw;
}

/* ----------------------------------------------------------------------- FIM TEMPLATE FINAL ----------------------------------------------------- */
/* ----------------------------------------------------------------------- MOBILE ----------------------------------------------------------------- */

@media (max-aspect-ratio: 1.1) {
    html {
        margin-top: -1px;
        margin-bottom: -1px;
    }

    .home_topo_linhas {
        left: 0;
        bottom: 0;
        width: 12.5vw;
        height: 6.5625vw;
    }

    .logo_sarah {
        position: fixed;
        left: 2vh;
        top: 2vh;
        width: 16vh;
        height: 8vh;
        background-position: left top;
        background-size: contain;
    }

    .menu_ico_abrir_mobile, .menu_ico_fechar_mobile {
        position: fixed;
        z-index: 9991;
        width: 6vh;
        height: 6vh;
        top: 2vh;
        right: 2vh;        
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain;        
        /*
        -webkit-transition: all 0.4s ease-out;
        -moz-transition: all 0.4s ease-out;
        -ms-transition: all 0.4s ease-out;
        -o-transition: all 0.4s ease-out;
        transition: all 0.4s ease-out;
        */

        -webkit-transition: transform 0.6s cubic-bezier(0.68, -0.6, 0.32, 1.6);
        -moz-transition: transform 0.6s cubic-bezier(0.68, -0.6, 0.32, 1.6);
        -ms-transition: transform 0.6s cubic-bezier(0.68, -0.6, 0.32, 1.6);
        -o-transition: transform 0.6s cubic-bezier(0.68, -0.6, 0.32, 1.6);
        transition: transform 0.6s cubic-bezier(0.68, -0.6, 0.32, 1.6);
    }

    .menu_ico_abrir_mobile {
        transform: translate(0,-10vh) rotate(90deg);
        background-image: url(/imagens/ico_menu_mobile2.png);
    }

    .menu_ico_fechar_mobile {
        transform: translate(0,-10vh) rotate(90deg);
        background-image: url(/imagens/ico_menu_mobile_fechar2.png);
    }

    .menu_ico_abrir_mobile_ativo {
        transform: translate(0,0) rotate(0);
    }

    .menu_ico_fechar_mobile_ativo {
        transform: translate(0,0) rotate(0);
    }

    .menu_mobile_fundo {
        position: fixed;
        width: 100%;
        height: 11vh;
        background-color: #ffffff;
        z-index: 980;
    }

    .menu_outer {
        position: fixed;
        z-index: 9990;
        top: 0;
        left: 0;
        margin: 0;
        width: 100vw;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        transform: translate(105vw,0);
        background-color: rgba(251, 199, 89, 0.95);
        /*        
        -webkit-transition: all 0.4s ease-out;
        -moz-transition: all 0.4s ease-out;
        -ms-transition: all 0.4s ease-out;
        -o-transition: all 0.4s ease-out;
        transition: all 0.4s ease-out;
        */
        -webkit-transition: transform 0.6s cubic-bezier(0.68, -0.6, 0.32, 1.6);
        -moz-transition: transform 0.6s cubic-bezier(0.68, -0.6, 0.32, 1.6);
        -ms-transition: transform 0.6s cubic-bezier(0.68, -0.6, 0.32, 1.6);
        -o-transition: transform 0.6s cubic-bezier(0.68, -0.6, 0.32, 1.6);
        transition: transform 0.6s cubic-bezier(0.68, -0.6, 0.32, 1.6);
    }

    .menu_outer_ativo {
        transform: translate(2vh,0);
    }

    .menu_item {
        float: left;
        width: 100%;
        padding: 0;
        margin: 0;
        padding-top: 1.5vh;
        padding-bottom: 1.5vh;
        font-size: 2.5vh;
        text-align: center;
        text-decoration: none;
        color: #000000;    
        background: transparent;
        border: transparent;
        text-transform: uppercase;
        text-align: left;
        padding-left: 4vh;
    }

    .submenu_outer {
        position: relative;
        float: left;
        width: 100%;
        display: flex;
        flex-direction: column;
        background-color: #fbc759;
        padding: 0;
        margin: 0;
        margin-bottom: -1.5vh;
        margin-top: 1.5vh;
        border-radius: 0;
        /*background-color: rgba(255, 255, 255, 0.10);*/
    }

    .submenu_outer_tick {
        display: none;
    }

    .submenu_item {
        float: left;
        width: 100%;
        padding: 0;
        padding-top: 1.5vh;
        padding-bottom: 1.5vh;
        font-size: 1.8vh;
        background: transparent;
        border-radius: 0;
        border: transparent;
        text-align: left;
        padding-left: 2vh;
    }

    .topo_redes {
        display: none;
    }

    .topo_carro {
        position: absolute;
        z-index: 1;
        width: 100%;
        height: 88vh;
        height: calc(100% - 12vh);
        left: 0;
        top: 12vh;
        overflow: hidden;
    }

    .carro_nav {
        width: 2vh;
        height: 20vh;
        left: unset;
        right: 0.5vh;
        top: unset;
        bottom: 26vh;
    }

    .carro_nav_item {
        float: left;
        width: 2vh;
        height: 2vh;
        border: #f6ae2d solid 1px;        
    }

    .carro_nav_item_ativo {
        background-position: 0px 100%;
    }

    .topo_carro_item {
        position: absolute;
        width: 100%;
        height: calc(100% - 11vh);
    }

    .topo_carro_item_mask {
        float: left;
        position: relative;
        width: 100%;
        height: 100%;
        background-image: url(/imagens/carro_mask_mobile1.png);
        background-size: contain;
        background-position: center top;
    }

    .topo_carro_item_mask_mobile {
        float: left;
        width: 100%;
        height: calc(100% - 15vh);
        background-image: url(/imagens/carro_mask_mobile2.png);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center bottom;
    }

    .topo_carro_item_ativo {
        transform: translate(0,0);
    }

    .topo_carro_item_link {
        height: calc(100% - 30vh);
    }

    .topo_carro_item_player {
        width: 100%;
        height: 15vh;
        background-color: #ffffff;
        right: 0;
        bottom: 0;    
    }

    .topo_carro_item_player_tit {
        height: 8vh;
        font-size: 2vh;
        padding-left: 2vh;
        padding-right: 2vh;
        padding-top: 2vh;
        text-align: center;
    }

    .topo_carro_item_player_tit span {
        color: #f26419;
    }

    .topo_carro_item_player_outer {
        width: calc(100% - 4vh);
        height: 5vh;
        margin-left: 2vh;
        margin-top: 1vh;
    }

    .topo_carro_item_player_tempo {
        font-size: 1.2vh;
    }

    /* ------------------------------------------- MOBILE FIM TOPO -------------------------------------*/
    /* ------------------------------------------- MOBILE AREA 2 ---------------------------------------*/

    .home_area2 {
        height: auto;
    }

    .home_area2_1, .home_area2_2, .home_area2_3, .home_area2_4, .home_area2_5, .home_area2_6, .home_area2_7, .home_area2_8, .home_area2_9 {
        background-size: 100% 100%;
    }

    .home_area2_1, .home_area2_3, .home_area2_4, .home_area2_6, .home_area2_7, .home_area2_9 {
        width: 12.5vw;
    }

    .home_area2_1, .home_area2_2, .home_area2_3 {
        height: 10.625vw;
    }

    .home_area2_4, .home_area2_5, .home_area2_6 {
        height: auto;
    }

    .home_area2_7, .home_area2_8, .home_area2_9 {
        height: 6.5625vw;
    }

    .home_area2_2, .home_area2_5, .home_area2_8 {
        width: calc(100% - 25vw);
        padding: 0;
    }

    .home_area2_4 {
        background-size: 100% auto;
    }

    .home_flex_mobile {
        float: left;
        width: 100%;
        display: flex;        
    }

    .home_area2_1 {background-image: url(/imagens/area2_linha1.png);}
    .home_area2_2 {background-image: url(/imagens/area2_linha2.png);}
    .home_area2_3 {background-image: url(/imagens/area2_linha3.png);}
    .home_area2_4 {background-image: url(/imagens/area2_linha4.png);}
    .home_area2_7 {background-image: url(/imagens/area2_linha5.png);}
    .home_area2_8 {background-image: url(/imagens/area2_linha6.png);}
    .home_area2_9 {background-image: url(/imagens/area2_linha7.png);}

    .home_area2_bloco_1, .home_area2_bloco_2, .home_area2_bloco_3 {
        float: left;
        width: 100%;
        height: auto;
    }

    .home_area2_bloco_1 {
        width: 75vw;
        height: 14.625vw;
        overflow: hidden;
        margin-top: -6vh;
    }

    .home_area2_bloco_1_inner {
        float: left;
        width: 100%;
        height: 14.625vw;
        overflow: hidden;
        
        -webkit-transition: transform 1.6s cubic-bezier(0.68, -0.6, 0.32, 1.6);
        -moz-transition: transform 1.6s cubic-bezier(0.68, -0.6, 0.32, 1.6);
        -ms-transition: transform 1.6s cubic-bezier(0.68, -0.6, 0.32, 1.6);
        -o-transition: transform 1.6s cubic-bezier(0.68, -0.6, 0.32, 1.6);
        transition: transform 1.6s cubic-bezier(0.68, -0.6, 0.32, 1.6);
    }

    .home_area2_cliente {
        float: left;
        width: 25vw;
        height: 14.625vw;
        text-decoration: none;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 110% auto;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    }

    .home_area2_cliente:hover {
        background-size: 130% auto;
    }

    .home_area2_bloco_2 {
        position: relative;
        float: left;
        width: 100%;
        height: auto;
        padding: 0;
        margin: 0;
    }

    .area2_chamada {
        float: left;
        width: 100%;
        height: auto;
        padding: 5vh;
        margin: 0;
    }

    .area2_chamada_img {
        float: left;
        width: 100%;
        height: 20vh;
    }

    .area2_chamada_txt {
        font-size: 3vh;
        color: #000000;
        margin-top: 2vh;
    }

    .area2_chamada:hover > .area2_chamada_img {
        height: 20vh;
    }

    .area2_chamada:hover > .area2_chamada_txt {
        margin-top: 2vh;
    }

    .home_area2_bloco_3 {
        position: relative;
        float: left;
        width: 100%;
        height: 30vh;
        top: unset;
        right: unset;
        padding: 0;
        margin: 0;
        margin-top: 25vh;
        background: transparent;
        border-top-left-radius: 2vh;
        border-top-right-radius: 1vh;
        border-bottom-left-radius: 1vh;
        border-bottom-right-radius: 2vh;
        background-color: #e9a52b;
    }

    .home_area2_bloco_3_outer {
        position: inherit;
        float: left;
        width: 100%;
        height: 30vh;
        overflow: hidden;
        padding: 0;
        margin: 0;
        background: transparent;
    }

    .home_area2_bloco_3_inner {
        float: left;
        width: 100%;
        height: 30vh;
        position: absolute;
        left: 0;
        top: 0;
        margin: 0;
        padding: 0;
        background: transparent;

        -webkit-transition: transform 1.6s cubic-bezier(0.68, -0.6, 0.32, 1.6);
        -moz-transition: transform 1.6s cubic-bezier(0.68, -0.6, 0.32, 1.6);
        -ms-transition: transform 1.6s cubic-bezier(0.68, -0.6, 0.32, 1.6);
        -o-transition: transform 1.6s cubic-bezier(0.68, -0.6, 0.32, 1.6);
        transition: transform 1.6s cubic-bezier(0.68, -0.6, 0.32, 1.6);
    }

    .home_area2_bloco_3_inner_item {
        position: unset;
        float: left;
        width: 75vw;
        height: 30vh;
        display: flex;
        align-items: center;
        justify-content: center;
        padding-left: 1%;
        padding-right: 1%;
        margin: 0;
    }

    .home_area2_bloco_3_inner_item_inner {
        float: left;
        width: 100%;
    }

    .home_area2_bloco_3_inner_item_btn {
        float: left;
        margin-top: 2vh;
        margin-left: calc(50% - 4vh);
    }

    .home_area2_bloco_3_inner_item_txt {
        width: 100%;
        height: 18vh;
        margin-left: 0;
        text-align: center;
    }

    .home_area2_bloco_3_inner_item_tip {
        font-family: 'bauhaus_lt',arial;
        font-size: 2.5vh;
    }

    .home_area2_bloco_3_inner_item_tit {
        font-family: 'ssp_lig',arial;
        font-size: 2vh;
    }

    /* ------------------------------------------- FIM MOBILE AREA 2 -----------------------------------*/
    /* ------------------------------------------- MOBILE AREA 3 ---------------------------------------*/

    .home_area3 {
        float: left;
        width: 100%;
        height: auto;
    }

    .home_area3_1, .home_area3_3, .home_area3_7, .home_area3_9 {
        width: 12.5vw;
        height: 6.562499999999999vw;
    }

    .home_area3_4, .home_area3_6 {
        width: 12.5vw;
        height: auto;
    }

    .home_area3_5 {
        width: calc(100% - 25vw);
        height: auto;
    }

    .home_area3_2, .home_area3_8 {
        width: calc(100% - 25vw);
        height: 6.562499999999999vw;
    }

    .home_area3_bloco_1 {
        font-size: 3.5vh;
        padding-left: 1vh;
        padding-right: 1vh;
    }

    .home_area3_bloco_2 {
        font-size: 2.2vh;
        margin-top: 3vh;
        padding-left: 1vh;
        padding-right: 1vh;
    }

    .home_area3_divisor {
        float: left;
        width: 100%;
        height: 2vh;
        background-image: url(/imagens/area3_divisor.png);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain;
        margin-top: 4vh;
    }

    .home_area3_bloco_3 {
        float: left;
        width: 100%;    
        height: auto;
        margin-top: 4vh;
    }

    .area3_depoimento {
        float: left;
        width: 100%;
        height: auto;
        padding-left: 1vh;
        padding-right: 1vh;
        text-align: center;
        margin-bottom: 5vh;
    }

    .area3_depoimento_foto {
        width: 20vh;
        height: 20vh;
        border-radius: 10vh;
        margin-left: calc(50% - 10vh);
    }

    .area3_depoimento_texto {
        font-size: 2.2vh;
    }

    .area3_depoimento_texto span {
        font-size: 3vh;
    }

    .area3_depoimento_nome {
        font-size: 3vh;
    }

    .area3_depoimento_empresa {
        font-size: 1.8vh;
    }

    /* ------------------------------------------- FIM MOBILE AREA 3 -----------------------------------*/
    /* ------------------------------------------- MOBILE AREA 4 ---------------------------------------*/

    .home_area4 {
        height: auto;
    }

    .home_area4_esq {
        width: 100%;
        height: auto;
        margin: 0;
        padding: 5vh;
    }

    .home_area4_esq_sub {
        padding-left: 3vh;
        font-size: 1.8vh;
    }

    .home_area4_esq_tit {
        font-size: 5vh;
    }

    .home_area4_esq_txt {
        font-size: 2.2vh;
        margin-top: 2vh;
    }

    .home_area4_esq_btn {
        padding-top: 3vh;
        padding-bottom: 3vh;
        font-size: 2vh;
        margin-top: 4vh;
    }

    .home_area4_dir {
        float: left;
        width: 100%;
        height: auto;    
        margin-left: 0;
        padding-left: 5vh;
        padding-right: 5vh;
        margin-top: -15vh;
        margin-bottom: -4vh;
    }

    .home_area4_dir_inner {
        float: left;
        width: auto;
        height: auto;
        transform: rotate(90deg) scale(0.7,-0.7);
    }

    .home_area4_mosaico {
        float: left;
        width: calc((100vw - 10vh) / 5);
        height: calc((100vw - 10vh) / 5);
        margin: 0;
    }

    /* ------------------------------------------- FIM MOBILE AREA 4 -----------------------------------*/
    /* ------------------------------------------- MOBILE RODAPE ---------------------------------------*/

    .rodape_topo {
        float: left;
        width: 100%;
        height: auto;
    }

    .rodape_topo_esq {
        padding-top: 8vh;
        width: 100%;
        height: auto;
        padding-left: 5vh;
        padding-right: 5vh;
        background: transparent;
    }

    .rodape_topo_esq_logo {
        float: left;
        width: 100%;
        height: 15vh;
        background-position: center top;
    }

    .rodape_topo_esq_texto {
        font-size: 2vh;
        color: #ffffff;
        margin-top: 5vh;
        text-align: center;
        text-align: justify;
    }

    .rodape_topo_esq_texto span {
        font-size: 3vh;
        margin-bottom: 4vh;
    }

    .rodape_topo_mei {    
        display: none;
    }

    .rodape_topo_dir {
        float: left;
        margin: 0;
        width: 100%;
        height: auto;
        padding: 5vh;
    }

    .rodape_redes_tit, .rodape_pague_tit, .rodape_contatos_tit, .rodape_newsletter_tit {
        font-size: 3vh;
        text-align: center;
        text-align: left;
    }

    .rodape_redes_inner, .rodape_pague_inner {
        float: left;
        width: 100%;
        height: 5vh;
        display: flex;
        align-items: center;
        justify-content: left;
        column-gap: calc((70vw - 24vh) / 3);
        margin-bottom: 5vh;
    }

    .rodape_contatos_telefone, .rodape_contatos_whatsapp, .rodape_contatos_email {
        float: left;
        width: 100%;
        padding-left: 5vh;
        font-size: 2.2vh;
    }


    .rodape_newsletter_txt {
        font-size: 2.2vh;
    }

    .rodape_linha_baixo_mobile {
        float: left;
        width: calc(100% - 5vh);
        height: 10vh;
        background-image: url(/imagens/rodape_bk_curva.png);
        background-repeat: no-repeat;
        background-position: left top;
        background-size: 100% auto;
    }

    .rodape_newsletter_form {
        float: left;
        width: 100%;
        margin-top: 2vh;
    }

    #rodape_newsletter_email {
        height: 5vh;
    }

    .rodape_newsletter_btn {
        height: 5vh;
    }

    .rodape_baixo {
        float: left;
        width: 100%;
        height: 5vh;
        background-color: #263a47;
        padding-left: 5vh;
        padding-right: 5vh;
    }

    .rodape_baixo1, .rodape_baixo2 {
        font-size: 1.5vh;
        padding: 0;
        text-align: left;
        margin: 0;
        align-items: center;
        justify-content: left;
    }

    .rodape_baixo1 span, .rodape_baixo2 span {
        display: none;
    }

    .rodape_baixo_termos {
        font-size: 1.5vh;
    }

    .rodape_baixo3 {
        float: left;
        width: 100px;
        height: 5vh;
    }

    .pixelato {
        float: right;
        width: 60px;
        height: 5vh;
        background-image: url(/imagens/pixelato.png);
        background-repeat: no-repeat;
        background-position: right center;
        background-size: 60px auto;
    }

    /* ------------------------------------------- FIM MOBILE RODAPE -----------------------------------*/




    /* ----------------------------------------------------------------------- TEMPLATE CONTATO ------------------------------------------------------- */

    .imagem_interna_contato {
        position: absolute;
        width: calc(100% - 2vh);
        height: 12vh;
        top: 12vh;
        right: 0;
        margin-top: 0;
        overflow: hidden;
    }

    .imagem_interna_mask {
        width: calc(100% + 2px);
        height: calc(12vh + 2px);
        background-position: left top;
        background-size: auto 100%;
        margin-top: -1px;
        margin-left: -1px;
    }

    .site_miolo {
        float: left;
        width: 100%;
        height: auto;
        margin-top: 24vh;
        padding: 12.5vw;
    }

    .contato_outer {
        float: left;
        width: 100%;
        padding-top: 0;
    }

    .contato_tit {
        align-items: flex-end;
        justify-content: right;
        padding-left: 20%;
        padding-right: 2vh;
        font-family: 'bauhaus_lt',arial;
        font-size: 2.7vh;
        color: #0aa4db;
        color: #ffffff;
        margin-top: 0.5vh;
        letter-spacing: 0.21vh;
        text-align: right;
    }

    .contato_sub {
        font-size: 2vh;
        text-align: center;
        padding: 0;
    }

    .contato_esq {
        display: none;
    }

    .contato_dir {
        float: right;
        width: 100%;
        margin: 0;
    }

    .contatos_telefone, .contatos_whatsapp, .contatos_email {
        float: left;
        width: 100%;
        padding-left: 2.5vw;
        font-family: 'bauhaus_lt',arial;
        font-size: 1.1vw;
        color: #0aa4db;
        text-decoration: none;
        margin-bottom: 4vh;
        background-repeat: no-repeat;
        background-position: left center;
        background-size: contain;
    }

    .form_contato {
        float: left;
        width: 100%;
        height: 4vh;
        border: transparent;
        background-color: transparent;
    }

    .form_contato_textarea {
        float: left;
        width: 100%;
        background-color: transparent;
        border: transparent;
        margin-bottom: 2vh;
        height: 34vh;
        position: relative;
    }

    .formCampo, .formCampoFull {
        float: left;
        width: 100%;
        background-color: #e5e5e5;
        margin: 0;
        margin-bottom: 2vh;
        position: relative;
    }

    .formCampoTxt {
        float: left;
        width: 100%;
        height: 3vh;    
        font-family: 'roboto_con',arial;
        font-size: 1.6vh;
        color: #676767;
        padding-left: 2vh;
        margin-top: 1vh;
    }

    .formCampoInput {
        font-size: 2vh;
    }

    .formCampoInputArea {
        font-size: 2vh;
    }

    .contato_btn1, .contato_btn2 {
        width: calc(50% - 1vh);
        height: 8vh;
        font-size: 2vh;
        margin-left: 0;
    }

    .contato_btn2 {
        margin-left: 2vh;
    }

    .contato_btn2 {
        background-color: #0aa4db;
    }

    .contato_btn1:hover {
        background-color: #656565;
    }

    .contato_btn2:hover {
        background-color: #157ca1;
    }


    /* ----------------------------------------------------------------------- FIM TEMPLATE CONTATO --------------------------------------------------- */
    /* ------------------------------------------------------------------------- TEMPLATE SECAO ------------------------------------------------------- */

    .secao_outer {
        padding-top: 0;
    }

    .link_chamada {
        display: block;
        margin-bottom: 5vh;
    }

    .link_chamada_img1, .link_chamada_img2 {
        width: 75vw;
        height: 50vw;
        margin-bottom: 5vh;
    }

    .link_chamada_txt1, .link_chamada_txt2 {
        width: 100%;
        padding: 0;
        text-align: center;
    }

    .link_chamada_txt_tit {
        font-size: 4vh;
        padding: 0;
        text-align: center;
    }

    .link_chamada_txt_txt {
        font-size: 2.5vh;
        padding: 0;
        text-align: center;
    }

    .final_titulo {
        font-size: 4vh;
    }

    .final_texto {
        font-size: 2.5vh;
    }

    /* ----------------------------------------------------------------------- FIM TEMPLATE SECAO ----------------------------------------------------- */

    .final_flex {
        float: left;
        width: 100%;
        display: flex;
        flex-direction: column-reverse;
    }

    .final_esquerda {
        float: left;
        width: 100%;
        padding-right: 0;
    }

    .final_direita {
        float: left;
        width: 100%;
        height: 30vh;
        margin-bottom: 5vh;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        border-top-left-radius: 1vh;
        border-top-right-radius: 2vh;
        border-bottom-left-radius: 2vh;
        border-bottom-right-radius: 1vh;
    }

    .chamada_clientes {
        width: 100%;
        height: 40vh;
    }




    .chamada_audios {
        display: block;
    }

    .chamada_audios_img {
        width: 100%;
        height: 20vh;
    }

    .chamada_audios_txt {
        float: left;
        width: 100%;
        padding-left: 0;
    }

    .chamada_audios_tem {
        float: left;
        width: 10vw;
        display: flex;
        align-items: center;
        justify-content: center;
        display: none;
    }

    .chamada_audios_tit {
        font-size: 2vh;
    }

    .chamada_audios_sub {
        font-size: 1.6vh;
    }

    .chamada_audios_txt_inner {
        float: left;
        width: calc(100% - 10vh - 2vw);
        margin-left: 2vw;
    }

    .chamada_videos {
        display: block;
        margin-bottom: 8vh;
    }

    .chamada_videos_img {
        width: 100%;
        height: 20vh;
    }

    .chamada_videos_txt {
        float: left;
        width: 100%;
        display: block;
        margin-top: 2vh;
    }

    .chamada_videos_txt_inner1, .chamada_videos_txt_inner2 {
        text-align: left;
        padding: 0;
    }

    .chamada_videos_tit {
        font-size: 4vh;
        text-align: center;
        margin-bottom: 2vh;
    }

    .chamada_videos_sub {
        font-size: 3vh;
        margin-top: 2vh;
        text-align: center;
    }

    .video_player {
        float: left;
        width: 75vw;
        height: 47vw;
    }

    .chamada_servicos {
        padding-left: 4vh;
        margin-bottom: 2vh;
        background-image: url(/imagens/seta_servicos.png);
        background-repeat: no-repeat;
        background-position: left 0.5vh;
        background-size: auto 2vh;
        text-align: left;
    }
}


/* ----------------------------------------------------------------------- FIM MOBILE ------------------------------------------------------------- */

input, select, textarea {
    outline: transparent;
}

* {
    box-sizing: border-box;
}