/*! HTML5 Boilerplate v8.0.0 | MIT License | https://html5boilerplate.com/ */

/* main.css 3.0.0 | MIT License | https://github.com/h5bp/main.css#readme */
/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {
  color: #222;
  font-size: 1em;
  line-height: 1.4;
  font-family: "Inter", sans-serif;
  color: #0E293D;

}


body{width: 100%; height: 100%;} 

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * Customize the background color to match your design.
 */

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

::selection {
  background: #b3d4fc;
  text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
  resize: vertical;
}

a{color: #0E293D;}

.desktop{display: block;}
.tablet{display: none;}
.mobile{display: none;}


/*Jenala player video*/
#janela-player-video{width: 1000px; height: 562px; position: fixed; left: 50%; top: 550%; margin-left: -500px; margin-top:-281px; z-index: 9999; background-color: #fff; border-radius: 20px;
box-shadow: 0px 0px 15px -3px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0px 0px 15px -3px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 0px 15px -3px rgba(0, 0, 0, 0.1);
-ms-box-shadow: 0px 0px 15px -3px rgba(0, 0, 0, 0.1);
-o-box-shadow: 0px 0px 15px -3px rgba(0, 0, 0, 0.1);
overflow: hidden;
opacity: 0;
transition: top 0.6s ease, opacity 0.6s ease;
}

#cta-fechar-player{width: 60px; height: 60px; position: absolute; right: 15px; top: 15px; background-color: #000; z-index: 999; border-radius: 100%; cursor: pointer;}
#close-cta-player{width: 40px; height: 40px; position: absolute; left: 50%; top: 50%; margin-left: -20px; margin-top: -20px; background: url('img/close.png'); background-size:40px;}
#mascara{width: 100%; height:0%; position: fixed; top: 0px; left: 0px; z-index: 9900; background-color: #fff; opacity: 0; transition: opacity 0.6s ease;}

#janela-formulario-contato { width: 400px; height: 650px; position: fixed; left: 50%; top: 650%; margin-left: -200px; margin-top: -300px; background-color: #fff; border-radius: 20px; z-index: 9999; box-shadow: 0px 0px 15px -3px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 0px 15px -3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 15px -3px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0px 0px 15px -3px rgba(0, 0, 0, 0.1); -o-box-shadow: 0px 0px 15px -3px rgba(0, 0, 0, 0.1); opacity: 0; transition: top 0.5s ease, opacity 0.5s ease; }
#logo-form{width: 100%; height: auto; position: relative; float: left; margin-top: 50px;}
#logo-int-form{width:130px; height: 32px; position: relative; margin: auto; background: url('img/logo-gsa-blog.png'); background-size: 130px;}
#chamada-formulario-janela{width: 100%; height: auto; position: relative; float: left; margin-top: 20px; margin-bottom: -15px; color: #000; font-size: 18px; line-height: 25px; text-align: center; padding: 0px 20px;}
#box-formulario-int-janela{width: 100%; height: auto; position: relative; float: left; margin-top: 10px; padding: 0px 20px; margin-top: 20px;}
.item-campo-formulario-janela{width: 100%; height: auto; position: relative; float: left; margin-bottom: 10px;}
#faixa-cta-form-janela{width: 100%; height: auto; position: relative; float: left; margin-top: 0px;}
#cta-int-form-janela{width: 300px; height: auto; position: relative; margin: auto; text-align: center; padding: 15px 20px; background-color: #000; border-radius: 15px; color: #fff; cursor: pointer;}

#cta-fechar-formulario{width: 60px; height: 60px; position: absolute; right: 15px; top: 15px; background-color: #000; z-index: 999; border-radius: 100%; cursor: pointer; cursor: pointer;}
#close-cta-formulario{width: 40px; height: 40px; position: absolute; left: 50%; top: 50%; margin-left: -20px; margin-top: -20px; background: url('img/close.png'); background-size:40px;}

#janela-formulario-ligamos { width: 400px; height: 500px; position: fixed; left: 50%; top: 550%; margin-left: -200px; margin-top: -250px; background-color: #fff; border-radius: 20px; z-index: 9999; opacity: 0; box-shadow: 0px 0px 15px -3px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 0px 15px -3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 15px -3px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0px 0px 15px -3px rgba(0, 0, 0, 0.1); -o-box-shadow: 0px 0px 15px -3px rgba(0, 0, 0, 0.1); transition: top 0.5s ease, opacity 0.5s ease; }
#logo-form-ligamos { width: 100%; height: auto; position: relative; float: left; margin-top: 50px; }
#logo-int-form-ligamos { width: 130px; height: 32px; position: relative; margin: auto; background: url('img/logo-gsa-blog.png'); background-size: 130px; }
#chamada-formulario-janela-ligamos { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; margin-bottom: -15px; color: #000; font-size: 18px; line-height: 25px; text-align: center; padding: 0px 20px; }
#box-formulario-int-janela-ligamos { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; padding: 0px 20px; }
.item-campo-formulario-janela-ligamos { width: 100%; height: auto; position: relative; float: left; margin-bottom: 10px; }
#faixa-cta-form-janela-ligamos { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; }

#cta-int-form-janela-ligamos { width: 300px; height: auto; position: relative; margin: auto; text-align: center; padding: 15px 20px; background-color: #000; border-radius: 15px; color: #fff; cursor: pointer;}
#cta-fechar-formulario-ligamos { width: 60px; height: 60px; position: absolute; right: 15px; top: 15px; background-color: #000; z-index: 999; border-radius: 100%; cursor: pointer; }
#close-cta-formulario-ligamos { width: 40px; height: 40px; position: absolute; left: 50%; top: 50%; margin-left: -20px; margin-top: -20px; background: url('img/close.png'); background-size: 40px; }
#menu-fixo { width: 100%; height: 90px; position: fixed; background-color: #fff; -webkit-box-shadow: 0px -2px 26px -3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px -2px 26px -3px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0px -2px 26px -3px rgba(0, 0, 0, 0.1); -o-box-shadow: 0px -2px 26px -3px rgba(0, 0, 0, 0.1); box-shadow: 0px -2px 26px -3px rgba(0, 0, 0, 0.1); overflow: hidden; z-index: 999;}

#view-menu-fixo{width: 1400px; height: auto; position: relative; margin: auto; z-index: 10;}
#logo-menu{width: 146px; height: 34px; position: relative; float: left; margin-top: 29px; background: url('img/logo-menu-gsa.png'); background-size: 146px;}

#itens-menu-fixo{width: 800px; height: auto; position: relative; float: left; margin-left: 20px; margin-top: 9px;}
.item-menu-fixo{width: auto; height: auto; position: relative; float: left; padding: 20px 20px; color: #000; font-size: 18px; font-weight: 500; cursor: pointer;}
.item-menu-fixo:hover{color: #1A446C;}
#marcador-menu{width:47px; height: 23px; position: absolute; left: 20px; bottom: -2px; background: url(img/marcador-menu.png); background-size: 47px; transition: left 0.3s ease;}

#box-ctas-menu { width: 380px; height: 90px; position: relative; float: right; top: 0px; background-color: #293139; }
#bg-box-cta { width: 2000px; height: 90px; position: absolute; top: 0px; right: -1990px; background-color: #293139; }
#ornamento-ctas-m-topo { width: 60px; height: 60px; position: absolute; left: -40px; top: 50%; margin-top: -30px; border-radius: 100%; z-index: 20; background-color: #fff; }

.itemcta-menu-topo{width: auto; height: auto; position: relative; float: left; margin-left: 30px;  margin-right: -20px; margin-top: 24px; font-size: 14px; color: #fff; padding: 10px 20px; border: 1px solid #fff; border-radius: 60px; cursor: pointer;}
.itemcta-menu-topo:hover{background-color: #FFFFFF; color: #000;}

#div-banner-gsa{width: 100%; height: auto; position: relative; float: left; margin-top: 89px; background-color: #dadada;}
.swiper { width: 100%; height: auto; }

.item-btn-banner{width: 80px; height: 80px; position: absolute; top: 50%; margin-top: -40px; z-index: 99; background-color: #fff; border-radius: 50%; cursor: pointer;}
.btn-e{left: 30px;}
.btn-d{right: 30px;}

.item-btn-banner:hover{background-color: #293139;} 

.icn-seta-e{width:40px; height: 40px; position: absolute; left: 50%; top: 50%; margin-left: -20px; margin-top: -20px; background: url('img/seta-e.png'); background-size: 40px;}
.icn-seta-d{width:40px; height: 40px; position: absolute; left: 50%; top: 50%; margin-left: -20px; margin-top: -20px; background: url('img/seta-d.png'); background-size: 40px;}

.btn-e:hover .icn-seta-e{background: url('img/seta-e-h.png'); background-size: 40px;}
.btn-d:hover .icn-seta-d{background: url('img/seta-d-h.png'); background-size: 40px;}

/* Tamanho das bolinhas */
.swiper-pagination-bullet{width:20px!important;height:20px!important;background:#ffffff!important;opacity:0.3!important;transition:0.3s!important;}
/* Quando está ativa */
.swiper-pagination-bullet-active{opacity:1!important;background:#ffffff!important;}


/*empreendimentos int*/
#sessao-empreendimentos-int{width: 100%; height:auto; position: relative; float: left; margin-top: 90px; padding-bottom: 90px; background-color: #fff;}
#faixa-cards-emprendimentos{width: 100%; height: auto; position: relative; float: left; margin-top: 40px;}
#view-cards-emp{width:1400px; height: auto; position: relative; margin: auto; overflow: hidden; border-radius: 20px; padding-bottom: 40px !important; padding-left: 10px !important;}

/*card empreendimentos int*/
.item-card-empreendimento-int{width: 32% !important; height: 550px !important; position: relative; float: left; margin-left: 0.5%; margin-right: 0.5%; margin-bottom: 20px; border-radius: 20px; overflow: hidden; background-color:#000; overflow: hidden;}
.bg-card-empreendimento-int { width: 500px; height: 648px; position: absolute; left: 50%; top: 50%; margin-left: -250px; margin-top: -324px; opacity: 0.8; }

/*filtros int*/
.item-filtro-int{width: auto; height: auto; position: relative; float: right; font-size: 14px; margin-right: 10px; margin-bottom: 10px; padding: 8px 20px;  border-radius: 30px; cursor: pointer; border: 1px solid #314354;}
.atv-fitro-int{color: #fff; background-color: #314354;  }
.atv-fitro-int:hover{background-color:#0F3760;}

.item-filtro-int:hover{color: #fff; background-color: #314354;  }

/*Emprrendimentos*/
#sessao-empreendimentos{width: 100%; height:auto; position: relative; float: left; background-color: #fff;}
#view-sessao-empreendimentos{width: 1400px; height: 100%; position: relative; margin: auto;}
#toolbar-slider-empreendimentos{width: 100%; height: auto; position: relative; float: left;}

.div-toolbar-slider-a{width: 50%; height: auto; position: relative; float: left;}
.div-toolbar-slider-a h2{width: 100%; height: auto; position: relative; float: left; margin-top: 100px; font-weight: 800; font-size: 60px; color: #000000;}
.div-toolbar-slider-a p{width: 100%; height: auto; position: relative; float: left; margin-top: -10px; font-size: 20px; color: #000;}

.div-toolbar-slider-b{width: 50%; height: auto; position: relative; float: left; margin-top: 190px;}
.box-filtros-cards-empreendimentos{width: 500px; height: auto; position: relative; float: right;}

.item-filtro{width: auto; height: auto; position: relative; float: right; font-size: 14px; margin-right: 10px; padding: 8px 20px;  border-radius: 30px; cursor: pointer; border: 1px solid #314354;}
.atv-fitro{color: #fff; background-color: #314354;  }
.atv-fitro:hover{background-color:#0F3760;}

.item-filtro:hover{color: #fff; background-color: #314354;  }

#faixa-slider-cards-emprendimentos{width: 100%; height: auto; position: relative; float: left; margin-top: 40px;}
#view-cards-sliders{width: 87%; height: auto; position: relative; margin: auto; overflow: hidden; border-radius: 20px; padding-bottom: 40px !important; padding-left: 10px !important;}

/*Item card empreendimento*/
.item-card-empreendimento{width:auto; height: 550px !important; position: relative; float: left; margin-left: 0%; margin-right: 0%; border-radius: 20px; overflow: hidden; background-color:#000; overflow: hidden;}
.item-card-empreendimento:first-child {margin-left: 0%;}
.bg-card-empreendimento { width: 400px; height: 648px; position: absolute; left: 50%; top: 50%; margin-left: -200px; margin-top: -324px; opacity: 0.8; }
.info-card-empreendimento{width: 100%; height: 100%; position: absolute; z-index: 10; top: 0px; left: 0px;}
.logo-horizontal-card{width: 40%; height: auto; position: relative; float: left; margin-top: 34px; margin-left: 20px;}
.logo-vertical-card{width: 20%; height: auto; position: relative; float: left; margin-top: 20px; margin-left: 20px;}

.tag-empreendimento-card{width: 35%; height: auto; position: relative; float: right; margin-top: 20px; margin-right: 20px;}
.txt-tag-lancamento-card{width: 100%; height: auto; position: relative; float: left; margin-top: 10px; font-size: 17px; color: #fff; font-weight: 400;}
.legenda-empreendimento{width: 80%; height: auto; position: absolute; bottom: 20px; left: 20px; font-size: 17px; color: #fff;}
.cta-circulo-card-empreendimento{width:50px; height: 50px; position: absolute; bottom: 20px; right: 20px; background-color: #fff; border-radius: 50%; cursor: pointer;}
.cta-circulo-card-empreendimento:hover{background: #000;}

.seta-cta-card-e{width:30px; height: 30px; position: absolute; left: 50%; top: 50%; margin-left: -15px; margin-top: -15px; background: url('img/seta-d.png'); background-size: 30px;}

.item-card-empreendimento:hover .cta-circulo-card-empreendimento{background: #000;}
.item-card-empreendimento:hover .seta-cta-card-e{width:30px; height: 30px; position: absolute; left: 50%; top: 50%; margin-left: -15px; margin-top: -15px; background: url('img/seta-d-h.png'); background-size: 30px;}

.item-btn-cards-empreendimentos{width: 80px; height: 80px; position: absolute; top: 50%; margin-top: -40px; z-index: 99; background-color: #fff; border-radius: 50%; cursor: pointer;
-webkit-box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.1);
-ms-box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.1);
-o-box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.1);
box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.1);
}
.btn-e-c{left: 0px;}
.btn-d-c{right: 0px;}

.item-btn-cards-empreendimentos:hover{background-color: #293139;} 

.icn-seta-e-c{width:40px; height: 40px; position: absolute; left: 50%; top: 50%; margin-left: -20px; margin-top: -20px; background: url('img/seta-e.png'); background-size: 40px;}
.icn-seta-d-c{width:40px; height: 40px; position: absolute; left: 50%; top: 50%; margin-left: -20px; margin-top: -20px; background: url('img/seta-d.png'); background-size: 40px;}

.btn-e-c:hover .icn-seta-e-c{background: url('img/seta-e-h.png'); background-size: 40px;} 
.btn-d-c:hover .icn-seta-d-c{background: url('img/seta-d-h.png'); background-size: 40px;} 

#view-cards-sliders.fade { opacity: 0; transition: opacity 0.1s ease; }
#view-cards-sliders { opacity: 1; transition: opacity 0.1s ease; }

/*faixa cta empreendimentos*/
#faixa-cta-empreendimentos{width: 100%; height: auto; position: relative; float: left; margin-top: 40px;}
#cta-empreendimentos-tds{width: 350px; height: auto; position: relative; margin: auto; padding: 15px 0px; text-align: center; font-size: 17px; color: #fff; background-color: #314354; border-radius: 50px; cursor: pointer;}
#cta-empreendimentos-tds:hover{background-color:#1F2A35;}
#legenda-cta-empreendimentos{width: 100%; height: auto; position: relative; float: left; margin-top: 20px; font-size: 20px; color: #314354; text-align: center; padding: 0px 470px;}

#div-video-institucional-home{width: 100%; height: 1000px; position: relative; float: left; overflow: hidden; margin-top: 80px; background: url('img/bg-institucional.png'); background-size: cover;}
#sombra-topo { width: 200%; height:300px; position: absolute; top: -120px; left: -50%; background-color: #293139; opacity: 0.98; -webkit-filter: blur(50px); -moz-filter: blur(50px); -o-filter: blur(50px); -ms-filter: blur(50px); filter: blur(50px); z-index: 10; }
#sombra-bottom { width: 200%; height:300px; position: absolute; bottom: -120px; left: -50%; background-color: #293139; opacity: 0.98; -webkit-filter: blur(50px); -moz-filter: blur(50px); -o-filter: blur(50px); -ms-filter: blur(50px); filter: blur(50px); z-index: 10; }

#conteudo-div-institucional-home{width: 1400px; height:1000px; position: absolute; left: 50%; margin-left:-700px; z-index: 20;}
#faixa-logo-video{width: 322px; height: 74px; position: relative; margin: auto; margin-top: 90px; background: url('img/logo-video-institucional.png'); background-size: 322px;}
#faixa-logo-video-legenda{width: 100%; height: auto; position: relative; float: left; margin-top: 10px; font-size: 28px; color: #fff; text-align: center; font-weight: 300;}
#faixa-logo-video-ornamento{width: 100%; height: auto; position: relative; float: left; margin-top: 10px;}
#ornamento-int-vide-int{width:172px; height: 84px; position: relative; margin: auto; background: url('img/ornamento-video-institucional.png'); background-size: 172px;}

#cta-play-video{width: 100%; height: 160px; position: absolute; top: 50%; margin-top: -80px; cursor: pointer;}
#play-video-int{width: 96px; height: 96px; position: relative; margin: auto; background: url('img/play-video.png'); background-size: 96px;}
#legenda-play-video{width: 100%; height: auto; position: relative; float: left; margin-top: 20px; font-size: 22px; color: #fff; text-align: center; font-weight: 300;}

#faixa-cta-banner-video-institucional{width:  100%; height: 200px; position: absolute; bottom: 0px;}
#cta-banner{width: 100%; height: auto; position: relative; float: left;}
#cta-banner-video-int{width: 220px; height: auto; position: relative; margin: auto; padding: 15px 0px; text-align: center; font-size: 17px; color:#314354; background-color: #fff; border-radius: 50px; cursor: pointer;}
#cta-banner-video-int:hover{background-color:#E2E2E2;}
#legenda-cta-banner-video-int{width: 100%; height: auto; position: relative; float: left; margin-top: 20px; text-align: center; font-size: 18px; color: #fff; padding: 0px 340px;}


/*Inicio blog home*/
#div-blog-home-pg{width: 100%; height:auto; position: relative; float: left; padding-bottom: 50px;} 
#ornamento-blog-home{width: 952px; height: 468px; position:absolute; left: 50%; margin-left:-476px; background: url('img/ornamento-blog-home.png'); background-size: 952px;}
#view-blog-home-pg{width: 1400px; height: auto; position: relative; margin: auto; z-index: 20;}
#chamada-blog-home{width: 100%; height: auto; position: relative; float: left; margin-top: 40px; font-size: 60px; font-weight: 500; color: #000; text-align: center; }
#faixa-logo-blog-home{width: 100%; height: auto; position: relative; float: left; margin-top: 0px;}
#logo-chamada-home{width: 186px; height: 46px; position: relative; margin: auto; background: url('img/logo-gsa-blog.png'); background-size: 186px;}
#sub-chamada-blog-home{width: 100%; height: auto; position: relative; float: left; margin-top: 10px; font-size: 20px; color: #000; text-align: center; padding: 0px 500px;}

#faixa-cta-blog-home{width: 100%; height: auto; position: relative; float: left; margin-top: 20px;}
#cta-blog-home{width: 220px; height: auto; position: relative; margin: auto; padding: 15px 0px; text-align: center; font-size: 17px; color:#fff; background-color: #314354; border-radius: 50px; cursor: pointer;}
#cta-blog-home:hover{background-color:#1c2c3c;}

#faixa-slider-blog{width: 100%; height: auto; position: relative; float: left; margin-top: 80px;}
#view-cards-blog-sliders { width: 87%; height: auto; position: relative; margin: auto; overflow: hidden; border-radius: 20px; padding-bottom: 40px !important; padding-left: 5px !important; }

/*inicio card blog*/
.item-card-blog{width: 28%; height: auto; position: relative; float: left;}
.capa-card-blog{width: 100%; height: auto; position: relative; float: left; border-radius: 20px; overflow: hidden;} 
.tag-card-blog{width: auto; height: auto; position: absolute; left: 20px; bottom: 20px; z-index: 99; background-color:#314354; color: #fff; border-radius: 20px; padding: 10px 30px; }
.txt-blog-card{width: 100%; height: auto; position: relative; float: left; margin-top: 7px;}
.txt-blog-card h3{width: 100%; height: auto; position: relative; float: left; font-size: 26px; color: #000; font-weight: 500;}
.txt-blog-card p{width: 100%; height: auto; position: relative; float: left; margin-top: 0px; font-size: 16px; color: #000; font-weight: 300;}


/*controles cards blog*/
.item-btn-cards-blog { width: 80px; height: 80px; position: absolute; top: 50%; margin-top: -40px; z-index: 99; background-color: #fff; border-radius: 50%; cursor: pointer; -webkit-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.1); -o-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.1); }
.btn-e-c{left: 0px;}
.btn-d-c{right: 0px;}

.item-btn-cards-blog:hover{background-color: #293139;} 

.icn-seta-e-c{width:40px; height: 40px; position: absolute; left: 50%; top: 50%; margin-left: -20px; margin-top: -20px; background: url('img/seta-e.png'); background-size: 40px;}
.icn-seta-d-c{width:40px; height: 40px; position: absolute; left: 50%; top: 50%; margin-left: -20px; margin-top: -20px; background: url('img/seta-d.png'); background-size: 40px;}

.btn-e-c:hover .icn-seta-e-c{background: url('img/seta-e-h.png'); background-size: 40px;} 
.btn-d-c:hover .icn-seta-d-c{background: url('img/seta-d-h.png'); background-size: 40px;} 


/*Inicio rodapé*/
#sessao-rodape{width: 100%; height: auto; position: relative; float: left; padding-bottom: 150px;}
#view-rodape{width: 1400px; height: auto; position: relative; margin: auto;}
#line-rodape{width: 100%; height: 1px; position: relative; float: left; background-color: #000; opacity: 0.2;}
#ornamento-rodape{width: 476px; height: 234px; position:absolute; left: 50%;  margin-left: -238px; background: url('img/ornamento-blog-home.png'); background-size: 476px;}
#faixa-logo-rodape{width: 100%; height: auto; position: relative; float: left; margin-top: 60px;}
#logo-rodape{width:186px; height: 46px; position: relative; margin: auto; background: url('img/logo-gsa-blog.png'); background-size: 186px;}

#faixa-contatos-rodape {
width: 100%;
height: auto;
position: relative;
float: left;
margin-top: 170px;
padding: 0px 0px 0px 200px;
}

/*item contato rodape*/
.item-contato-rodape{width: 33.3%; height: auto; position: relative; float: left; border-radius: 10px; padding: 20px 10px 10px 15px; cursor: pointer;}
.icn-contato-rodape{width: 30px; height: 30px; position: relative; float: left;}
.icn-tel-rodape{background: url('img/tell-rodape-icn.png'); background-size: 30px;}
.icn-wpp-rodape{background: url('img/icn-wpp-r-contato.png'); background-size: 30px;}
.icn-ligamos-rodape{background: url('img/ligamos-icn-rodape.png'); background-size: 30px;}
.icn-email-rodape{background: url('img/email-icn-rodape.png'); background-size: 30px;}

.txt-contato-rodape{width: 60%; height: auto; position: relative; float: left; margin-top: -9px; margin-left: 14px; font-size: 17px; color: #000;}


/*faixa itens de navegação rodapé*/
#faixa-navegacao-rodape {
width: 100%;
height: auto;
position: relative;
float: left;
margin-top: 40px;
padding: 0px 0px 0px 230px;
}
.bloco-item-navegacao-rodape{width: 33%; height: auto; position: relative; float: left;}
.bloco-item-navegacao-rodape h4{width: 100%; height: auto; position: relative; float: left; margin-top:40px; font-size: 19px; color: #000; font-weight: 600;}
.bloco-item-navegacao-rodape ul li{width: 100%; height: auto; position: relative; float: left; font-size: 16px; color: #000; cursor: pointer; margin-bottom: 5px;}
.bloco-item-navegacao-rodape ul li:hover{color: #232E64;}
.atv-nav-r{font-weight: 700; color:#235fc8!important;}

#box-redes-sociais-rodape{width: 100%; height: auto; position: relative; float: left; margin-top: 10px; }
.item-redes-sociais-rodape{width: 30px; height: 30px; position: relative; float: left; margin-right: 10px; cursor: pointer; opacity: 0.8;}
.item-redes-sociais-rodape:hover{opacity: 1;}
.icn-fb-r{background: url(img/fb-icn.png); background-size: 30px;}
.icn-insta-r { background: url(img/insta-icn.png); background-size: 30px; }
.icn-yt-r { background: url(img/yt-icn.png); background-size: 30px; }

/*Inicio página de empreendimento */


/*ancoras-pagina-empreendimento*/
.ancora-pg-empreendimento{width: 1px; height: 1px; position: absolute; left: 0px;}
#ancora-inicio-emp { top: 0px;}
#ancora-sobre-emp {top: -200px; }
#ancora-galeria-emp {top: -280px;}
#ancora-diferenciais-emp { top: -140px;}
#ancora-localizacao-emp { top: -200px;}
#ancora-andamento-emp {top: -100px; }
#ancora-tenho-interesse { top: -200px;}


#sub-menu-empreendimento{width: 100%; height: 55px; position: fixed; top: 90px; z-index: 900;}
#view-sub-menu{width:1400px; height: auto; position: relative; margin: auto;}
#logo-vertical-sub-menu{width: 100px; height: 140px; position: relative; float: left; margin-top: -10px; border-radius: 10px 20px 20px 20px; }
#logo-vertical-sub-menu-int{width: 100%; height: auto; position: relative; float: left; }

#logo-horizonatal-sub-menu { width: 150px; height: 80px; position: relative; float: left; margin-top: -1px; border-radius: 10px 10px 10px 10px; }
#logo-horizontal-sub-menu-int { width: 100%; height: auto; position: relative; float: left; margin-top: -1px; }

#view-itens-sub-menu{width:58%; height: auto; position: relative; float: left; margin-left: 20px;}
#view-itens-sub-menu ul li{width: auto; height: auto; position: relative; float: left; font-size: 16px; color: #fff; margin-top: 2px; margin-right: 30px; cursor: pointer; font-weight: 300; opacity: 0.8;}
#view-itens-sub-menu ul li:hover{opacity: 1;}

.atv-sub-menu{opacity: 1 !important;}

#cta-sub-menu{width: auto; height: auto; position: relative; float: right; margin-right: 25px; margin-top: 8px; padding: 8px 20px; background-color: #fff; color: #000; border-radius: 20px; cursor: pointer;}

/*inicio superbanner empreendimento*/
#superbanner-empreendimentos{width: 100%; height: auto; position:relative; float: left; margin-top: 100px;}
#div-conteudo-banner-empreendimento-int { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; z-index: 90; background-color: rgba(0, 0, 0, 0.4); }

#view-conteudo-banner-emp{width: 1400px; height: auto; position: relative; margin: auto;}
#conteudo-txt-banner-emp-int{width: 100%; height: 200px; position: absolute; top: 50%; margin-top: -100px;}
#conteudo-txt-banner-emp-int h3{width: 100%; height: auto; position: relative; float: left; font-size: 40px; color: #fff; font-weight: 600;}
#conteudo-txt-banner-emp-int p{width: 35%; height: auto; position: relative; float: left; margin-top: -10px; font-size: 22px; color: #fff; font-weight: 300;}

#div-sobre-empreendimento{width: 100%; height: auto; position: relative; float: left; padding-bottom: 150px;}
#view-sobre-empreendimento{width: 1400px; height: auto; position: relative; margin: auto;}

/*Inicio formulario empreendimento int*/
#box-formulario-topo { width: 380px; height: 460px; position: absolute; right: 20px; top: -330px; background-color: #fff; border-radius: 20px; z-index: 99; padding: 20px 40px; border: 1px solid #000; }
#box-formulario-topo h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 25px; font-size: 21px; color: #000000; text-align: center; text-transform: uppercase; font-weight: 700; }
#box-formulario-topo p { width: 100%; height: auto; position: relative; float: left; margin-top: -12px; font-size: 16px; color: #49515F; text-align: center; font-weight: 400; }
#box-campos-formulario-topo { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; }
.label-formulario { width: 100%; height: auto; position: relative; float: left; }
#faixa-cta-formulario { width: 100%; height: auto; position: relative; float: left; }
#cta-formulario { width: 90%; height: auto; position: relative; margin: auto; padding: 15px 20px; color: #fff; background-color: #293139; border-radius: 10px; text-align: center; cursor: pointer; }
#cta-formulario:hover{background-color:#282c33;}

#conteudo-resumo-empreendimento{width: 100%; height: auto; position: relative; float: left; margin-top: 250px;}
.div-conteudo-resumo-empreendimento{width: 50%; height: auto; position: relative; float: left;}
#headline-resumo-empreendimento{width: 100%; height: 200px; top: 50%; position: relative; float: left; margin-top: -100px;}

#ornamento-headline-emp-out{width: auto; height: 100%; position: relative; float: left;}
#ornamento-headline-resumo-empreendimento {width: 132px; height: 66px; position: relative; float: left; background: url('img/ornamento-headline-emp.png'); background-size: 132px;}
#txt-headline-empreendimento-int{width: 70%; height: auto; position: relative; float: left; margin-top: -10px; padding-left: 20px; color: #000; font-size: 18px;}

#resumo-emp-int{width: 100%; height: auto; position: relative; float: left; padding-left: 20px; margin-top: -39px;}
#resumo-emp-int p{width: 100%; height: auto; position: relative; float: left;  color: #000; font-size: 18px;}

#txt-headline-empreendimento-int-b { width: 50%; height: auto; position: relative; float: left; margin-top: -20px; padding-left: 20px; color: #000; font-size: 18px; }

#div-detalhes-empreendimento{width: 100%; height: auto; position: relative; float: left; margin-top: 90px;}
#view-detalhes-empreendimentos{width: 800px; height: auto; position: relative; margin: auto;}

.item-detalhe-empreendimento{width: 33%; height: auto; position: relative; float: left;}
.icn-detalhe-empreendimento{width: 40px; height: 40px; position: relative; margin: auto;}
.legenda-icn-detalhe-empreendimento{width: 200px; height: auto; position: absolute; left: 50%; margin-left: -100px; bottom: -40px; font-size: 16px; color: #000; text-align: center;}

/*Galeria de fotos int emp */
.galeria-emp{width: 100%; height: auto; position: relative; float: left; overflow: hidden;}
.item-foto-galeria{width: 25%; height: 290px !important; position: relative; float: left; overflow: hidden;}
.foto-int-galeria{width: 726px; height: 300px; position: absolute; left: 50%; top: 50%; margin-left: -363px; margin-top: -145px;}

.item-galeria-emp { width: 80px; height: 80px; position: absolute; top: 50%; margin-top: -40px; z-index: 99; background-color: #fff; border-radius: 50%; cursor: pointer; -webkit-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.1); -o-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.1); }
.btn-e-c{left: 40px;}
.btn-d-c{right: 40px;}

.item-galeria-emp:hover{background-color: #293139;} 

.icn-seta-e-c{width:40px; height: 40px; position: absolute; left: 50%; top: 50%; margin-left: -20px; margin-top: -20px; background: url('img/seta-e.png'); background-size: 40px;}
.icn-seta-d-c{width:40px; height: 40px; position: absolute; left: 50%; top: 50%; margin-left: -20px; margin-top: -20px; background: url('img/seta-d.png'); background-size: 40px;}

#controle-selecao-galeria{width: 100%; height: auto; position: relative; float: left;}
#view-controles-galeria{width: 240px; height: auto; position: relative; margin: auto; margin-bottom: 90px;}
.item-controle-aba-galeria{width: 100px; height: auto; position: relative; float: left; margin-right: 20px; padding: 5px 0px; text-align: center; color: #000; border: 1px solid #000; border-radius: 20px; cursor: pointer;}
.item-controle-aba-galeria:hover{background-color: #000; color: #fff;}

.atv-aba-galeria{background-color: #000; color: #fff;}
.marcador-aba-galeria { width: 47px; height: 23px; position: absolute; left: 27px; bottom: -67px; background: url('img/marcador-menu.png'); background-size: 47px; }

.marcador-aba-galeria { transition: left 0.3s ease; -webkit-transition: left 0.3s ease; -moz-transition: left 0.3s ease; -ms-transition: left 0.3s ease; -o-transition: left 0.3s ease; }
.galeria-plantas{display: none;}

/*inicio player video empreendimento*/
#player-video-empreendimento{width: 100%; height: auto; position: relative; float: left;} 
#mascara-player-video{width: 100%; height: 100%; position: absolute; top: 0px; z-index: 99;}

/*Inicio diferênciais*/
#sessao-diferenciais{width: 100%; height: auto; position: relative; float: left; margin-top: 40px;}
#view-diferenciais{width: 1400px; height: auto; position: relative; margin: auto;}

#resumo-diferenciais{width: 100%; height: auto; position: relative; float: left; margin-top: 60px;}
#ornamento-headline-diferenciais{width: auto; height: 100px; position: relative; float: left;}
#ornamento-headline-diferenciais-int {width: 132px; height: 66px; position: relative; float: left; margin-top: 50px; background: url('img/ornamento-headline-emp.png'); background-size: 132px;}

#titulo-diferenciais{width: 50%; height: auto; position: relative; float: left; margin-bottom: 20px; margin-right: 500px; margin-left: 20px; font-size: 38px; color: #000000; font-weight: 400;}
#txt-headline-empreendimento-int{width: 80%; height: auto; position: relative; float: left; margin-top: -20px; padding-left: 20px; color: #000; font-size: 18px;}

#logo-vertical-diferenciais {width: 80px; height:auto; position: relative; float: right; margin-top: -90px; margin-right: 20px;}
#logo-horizontal-diferenciais { width: 140px; height: auto; position: relative; float: right; margin-top: -63px; margin-right: 20px; }

#lista-diferenciais{width: 100%; height: auto; position: relative; float: left; margin-top: 50px;}

/*localizacao empreendimento*/
#localizacao-empreendimento{width: 100%; height: auto; position: relative; float: left; margin-top: 40px; padding-bottom: 100px;}
#view-localizacao-empreendimento{width: 1200px; height: auto; position: relative; margin: auto;}
#view-localizacao-empreendimento h4{width: 100%; height: auto; position: relative; float: left; font-size: 36px; text-align: center; color: #000; font-weight: 500;}
#selecao-de-localizacao-emp{width: 100%; height: auto; position: relative; float: left; margin-top: 30px;}

/*controles localizacao empreendimentos*/
#controle-selecao-loc-emp{width: 100%; height: auto; position: relative; float: left;}
#view-controles-loc-emp{width: 400px; height: auto; position: relative; margin: auto; margin-bottom: 90px;}
.item-controle-aba-loc-emp{width: 180px; height: auto; position: relative; float: left; margin-right: 20px; padding: 5px 0px; text-align: center; color: #000; border: 1px solid #000; border-radius: 20px; cursor: pointer;}
.item-controle-aba-loc-emp:hover{background-color: #000; color: #fff;}

.atv-aba-emp-loc{background-color: #000; color: #fff;}
.marcador-aba-emp-loc { width: 47px; height: 23px; position: absolute; left: 66px; bottom: -67px; background: url('img/marcador-menu.png'); background-size: 47px; }

#box-iframe-mapa-emp{width: 100%; height: auto; position: relative; float: left; margin-top: 40px;}
#box-loc-mapa-int{width: 100%; height: 650px; position: relative; margin: auto; border-radius: 20px; overflow: hidden; background-color: #F5F0E5;}

.marcador-aba-emp-loc { -webkit-transition: left 0.3s ease; -moz-transition: left 0.3s ease; -ms-transition: left 0.3s ease; -o-transition: left 0.3s ease; transition: left 0.3s ease; }

#div-andamento-da-obra{width: 100%; height: auto; position: relative; float: left; background-color:#F0591C; padding-bottom: 120px;}
#view-andamento-da-obra{width: 1400px; height: auto; position: relative; margin: auto;}


#resumo-andamento-obra{width: 100%; height: auto; position: relative; float: left; margin-top: 130px;}
#ornamento-headline-andamento-obra{width: auto; height: 100px; position: relative; float: left;}
#ornamento-headline-andamento-obra-int {width: 132px; height: 66px; position: relative; float: left; margin-top: 50px; background: url('img/ornamento-andamento-emp.png'); background-size: 132px;}

#titulo-andamento-obra{width: 50%; height: auto; position: relative; float: left; margin-bottom: 20px; margin-right: 500px; margin-left: 20px; font-size: 38px; color: #fff; font-weight: 400;}
#txt-headline-andamento-obra-int{width: 40%; height: auto; position: relative; float: left; margin-top: -20px; padding-left: 20px; color: #fff; font-size: 18px;}

#logo-vertical-andamento-obra{width: 80px; height:auto; position: relative; float: right; margin-top: -160px; margin-right: 20px;}
#logo-horizontal-andamento-obra { width: 160px; height: auto; position: relative; float: right; margin-top: -70px; margin-right: 20px; }

#box-itens-andamento-obra{width: 100%; height: auto; position: relative; float: left; margin-top: 70px;}

/*Item-andamento-obra*/
.item-andamento-obra{width: 100%; height: auto; position: relative; float: left; margin-bottom: 20px;}
.legenda-item-andamento-obra{width: 100%; height: auto; position: relative; float: left; font-size: 17px; color: #fff; font-weight: 600;}  
.prograsso-obra-linha{width: 100%; height: 15px; position: relative; float: left; margin-top: 10px; background-color: #fff; border-radius: 20px; }
.progresso-int-obra{width: 0%; height: 15px; position: absolute; top: 0px; left: 0px; background-color: #000; border-radius: 20px;}
.info-progresso{width:auto; height: auto; position: absolute; right: 0px; top: 5px; font-size: 17px; color: #fff;}
 
/*Inicio galeria fotos da obra*/
#galeria-fotos-obra{width: 100%; height: auto; position: relative; float: left; margin-top: 20px;}
#view-galeria-fotos-obra{width: 1400px; height: auto; position: relative; margin: auto;}
#titulo-galeira-obra{width: 100%; height: auto; position: relative; float: left; margin-top: 30px; font-size: 34px; font-weight: 500; color: #000;  text-align: center;}

#fiaxa-selecao-datas-galeria-fotos-obra{width: 100%; height: auto; position: relative; float: left; margin-top: 30px;}

.item-botao-galeria-obra-2{width: auto; height: auto; position: relative; float: left; margin-right: 20px; margin-bottom: 15px; padding: 5px 25px; text-align: center; color: #000; border: 1px solid #000; border-radius: 20px; cursor: pointer;}
.item-botao-galeria-obra-2:hover{background-color: #000; color: #fff;}

.atv-item-botao-g-obra-2{background-color: #000; color: #fff;}


/*Galeria de fotos int emp */
.galeria-emp-obra-progresso{width: 100%; height: auto; position: relative; float: left; margin-top: 20px; overflow: hidden;}
.item-foto-galeria-obra-galeria-progresso{width: 25%; height: 290px !important; position: relative; float: left; overflow: hidden;}
.foto-int-galeria-obra-galeria-progresso{width: 726px; height: 300px; position: absolute; left: 50%; top: 50%; margin-left: -363px; margin-top: -145px;}

.item-galeria-emp-btn { width: 80px; height: 80px; position: absolute; top: 50%; margin-top: -40px; z-index: 99; background-color: #fff; border-radius: 50%; cursor: pointer; -webkit-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.1); -o-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.1); }
.btn-e-c-2{left: 40px;}
.btn-d-c-2{right: 40px;}

.item-galeria-emp-btn:hover{background-color: #293139;} 

.icn-seta-e-c-2{width:40px; height: 40px; position: absolute; left: 50%; top: 50%; margin-left: -20px; margin-top: -20px; background: url('img/seta-e.png'); background-size: 40px;}
.icn-seta-d-c-2{width:40px; height: 40px; position: absolute; left: 50%; top: 50%; margin-left: -20px; margin-top: -20px; background: url('img/seta-d.png'); background-size: 40px;}

.btn-e-c-2:hover .icn-seta-e-c-2{background: url('img/seta-e-h.png'); background-size: 40px;} 
.btn-d-c-2:hover .icn-seta-d-c-2{background: url('img/seta-d-h.png'); background-size: 40px;} 

/*Inicio quem somos*/
#banner-quem-somos{width: 100%; height: auto; position: relative; float: left; margin-top: 75px;}
#view-banner-quem-somos{width: 1400px; height: auto; position: relative; margin: auto;}
#banner-quem-somos-int{width: 100%; height: auto; position: relative; float: left; margin-top: 60px; overflow: hidden; border-radius: 40px;}

#chamada-banner-quem-somos{width: 100%; height: 40px; position: absolute; top: 50%; margin-top: 390px; font-size: 32px; color: #fff; text-align: center; font-weight: 600; z-index: 90;}
#ornamento-banner-quem-somos{width: 173px; height: 85px; position: absolute; left: 50%; margin-left: -86px; bottom: -110px; background:url('img/ornamento-banner-quem-somos.png'); background-size: 173px;}
#circle-arrow-banner{width: 50px; height: 50px; position: absolute; left: 50%; margin-left: -25px; bottom: -85px; background-color: #fff; border-radius: 100%; }
#arrow-circle { width: 30px; height: 30px; position: absolute; left: 50%; top: 52%; margin-left: -15px; margin-top: -10px; background: url('img/arrow-down.png'); background-size: 30px; -webkit-animation: swingUpDown 2s ease-in-out infinite; -moz-animation: swingUpDown 2s ease-in-out infinite; -ms-animation: swingUpDown 2s ease-in-out infinite; -o-animation: swingUpDown 2s ease-in-out infinite; animation: swingUpDown 2s ease-in-out infinite; }
@-webkit-keyframes swingUpDown {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-8px); }
}
@-moz-keyframes swingUpDown {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-8px); }
}
@-ms-keyframes swingUpDown {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-8px); }
}
@-o-keyframes swingUpDown {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-8px); }
}
@keyframes swingUpDown {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-8px); }
}


#resumo-quem-somos{width: 100%; height: auto; position: relative; float: left; margin-top: 120px;}
#view-resumo-quem-somos{width: 1400px; height: auto; position: relative; margin: auto;}

.div-conteudo-quem-somos{width: 50%; height: auto; position: relative; float: left;}
.div-conteudo-quem-somos p{width: 100%; height: auto; position:relative; float: left; margin-top: -17px; margin-bottom: 40px; font-size: 20px; color: #000;}
#ornamento-quem-somos { width: auto; height: 100%; position: relative; float: left; }
#ornamento-quem-somos-int { width: 132px; height: 66px; position: relative; float: left; background: url('img/ornamento-headline-emp.png'); background-size: 132px; }

#conteudo-headline-quem-somos{width: 60%; height: auto; position: relative; float: left; margin-top: -15px; margin-left: 20px; font-size: 20px; color: #000;}

#faixa-premissas{width: 100%; height: auto; position: relative; float: left; margin-top: 90px; padding-bottom: 40px;}
#view-premissas{width: 1400px; height:auto; position: relative; margin: auto; }

.item-premissa{width: 25%; height: auto; position: relative; float: left; padding-right: 20px;}
.item-premissa h5{width: 100%; height: auto; position: relative; float: left; font-size: 47px; color: #000; font-weight: 700;}

.titulo-premissa{width: 100%; height: auto; position: relative; float: left; margin-top: 12px;}
.icn-premissa{width: 30px; height: 30px; position:relative; float: left;}
.premissa-1-icn{background: url('img/premissa-1.png'); background-size: 30px;}
.premissa-2-icn{background: url('img/premissa-2.png'); background-size: 30px;}
.premissa-3-icn{background: url('img/premissa-3.png'); background-size: 30px;}
.titulo-int-premissa{width:70%; height: auto; position: relative; float: left; margin-left: 10px; margin-top: -5px; color: #000; font-size: 30px; font-weight: 700;}
.resumo-premissa{width:100%; height: auto; position: relative; float: left; margin-top:0px; font-size: 18px; color: #000;}

.faixa-logo-gsa-corp-fix{margin-top: 160px !important;}
#faixa-canais-atendimento{width: 100%; height: auto; position: relative; float: left; margin-top: 120px; padding-bottom: 40px;}
#view-canais-atendimento{width: 1400px; height:auto; position: relative; margin: auto; }

.item-canal-atendimento{width: 33%; height: auto; position: relative; float: left;}
#ornamento-atendimento { width: auto; height: 100%; position: relative; float: left; }
#ornamento-atendimento-int { width: 132px; height: 66px; position: relative; float: left; background: url('img/ornamento-headline-emp.png'); background-size: 132px; }
#conteudo-h-atendimento{width: 60%; height: auto; position: relative; float: left; margin-left: 30px;}

#conteudo-h-atendimento h2{width: 100%; height: auto; position: relative; float: left; margin-top: -18px; font-size: 34px; color: #000; font-weight: 600;}
#conteudo-h-atendimento p{width:100%; height: auto; position: relative; float: left; margin-top: -20px; font-size: 20px; color: #000;}

.titulo-canal-atendimento{width: 100%; height: auto; position: relative; float: left; margin-top: -8px;}
.icn-canal-atendimento{width: 30px; height: 30px; position:relative; float: left;}
.canal-atendimento-1-icn{background: url('img/canal-atendimento-1.png'); background-size: 30px;}
.canal-atendimento-2-icn{background: url('img/canal-atendimento-2.png'); background-size: 30px;}
.titulo-int-canal-atendimento{width:70%; height: auto; position: relative; float: left; margin-left: 10px; margin-top: -5px; color: #000; font-size: 30px; font-weight: 600;}
.resumo-canal-atendimento{width:100%; height: auto; position: relative; float: left; margin-top:0px; font-size: 17px; color: #000;}

.fix-item-canal{padding-left: 30px;}

#faixa-formulario{width: 100%; height: autos; position: relative; float: left; margin-top: 50px; padding-bottom: 140px}
#view-faixa-formulario{width: 1400px; height: auto; position: relative; margin: auto;}
.div-conteudo-form{width: 50%; height: auto; position: relative; float: left;}


/* Cor das linhas dos inputs */
.input-field input[type=text]:focus,
.input-field input[type=email]:focus,
.input-field textarea:focus {
  border-bottom: 1px solid #000 !important;
  box-shadow: 0 1px 0 0 #000 !important;
}

/* Cor do texto do label quando ativo */
.input-field input[type=text]:focus + label,
.input-field input[type=email]:focus + label,
.input-field textarea:focus + label {
  color: #000 !important;
}

/* Cor da label padrão */
.input-field label {
  color: #000 !important;
}

/* Cor do placeholder */
::placeholder {
  color: #000;
  opacity: 1; /* Garante que no Chrome e Safari não fique mais claro */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #000;
}

::-ms-input-placeholder { /* Edge */
  color: #000;
}


#faixa-cta-formulario{width: 100%; height: auto; position: relative; float: left; margin-top: 20px;}
#btn-form{width: auto; height: auto; position: relative; float: left; padding: 15px 40px; background-color: #000; font-size: 20px; color: #fff; border-radius: 15px; cursor: pointer;}


/*Inicio blog*/
#nav-bar-blog { width: 100%; height: 60px; position: fixed; top:89px; background-color: #fff; z-index: 999; border-top: 1px solid #eeeeee; }
#view-nav-bar-blog{width: 1400px; height: auto; position: relative; margin: auto;}
#logo-blog-gsa{width: 165px; height: 40px; position: relative; float: left; margin-top: 10px; background: url(img/logo-blog-gsa.png); background-size: 165px;}

#div-itens-menu-blog-nav-bar { width: 75%; height: 25px; position: relative; float: left; margin-left: 20px; margin-top: 19px; overflow: hidden; }
.item-menu-blog { width: auto !important; height: auto; position: relative; float: left; margin-top: -1px; margin-right: 24px !important; font-size: 18px; color: #7a838a; cursor: pointer; }
.item-menu-blog:hover{color:#ff0200;}

.atv-menu-blog{color:#ff0200;}

#div-controles-menu-blog { width: 150px; height: auto; position: absolute; right: 0px; top: 12px; background-color: #fff; z-index: 10;}
.control-left-ds-blog { width: 70px; height: 35px; position: relative; float: left; border: 1px solid #ffcdce; background-color: #ffe7e8; border-radius: 30px 0px 0px 30px; cursor: pointer; z-index: 20;}
.control-right-ds-blog { width: 70px; height: 35px; position: relative; float: left; margin-right: 10px; background-color: #293139; border: 1px solid #797979; border-radius: 0px 30px 30px 0px; cursor: pointer; }
.control-left-ds-blog { width: 70px; height: 35px; position: relative; float: left; border: 1px solid #878787; background-color: #f4f4f4; border-radius: 30px 0px 0px 30px; cursor: pointer; z-index: 20; }
.icon-arrow-left-ctrl-ds-blog{width:66px; height: 30px; position: absolute; left: 50%; top: 50%; margin-left: -33px; margin-top: -15px; background: url(img/arrow-left-ctrl.png); background-size:66px;}
.icon-arrow-right-ctrl-ds-blog{width:66px; height: 30px; position: absolute; left: 50%; top: 50%; margin-left: -33px; margin-top: -15px; background: url(img/arrow-right-ctrl.png); background-size:66px;}
.control-left-ds-blog:hover{background-color:#E6E6E6;}
.control-right-ds-blog:hover{background-color:#3A4551;}

/*Banner post*/
#banner-post { width: 100%; height: auto; position: relative; float: left; margin-top: 143px; background-color: #dadadada; overflow: hidden;}

.item-banner-post{width: 100%; height: 100%; position: relative; float: left;}
.cover-banner-post{width: 100%; height: auto; position: relative; float: left;}
.mascara-cover-banner-post { width: 100%; height: 100%; position: absolute; z-index: 99; top: 0px; background-color: #000000; opacity: 0.3; }
.conteudo-item-banner-post { width: 1200px; height: 400px; position: absolute; left: 50%; top: 50%; margin-left: -600px; margin-top: -190px; z-index: 130; }
.tags-post { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; }
.item-tag-post{width: auto; height: auto; position: relative; float: left; padding: 8px 20px; background-color: #fff; color: #000; border-radius: 20px; margin-right: 10px;}

.conteudo-item-banner-post h3 { width: 50%; height: auto; position: relative; float: left; margin-right: 50%; font-size: 28px; color: #ffff; }
.conteudo-item-banner-post p { width: 50%; height: auto; position: relative; float: left; font-size: 18px; color: #fff; font-weight: 300; margin-top: -13px; }
.linha-postado-por {width: 50%; height: 1px; position: relative; float: left; margin-top: 5px; background-color: #fff; margin-right: 51%;}
.txt-postado-por { width: 100%; height: auto; position: relative; float: left; margin-top: 5px; color: #fff; font-size: 18px; }

.controle-blog{z-index: 9999;}

#div-lista-posts-home-blog { width: 100%; height: auto; position: relative; float: left; margin-top: 120px; padding-bottom: 70px; }
#view-lista-posts-home-blog{width: 1200px; height: auto; position: relative; margin: auto;}
#div-posts-listagem-e{width: 45%; height: auto; position: relative; float: left;}

.card-post-listagem-home { width: 100%; height: auto; position: relative; float: left; margin-bottom:80px; border-radius: 20px; }
.img-card-post-home-blog { width: 100%; height: auto; position: relative; float: left; border-radius: 20px; overflow: hidden; }
.tags-cover-listagem-post{width: 100%; height: auto; position: absolute; bottom: 20px; z-index: 99; padding-left: 20px;}
.card-post-listagem-home h4 { width: 100%; height: auto; position: relative; float: left; margin-top: 27px; font-size: 23px; line-height: 26px; color: #000; }
.card-post-listagem-home p { width: 98%; height: auto; position: relative; float: left; margin-top: -4px; font-size: 17px; color: #000; }
.data-post-listagem { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; color: #000; font-size: 17px; font-weight: 600; }


#cta-mais-posts-listagem { width: 100%; height: auto; position: relative; float: left; margin-top: -30px; }
#cta-mais-posts-listagem-int { width: auto; height: auto; position: relative; float: left; padding: 10px 20px; color: #fff; background-color: #293139; border-radius: 80px; font-size: 18px; cursor: pointer; }
#cta-mais-posts-listagem-int:hover{background-color:#181D22;}


#div-posts-listagem-d { width: 55%; height: auto; position: relative; float: left; padding-left: 140px; }
#div-posts-listagem-d h4 { width: 100%; height: auto; position: relative; float: left; font-size: 32px; color: #000; font-weight: 400; margin-top: -10px; }

/*Item post destaque*/
.item-post-destaque{width: 100%; height: auto; position: relative; float: left; margin-top: 20px; margin-bottom: 20px; border-bottom: 1px solid #dadada; padding-bottom: 30px;}
.post-destaque-txt{width: 70%; height: auto; position: relative; float: left; font-size: 18px; color:#78858c; text-align: left;}
.data-post-destaque{color: #000;}
.cover-post-destaque{width: 20%; height: auto; position: relative; float: right;}
.cover-post-desraque-int{width: 100%; height: auto; position: relative; float: left; border-radius: 20px; overflow: hidden;}

/*Página de post*/
#conteudo-post { width: 100%; height: auto; position: relative; float: left; margin-top: 175px; }
#view-conteudo-post {width: 1400px; height: auto; position: relative; margin: auto;}

#corpo-artigo{width:60%; height: auto; position: relative; float: left;}
#cover-post{width: 100%; height: auto; position: relative; float: left; border-radius: 20px; overflow: hidden;} 
#tag-cover-post { width: 90%; height: auto; position: absolute; bottom: 30px; padding-left: 20px; z-index: 99; }

#corpo-artigo h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 40px; margin-bottom: 0px; font-size: 30px; }
#corpo-artigo p { width: 100%; height: auto; position: relative; float: left; font-size: 18px; line-height: 26px; color: #78858c; font-weight: 300; }

.foto-corpo-artigo{width: 100%; height: auto; position: relative; float: left; margin-top: 20px; margin-bottom: 20px; overflow: hidden; border-radius: 20px;}

/*Galeria de fotos do post*/
.post-photo-galery{width: 100%; height: auto; position: relative; float: left; border-radius: 10px; margin-top: 50px; margin-bottom: 50px; overflow: hidden;}
.item-photo-post-galery{width: 25%; height: auto; position: relative; float: left; background-color:#f1f1f1;}

.sl-overlay {background: #fef1f1 !important; opacity: 1 !important; }
.sl-wrapper .sl-navigation button { margin-top: -62px !important; height: 85px !important; color: #ff3333 !important; font-size: 130px !important; }

.sl-wrapper .sl-counter { color: #6c82ff !important; font-size: 40px !important; font-weight: 700; !important; }
.sl-wrapper .sl-close { height: 74px !important; width: 74px !important; !important; color: #ff3333 !important; font-size: 100px !important; }


#data-post-int{width: 100%; height: auto; position: relative; float: left; margin-top: 30px;}
#icone-ictcor{width: 60px; height: 60px; position: relative; float: left; background-color: #f0f0f0; border-radius: 50%;}
#icone-ictcor-int{width: 40px; height: 40px; position: absolute; left: 50%; top: 50%; margin-left: -20px; margin-top: -20px; background: url(img/icone-ictcor.png); background-size: 40px;}
#legenda-icone-ictcor { width: 300px; height: auto; position: relative; float: left; margin-left: 9px; margin-top: 11px; font-size: 18px; line-height: 20px; opacity: 0.8; }

#artigos-sugeridos{width: 40%; height: auto; position: relative; float: left; padding-left: 80px;}
#artigos-sugeridos h4 { width: 100%; height: auto; position: relative; float: left; font-size: 32px; color: #000; font-weight: 400; margin-top: -10px; }

#artigos-recomendados { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; padding-bottom: 50px; }
#artigos-recomendados h3{width: 100%; height: auto; position: relative; float: left; margin-bottom: 40px; font-size: 22px; color:#000;}

.item-post-recomendado{width:30%; height: auto; position: relative; float: left; margin-right: 1.5%;}
.cover-post-recomendado{width: 100%; height: auto; position: relative; float: left; border-radius: 20px; overflow: hidden;}
.tags-cover-post-recomendado{width: 90%; height: auto; position: absolute; bottom: 20px; padding-left: 20px; z-index: 99;}
.item-tag-post-recomendado{width: auto; height: auto; position: relative; float: left; padding: 8px 20px; background-color: #fff; color: #000; font-size: 14px; border-radius: 20px; margin-right: 10px;}
.item-post-recomendado h4{width: 90%; height: auto; position: relative; float: left; margin-top: 12px; font-size: 22px;}

.item-post-recomendado:hover h4{color:#000;}

.player-audio{width: 100%; height: auto; position: relative; float: left; margin-top: 20px; margin-bottom: 20px; padding: 20px 10px; background-color: dadada; border-radius: 20px;}

.fix-archive-blog{margin-top: 260px !important;}

/*Paginação*/
.page-numbers { width: auto; height: auto; position: relative; float: left; padding: 10px 15px; background-color: #ffd2d2; border-radius: 11px; margin-right: 7px; margin-bottom: 7px; color: #ff3c3c; cursor: pointer; }
.page-numbers:hover {background-color: red; color: #fff;}

.item-btn-banner-blog{width: 80px; height: 80px; position: absolute; top: 50%; margin-top: -40px; z-index: 99; background-color: #fff; border-radius: 50%; cursor: pointer;}
.btn-e-blog{left: 30px;}
.btn-d-blog{right: 30px;}

.item-btn-banner-blog:hover{background-color: #293139;} 

.icn-seta-e-blog{width:40px; height: 40px; position: absolute; left: 50%; top: 50%; margin-left: -20px; margin-top: -20px; background: url('img/seta-e.png'); background-size: 40px;}
.icn-seta-d-blog{width:40px; height: 40px; position: absolute; left: 50%; top: 50%; margin-left: -20px; margin-top: -20px; background: url('img/seta-d.png'); background-size: 40px;}

.btn-e-blog:hover .icn-seta-e-blog{background: url('img/seta-e-h.png'); background-size: 40px;}
.btn-d-blog:hover .icn-seta-d-blog{background: url('img/seta-d-h.png'); background-size: 40px;}


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


#view-menu-fixo { width: 95%; height: auto; position: relative; margin: auto; z-index: 10; }
#logo-menu { width: 100px; height: 23px; position: relative; float: left; margin-top: 34px; background: url('img/logo-menu-gsa.png'); background-size: 100px; }
#itens-menu-fixo { width:660px; height: auto; position: relative; float: left; margin-left: 0px; margin-top: 9px; }
.item-menu-fixo { width: auto; height: auto; position: relative; float: left; padding: 20px 20px; color: #000; font-size: 18px; font-weight: 500; cursor: pointer; }
#box-ctas-menu { width: 370px; height: 90px; position: relative; float: right; top: 0px; background-color: #293139; z-index: 99; }
#bg-box-cta { width: 2000px; height: 90px; position: absolute; top: 0px; right: -1630px; background-color: #293139; }
.itemcta-menu-topo { width: auto; height: auto; position: relative; float: left; margin-left: 30px; margin-right: -20px; margin-top: 24px; font-size: 14px; color: #fff; padding: 10px 20px; border: 1px solid #fff; border-radius: 60px; cursor: pointer; }
.item-btn-banner { width: 60px; height: 60px; position: absolute; top: 50%; margin-top: -90px; z-index: 99; background-color: #fff; border-radius: 50%; cursor: pointer; }
.icn-seta-e { width: 30px; height: 30px; position: absolute; left: 50%; top: 50%; margin-left: -15px; margin-top: -15px; background: url('img/seta-e.png'); background-size: 30px; }
.icn-seta-d { width: 30px; height: 30px; position: absolute; left: 50%; top: 50%; margin-left: -15px; margin-top: -15px; background: url('img/seta-d.png'); background-size: 30px; }

.btn-e:hover .icn-seta-e{background: url('img/seta-e-h.png'); background-size: 30px;}
.btn-d:hover .icn-seta-d{background: url('img/seta-d-h.png'); background-size: 30px;}


#view-sessao-empreendimentos { width: 1000px; height: 100%; position: relative; margin: auto; }
#view-cards-sliders { width: 100%; height: auto; position: relative; margin: auto; overflow: hidden; border-radius: 20px; padding-bottom: 40px !important; padding-left: 10px !important; }
.item-card-empreendimento { width: 31.6% !important; height: 460px !important; position: relative; float: left; margin-left: 1%; margin-right: 1%; border-radius: 20px; overflow: hidden; background-color: #000; overflow: hidden; }
.item-btn-cards-empreendimentos { width: 60px; height: 60px; position: absolute; top: 50%; margin-top: -67px; z-index: 99; background-color: #fff; border-radius: 50%; cursor: pointer; -webkit-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.1); -o-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.1); }
#legenda-cta-empreendimentos { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; font-size: 20px; color: #314354; text-align: center; padding: 0px 270px; }
#view-blog-home-pg { width: 1000px; height: auto; position: relative; margin: auto; z-index: 20; }
#sub-chamada-blog-home { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; font-size: 20px; color: #000; text-align: center; padding: 0px 310px; }
.tag-card-blog { width: auto; height: auto; position: absolute; left: 20px; bottom: 20px; z-index: 99; background-color: #314354; color: #fff; border-radius: 20px; padding: 7px 15px; font-size: 14px; }
.txt-blog-card h3 { width: 100%; height: auto; position: relative; float: left; font-size: 20px; color: #000; font-weight: 500; }
.txt-blog-card p { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; font-size: 14px; color: #000; font-weight: 300; }

/*controles cards blog*/
.item-btn-cards-blog { width: 60px; height: 60px; position: absolute; top: 50%; margin-top: -200px; z-index: 99; background-color: #fff; border-radius: 50%; cursor: pointer; -webkit-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.1); -o-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.1); }
#view-rodape { width: 100%; height: auto; position: relative; margin: auto; }
.btn-e-c { left: -20px; }
.btn-d-c { right: -29px; }
.item-galeria-emp:hover { background-color: #293139; }
.icn-seta-e-c { width: 30px; height: 30px; position: absolute; left: 50%; top: 50%; margin-left: -15px; margin-top: -15px; background: url('img/seta-e.png'); background-size: 30px; }
.icn-seta-d-c { width: 30px; height: 30px; position: absolute; left: 50%; top: 50%; margin-left: -13px; margin-top: -15px; background: url('img/seta-d.png'); background-size: 30px; }

.btn-e-c:hover .icn-seta-e-c{background: url('img/seta-e-h.png'); background-size: 30px;} 
.btn-d-c:hover .icn-seta-d-c{background: url('img/seta-d-h.png'); background-size: 30px;} 

/*Empreendimento*/
#view-sub-menu { width: 95%; height: auto; position: relative; margin: auto; }
#view-conteudo-banner-emp { width: 95%; height: auto; position: relative; margin: auto; }
#view-sobre-empreendimento { width: 95%; height: auto; position: relative; margin: auto; }
#resumo-emp-int { width: 100%; height: auto; position: relative; float: left; padding-left: 20px; margin-top: -40px; }
.item-galeria-emp { width: 60px; height: 60px; position: absolute; top: 50%; margin-top: -35px; z-index: 99; background-color: #fff; border-radius: 50%; cursor: pointer; -webkit-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.1); -o-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.1); }
#view-diferenciais { width: 95%; height: auto; position: relative; margin: auto; }
#ornamento-headline-diferenciais-int { width: 132px; height: 66px; position: relative; float: left; margin-top: 30px; background: url('img/ornamento-headline-emp.png'); background-size: 132px; }
#titulo-diferenciais { width: 40%; height: auto; position: relative; float: left; margin-bottom: 20px; margin-right: 500px; margin-left: 20px; font-size: 38px; color: #000000; font-weight: 400; }
#txt-headline-empreendimento-int { width: 65%; height: auto; position: relative; float: left; margin-top: -20px; padding-left: 20px; color: #000; font-size: 18px; }
#view-andamento-da-obra { width: 95%; height: auto; position: relative; margin: auto; }
#titulo-andamento-obra { width: 40%; height: auto; position: relative; float: left; margin-bottom: 20px; margin-right: 500px; margin-left: 20px; font-size: 38px; color: #fff; font-weight: 400; }
#view-galeria-fotos-obra { width: 95%; height: auto; position: relative; margin: auto; }
.item-galeria-emp-btn { width: 60px; height: 60px; position: absolute; top: 50%; margin-top: -40px; z-index: 99; background-color: #fff; border-radius: 50%; cursor: pointer; -webkit-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.1); -o-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.1); }
.icn-seta-e-c-2 { width: 30px; height: 30px; position: absolute; left: 50%; top: 50%; margin-left: -15px; margin-top: -15px; background: url('img/seta-e.png'); background-size: 30px; }
.icn-seta-d-c-2 { width: 30px; height: 30px; position: absolute; left: 50%; top: 50%; margin-left: -15px; margin-top: -15px; background: url('img/seta-d.png'); background-size: 30px; }

/*empreendimentos int*/
#view-cards-emp { width: 1000px; height: auto; position: relative; margin: auto; overflow: hidden; border-radius: 20px; padding-bottom: 40px !important; padding-left: 10px !important; }

/*card empreendimentos int*/
.item-card-empreendimento-int { width: 32% !important; height: 420px !important; position: relative; float: left; margin-left: 0.5%; margin-right: 0.5%; margin-bottom: 20px; border-radius: 20px; overflow: hidden; background-color: #000; overflow: hidden; }
.div-toolbar-slider-a h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 60px; font-weight: 800; font-size: 60px; color: #000000; }
#sessao-empreendimentos-int { width: 100%; height: auto; position: relative; float: left; margin-top: 90px; padding-bottom: 30px; background-color: #fff; }

/*Quem somos*/
#view-banner-quem-somos { width: 95%; height: auto; position: relative; margin: auto; }
#chamada-banner-quem-somos { width: 100%; height: 40px; position: absolute; top: 50%; margin-top: 330px; font-size: 32px; color: #fff; text-align: center; font-weight: 600; z-index: 90; }
#view-resumo-quem-somos { width: 95%; height: auto; position: relative; margin: auto; }
#view-premissas { width: 95%; height: auto; position: relative; margin: auto; }
.faixa-logo-gsa-corp-fix { margin-top: 140px !important; }

/*Inicio contato*/
#view-canais-atendimento { width: 95%; height: auto; position: relative; margin: auto; }
#conteudo-h-atendimento { width: 55%; height: auto; position: relative; float: left; margin-left: 30px; }
#conteudo-h-atendimento h2 { width: 100%; height: auto; position: relative; float: left; margin-top: -6px; font-size: 27px; color: #000; font-weight: 600; }
#conteudo-h-atendimento p { width: 100%; height: auto; position: relative; float: left; margin-top: -14px; font-size: 16px; color: #000; }
.titulo-int-canal-atendimento { width: 70%; height: auto; position: relative; float: left; margin-left: 10px; margin-top: -5px; color: #000; font-size: 27px; font-weight: 600; }
.resumo-canal-atendimento { width: 100%; height: auto; position: relative; float: left; margin-top: 9px; font-size: 16px; color: #000; }
#view-faixa-formulario { width: 95%; height: auto; position: relative; margin: auto; }
.div-conteudo-form { width: 50%; height: auto; position: relative; float: left; }
.form-contato-fix{margin-top: -30px;}


/*Inicio home blog*/
#view-nav-bar-blog { width: 95%; height: auto; position: relative; margin: auto; }
.conteudo-item-banner-post { width: 70%; height: 100%; position: absolute; left: 15%; margin-left: 0px; z-index: 130; }
.tags-post { width: 100%; height: auto; position: relative; float: left; margin-top: 40px; }
.conteudo-item-banner-post h3 { width: 70%; height: auto; position: relative; float: left; font-size: 22px; color: #ffff; }
.conteudo-item-banner-post p { width: 50%; height: auto; position: relative; float: left; font-size: 14px; color: #fff; font-weight: 300; margin-top: -13px; }

#view-lista-posts-home-blog { width: 95%; height: auto; position: relative; margin: auto; }
#div-lista-posts-home-blog { width: 100%; height: auto; position: relative; float: left; margin-top: 80px; }
.item-tag-post { width: auto; height: auto; position: relative; float: left; padding: 8px 20px; background-color: #fff; color: #000; border-radius: 20px; margin-right: 10px; font-size: 15px; }


/*Página de post*/
#conteudo-post { width: 100%; height: auto; position: relative; float: left; margin-top: 155px; }
#view-conteudo-post {width: 90%; height: auto; position: relative; margin: auto;}

#corpo-artigo{width:60%; height: auto; position: relative; float: left;}
#cover-post{width: 100%; height: auto; position: relative; float: left; border-radius: 20px; overflow: hidden;} 
#tag-cover-post { width: 90%; height: auto; position: absolute; bottom: 30px; padding-left: 20px; z-index: 99; }

#corpo-artigo h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 40px; margin-bottom: 0px; font-size: 30px; }
#corpo-artigo p { width: 100%; height: auto; position: relative; float: left; font-size: 18px; line-height: 26px; color: #78858c; font-weight: 300; }

.foto-corpo-artigo{width: 100%; height: auto; position: relative; float: left; margin-top: 20px; margin-bottom: 20px; overflow: hidden; border-radius: 20px;}

#data-post-int{width: 100%; height: auto; position: relative; float: left; margin-top: 30px;}
#icone-ictcor{width: 60px; height: 60px; position: relative; float: left; background-color:#f0f0f0; border-radius: 50%;}
#icone-ictcor-int{width: 40px; height: 40px; position: absolute; left: 50%; top: 50%; margin-left: -20px; margin-top: -20px; background: url(img/icone-ictcor.png); background-size: 40px;}
#legenda-icone-ictcor { width: 300px; height: auto; position: relative; float: left; margin-left: 9px; margin-top: 11px; font-size: 18px; line-height: 20px; opacity: 0.8; }

#artigos-sugeridos{width: 40%; height: auto; position: relative; float: left; padding-left: 80px;}
#artigos-sugeridos h4 { width: 100%; height: auto; position: relative; float: left; font-size: 32px;  font-weight: 400; margin-top: -10px; }

#artigos-recomendados{width: 100%; height: auto; position: relative; float: left; margin-top: 20px;}
#artigos-recomendados h3{width: 100%; height: auto; position: relative; float: left; margin-bottom: 40px; font-size: 25px;}

.item-post-recomendado{width:30%; height: auto; position: relative; float: left; margin-right: 1.5%;}
.cover-post-recomendado{width: 100%; height: auto; position: relative; float: left; border-radius: 20px; overflow: hidden;}
.tags-cover-post-recomendado{width: 90%; height: auto; position: absolute; bottom: 20px; padding-left: 20px; z-index: 99;}
.item-tag-post-recomendado{width: auto; height: auto; position: relative; float: left; padding: 8px 20px; background-color: #fff; color: #000; font-size: 14px; border-radius: 20px; margin-right: 10px;}
.item-post-recomendado h4{width: 90%; height: auto; position: relative; float: left; margin-top: 12px; font-size: 22px;}

.item-post-recomendado:hover h4{color: #000;}
.post-destaque-txt { width: 70%; height: auto; position: relative; float: left; font-size: 15px; color: #78858c; text-align: left; }

.item-post-recomendado { width: 31%; height: auto; position: relative; float: left; margin-right: 1.5%; }
.item-tag-post-recomendado { width: auto; height: auto; position: relative; float: left; padding: 5px 13px; background-color: #fff; color: #000; font-size: 12px; border-radius: 20px; margin-right: 10px; }




}


@media only screen  
and (min-width:750px) 
and (max-width:1200px) {

.desktop{display: none;}
.tablet{display: block !important;}
.mobile{display: none;}  

#janela-player-video { width: 720px; height: 405px; position: fixed; left: 50%; top: 550%; margin-left: -360px; margin-top: -207px; z-index: 9999; background-color: #fff; border-radius: 20px; box-shadow: 0px 0px 15px -3px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 0px 15px -3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 15px -3px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0px 0px 15px -3px rgba(0, 0, 0, 0.1); -o-box-shadow: 0px 0px 15px -3px rgba(0, 0, 0, 0.1); overflow: hidden; opacity: 0; transition: top 0.6s ease, opacity 0.6s ease; }
#logo-horizontal-diferenciais { display:none; }

/*inicio menu mobile*/
#menu-mobile-out { width: 100%; height: 0%; position: fixed; overflow: hidden; z-index: 99999; background-color: rgba(255, 255, 255, 0.9);  opacity: 0; transition:opacity 0.4s ease;}
#menu-mobile{width: 350px; height: 100%; position: fixed; border-radius: 20px 0px 0px 20px; right: -140%; background-color: #fff; z-index: 9999;   -webkit-box-shadow: 0px -2px 26px -3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px -2px 26px -3px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0px -2px 26px -3px rgba(0, 0, 0, 0.1); -o-box-shadow: 0px -2px 26px -3px rgba(0, 0, 0, 0.1); box-shadow: 0px -2px 26px -3px rgba(0, 0, 0, 0.1);  transition: right 0.4s ease;}

#toolbar-menu-mobile{width: 100%; height: auto; position: relative; float: left; margin-top: 30px; padding: 0px 30px;}
#logo-menu-mobile{width:120px; height: auto; position: relative; float: left;}
#fechar-menu-mobile{width:40px; height:40px; position: relative; margin-top: -10px; float: right; cursor: pointer;}

#box-itens-menu{width: 100%; height: auto; position: relative; float: left; margin-top: 20px; padding: 0px 30px;}
.item-menu-mobile{width: 100%; height: auto; position: relative; float: left; padding: 10px 20px; margin-top: 5px; margin-bottom: 10px; cursor: pointer; border-radius: 20px;}
.item-menu-mobile:hover{background-color: #F4F4F4;}
.txt-menu-mobile{width: auto; height: auto; position: relative; float: left; font-size: 16px; color: #000; }
.arrow-menu-mobile{width: 20px; height: 20px; position: relative; float: right; margin-top: -2px;}

#cta-menu-mobile { width:40px; height:40px; position: absolute; right: 20px; top: 50%; margin-top: 25px; z-index: 90; background: url('img/menu-burger.png'); background-size:40px; cursor: pointer;}

#view-menu-fixo { width: 95%; height: auto; position: relative; margin: auto; z-index: 10; }
#logo-menu { width: 136px; height: 31px; position: relative; float: left; margin-top: 32px; background: url('img/logo-menu-gsa.png'); background-size: 136px; background-repeat: no-repeat; }
#itens-menu-fixo { width: 520px; height: auto; position: relative; float: left; margin-left: 20px; margin-top: 9px; display: none; }
.item-menu-fixo { width: auto; height: auto; position: relative; float: left; padding: 20px 11px; color: #000; font-size: 14px; font-weight: 500; cursor: pointer; }
#box-ctas-menu { width: 460px; height: 90px; position: relative; float: right; top: 0px; background-color: #293139; }
.item-btn-banner { width: 60px; height: 60px; position: absolute; top: 50%; margin-top: -54px; z-index: 99; background-color: #fff; border-radius: 50%; cursor: pointer; }
.icn-seta-e { width: 30px; height: 30px; position: absolute; left: 50%; top: 50%; margin-left: -15px; margin-top: -15px; background: url('img/seta-e.png'); background-size: 30px; }
.icn-seta-d { width: 30px; height: 30px; position: absolute; left: 50%; top: 50%; margin-left: -15px; margin-top: -15px; background: url('img/seta-d.png'); background-size: 30px; }

.btn-e:hover .icn-seta-e{background: url('img/seta-e-h.png'); background-size: 30px;}
.btn-d:hover .icn-seta-d{background: url('img/seta-d-h.png'); background-size: 30px;}

#view-sessao-empreendimentos { width: 95%; height: 100%; position: relative; margin: auto; }
.div-toolbar-slider-a { width: 100%; height: auto; position: relative; float: left; }
.div-toolbar-slider-a h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 50px; font-weight: 800; font-size: 40px; color: #000000; }
.div-toolbar-slider-a p { width: 90%; height: auto; position: relative; float: left; margin-top: -10px; font-size: 17px; color: #000; }
.div-toolbar-slider-b { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; }
.box-filtros-cards-empreendimentos { width: 100%; height: auto; position: relative; float: left; }
.item-filtro { width: auto; height: auto; position: relative; float: left; font-size: 14px; margin-right: 10px; padding: 8px 20px; border-radius: 30px; cursor: pointer; border: 1px solid #314354; }
#view-cards-sliders { width: 100%; height: auto; position: relative; margin: auto; overflow: hidden; border-radius: 20px; padding-bottom: 40px !important; padding-left: 0px !important; }
.item-btn-cards-empreendimentos { width: 60px; height: 60px; position: absolute; top: 50%; margin-top: -80px; z-index: 99; background-color: #fff; border-radius: 50%; cursor: pointer; -webkit-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.1); -o-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.1); }
#legenda-cta-empreendimentos { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; font-size: 20px; color: #314354; text-align: center; padding: 0px 140px; }
#legenda-cta-banner-video-int { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; text-align: center; font-size: 15px; color: #fff; padding: 0px 450px; }

/*Inicio blog home*/
#view-cards-blog-sliders { width: 100%; height: auto; position: relative; margin: auto; overflow: hidden; border-radius: 20px; padding-bottom: 40px !important; padding-left: 5px !important; }
#div-blog-home-pg { width: 100%; height: auto; position: relative; float: left; padding-bottom: 50px; overflow: hidden; }
#view-blog-home-pg { width: 95%; height: auto; position: relative; margin: auto; z-index: 20; }
#sub-chamada-blog-home { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; font-size: 20px; color: #000; text-align: center; padding: 0px 160px; }
.tag-card-blog { width: auto; height: auto; position: absolute; left: 20px; bottom: 20px; z-index: 99; background-color: #314354; color: #fff; border-radius: 20px; padding: 6px 15px; font-size: 14px; }
.txt-blog-card h3 { width: 100%; height: auto; position: relative; float: left; font-size: 18px; color: #000; font-weight: 500; }
.txt-blog-card p { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; font-size: 12px; color: #000; font-weight: 300; }

/*controles cards blog*/
.item-btn-cards-blog { width: 60px; height: 60px; position: absolute; top: 50%; margin-top: -150px; z-index: 99; background-color: #fff; border-radius: 50%; cursor: pointer; -webkit-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.1); -o-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.1); }
/*Inicio rodapé*/
#sessao-rodape { width: 100%; height: auto; position: relative; float: left; overflow: hidden; padding-bottom: 150px; }
#view-rodape { width: 95%; height: auto; position: relative; margin: auto; }
#faixa-contatos-rodape {
        width: 100%;
        height: auto;
        position: relative;
        float: left;
        margin-left: 0px;
        margin-top: 170px;
        padding: 0px 0px 0px 70px;
    
    }

/*item contato rodape*/
.item-contato-rodape {
        width: 33%;
        height: auto;
        position: relative;
        float: left;
        border-radius: 10px;
        padding: 20px 10px 10px 15px;
        cursor: pointer;
    
    }

/*faixa itens de navegação rodapé*/
#faixa-navegacao-rodape {
        width: 100%;
        height: auto;
        position: relative;
        float: left;
        margin-top: 40px;
        padding: 0px 0px 0px 90px;
    
    }
.icn-seta-e-c { width: 30px; height: 30px; position: absolute; left: 50%; top: 50%; margin-left: -15px; margin-top: -15px; background: url('img/seta-e.png'); background-size: 30px; }
.icn-seta-d-c { width: 30px; height: 30px; position: absolute; left: 50%; top: 50%; margin-left: -15px; margin-top: -15px; background: url('img/seta-d.png'); background-size: 30px; }

.btn-e-c:hover .icn-seta-e-c{background: url('img/seta-e-h.png'); background-size: 30px;} 
.btn-d-c:hover .icn-seta-d-c{background: url('img/seta-d-h.png'); background-size: 30px;} 

/*Inicio página de contato*/
#view-banner-quem-somos { width: 95%; height: auto; position: relative; margin: auto; }
#banner-quem-somos-int { width: 100%; height: auto; position: relative; float: left; margin-top: 60px; overflow: hidden; border-radius: 30px; }
#chamada-banner-quem-somos { width: 100%; height: 40px; position: absolute; top: 50%; margin-top: 190px; font-size: 32px; color: #fff; text-align: center; font-weight: 600; z-index: 90; }
#faixa-canais-atendimento { width: 100%; height: auto; position: relative; float: left; margin-top: 80px; padding-bottom: 30px; }
#view-canais-atendimento { width: 95%; height: auto; position: relative; margin: auto; }
.item-canal-atendimento { width: 100%; height: auto; position: relative; float: left; margin-bottom: 50px; }
#ornamento-atendimento { width: auto; height: 100%; position: relative; float: left; margin-right: 30px; margin-bottom: 30px; }
#conteudo-h-atendimento { width: 75%; height: auto; position: relative; float: left; margin-left: 0px; margin-top: 0px; }
#conteudo-h-atendimento h2 { width: 100%; height: auto; position: relative; float: left; margin-top: -8px; font-size: 34px; margin-bottom: 10px; color: #000; font-weight: 600; }
#conteudo-h-atendimento p { width: 100%; height: auto; position: relative; float: left; margin-top: -5px; font-size: 18px; color: #000; }
#faixa-formulario { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; padding-bottom: 140px; }
#view-faixa-formulario { width: 95%; height: auto; position: relative; margin: auto; padding: 0px 10px; }


/*Página interna empreendimento*/
#box-formulario-topo { width: 380px; height: 460px; position: absolute; right: 50%; margin-right: -190px; top: -140px; background-color: #fff; border-radius: 20px; z-index: 99; padding: 20px 40px; border: 1px solid #000; }
#conteudo-txt-banner-emp-int { width: 100%; height: 200px; position: absolute; top: 50%; margin-top: -100px; }
#conteudo-txt-banner-emp-int h3 { width: 100%; height: auto; position: relative; float: left; font-size: 40px; color: #fff; text-align: center; font-weight: 600; }
#conteudo-txt-banner-emp-int p { width: 100%; height: auto; position: relative; float: left; text-align: center; margin-top: -10px; font-size: 20px; color: #fff; font-weight: 300; padding: 0px 100px; }
#view-sub-menu { width: 95%; height: auto; position: relative; margin: auto; }
#logo-vertical-sub-menu { width: 100px; height: 140px; position: relative; float: left; margin-top: -10px; border-radius: 10px 20px 20px 20px; }
#view-itens-sub-menu { width: 70%; height: auto; position: relative; float: left; margin-left: 0px; }
#view-itens-sub-menu ul li { width: auto; height: auto; position: relative; float: left; font-size: 16px; color: #fff; margin-top: 2px; margin-right: 16px; cursor: pointer; font-weight: 300; opacity: 0.8; display: none; }
#cta-sub-menu { width: auto; height: auto; position: relative; float: right; margin-right: 11px; margin-top: -8px; padding: 8px 20px; background-color: #fff; color: #000; border-radius: 20px; cursor: pointer; }
#view-conteudo-banner-emp { width: 95%; height: auto; position: relative; margin: auto; }
#div-sobre-empreendimento { width: 100%; height: auto; position: relative; float: left; padding-bottom: 90px; }
#view-sobre-empreendimento { width: 95%; height: auto; position: relative; margin: auto; }
#conteudo-resumo-empreendimento { width: 100%; height: auto; position: relative; float: left; margin-top: 380px; }
.div-conteudo-resumo-empreendimento { width: 100%; height: auto; position: relative; float: left; }
#resumo-emp-int { width: 100%; height: auto; position: relative; float: left; padding-left: 20px; margin-top: 14px; }
#resumo-emp-int p { width: 100%; height: auto; position: relative; float: left; color: #000; font-size: 18px; }
#view-detalhes-empreendimentos { width: 100%; height: auto; position: relative; margin: auto; }
.item-galeria-emp { width: 60px; height: 60px; position: absolute; top: 50%; margin-top: -38px; z-index: 99; background-color: #fff; border-radius: 50%; cursor: pointer; -webkit-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.1); -o-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.1); }

/*Inicio diferênciais*/
#sessao-diferenciais { width: 100%; height: auto; position: relative; float: left; margin-top: -30px; }
#view-diferenciais { width: 95%; height: auto; position: relative; margin: auto; }
#resumo-diferenciais { width: 100%; height: auto; position: relative; float: left; margin-top: 90px; }
#ornamento-headline-diferenciais { width: auto; height: 100px; position: relative; float: left; display: none; }
#txt-headline-empreendimento-int { width: 80%; height: auto; position: relative; float: left; margin-top: -7px; padding-left: 20px; color: #000; font-size: 18px; }
#view-localizacao-empreendimento { width: 95%; height: auto; position: relative; margin: auto; }
#box-loc-mapa-int { width: 100%; height: 350px; position: relative; margin: auto; border-radius: 20px; overflow: hidden; background-color: #F5F0E5; }
#div-andamento-da-obra { width: 100%; height: auto; position: relative; float: left; background-color: #F0591C; padding-bottom: 50px; }
#view-andamento-da-obra { width: 95%; height: auto; position: relative; margin: auto; }
#resumo-andamento-obra { width: 100%; height: auto; position: relative; float: left; margin-top: 70px; }
#ornamento-headline-andamento-obra { width: auto; height: 100px; position: relative; float: left; display: none; }
#titulo-andamento-obra { width: 50%; height: auto; position: relative; float: left; margin-bottom: 20px; margin-right: 500px; margin-left: 20px; font-size: 30px; color: #fff; font-weight: 400; }
#txt-headline-andamento-obra-int { width: 69%; height: auto; position: relative; float: left; margin-top: -20px; padding-left: 19px; color: #fff; font-size: 18px; }
#view-galeria-fotos-obra { width: 95%; height: auto; position: relative; margin: auto; }
.item-botao-galeria-obra-2 { width: auto; height: auto; position: relative; float: left; margin-right: 10px; margin-bottom: 15px; padding: 5px 25px; text-align: center; color: #000; border: 1px solid #000; border-radius: 20px; cursor: pointer; }

.item-galeria-emp-btn { width: 60px; height: 60px; position: absolute; top: 50%; margin-top: -40px; z-index: 99; background-color: #fff; border-radius: 50%; cursor: pointer; -webkit-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.1); -o-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.1); }
.icn-seta-e-c-2 { width: 30px; height: 30px; position: absolute; left: 50%; top: 50%; margin-left: -15px; margin-top: -15px; background: url('img/seta-e.png'); background-size: 30px; }
.icn-seta-d-c-2 { width: 30px; height: 30px; position: absolute; left: 50%; top: 50%; margin-left: -15px; margin-top: -15px; background: url('img/seta-d.png'); background-size: 30px; }

.btn-e-c-2:hover .icn-seta-e-c-2{background: url('img/seta-e-h.png'); background-size: 30px;} 
.btn-d-c-2:hover .icn-seta-d-c-2 { background: url('img/seta-d-h.png'); background-size: 30px; }

#txt-headline-empreendimento-int-b { width: 70%; height: auto; position: relative; float: left; margin-top: -20px; padding-left: 20px; color: #000; font-size: 18px; }


/*Inicio página quem somos*/
#resumo-quem-somos { width: 100%; height: auto; position: relative; float: left; margin-top: 80px; }
#view-resumo-quem-somos { width: 91%; height: auto; position: relative; margin: auto; }
.div-conteudo-quem-somos { width: 100%; height: auto; position: relative; float: left; }
.div-conteudo-quem-somos p { width: 100%; height: auto; position: relative; float: left; margin-top: 33px; margin-bottom: -10px; font-size: 18px; color: #000; }
#conteudo-headline-quem-somos { width: 60%; height: auto; position: relative; float: left; margin-top: -8px; margin-left: 30px; font-size: 18px; color: #000; }
#view-premissas { width: 91%; height: auto; position: relative; margin: auto; }
.item-premissa { width: 50%; height: 180px; position: relative; float: left; padding-right: 20px; }

#div-video-institucional-home { width: 100%; height: 770px; position: relative; float: left; overflow: hidden; margin-top: 80px; background: url('img/bg-institucional.png'); background-size: cover; }

/*Inicio página de empreendimentos*/
#faixa-cards-emprendimentos { width: 100%; height: auto; position: relative; float: left; margin-top: 40px; margin-bottom: -70px; }
#view-cards-emp { width: 100%; height: auto; position: relative; margin: auto; overflow: hidden; border-radius: 20px; padding-bottom: 40px !important; padding-left: 0px !important; }

/*card empreendimentos int*/
.item-card-empreendimento-int { width: 49% !important; height: 480px !important; position: relative; float: left; margin-left: 0.5%; margin-right: 0.5%; margin-bottom: 20px; border-radius: 20px; overflow: hidden; background-color: #000; overflow: hidden; }

/*filtros int*/
.item-filtro-int { width: auto; height: auto; position: relative; float: left; font-size: 14px; margin-right: 10px; padding: 8px 20px; border-radius: 30px; cursor: pointer; border: 1px solid #314354; }

/*Inicio home blog*/
#nav-bar-blog { width: 100%; height: 47px; position: fixed; top: 90px; background-color: #fff; z-index: 999; -webkit-box-shadow: 0px -18px 72px -17px rgba(0, 0, 0, 0.19); -moz-box-shadow: 0px -18px 72px -17px rgba(0, 0, 0, 0.19); -o-box-shadow: 0px -18px 72px -17px rgba(0, 0, 0, 0.19); -ms-box-shadow: 0px -18px 72px -17px rgba(0, 0, 0, 0.19); box-shadow: 0px -18px 72px -17px rgba(0, 0, 0, 0.19); border-top: 1px solid #eeeeee; }
#logo-blog-ictcor { width: 115px; height: 25px; position: relative; float: left; margin-top: 9px; background: url(img/logo-blog-ictcor.png); background-size: 115px; background-repeat: no-repeat; }
#div-itens-menu-blog-nav-bar { width: 74%; height: 25px; position: relative; float: left; margin-left: 10px; margin-top: 18px; overflow: hidden; }
#div-controles-menu-blog { width: 150px; height: auto; position: absolute; right: 0px; top: 12px; background-color: #fff; z-index: 10; display: none; }


#view-nav-bar-blog { width: 95%; height: auto; position: relative; margin: auto; }
#banner-post { width: 100%; height: auto; position: relative; float: left; margin-top: 146px; background-color: #dadadada; overflow: hidden; }
.controle-blog { z-index: 9999; display: none; }

.conteudo-item-banner-post { width: 90%; height: 100%; position: absolute; left: 5%; margin-left: 0px; z-index: 130; margin-top: -165px; }
.tags-post { width: 100%; height: auto; position: relative; float: left; margin-top: 5%; display: none;}
.conteudo-item-banner-post h3 { width: 50%; height: auto; position: relative; float: left; font-size: 19px; color: #ffff; margin-top: 79px; }
.conteudo-item-banner-post p { width: 72%; height: auto; position: relative; float: left; font-size: 14px; color: #fff; font-weight: 300; margin-top: -13px; }
#view-lista-posts-home-blog { width: 95%; height: auto; position: relative; margin: auto; }
#div-lista-posts-home-blog { width: 100%; height: auto; position: relative; float: left; margin-top: 80px; }
.item-tag-post { width: auto; height: auto; position: relative; float: left; padding: 8px 20px; background-color: #fff; color: #000; border-radius: 20px; margin-right: 10px; font-size: 15px; }


#div-posts-listagem-e { width: 50%; height: auto; position: relative; float: left; }
.card-post-listagem-home { width: 100%; height: auto; position: relative; float: left; margin-bottom: 60px; border-radius: 20px; }
.card-post-listagem-home h4 { width: 100%; height: auto; position: relative; float: left; margin-top: 27px; font-size: 19px; line-height: 26px; color: #000; }
.card-post-listagem-home p { width: 98%; height: auto; position: relative; float: left; margin-top: -4px; font-size: 14px; color: #000; }
.data-post-listagem { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; color: #000; font-size: 14px; font-weight: 400; }
#cta-mais-posts-listagem-int { width: auto; height: auto; position: relative; float: left; padding: 10px 20px; color: #fff;  border-radius: 80px; font-size: 17px; cursor: pointer; }
#div-posts-listagem-d { width: 50%; height: auto; position: relative; float: left; padding-left: 80px; }
#div-posts-listagem-d h4 { width: 100%; height: auto; position: relative; float: left; font-size: 24px; color:#000000; font-weight: 400; margin-top: -10px; }
.post-destaque-txt { width: 60%; height: auto; position: relative; float: left; font-size: 14px; color: #78858c; text-align: left; }
.post-destaque-txt { width: 60%; height: auto; position: relative; float: left; font-size: 14px; color: #78858c; text-align: left; }
.cover-post-destaque { width: 33%; height: auto; position: relative; float: right; }
.cover-post-desraque-int { width: 100%; height: auto; position: relative; float: left; border-radius: 17px; overflow: hidden; }
.item-btn-banner-blog { width: 80px; height: 80px; position: absolute; top: 50%; margin-top: -40px; z-index: 99; background-color: #fff; border-radius: 50%; cursor: pointer; display: none; }


/*Inicio página de post blog*/
#conteudo-post { width: 100%; height: auto; position: relative; float: left; margin-top: 157px; }
#view-conteudo-post { width: 100%; height: auto; position: relative; margin: auto; }
#corpo-artigo { width: 100%; height: auto; position: relative; float: left; padding: 0px 20px; }
#cover-post { width: 100%; height: auto; position: relative; float: left; border-radius: 10px; overflow: hidden; }
#tag-cover-post { width: 90%; height: auto; position: absolute; bottom: 19px; padding-left: 10px; z-index: 99; }
.item-tag-post { width: auto; height: auto; position: relative; float: left; padding: 8px 9px; background-color: #fff; color: #000; border-radius: 20px; margin-right: 7px; font-size: 12px; }
#corpo-artigo h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 21px; margin-bottom: 0px; font-size: 20px; }
#corpo-artigo p { width: 100%; height: auto; position: relative; float: left; font-size: 14px; line-height: 26px; color: #78858c; font-weight: 300; }
.foto-corpo-artigo { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; margin-bottom: 20px; overflow: hidden; border-radius: 10px; }
#data-post-int { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; }
#legenda-icone-ictcor { width: 260px; height: auto; position: relative; float: left; margin-left: 9px; margin-top: 11px; font-size: 16px; line-height: 20px; opacity: 0.8; }
#artigos-sugeridos { width: 100%; height: auto; position: relative; float: left; padding-left: 20px; padding-right: 20px; margin-top: 40px; }
#artigos-sugeridos h4 { width: 100%; height: auto; position: relative; float: left; font-size: 22px; color: #000; font-weight: 400; margin-top: -10px; }
#artigos-recomendados { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; padding: 0px 20px; }
#artigos-recomendados h3 { width: 100%; height: auto; position: relative; float: left; margin-bottom: 40px; font-size: 23px; color: #000; }
.item-post-recomendado { width: 100%; height: auto; position: relative; float: left; margin-right: 1.5%; margin-bottom: 20px; }
.cover-post-recomendado { width: 100%; height: auto; position: relative; float: left; border-radius: 10px; overflow: hidden; }
.item-post-recomendado h4 { width: 90%; height: auto; position: relative; float: left; margin-top: 12px; font-size: 17px; }
.item-tag-post-recomendado { width: auto; height: auto; position: relative; float: left; padding: 6px 12px; background-color: #fff; color: #000; font-size: 12px; border-radius: 20px; margin-right: 10px; }
.sl-navigation{display: none !important;}




}


@media only screen  
and (min-width:400px) 
and (max-width:750px) {

.desktop{display: none;}
.tablet{display: none;}
.mobile{display: block;}

#logo-horizontal-diferenciais { display:none; }

.fix-cta-player-home{margin-top: -65px !important;}
.fix-cta-player-int{margin-top: -35px !important;}

#janela-player-video { width: 350px; height: 196px; position: fixed; left: 50%; top: 550%; margin-left: -175px; margin-top: -127px; z-index: 9999; background-color: #fff; border-radius: 20px; box-shadow: 0px 0px 15px -3px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 0px 15px -3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 15px -3px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0px 0px 15px -3px rgba(0, 0, 0, 0.1); -o-box-shadow: 0px 0px 15px -3px rgba(0, 0, 0, 0.1); overflow: hidden; opacity: 0; transition: top 0.6s ease, opacity 0.6s ease; }

#cta-fechar-formulario { width: 40px; height: 40px; position: absolute; right: 15px; top: 15px; background-color: #000; z-index: 999; border-radius: 100%; cursor: pointer; cursor: pointer; }
#chamada-formulario-janela { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; margin-bottom: -35px; color: #000; font-size: 17px; line-height: 25px; text-align: center; padding: 0px 20px; }
#janela-formulario-contato { width: 350px; height: 570px; position: fixed; left: 50%; top: 650%; margin-left: -175px; margin-top: -290px; background-color: #fff; border-radius: 20px; z-index: 9999; box-shadow: 0px 0px 15px -3px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 0px 15px -3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 15px -3px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0px 0px 15px -3px rgba(0, 0, 0, 0.1); -o-box-shadow: 0px 0px 15px -3px rgba(0, 0, 0, 0.1); opacity: 0; transition: top 0.5s ease, opacity 0.5s ease; }
#janela-formulario-ligamos { width: 350px; height: 460px; position: fixed; left: 50%; top: 650%; margin-left: -175px; margin-top: -220px; background-color: #fff; border-radius: 20px; z-index: 9999; box-shadow: 0px 0px 15px -3px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 0px 15px -3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 15px -3px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0px 0px 15px -3px rgba(0, 0, 0, 0.1); -o-box-shadow: 0px 0px 15px -3px rgba(0, 0, 0, 0.1); opacity: 0; transition: top 0.5s ease, opacity 0.5s ease; }
#cta-fechar-formulario-ligamos{ width: 40px; height: 40px; position: absolute; right: 15px; top: 15px; background-color: #000; z-index: 999; border-radius: 100%; cursor: pointer; cursor: pointer; }

#logo-form { width: 100%; height: auto; position: relative; float: left; margin-top: 27px; }
#logo-form-ligamos { width: 100%; height: auto; position: relative; float: left; margin-top: 27px; }
#chamada-formulario-janela-ligamos { width: 100%; height: auto; position: relative; float: left; margin-top: 12px; margin-bottom: -15px; color: #000; font-size: 18px; line-height: 25px; text-align: center; padding: 0px 20px; }

/*inicio menu mobile*/
#menu-mobile-out { width: 100%; height: 0%; position: fixed; overflow: hidden; z-index: 99999; background-color: rgba(255, 255, 255, 0.9);  opacity: 0; transition:opacity 0.4s ease;}
#menu-mobile{width: 350px; height: 100%; position: fixed; border-radius: 20px 0px 0px 20px; right: -140%; background-color: #fff; z-index: 9999;   -webkit-box-shadow: 0px -2px 26px -3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px -2px 26px -3px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0px -2px 26px -3px rgba(0, 0, 0, 0.1); -o-box-shadow: 0px -2px 26px -3px rgba(0, 0, 0, 0.1); box-shadow: 0px -2px 26px -3px rgba(0, 0, 0, 0.1);  transition: right 0.4s ease;}

#toolbar-menu-mobile{width: 100%; height: auto; position: relative; float: left; margin-top: 30px; padding: 0px 30px;}
#logo-menu-mobile{width:120px; height: auto; position: relative; float: left;}
#fechar-menu-mobile{width:40px; height:40px; position: relative; margin-top: -10px; float: right; cursor: pointer;}

#box-itens-menu{width: 100%; height: auto; position: relative; float: left; margin-top: 20px; padding: 0px 30px;}
.item-menu-mobile{width: 100%; height: auto; position: relative; float: left; padding: 10px 20px; margin-top: 5px; margin-bottom: 10px; cursor: pointer; border-radius: 20px;}
.item-menu-mobile:hover{background-color: #F4F4F4;}
.txt-menu-mobile{width: auto; height: auto; position: relative; float: left; font-size: 16px; color: #000; }
.arrow-menu-mobile{width: 20px; height: 20px; position: relative; float: right; margin-top: -2px;}
#cta-menu-mobile { width: 40px; height: 40px; position: absolute; right: 20px; top: 50%; margin-top: 16px; z-index: 90; background: url('img/menu-burger.png'); background-size: 40px; cursor: pointer; }

.ornamento-menu-mobile { width: 50px; height: 50px; position: absolute; right: 89px; top: 50%; margin-top: -24px; background-color: #fff; border-radius: 50%; z-index: 99; }
#cta-menu-mobile { width: 40px; height: 40px; position: absolute; right: 20px; top: 50%; margin-top: 15px; z-index: 90; background: url('img/menu-burger.png'); background-size: 40px; cursor: pointer; }

/*Inicio home*/
#menu-fixo { width: 100%; height: 70px; position: fixed; background-color: #fff; -webkit-box-shadow: 0px -2px 26px -3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px -2px 26px -3px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0px -2px 26px -3px rgba(0, 0, 0, 0.1); -o-box-shadow: 0px -2px 26px -3px rgba(0, 0, 0, 0.1); box-shadow: 0px -2px 26px -3px rgba(0, 0, 0, 0.1); overflow: hidden; z-index: 999; }
#view-menu-fixo { width: 95%; height: auto; position: relative; margin: auto; z-index: 10; }
#logo-menu { width: 110px; height: 26px; position: relative; float: left; margin-top: 26px; margin-left: 10px; background: url('img/logo-menu-gsa.png'); background-size: 110px; background-repeat: no-repeat; }
#itens-menu-fixo { width: 800px; height: auto; position: relative; float: left; margin-left: 20px; margin-top: 9px; display: none; }
#box-ctas-menu { width: 380px; height: 90px; position: relative; float: right; top: 0px; background-color: #293139; display: none; }
#bg-box-cta { width: 2000px; height: 90px; position: absolute; top: 0px; right: -1906px; background-color: #293139; }
#div-banner-gsa { width: 100%; height: auto; position: relative; float: left; margin-top: 69px; background-color: #dadada; }
.item-btn-banner { width: 50px; height: 50px; position: absolute; top: 50%; margin-top: -35px; z-index: 99; background-color: #fff; border-radius: 50%; cursor: pointer; display: none;}
.btn-e { left: 20px; }
.btn-d { right: 20px; }
.icn-seta-e { width: 30px; height: 30px; position: absolute; left: 50%; top: 50%; margin-left: -15px; margin-top: -15px; background: url('img/seta-e.png'); background-size: 30px; }
.icn-seta-d { width: 30px; height: 30px; position: absolute; left: 50%; top: 50%; margin-left: -15px; margin-top: -15px; background: url('img/seta-d.png'); background-size: 30px; }
#view-sessao-empreendimentos { width: 100%; height: 100%; position: relative; margin: auto; }
#toolbar-slider-empreendimentos { width: 100%; height: auto; position: relative; float: left; padding: 0px 20px; }
.div-toolbar-slider-a { width: 100%; height: auto; position: relative; float: left; }
.div-toolbar-slider-a h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 50px; font-weight: 800; font-size: 30px; color: #000000; text-align: center; }
.div-toolbar-slider-a p { width: 100%; height: auto; position: relative; float: left; margin-top: -18px; font-size: 16px; text-align: center; padding: 0px 10px; color: #000; }
.div-toolbar-slider-b { width: 100%; height: auto; position: relative; float: left; margin-top: 11px; }
.box-filtros-cards-empreendimentos { width: 100%; height: auto; position: relative; float: right; }
.item-filtro { width: auto; height: auto; position: relative; float: left; font-size: 12px; margin-right: 5px; padding: 8px 15px; border-radius: 30px; cursor: pointer; border: 1px solid #314354; }
#faixa-slider-cards-emprendimentos { width: 100%; height: auto; position: relative; float: left; margin-top: 49px; }
#view-cards-sliders { width: 100%; height: auto; position: relative; margin: auto; overflow: hidden; border-radius: 0px; padding-bottom: 40px !important; padding-left: 10px !important; }
.item-btn-cards-empreendimentos { width: 40px; height: 40px; position: absolute; top: 50%; margin-top: -35px; z-index: 99; background-color: #fff; border-radius: 50%; cursor: pointer; -webkit-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.1); -o-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.1); display: none; }

/*faixa cta empreendimentos*/
#faixa-cta-empreendimentos { width: 100%; height: auto; position: relative; float: left; margin-top: -18px; }
#cta-empreendimentos-tds { width: 290px; height: auto; position: relative; margin: auto; padding: 15px 0px; text-align: center; font-size: 17px; color: #fff; background-color: #314354; border-radius: 50px; cursor: pointer; }
#legenda-cta-empreendimentos { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; font-size: 15px; color: #314354; text-align: center; padding: 0px 20px; }
#div-video-institucional-home { width: 100%; height: 580px; position: relative; float: left; overflow: hidden; margin-top: 25px; background: url('img/bg-institucional.png'); background-size: cover; }
#sombra-topo { width: 910px; height: 360px; position: absolute; top: -440px; left: -80%; background-color: #293139; opacity: 0.98; -webkit-filter: blur(50px); -moz-filter: blur(50px); -o-filter: blur(50px); -ms-filter: blur(50px); filter: blur(50px); z-index: 10; display: none; }
#sombra-bottom { width: 200%; height: 300px; position: absolute; bottom: -250px; left: -50%; background-color: #293139; opacity: 0.98; -webkit-filter: blur(50px); -moz-filter: blur(50px); -o-filter: blur(50px); -ms-filter: blur(50px); filter: blur(50px); z-index: 10; }
#conteudo-div-institucional-home { width: 350px; height: 1000px; position: absolute; left: 50%; margin-left: -175px; z-index: 20; }
#faixa-logo-video { width: 210px; height: 48px; position: relative; margin: auto; margin-top: 60px; background: url('img/logo-video-institucional.png'); background-size: 210px; background-repeat: no-repeat; }
#faixa-logo-video-legenda { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; font-size: 18px; color: #fff; text-align: center; font-weight: 300; padding: 0px 50px; }
#ornamento-int-vide-int { width: 120px; height: 58px; position: relative; margin: auto; background: url('img/ornamento-video-institucional.png'); background-size: 120px; }
#cta-play-video { width: 100%; height: 110px; position: absolute; top: 50%; margin-top: 5px; cursor: pointer; }
#play-video-int { width: 50px; height: 50px; position: relative; margin: auto; background: url('img/play-video.png'); background-size: 50px; }
#legenda-play-video { width: 100%; height: auto; position: relative; float: left; margin-top: 4px; font-size: 18px; color: #fff; text-align: center; font-weight: 300; }
#ornamento-blog-home { width: 350px; height: 178px; position: absolute; left: 50%; margin-left: -175px; background: url('img/ornamento-blog-home.png'); background-size: 350px; background-repeat: no-repeat; }
#view-blog-home-pg { width: 100%; height: auto; position: relative; margin: auto; z-index: 20; }
#chamada-blog-home { width: 100%; height: auto; position: relative; float: left; margin-top: 30px; font-size: 40px; font-weight: 500; color: #000; text-align: center; }
#logo-chamada-home { width: 140px; height: 34px; position: relative; margin: auto; background: url('img/logo-gsa-blog.png'); background-size: 140px; background-repeat: no-repeat; }
#sub-chamada-blog-home { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; font-size: 17px; color: #000; text-align: center; padding: 0px 20px; }
#cta-blog-home { width: 160px; height: auto; position: relative; margin: auto; padding: 13px 0px; text-align: center; font-size: 17px; color: #fff; background-color: #314354; border-radius: 50px; cursor: pointer; }
#faixa-slider-blog { width: 100%; height: auto; position: relative; float: left; margin-top: 40px; }
#view-cards-blog-sliders { width: 100%; height: auto; position: relative; margin: auto; overflow: hidden; border-radius: 0px; padding-bottom: 40px !important; padding-left: 29px !important; }

/*controles cards blog*/
.item-btn-cards-blog { width: 80px; height: 80px; position: absolute; top: 50%; margin-top: -40px; z-index: 99; background-color: #fff; border-radius: 50%; cursor: pointer; padding: 0px 40px; -webkit-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.1); -o-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.1); display: none; }

/*Inicio rodapé*/
#sessao-rodape { width: 100%; height: auto; position: relative; float: left; padding-bottom: 50px; }
#view-rodape { width: 95%; height: auto; position: relative; margin: auto; }
#faixa-contatos-rodape { width: 100%; height: auto; position: relative; float: left; margin-top: 40px; padding: 0px 0px; }

/*item contato rodape*/
.item-contato-rodape { width: 50%; height: 90px; position: relative; float: left; border-radius: 10px; padding: 20px 10px 10px 15px; cursor: pointer; }
.icn-contato-rodape { width: 20px; height: 20px; position: relative; float: left; }
.icn-tel-rodape { background: url('img/tell-rodape-icn.png'); background-size: 20px; }
.icn-wpp-rodape { background: url('img/icn-wpp-r-contato.png'); background-size: 20px; }
.icn-ligamos-rodape { background: url('img/ligamos-icn-rodape.png'); background-size: 20px; }
.icn-email-rodape { background: url('img/email-icn-rodape.png'); background-size: 20px; }
.txt-contato-rodape { width: 79%; height: auto; position: relative; float: left; margin-top: -9px; margin-left: 14px; font-size: 15px; color: #000; }

/*faixa itens de navegação rodapé*/
#faixa-navegacao-rodape { width: 100%; height: auto; position: relative; float: left; margin-top: -30px; padding: 0px 20px; }
.bloco-item-navegacao-rodape { width: 50%; height: auto; position: relative; float: left; }
.icn-seta-e-c { width: 30px; height: 30px; position: absolute; left: 50%; top: 50%; margin-left: -15px; margin-top: -15px; background: url('img/seta-e.png'); background-size: 30px; }
.icn-seta-d-c { width: 30px; height: 30px; position: absolute; left: 50%; top: 50%; margin-left: -15px; margin-top: -15px; background: url('img/seta-d.png'); background-size: 30px; }
#ornamento-rodape { width: 350px; height: 172px; position: absolute; left: 50%; margin-left: -175px; background: url('img/ornamento-blog-home.png'); background-size: 350px; }

.swiper-pagination-bullet { width: 15px !important; height: 15px !important; background: #ffffff; opacity: 0.3 !important; transition: 0.3s !important; }
.swiper-pagination-bullet-active{opacity:1!important;background:#ffffff!important;}

/*cards blog*/
#view-cards-blog-sliders { width: 100%; height: auto; position: relative; margin: auto; overflow: hidden; border-radius: 0px; padding-bottom: 40px !important; padding-left: 29px !important; padding-right: 20px; }
.txt-blog-card h3 { width: 90%; height: auto; position: relative; float: left; font-size: 22px; color: #000; font-weight: 500; }
.txt-blog-card p { width: 85%; height: auto; position: relative; float: left; margin-top: -8px; font-size: 14px; color: #000; font-weight: 300; }

/*Inicio página interna empreendimento*/
#sub-menu-empreendimento { width: 100%; height: 55px; position: fixed; top: 70px; z-index: 900; }
#view-sub-menu { width: 100%; height: auto; position: relative; margin: auto; }
#logo-vertical-sub-menu { width: 100px; height: 140px; position: relative; float: left; margin-left: 10px; margin-top: -10px; border-radius: 10px 20px 20px 20px; }
#view-itens-sub-menu { width: 58%; height: auto; position: relative; float: left; margin-left: 20px; display: none; }
#cta-sub-menu { width: auto; height: auto; position: relative; float: right; margin-right: 21px; margin-top: 10px; font-size: 14px; padding: 7px 12px; background-color: #fff; color: #000; border-radius: 20px; cursor: pointer; }

/*inicio superbanner empreendimento*/
#superbanner-empreendimentos { width: 100%; height: auto; position: relative; float: left; margin-top: 60px; }
#view-conteudo-banner-emp { width: 100%; height: auto; position: relative; margin: auto; }
#conteudo-txt-banner-emp-int h3 { width: 100%; height: auto; position: relative; float: left; font-size: 28px; text-align: center; color: #fff; font-weight: 600; margin-top: 80px; }
#conteudo-txt-banner-emp-int p { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; font-size: 19px; color: #fff; font-weight: 300; text-align: center; padding: 0px 30px;}

#conteudo-txt-banner-emp-int { width: 100%; height: 200px; position: absolute; top: 50%; margin-top: -128px; }
#div-sobre-empreendimento { width: 100%; height: auto; position: relative; float: left; padding-bottom: 30px; }
#view-sobre-empreendimento { width: 100%; height: auto; position: relative; margin: auto; padding: 0px 30px; }

/*Inicio formulario empreendimento int*/
#box-formulario-topo { width: 350px; height: 500px; position: absolute; right: 50%; margin-right: -175px; top: -95px; background-color: #fff; border-radius: 20px; z-index: 99; padding: 20px 40px; border: 1px solid #000; }
#conteudo-resumo-empreendimento { width: 100%; height: auto; position: relative; float: left; margin-top: 450px; }
.div-conteudo-resumo-empreendimento { width: 100%; height: auto; position: relative; float: left; }
#resumo-emp-int { width: 100%; height: auto; position: relative; float: left; padding-left: 0px; margin-top: 0px; }
#resumo-emp-int p { width: 100%; height: auto; position: relative; float: left; color: #000; font-size: 15px; margin-bottom: 3px; }
#div-detalhes-empreendimento { width: 100%; height: auto; position: relative; float: left; margin-top: 30px; }
#view-detalhes-empreendimentos { width: 100%; height: auto; position: relative; margin: auto; }
.item-detalhe-empreendimento { width: 100%; height: 62px; position: relative; float: left; }
.icn-detalhe-empreendimento { width: 35px; height: 35px; position: relative; margin: unset; }
.legenda-icn-detalhe-empreendimento { width: 200px; height: auto; position: absolute; left: 50%; margin-left: 31px; bottom: 3px; font-size: 16px; color: #000; text-align: left; }
.item-galeria-emp { width: 80px; height: 80px; position: absolute; top: 50%; margin-top: -40px; z-index: 99; background-color: #fff; border-radius: 50%; cursor: pointer; -webkit-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.1); -o-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.1); display: none; }
#mascara-player-video { width: 100%; height: 100%; position: absolute; top: 0px; z-index: 99; background-color: rgba(250, 84, 16, 0.6); }
#view-diferenciais { width: 100%; height: auto; position: relative; margin: auto; }
#resumo-diferenciais { width: 100%; height: auto; position: relative; float: left; margin-top: -30px; padding: 0px 20px; }
#titulo-diferenciais { width: 100%; height: auto; position: relative; float: left; margin-bottom: -16px; margin-right: 50px; margin-left: 0px; margin-top: 30px; font-size: 28px; color: #000000; font-weight: 400; }
#txt-headline-empreendimento-int { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; padding-left: 0px; color: #000; font-size: 16px; }
#logo-vertical-diferenciais { width: 48px; height: auto; position: relative; float: right; margin-top: -220px; margin-right: 20px; }
#lista-diferenciais { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; padding: 0px 20px; }

/*localizacao empreendimento*/
#localizacao-empreendimento { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; padding-bottom: 60px; }
#view-localizacao-empreendimento { width: 94%; height: auto; position: relative; margin: auto; }
#view-localizacao-empreendimento h4 { width: 100%; height: auto; position: relative; float: left; font-size: 27px; text-align: center; color: #000; font-weight: 500; }
#view-controles-loc-emp { width: 340px; height: auto; position: relative; margin: auto; margin-bottom: 90px; }
.item-controle-aba-loc-emp { width: 160px; height: auto; position: relative; float: left; margin-right: 10px; padding: 5px 0px; text-align: center; color: #000; border: 1px solid #000; border-radius: 20px; cursor: pointer; }
#box-iframe-mapa-emp { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; }
#box-loc-mapa-int { width: 100%; height: 260px; position: relative; margin: auto; border-radius: 20px; overflow: hidden; background-color: #F5F0E5; }
#div-andamento-da-obra { width: 100%; height: auto; position: relative; float: left; background-color: #F0591C; padding-bottom: 30px; }
#view-andamento-da-obra { width: 90%; height: auto; position: relative; margin: auto; }
#resumo-andamento-obra { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; }
#titulo-andamento-obra { width: 100%; height: auto; position: relative; float: left; margin-bottom: 20px; margin-right: 0px; margin-top: 30px; margin-left: 4px; font-size: 28px; color: #fff; font-weight: 400; }
#txt-headline-andamento-obra-int { width: 100%; height: auto; position: relative; float: left; margin-top: -20px; padding-left: 3px; color: #fff; font-size: 16px; }
#logo-vertical-andamento-obra { width: 80px; height: auto; position: relative; float: right; margin-top: -160px; margin-right: 20px; display: none; }
#box-itens-andamento-obra { width: 100%; height: auto; position: relative; float: left; margin-top: 30px; }

#txt-headline-empreendimento-int-b { width: 90%; height: auto; position: relative; float: left; margin-top: 20px; padding-left: 0px; color: #000; font-size: 18px; }

/*Item-andamento-obra*/
.item-andamento-obra { width: 100%; height: auto; position: relative; float: left; margin-bottom: 17px; }
.legenda-item-andamento-obra { width: 100%; height: auto; position: relative; float: left; font-size: 16px; color: #fff; font-weight: 600; }
.prograsso-obra-linha { width: 100%; height: 10px; position: relative; float: left; margin-top: 10px; background-color: #fff; border-radius: 20px; }
.progresso-int-obra { width: 0%; height: 10px; position: absolute; top: 0px; left: 0px; background-color: #000; border-radius: 20px; }
.info-progresso { width: auto; height: auto; position: absolute; right: 0px; top: 5px; font-size: 14px; color: #fff; }

/*Inicio galeria fotos da obra*/
#galeria-fotos-obra { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; }
#view-galeria-fotos-obra { width: 100%; height: auto; position: relative; margin: auto; }
#titulo-galeira-obra { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; font-size: 27px; font-weight: 500; color: #000; text-align: center; }
#fiaxa-selecao-datas-galeria-fotos-obra { width: 100%; height: auto; position: relative; float: left; margin-top: 30px; padding: 0px 20px; }
.item-botao-galeria-obra-2 { width: 48%; height: auto; position: relative; float: left; margin-right: 2%; margin-bottom: 15px; padding: 5px 25px; text-align: center; color: #000; border: 1px solid #000; border-radius: 20px; font-size: 14px; cursor: pointer; }
.item-galeria-emp-btn { width: 80px; height: 80px; position: absolute; top: 50%; margin-top: -40px; z-index: 99; background-color: #fff; border-radius: 50%; cursor: pointer; -webkit-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.1); -o-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.1); display: none; }

/*Quem  somos*/
#view-banner-quem-somos { width: 90%; height: auto; position: relative; margin: auto; }
#banner-quem-somos-int { width: 100%; height: auto; position: relative; float: left; margin-top: 12px; overflow: hidden; border-radius: 15px; }
#chamada-banner-quem-somos { width: 100%; height: 40px; position: absolute; top: 50%; margin-top: 70px; font-size: 18px; padding: 0px 70px; color: #fff; text-align: center; font-weight: 600; z-index: 90; }
#ornamento-banner-quem-somos { width: 80px; height: 39px; position: absolute; left: 50%; margin-left: -40px; bottom: -60px; background: url('img/ornamento-banner-quem-somos.png'); background-size: 80px; }
#circle-arrow-banner { width: 60px; height: 60px; position: absolute; left: 10%; margin-left: -110px; bottom: -81px; background-color: #fff; border-radius: 100%; display: none; }
#resumo-quem-somos { width: 100%; height: auto; position: relative; float: left; margin-top: 30px; }
#view-resumo-quem-somos { width: 95%; height: auto; position: relative; margin: auto; }
.div-conteudo-quem-somos { width: 100%; height: auto; position: relative; float: left; }
.div-conteudo-quem-somos p { width: 100%; height: auto; position: relative; float: left; margin-top: 13px; margin-bottom: 6px; font-size: 15px; padding: 0px 10px; color: #000; }
#ornamento-quem-somos-int { width: 120px; height: 60px; position: relative; float: left; margin-left: 10px; background: url('img/ornamento-headline-emp.png'); background-size: 120px; background-repeat: no-repeat; }
#conteudo-headline-quem-somos { width: 100%; height: auto; position: relative; float: left; margin-top: 15px; margin-left: 0px; font-size: 15px; padding: 0px 10px; color: #000; }
#faixa-premissas { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; padding-bottom: 40px; }
#view-premissas { width: 90%; height: auto; position: relative; margin: auto; }
.item-premissa { width: 100%; height: auto; position: relative; float: left; padding-right: 20px; }
.item-premissa h5 { width: 100%; height: auto; position: relative; float: left; font-size: 29px; color: #000; font-weight: 700; }
.titulo-premissa { width: 100%; height: auto; position: relative; float: left; margin-top: 30px; }
.titulo-int-premissa { width: 70%; height: auto; position: relative; float: left; margin-left: 10px; margin-top: 0px; color: #000; font-size: 24px; font-weight: 700; }
.resumo-premissa { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; font-size: 16px; color: #000; }
.faixa-logo-gsa-corp-fix { margin-top: 140px !important; }
#conteudo-div-institucional-home { width: 350px; height: 670px; position: absolute; left: 50%; margin-left: -175px; z-index: 20; }
#faixa-cta-banner-video-institucional { width: 100%; height: 170px; position: absolute; bottom: 110px; }
#cta-banner-video-int { width: 220px; height: auto; position: relative; margin: auto; padding: 10px 0px; text-align: center; font-size: 17px; color: #314354; background-color: #fff; border-radius: 50px; cursor: pointer; }
#legenda-cta-banner-video-int { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; text-align: center; font-size: 14px; color: #fff; padding: 0px 20px; }

#faixa-canais-atendimento { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; padding-bottom: 40px; }
#view-canais-atendimento { width: 90%; height: auto; position: relative; margin: auto; }
.item-canal-atendimento { width: 100%; height: auto; position: relative; float: left; margin-bottom: 20px; margin-top: 10px; }
#ornamento-atendimento { width: auto; height: 100%; position: relative; float: left; margin-bottom: 10px; }
#ornamento-atendimento-int { width: 110px; height: 55px; position: relative; float: left; background: url('img/ornamento-headline-emp.png'); background-size: 110px; background-repeat: no-repeat; }
#conteudo-h-atendimento { width: 100%; height: auto; position: relative; float: left; margin-top: 30px; margin-left: 0px; }
#conteudo-h-atendimento h2 { width: 100%; height: auto; position: relative; float: left; margin-top: -17px; font-size: 21px; color: #000; font-weight: 600; }
#conteudo-h-atendimento p { width: 80%; height: auto; position: relative; float: left; margin-top: -10px; font-size: 15px; margin-bottom: 10px; color: #000; }
.titulo-int-canal-atendimento { width: 80%; height: auto; position: relative; float: left; margin-left: 7px; margin-top: 5px; color: #000; font-size: 17px; font-weight: 600; }
.resumo-canal-atendimento { width: 80%; height: auto; position: relative; float: left; margin-right: 70px; margin-top: 10px; font-size: 15px; color: #000; }
.fix-item-canal { padding-left: 0px; }
#faixa-formulario { width: 100%; height: auto; position: relative; float: left; margin-top: -20px; padding-bottom: 140px; padding: 0px 20px 50px 20px; }
#view-faixa-formulario { width: 100%; height: auto; position: relative; margin: auto; }
.div-conteudo-form { width: 100%; height: auto; position: relative; float: left; }
#btn-form { width: auto; height: auto; position: relative; float: left; padding: 15px 20px; background-color: #000; font-size: 18px; color: #fff; border-radius: 15px; cursor: pointer; }

/*empreendimentos int*/
#faixa-cards-emprendimentos { width: 100%; height: auto; position: relative; float: left; margin-top: 40px; margin-bottom: -50px; }
#view-cards-emp { width: 100%; height: auto; position: relative; margin: auto; overflow: hidden; border-radius: 20px; padding-bottom: 0px !important; padding-left: 10px !important; padding-right: 10px; }

/*card empreendimentos int*/
.item-card-empreendimento-int { width: 100% !important; height: 440px !important; position: relative; float: left; margin-left: 0%; margin-right: 0%; margin-bottom: 20px; border-radius: 20px; overflow: hidden; background-color: #000; overflow: hidden; }

/*filtros int*/
.item-filtro-int { width: auto; height: auto; position: relative; float: left; font-size: 12px; margin-right: 10px; padding: 8px 12px; border-radius: 30px; cursor: pointer; border: 1px solid #314354; }
.div-toolbar-slider-a h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 50px; font-weight: 800; font-size: 30px; color: #000000; text-align: center; }


.item-controle-aba-loc-emp:hover { background-color: #000; color: #fff !important; }
.atv-aba-emp-loc { background-color: #000; color: #fff; }
.atv-item-botao-g-obra-2 { background-color: #000; color: #fff; }

#logo-horizontal-andamento-obra { display:none; }


/*Inicio home blog*/
#nav-bar-blog { width: 100%; height: 60px; position: absolute; top: 75px !important; background-color: unset; z-index: 99; -webkit-box-shadow: 0px -18px 72px -17px rgba(0, 0, 0, 0.19); -moz-box-shadow: 0px -18px 72px -17px rgba(0, 0, 0, 0.19); -o-box-shadow: 0px -18px 72px -17px rgba(0, 0, 0, 0.19); -ms-box-shadow: 0px -18px 72px -17px rgba(0, 0, 0, 0.19); box-shadow: 0px -18px 72px -17px rgba(0, 0, 0, 0); border-top: 0px solid #eeeeee; }
#view-nav-bar-blog { width: 90%; height: auto; position: relative; margin: auto; }
#logo-blog-gsa { width: 136px; height: 37px; position: relative; float: left; margin-top: 16px; background: url(img/logo-blog-gsa.png); background-size: 136px; background-repeat: no-repeat; }
#div-itens-menu-blog-nav-bar { width: 57%; height: 25px; position: relative; float: left; margin-left: 11px; margin-top: 19px; overflow: hidden; }
.item-menu-blog{width:auto!important;height:auto;position:relative;float:left;margin-top:1px;margin-right:13px!important;font-size:15px;color:#7a838a;cursor:pointer;}
#banner-post { width: 100%; height: auto; position: relative; float: left; margin-top: 150px; background-color: #fff !important; overflow: hidden; }

#div-controles-menu-blog { display: none; }
.controle-blog { z-index: 9999; display: none; }
.cover-banner-post { width: 90%; height: auto; position: relative; margin-left: 5%; float: left; border-radius: 21px; overflow: hidden; }
.conteudo-item-banner-post { display: none; }
.mascara-cover-banner-post {  display: none; }

.div-conteudo-mb-post-home-blog{width: 100%; height: auto; position: relative; float: left; margin-top: 20px;}
.data-post-home-blog-mobile { width: 90%; height: auto; position: relative; float: left; margin-top: -5px; margin-left: 5%; font-size: 14px; color: #000; }
.titulo-post-destaque-mobile {width: 90%; height: auto; position: relative; float: left; margin-left: 5%; margin-top: 2px; font-size: 15px; color: #000;}

#div-lista-posts-home-blog { width: 100%; height: auto; position: relative; float: left; margin-top: 40px; }
#view-lista-posts-home-blog { width: 90%; height: auto; position: relative; margin: auto; }
#div-posts-listagem-e { width: 100%; height: auto; position: relative; float: left; }
.card-post-listagem-home { width: 100%; height: auto; position: relative; float: left; margin-bottom: 40px; border-radius: 20px; }
.tags-cover-listagem-post { width: 100%; height: auto; position: absolute; bottom: 20px; z-index: 99; scroll-padding-left: 20px; display: none; }
.card-post-listagem-home h4 { width: 90%; height: auto; position: relative; float: left; margin-left: 2.5%; margin-top: 14px; font-size: 17px; line-height: 26px; color: #000; }
.card-post-listagem-home p { width: 90%; height: auto; position: relative; float: left; margin-left: 2.5%; margin-top: -4px; font-size: 13px; color: #000; }
.data-post-listagem { width: 90%; height: auto; position: relative; float: left; margin-top: -10px; margin-left: 3%; color: #000; font-size: 13px; font-weight: 600; }
#div-posts-listagem-d { width: 95%; height: auto; position: relative; float: left; padding-left: 2.5%; }
#div-posts-listagem-d h4 { width: 100%; height: auto; position: relative; float: left; font-size: 22px; color: #000; font-weight: 400; margin-top: 50px; }
.item-post-destaque { width: 100%; height: auto; position: relative; float: left; margin-top: 13px; margin-bottom: 20px; border-bottom: 1px solid #dadada; padding-bottom: 21px; }
.post-destaque-txt { width: 65%; height: auto; position: relative; float: left; font-size: 13px; color: #78858c; text-align: left; }
.cover-post-desraque-int { width: 100%; height: auto; position: relative; float: left; border-radius: 15px; overflow: hidden; }

#cta-mais-posts-listagem { width: 100%; height: auto; position: relative; float: left; margin-top: -30px; margin-top:-10px; }
.item-btn-banner-blog { width: 80px; height: 80px; position: absolute; top: 50%; margin-top: -40px; z-index: 99; background-color: #fff; border-radius: 50%; cursor: pointer; display: none; }


/*Inicio página de post blog*/
#conteudo-post { width: 100%; height: auto; position: relative; float: left; margin-top: 144px; }
#view-conteudo-post { width: 100%; height: auto; position: relative; margin: auto; }
#corpo-artigo { width: 100%; height: auto; position: relative; float: left; padding: 0px 20px; }
#cover-post { width: 100%; height: auto; position: relative; float: left; border-radius: 10px; overflow: hidden; }
#tag-cover-post { width: 90%; height: auto; position: absolute; bottom: 19px; padding-left: 10px; z-index: 99; }
.item-tag-post { width: auto; height: auto; position: relative; float: left; padding: 8px 9px; background-color: #fff; color: #000; border-radius: 20px; margin-right: 7px; font-size: 12px; }
#corpo-artigo h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 21px; margin-bottom: 0px; font-size: 20px; }
#corpo-artigo p { width: 100%; height: auto; position: relative; float: left; font-size: 14px; line-height: 26px; color: #78858c; font-weight: 300; }
.foto-corpo-artigo { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; margin-bottom: 20px; overflow: hidden; border-radius: 10px; }
#data-post-int { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; }
#legenda-icone-ictcor { width: 260px; height: auto; position: relative; float: left; margin-left: 9px; margin-top: 11px; font-size: 16px; line-height: 20px; opacity: 0.8; }
#artigos-sugeridos { width: 100%; height: auto; position: relative; float: left; padding-left: 20px; padding-right: 20px; margin-top: 40px; }
#artigos-sugeridos h4 { width: 100%; height: auto; position: relative; float: left; font-size: 22px; color: #000; font-weight: 400; margin-top: -10px; }
#artigos-recomendados { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; padding: 0px 20px; }
#artigos-recomendados h3 { width: 100%; height: auto; position: relative; float: left; margin-bottom: 40px; font-size: 23px; color: #000; }
.item-post-recomendado { width: 100%; height: auto; position: relative; float: left; margin-right: 1.5%; margin-bottom: 20px; }
.cover-post-recomendado { width: 100%; height: auto; position: relative; float: left; border-radius: 10px; overflow: hidden; }
.item-post-recomendado h4 { width: 90%; height: auto; position: relative; float: left; margin-top: 12px; font-size: 17px; }
.item-tag-post-recomendado { width: auto; height: auto; position: relative; float: left; padding: 6px 12px; background-color: #fff; color: #000; font-size: 12px; border-radius: 20px; margin-right: 10px; }



}



@media only screen  
and (min-width:170px) 
and (max-width:400px) {

.desktop{display: none;}
.tablet{display: none;}
.mobile{display: block;}
.fix-cta-player-home{margin-top: -65px !important;}
.fix-cta-player-int{margin-top: -35px !important;}

#logo-horizontal-andamento-obra { display: none;}
#logo-horizontal-diferenciais { display:none; }

#janela-player-video { width: 350px; height: 196px; position: fixed; left: 50%; top: 550%; margin-left: -175px; margin-top: -127px; z-index: 9999; background-color: #fff; border-radius: 20px; box-shadow: 0px 0px 15px -3px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 0px 15px -3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 15px -3px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0px 0px 15px -3px rgba(0, 0, 0, 0.1); -o-box-shadow: 0px 0px 15px -3px rgba(0, 0, 0, 0.1); overflow: hidden; opacity: 0; transition: top 0.6s ease, opacity 0.6s ease; }

#cta-fechar-formulario { width: 40px; height: 40px; position: absolute; right: 15px; top: 15px; background-color: #000; z-index: 999; border-radius: 100%; cursor: pointer; cursor: pointer; }
#chamada-formulario-janela { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; margin-bottom: -35px; color: #000; font-size: 17px; line-height: 25px; text-align: center; padding: 0px 20px; }
#janela-formulario-contato { width: 350px; height: 570px; position: fixed; left: 50%; top: 650%; margin-left: -175px; margin-top: -290px; background-color: #fff; border-radius: 20px; z-index: 9999; box-shadow: 0px 0px 15px -3px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 0px 15px -3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 15px -3px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0px 0px 15px -3px rgba(0, 0, 0, 0.1); -o-box-shadow: 0px 0px 15px -3px rgba(0, 0, 0, 0.1); opacity: 0; transition: top 0.5s ease, opacity 0.5s ease; }
#janela-formulario-ligamos { width: 350px; height: 460px; position: fixed; left: 50%; top: 650%; margin-left: -175px; margin-top: -220px; background-color: #fff; border-radius: 20px; z-index: 9999; box-shadow: 0px 0px 15px -3px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 0px 15px -3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 15px -3px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0px 0px 15px -3px rgba(0, 0, 0, 0.1); -o-box-shadow: 0px 0px 15px -3px rgba(0, 0, 0, 0.1); opacity: 0; transition: top 0.5s ease, opacity 0.5s ease; }
#cta-fechar-formulario-ligamos{ width: 40px; height: 40px; position: absolute; right: 15px; top: 15px; background-color: #000; z-index: 999; border-radius: 100%; cursor: pointer; cursor: pointer; }

#logo-form { width: 100%; height: auto; position: relative; float: left; margin-top: 27px; }
#logo-form-ligamos { width: 100%; height: auto; position: relative; float: left; margin-top: 27px; }
#chamada-formulario-janela-ligamos { width: 100%; height: auto; position: relative; float: left; margin-top: 12px; margin-bottom: -15px; color: #000; font-size: 18px; line-height: 25px; text-align: center; padding: 0px 20px; }

/*inicio menu mobile*/
#menu-mobile-out { width: 100%; height: 0%; position: fixed; overflow: hidden; z-index: 99999; background-color: rgba(255, 255, 255, 0.9);  opacity: 0; transition:opacity 0.4s ease;}
#menu-mobile{width: 350px; height: 100%; position: fixed; border-radius: 20px 0px 0px 20px; right: -140%; background-color: #fff; z-index: 9999;   -webkit-box-shadow: 0px -2px 26px -3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px -2px 26px -3px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0px -2px 26px -3px rgba(0, 0, 0, 0.1); -o-box-shadow: 0px -2px 26px -3px rgba(0, 0, 0, 0.1); box-shadow: 0px -2px 26px -3px rgba(0, 0, 0, 0.1);  transition: right 0.4s ease;}

#toolbar-menu-mobile{width: 100%; height: auto; position: relative; float: left; margin-top: 30px; padding: 0px 30px;}
#logo-menu-mobile{width:120px; height: auto; position: relative; float: left;}
#fechar-menu-mobile{width:40px; height:40px; position: relative; margin-top: -10px; float: right; cursor: pointer;}

#box-itens-menu{width: 100%; height: auto; position: relative; float: left; margin-top: 20px; padding: 0px 30px;}
.item-menu-mobile{width: 100%; height: auto; position: relative; float: left; padding: 10px 20px; margin-top: 5px; margin-bottom: 10px; cursor: pointer; border-radius: 20px;}
.item-menu-mobile:hover{background-color: #F4F4F4;}
.txt-menu-mobile{width: auto; height: auto; position: relative; float: left; font-size: 16px; color: #000; }
.arrow-menu-mobile{width: 20px; height: 20px; position: relative; float: right; margin-top: -2px;}
#cta-menu-mobile { width: 40px; height: 40px; position: absolute; right: 20px; top: 50%; margin-top: 16px; z-index: 90; background: url('img/menu-burger.png'); background-size: 40px; cursor: pointer; }

.ornamento-menu-mobile { width: 50px; height: 50px; position: absolute; right: 89px; top: 50%; margin-top: -24px; background-color: #fff; border-radius: 50%; z-index: 99; }
#cta-menu-mobile { width: 40px; height: 40px; position: absolute; right: 20px; top: 50%; margin-top: 15px; z-index: 90; background: url('img/menu-burger.png'); background-size: 40px; cursor: pointer; }

/*Inicio home*/
#menu-fixo { width: 100%; height: 70px; position: fixed; background-color: #fff; -webkit-box-shadow: 0px -2px 26px -3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px -2px 26px -3px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0px -2px 26px -3px rgba(0, 0, 0, 0.1); -o-box-shadow: 0px -2px 26px -3px rgba(0, 0, 0, 0.1); box-shadow: 0px -2px 26px -3px rgba(0, 0, 0, 0.1); overflow: hidden; z-index: 999; }
#view-menu-fixo { width: 95%; height: auto; position: relative; margin: auto; z-index: 10; }
#logo-menu { width: 110px; height: 26px; position: relative; float: left; margin-top: 26px; margin-left: 10px; background: url('img/logo-menu-gsa.png'); background-size: 110px; background-repeat: no-repeat; }
#itens-menu-fixo { width: 800px; height: auto; position: relative; float: left; margin-left: 20px; margin-top: 9px; display: none; }
#box-ctas-menu { width: 380px; height: 90px; position: relative; float: right; top: 0px; background-color: #293139; display: none; }
#bg-box-cta { width: 2000px; height: 90px; position: absolute; top: 0px; right: -1906px; background-color: #293139; }
#div-banner-gsa { width: 100%; height: auto; position: relative; float: left; margin-top: 69px; background-color: #dadada; }
.item-btn-banner { width: 50px; height: 50px; position: absolute; top: 50%; margin-top: -35px; z-index: 99; background-color: #fff; border-radius: 50%; cursor: pointer; display: none;}
.btn-e { left: 20px; }
.btn-d { right: 20px; }
.icn-seta-e { width: 30px; height: 30px; position: absolute; left: 50%; top: 50%; margin-left: -15px; margin-top: -15px; background: url('img/seta-e.png'); background-size: 30px; }
.icn-seta-d { width: 30px; height: 30px; position: absolute; left: 50%; top: 50%; margin-left: -15px; margin-top: -15px; background: url('img/seta-d.png'); background-size: 30px; }
#view-sessao-empreendimentos { width: 100%; height: 100%; position: relative; margin: auto; }
#toolbar-slider-empreendimentos { width: 100%; height: auto; position: relative; float: left; padding: 0px 20px; }
.div-toolbar-slider-a { width: 100%; height: auto; position: relative; float: left; }
.div-toolbar-slider-a h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 50px; font-weight: 800; font-size: 30px; color: #000000; text-align: center; }
.div-toolbar-slider-a p { width: 100%; height: auto; position: relative; float: left; margin-top: -18px; font-size: 16px; text-align: center; padding: 0px 10px; color: #000; }
.div-toolbar-slider-b { width: 100%; height: auto; position: relative; float: left; margin-top: 11px; }
.box-filtros-cards-empreendimentos { width: 100%; height: auto; position: relative; float: right; }
.item-filtro { width: auto; height: auto; position: relative; float: left; font-size: 11px; margin-right: 5px; padding: 6px 12px; border-radius: 15px; cursor: pointer; border: 1px solid #314354; }
#faixa-slider-cards-emprendimentos { width: 100%; height: auto; position: relative; float: left; margin-top: 30px; }
#view-cards-sliders { width: 100%; height: auto; position: relative; margin: auto; overflow: hidden; border-radius: 0px; padding-bottom: 40px !important; padding-left: 10px !important; }
.item-btn-cards-empreendimentos { width: 40px; height: 40px; position: absolute; top: 50%; margin-top: -35px; z-index: 99; background-color: #fff; border-radius: 50%; cursor: pointer; -webkit-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.1); -o-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.1); display: none; }


/*Item card empreendimento*/
.item-card-empreendimento { width: auto; height: 440px !important; position: relative; float: left; margin-left: 0%; margin-right: 0%; border-radius: 20px; overflow: hidden; background-color: #000; overflow: hidden; }
.legenda-empreendimento { width: 60%; height: auto; position: absolute; bottom: 20px; left: 20px; font-size: 14px; color: #fff; }
.cta-circulo-card-empreendimento { width: 40px; height: 40px; position: absolute; bottom: 20px; right: 20px; background-color: #fff; border-radius: 50%; cursor: pointer; }
.seta-cta-card-e { width: 20px; height: 20px; position: absolute; left: 50%; top: 50%; margin-left: -10px; margin-top: -10px; background: url('img/seta-d.png'); background-size: 20px; }
.bloco-item-navegacao-rodape h4 { width: 100%; height: auto; position: relative; float: left; margin-top: 40px; font-size: 14px; color: #000; font-weight: 600; }
.bloco-item-navegacao-rodape ul li { width: 100%; height: auto; position: relative; float: left; font-size: 15px; color: #000; cursor: pointer; margin-bottom: 5px; }

#faixa-cta-empreendimentos { width: 100%; height: auto; position: relative; float: left; margin-top: -18px; }
#cta-empreendimentos-tds { width: 290px; height: auto; position: relative; margin: auto; padding: 15px 0px; text-align: center; font-size: 17px; color: #fff; background-color: #314354; border-radius: 50px; cursor: pointer; }
#legenda-cta-empreendimentos { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; font-size: 15px; color: #314354; text-align: center; padding: 0px 20px; }
#div-video-institucional-home { width: 100%; height: 580px; position: relative; float: left; overflow: hidden; margin-top: 25px; background: url('img/bg-institucional.png'); background-size: cover; }
#sombra-topo { width: 910px; height: 360px; position: absolute; top: -440px; left: -80%; background-color: #293139; opacity: 0.98; -webkit-filter: blur(50px); -moz-filter: blur(50px); -o-filter: blur(50px); -ms-filter: blur(50px); filter: blur(50px); z-index: 10; display: none; }
#sombra-bottom { width: 200%; height: 300px; position: absolute; bottom: -250px; left: -50%; background-color: #293139; opacity: 0.98; -webkit-filter: blur(50px); -moz-filter: blur(50px); -o-filter: blur(50px); -ms-filter: blur(50px); filter: blur(50px); z-index: 10; }
#conteudo-div-institucional-home { width: 350px; height: 1000px; position: absolute; left: 50%; margin-left: -175px; z-index: 20; }
#faixa-logo-video { width: 210px; height: 48px; position: relative; margin: auto; margin-top: 60px; background: url('img/logo-video-institucional.png'); background-size: 210px; background-repeat: no-repeat; }
#faixa-logo-video-legenda { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; font-size: 18px; color: #fff; text-align: center; font-weight: 300; padding: 0px 50px; }
#ornamento-int-vide-int { width: 120px; height: 58px; position: relative; margin: auto; background: url('img/ornamento-video-institucional.png'); background-size: 120px; }
#cta-play-video { width: 100%; height: 110px; position: absolute; top: 50%; margin-top: 5px; cursor: pointer; }
#play-video-int { width: 50px; height: 50px; position: relative; margin: auto; background: url('img/play-video.png'); background-size: 50px; }
#legenda-play-video { width: 100%; height: auto; position: relative; float: left; margin-top: 4px; font-size: 18px; color: #fff; text-align: center; font-weight: 300; }
#ornamento-blog-home { width: 350px; height: 178px; position: absolute; left: 50%; margin-left: -175px; background: url('img/ornamento-blog-home.png'); background-size: 350px; background-repeat: no-repeat; }
#view-blog-home-pg { width: 100%; height: auto; position: relative; margin: auto; z-index: 20; }
#chamada-blog-home { width: 100%; height: auto; position: relative; float: left; margin-top: 30px; font-size: 40px; font-weight: 500; color: #000; text-align: center; }
#logo-chamada-home { width: 140px; height: 34px; position: relative; margin: auto; background: url('img/logo-gsa-blog.png'); background-size: 140px; background-repeat: no-repeat; }
#sub-chamada-blog-home { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; font-size: 17px; color: #000; text-align: center; padding: 0px 20px; }
#cta-blog-home { width: 160px; height: auto; position: relative; margin: auto; padding: 13px 0px; text-align: center; font-size: 17px; color: #fff; background-color: #314354; border-radius: 50px; cursor: pointer; }
#faixa-slider-blog { width: 100%; height: auto; position: relative; float: left; margin-top: 40px; }
#view-cards-blog-sliders { width: 100%; height: auto; position: relative; margin: auto; overflow: hidden; border-radius: 0px; padding-bottom: 40px !important; padding-left: 29px !important; }

/*controles cards blog*/
#div-blog-home-pg { width: 100%; height: auto; position: relative; float: left; padding-bottom: 0px; }
.item-btn-cards-blog { width: 80px; height: 80px; position: absolute; top: 50%; margin-top: -40px; z-index: 99; background-color: #fff; border-radius: 50%; cursor: pointer; padding: 0px 40px; -webkit-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.1); -o-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.1); display: none; }

/*Inicio rodapé*/
#sessao-rodape { width: 100%; height: auto; position: relative; float: left; padding-bottom: 50px; }
#view-rodape { width: 95%; height: auto; position: relative; margin: auto; }
#faixa-contatos-rodape { width: 100%; height: auto; position: relative; float: left; margin-top: 40px; padding: 0px 0px; }

/*item contato rodape*/
.item-contato-rodape { width: 50%; height: 90px; position: relative; float: left; border-radius: 10px; padding: 20px 10px 10px 15px; cursor: pointer; }
.icn-contato-rodape { width: 20px; height: 20px; position: relative; float: left; }
.icn-tel-rodape { background: url('img/tell-rodape-icn.png'); background-size: 20px; }
.icn-wpp-rodape { background: url('img/icn-wpp-r-contato.png'); background-size: 20px; }
.icn-ligamos-rodape { background: url('img/ligamos-icn-rodape.png'); background-size: 20px; }
.icn-email-rodape { background: url('img/email-icn-rodape.png'); background-size: 20px; }
.txt-contato-rodape { width: 75%; height: auto; position: relative; float: left; margin-top: -9px; margin-left: 14px; font-size: 15px; color: #000; }

/*faixa itens de navegação rodapé*/
#faixa-navegacao-rodape { width: 100%; height: auto; position: relative; float: left; margin-top: -30px; padding: 0px 20px; }
.bloco-item-navegacao-rodape { width: 50%; height: auto; position: relative; float: left; }
.icn-seta-e-c { width: 30px; height: 30px; position: absolute; left: 50%; top: 50%; margin-left: -15px; margin-top: -15px; background: url('img/seta-e.png'); background-size: 30px; }
.icn-seta-d-c { width: 30px; height: 30px; position: absolute; left: 50%; top: 50%; margin-left: -15px; margin-top: -15px; background: url('img/seta-d.png'); background-size: 30px; }
#ornamento-rodape { width: 350px; height: 172px; position: absolute; left: 50%; margin-left: -175px; background: url('img/ornamento-blog-home.png'); background-size: 350px; }

.swiper-pagination-bullet { width: 15px !important; height: 15px !important; background: #ffffff; opacity: 0.3 !important; transition: 0.3s !important; }
.swiper-pagination-bullet-active{opacity:1!important;background:#ffffff!important;}

/*cards blog*/
#view-cards-blog-sliders { width: 100%; height: auto; position: relative; margin: auto; overflow: hidden; border-radius: 0px; padding-bottom: 40px !important; padding-left: 29px !important; padding-right: 20px; }
.txt-blog-card h3 { width: 90%; height: auto; position: relative; float: left; font-size: 22px; color: #000; font-weight: 500; }
.txt-blog-card p { width: 85%; height: auto; position: relative; float: left; margin-top: -8px; font-size: 14px; color: #000; font-weight: 300; }

/*Inicio página interna empreendimento*/
#sub-menu-empreendimento { width: 100%; height: 55px; position: fixed; top: 70px; z-index: 900; }
#view-sub-menu { width: 100%; height: auto; position: relative; margin: auto; }
#logo-vertical-sub-menu { width: 100px; height: 140px; position: relative; float: left; margin-left: 10px; margin-top: -10px; border-radius: 10px 20px 20px 20px; }
#view-itens-sub-menu { width: 58%; height: auto; position: relative; float: left; margin-left: 20px; display: none; }
#cta-sub-menu { width: auto; height: auto; position: relative; float: right; margin-right: 21px; margin-top: 10px; font-size: 14px; padding: 7px 12px; background-color: #fff; color: #000; border-radius: 20px; cursor: pointer; }

/*inicio superbanner empreendimento*/
#superbanner-empreendimentos { width: 100%; height: auto; position: relative; float: left; margin-top: 60px; }
#view-conteudo-banner-emp { width: 100%; height: auto; position: relative; margin: auto; }
#conteudo-txt-banner-emp-int h3 { width: 100%; height: auto; position: relative; float: left; font-size: 28px; text-align: center; color: #fff; font-weight: 600; margin-top: 80px; }
#conteudo-txt-banner-emp-int p { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; font-size: 19px; color: #fff; font-weight: 300; text-align: center; padding: 0px 30px;}

#conteudo-txt-banner-emp-int { width: 100%; height: 200px; position: absolute; top: 50%; margin-top: -128px; }
#div-sobre-empreendimento { width: 100%; height: auto; position: relative; float: left; padding-bottom: 30px; }
#view-sobre-empreendimento { width: 100%; height: auto; position: relative; margin: auto; padding: 0px 30px; }

/*Inicio formulario empreendimento int*/
#box-formulario-topo { width: 350px; height: 500px; position: absolute; right: 50%; margin-right: -175px; top: -95px; background-color: #fff; border-radius: 20px; z-index: 99; padding: 20px 40px; border: 1px solid #000; }
#conteudo-resumo-empreendimento { width: 100%; height: auto; position: relative; float: left; margin-top: 450px; }
.div-conteudo-resumo-empreendimento { width: 100%; height: auto; position: relative; float: left; }
#resumo-emp-int { width: 100%; height: auto; position: relative; float: left; padding-left: 0px; margin-top: 0px; }
#resumo-emp-int p { width: 100%; height: auto; position: relative; float: left; color: #000; font-size: 15px; margin-bottom: 3px; }
#div-detalhes-empreendimento { width: 100%; height: auto; position: relative; float: left; margin-top: 30px; }
#view-detalhes-empreendimentos { width: 100%; height: auto; position: relative; margin: auto; }
.item-detalhe-empreendimento { width: 100%; height: 62px; position: relative; float: left; }
.icn-detalhe-empreendimento { width: 35px; height: 35px; position: relative; margin: unset; }
.legenda-icn-detalhe-empreendimento { width: 200px; height: auto; position: absolute; left: 50%; margin-left: 31px; bottom: 3px; font-size: 16px; color: #000; text-align: left; }
.item-galeria-emp { width: 80px; height: 80px; position: absolute; top: 50%; margin-top: -40px; z-index: 99; background-color: #fff; border-radius: 50%; cursor: pointer; -webkit-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.1); -o-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.1); display: none; }
#mascara-player-video { width: 100%; height: 100%; position: absolute; top: 0px; z-index: 99; background-color: rgba(250, 84, 16, 0.6); }
#view-diferenciais { width: 100%; height: auto; position: relative; margin: auto; }
#resumo-diferenciais { width: 100%; height: auto; position: relative; float: left; margin-top: -30px; padding: 0px 20px; }
#titulo-diferenciais { width: 100%; height: auto; position: relative; float: left; margin-bottom: -16px; margin-right: 50px; margin-left: 0px; margin-top: 30px; font-size: 28px; color: #000000; font-weight: 400; }
#txt-headline-empreendimento-int { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; padding-left: 0px; color: #000; font-size: 16px; }
#logo-vertical-diferenciais { width: 48px; height: auto; position: relative; float: right; margin-top: -220px; margin-right: 20px; }
#lista-diferenciais { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; padding: 0px 20px; }

/*localizacao empreendimento*/
#localizacao-empreendimento { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; padding-bottom: 60px; }
#view-localizacao-empreendimento { width: 94%; height: auto; position: relative; margin: auto; }
#view-localizacao-empreendimento h4 { width: 100%; height: auto; position: relative; float: left; font-size: 27px; text-align: center; color: #000; font-weight: 500; }
#view-controles-loc-emp { width: 340px; height: auto; position: relative; margin: auto; margin-bottom: 90px; }
.item-controle-aba-loc-emp { width: 160px; height: auto; position: relative; float: left; margin-right: 10px; padding: 5px 0px; text-align: center; color: #000; border: 1px solid #000; border-radius: 20px; cursor: pointer; }
#box-iframe-mapa-emp { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; }
#box-loc-mapa-int { width: 100%; height: 260px; position: relative; margin: auto; border-radius: 20px; overflow: hidden; background-color: #F5F0E5; }
#div-andamento-da-obra { width: 100%; height: auto; position: relative; float: left; background-color: #F0591C; padding-bottom: 30px; }
#view-andamento-da-obra { width: 90%; height: auto; position: relative; margin: auto; }
#resumo-andamento-obra { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; }
#titulo-andamento-obra { width: 100%; height: auto; position: relative; float: left; margin-bottom: 20px; margin-right: 0px; margin-top: 30px; margin-left: 4px; font-size: 28px; color: #fff; font-weight: 400; }
#txt-headline-andamento-obra-int { width: 100%; height: auto; position: relative; float: left; margin-top: -20px; padding-left: 3px; color: #fff; font-size: 16px; }
#logo-vertical-andamento-obra { width: 80px; height: auto; position: relative; float: right; margin-top: -160px; margin-right: 20px; display: none; }
#box-itens-andamento-obra { width: 100%; height: auto; position: relative; float: left; margin-top: 30px; }

#txt-headline-empreendimento-int-b { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; padding-left: 0px; color: #000; font-size: 18px; }

/*Item-andamento-obra*/
.item-andamento-obra { width: 100%; height: auto; position: relative; float: left; margin-bottom: 17px; }
.legenda-item-andamento-obra { width: 100%; height: auto; position: relative; float: left; font-size: 16px; color: #fff; font-weight: 600; }
.prograsso-obra-linha { width: 100%; height: 10px; position: relative; float: left; margin-top: 10px; background-color: #fff; border-radius: 20px; }
.progresso-int-obra { width: 0%; height: 10px; position: absolute; top: 0px; left: 0px; background-color: #000; border-radius: 20px; }
.info-progresso { width: auto; height: auto; position: absolute; right: 0px; top: 5px; font-size: 14px; color: #fff; }

/*Inicio galeria fotos da obra*/
#galeria-fotos-obra { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; }
#view-galeria-fotos-obra { width: 100%; height: auto; position: relative; margin: auto; }
#titulo-galeira-obra { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; font-size: 27px; font-weight: 500; color: #000; text-align: center; }
#fiaxa-selecao-datas-galeria-fotos-obra { width: 100%; height: auto; position: relative; float: left; margin-top: 30px; padding: 0px 20px; }
.item-botao-galeria-obra-2 { width: 48%; height: auto; position: relative; float: left; margin-right: 2%; margin-bottom: 15px; padding: 5px 25px; text-align: center; color: #000; border: 1px solid #000; border-radius: 20px; font-size: 14px; cursor: pointer; }
.item-galeria-emp-btn { width: 80px; height: 80px; position: absolute; top: 50%; margin-top: -40px; z-index: 99; background-color: #fff; border-radius: 50%; cursor: pointer; -webkit-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.1); -o-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.1); display: none; }

/*Quem  somos*/
#view-banner-quem-somos { width: 90%; height: auto; position: relative; margin: auto; }
#banner-quem-somos-int { width: 100%; height: auto; position: relative; float: left; margin-top: 12px; overflow: hidden; border-radius: 15px; }
#chamada-banner-quem-somos { width: 100%; height: 40px; position: absolute; top: 50%; margin-top: 70px; font-size: 18px; padding: 0px 30px; color: #fff; text-align: center; font-weight: 600; z-index: 90; }
#ornamento-banner-quem-somos { width: 80px; height: 39px; position: absolute; left: 50%; margin-left: -40px; bottom: -60px; background: url('img/ornamento-banner-quem-somos.png'); background-size: 80px; }
#circle-arrow-banner { width: 60px; height: 60px; position: absolute; left: 10%; margin-left: -110px; bottom: -81px; background-color: #fff; border-radius: 100%; display: none; }
#resumo-quem-somos { width: 100%; height: auto; position: relative; float: left; margin-top: 30px; }
#view-resumo-quem-somos { width: 95%; height: auto; position: relative; margin: auto; }
.div-conteudo-quem-somos { width: 100%; height: auto; position: relative; float: left; }
.div-conteudo-quem-somos p { width: 100%; height: auto; position: relative; float: left; margin-top: 13px; margin-bottom: 6px; font-size: 15px; padding: 0px 10px; color: #000; }
#ornamento-quem-somos-int { width: 120px; height: 60px; position: relative; float: left; margin-left: 10px; background: url('img/ornamento-headline-emp.png'); background-size: 120px; background-repeat: no-repeat; }
#conteudo-headline-quem-somos { width: 100%; height: auto; position: relative; float: left; margin-top: 15px; margin-left: 0px; font-size: 15px; padding: 0px 10px; color: #000; }
#faixa-premissas { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; padding-bottom: 40px; }
#view-premissas { width: 90%; height: auto; position: relative; margin: auto; }
.item-premissa { width: 100%; height: auto; position: relative; float: left; padding-right: 20px; }
.item-premissa h5 { width: 100%; height: auto; position: relative; float: left; font-size: 29px; color: #000; font-weight: 700; }
.titulo-premissa { width: 100%; height: auto; position: relative; float: left; margin-top: 30px; }
.titulo-int-premissa { width: 70%; height: auto; position: relative; float: left; margin-left: 10px; margin-top: 0px; color: #000; font-size: 24px; font-weight: 700; }
.resumo-premissa { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; font-size: 16px; color: #000; }
.faixa-logo-gsa-corp-fix { margin-top: 140px !important; }
#conteudo-div-institucional-home { width: 350px; height: 670px; position: absolute; left: 50%; margin-left: -175px; z-index: 20; }
#faixa-cta-banner-video-institucional { width: 100%; height: 170px; position: absolute; bottom: 110px; }
#cta-banner-video-int { width: 220px; height: auto; position: relative; margin: auto; padding: 10px 0px; text-align: center; font-size: 17px; color: #314354; background-color: #fff; border-radius: 50px; cursor: pointer; }
#legenda-cta-banner-video-int { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; text-align: center; font-size: 14px; color: #fff; padding: 0px 20px; }

#faixa-canais-atendimento { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; padding-bottom: 40px; }
#view-canais-atendimento { width: 90%; height: auto; position: relative; margin: auto; }
.item-canal-atendimento { width: 100%; height: auto; position: relative; float: left; margin-bottom: 20px; margin-top: 10px; }
#ornamento-atendimento { width: auto; height: 100%; position: relative; float: left; margin-bottom: 10px; }
#ornamento-atendimento-int { width: 110px; height: 55px; position: relative; float: left; background: url('img/ornamento-headline-emp.png'); background-size: 110px; background-repeat: no-repeat; }
#conteudo-h-atendimento { width: 100%; height: auto; position: relative; float: left; margin-top: 30px; margin-left: 0px; }
#conteudo-h-atendimento h2 { width: 100%; height: auto; position: relative; float: left; margin-top: -17px; font-size: 21px; color: #000; font-weight: 600; }
#conteudo-h-atendimento p { width: 80%; height: auto; position: relative; float: left; margin-top: -10px; font-size: 15px; margin-bottom: 10px; color: #000; }
.titulo-int-canal-atendimento { width: 80%; height: auto; position: relative; float: left; margin-left: 7px; margin-top: 5px; color: #000; font-size: 17px; font-weight: 600; }
.resumo-canal-atendimento { width: 80%; height: auto; position: relative; float: left; margin-right: 70px; margin-top: 10px; font-size: 15px; color: #000; }
.fix-item-canal { padding-left: 0px; }
#faixa-formulario { width: 100%; height: auto; position: relative; float: left; margin-top: -20px; padding-bottom: 140px; padding: 0px 20px 50px 20px; }
#view-faixa-formulario { width: 100%; height: auto; position: relative; margin: auto; }
.div-conteudo-form { width: 100%; height: auto; position: relative; float: left; }
#btn-form { width: auto; height: auto; position: relative; float: left; padding: 15px 20px; background-color: #000; font-size: 18px; color: #fff; border-radius: 15px; cursor: pointer; }

/*empreendimentos int*/
#faixa-cards-emprendimentos { width: 100%; height: auto; position: relative; float: left; margin-top: 40px; margin-bottom: -50px; }
#view-cards-emp { width: 100%; height: auto; position: relative; margin: auto; overflow: hidden; border-radius: 20px; padding-bottom: 0px !important; padding-left: 10px !important; padding-right: 10px; }

/*card empreendimentos int*/
.item-card-empreendimento-int { width: 100% !important; height: 440px !important; position: relative; float: left; margin-left: 0%; margin-right: 0%; margin-bottom: 20px; border-radius: 20px; overflow: hidden; background-color: #000; overflow: hidden; }

/*filtros int*/
.item-filtro-int { width: auto; height: auto; position: relative; float: left; font-size: 12px; margin-right: 10px; padding: 8px 12px; border-radius: 30px; cursor: pointer; border: 1px solid #314354; }
.div-toolbar-slider-a h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 42px; font-weight: 800; font-size: 30px; color: #000000; text-align: center; }

.item-controle-aba-loc-emp:hover { background-color: #000; color: #fff !important; }
.atv-aba-emp-loc { background-color: #000; color: #fff; }
.atv-item-botao-g-obra-2 { background-color: #000; color: #fff; }

.fix-ornamento-contato{bottom: -40px !important;}

/*Inicio home blog*/
#nav-bar-blog { width: 100%; height: 40px; position: absolute; top: 80px !important; background-color: unset; z-index: 99; -webkit-box-shadow: 0px -18px 72px -17px rgba(0, 0, 0, 0.19); -moz-box-shadow: 0px -18px 72px -17px rgba(0, 0, 0, 0.19); -o-box-shadow: 0px -18px 72px -17px rgba(0, 0, 0, 0.19); -ms-box-shadow: 0px -18px 72px -17px rgba(0, 0, 0, 0.19); box-shadow: 0px -18px 72px -17px rgba(0, 0, 0, 0); border-top: 0px solid #eeeeee; }
#view-nav-bar-blog { width: 90%; height: auto; position: relative; margin: auto; }
#logo-blog-gsa { width: 105px; height: 30px; position: relative; float: left; margin-top: 10px; background: url(img/logo-blog-gsa.png); background-size: 105px; background-repeat: no-repeat; }
#div-itens-menu-blog-nav-bar { width: 62%; height: 25px; position: relative; float: left; margin-left: 11px; margin-top: 10px; overflow: hidden; }
.item-menu-blog{width:auto!important;height:auto;position:relative;float:left;margin-top:1px;margin-right:13px!important;font-size:15px;color:#7a838a;cursor:pointer;}
#banner-post { width: 100%; height: auto; position: relative; float: left; margin-top: 130px; background-color: #fff !important; overflow: hidden; }

#div-controles-menu-blog { display: none; }
.controle-blog { z-index: 9999; display: none; }
.cover-banner-post { width: 90%; height: auto; position: relative; margin-left: 5%; float: left; border-radius: 21px; overflow: hidden; }
.conteudo-item-banner-post { display: none; }
.mascara-cover-banner-post {  display: none; }

.div-conteudo-mb-post-home-blog{width: 100%; height: auto; position: relative; float: left; margin-top: 20px;}
.data-post-home-blog-mobile { width: 90%; height: auto; position: relative; float: left; margin-top: -5px; margin-left: 5%; font-size: 12px; color: #000; }
.titulo-post-destaque-mobile {width: 90%; height: auto; position: relative; float: left; margin-left: 5%; margin-top: 2px; font-size: 13px; color: #000;}

#div-lista-posts-home-blog { width: 100%; height: auto; position: relative; float: left; margin-top: 30px; }
#view-lista-posts-home-blog { width: 90%; height: auto; position: relative; margin: auto; }
#div-posts-listagem-e { width: 100%; height: auto; position: relative; float: left; }
.card-post-listagem-home { width: 100%; height: auto; position: relative; float: left; margin-bottom: 40px; border-radius: 20px; }
.tags-cover-listagem-post { width: 100%; height: auto; position: absolute; bottom: 20px; z-index: 99; scroll-padding-left: 20px; display: none; }
.card-post-listagem-home h4 { width: 95%; height: auto; position: relative; float: left; margin-left: 2.5%; margin-top: 14px; font-size: 19px; line-height: 26px; color: #000; }
.card-post-listagem-home p { width: 90%; height: auto; position: relative; float: left; margin-left: 2.5%; margin-top: -4px; font-size: 14px; color: #000; }
.data-post-listagem { width: 90%; height: auto; position: relative; float: left; margin-top: -10px; margin-left: 3%; color: #000; font-size: 13px; font-weight: 600; }
#div-posts-listagem-d { width: 95%; height: auto; position: relative; float: left; padding-left: 2.5%; }
#div-posts-listagem-d h4 { width: 100%; height: auto; position: relative; float: left; font-size: 22px; color: #000; font-weight: 400; margin-top: 50px; }
.item-post-destaque { width: 100%; height: auto; position: relative; float: left; margin-top: 13px; margin-bottom: 20px; border-bottom: 1px solid #dadada; padding-bottom: 21px; }
.post-destaque-txt { width: 65%; height: auto; position: relative; float: left; font-size: 13px; color: #78858c; text-align: left; }
.cover-post-desraque-int { width: 100%; height: auto; position: relative; float: left; border-radius: 15px; overflow: hidden; }

#cta-mais-posts-listagem { width: 100%; height: auto; position: relative; float: left; margin-top: -30px; display: none; }


/*Inicio página de post blog*/
#conteudo-post { width: 100%; height: auto; position: relative; float: left; margin-top: 137px; }
#view-conteudo-post { width: 100%; height: auto; position: relative; margin: auto; }
#corpo-artigo { width: 100%; height: auto; position: relative; float: left; padding: 0px 20px; }
#cover-post { width: 100%; height: auto; position: relative; float: left; border-radius: 10px; overflow: hidden; }
#tag-cover-post { width: 90%; height: auto; position: absolute; bottom: 19px; padding-left: 10px; z-index: 99; }
.item-tag-post { width: auto; height: auto; position: relative; float: left; padding: 8px 9px; background-color: #fff; color: #000; border-radius: 20px; margin-right: 7px; font-size: 12px; }
#corpo-artigo h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 21px; margin-bottom: 0px; font-size: 20px; }
#corpo-artigo p { width: 100%; height: auto; position: relative; float: left; font-size: 14px; line-height: 26px; color: #78858c; font-weight: 300; }
.foto-corpo-artigo { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; margin-bottom: 20px; overflow: hidden; border-radius: 10px; }
#data-post-int { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; }
#legenda-icone-ictcor { width: 260px; height: auto; position: relative; float: left; margin-left: 9px; margin-top: 11px; font-size: 16px; line-height: 20px; opacity: 0.8; }
#artigos-sugeridos { width: 100%; height: auto; position: relative; float: left; padding-left: 20px; padding-right: 20px; margin-top: 40px; }
#artigos-sugeridos h4 { width: 100%; height: auto; position: relative; float: left; font-size: 22px; color: #000; font-weight: 400; margin-top: -10px; }
#artigos-recomendados { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; padding: 0px 20px; }
#artigos-recomendados h3 { width: 100%; height: auto; position: relative; float: left; margin-bottom: 40px; font-size: 23px; color: #000; }
.item-post-recomendado { width: 100%; height: auto; position: relative; float: left; margin-right: 1.5%; margin-bottom: 20px; }
.cover-post-recomendado { width: 100%; height: auto; position: relative; float: left; border-radius: 10px; overflow: hidden; }
.item-post-recomendado h4 { width: 90%; height: auto; position: relative; float: left; margin-top: 12px; font-size: 17px; }
.item-tag-post-recomendado { width: auto; height: auto; position: relative; float: left; padding: 6px 12px; background-color: #fff; color: #000; font-size: 12px; border-radius: 20px; margin-right: 10px; }

.sl-navigation{display: none !important;}
.item-btn-banner-blog { width: 80px; height: 80px; position: absolute; top: 50%; margin-top: -40px; z-index: 99; background-color: #fff; border-radius: 50%; display: none; cursor: pointer; }


}




/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers
 */

.hidden,
[hidden] {
  display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 *
 * 1. For long content, line feeds are not interpreted as spaces and small width
 *    causes content to wrap 1 word per line:
 *    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
 */

.visually-hidden {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
  /* 1 */
}

/*
 * Extends the .visually-hidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.visually-hidden.focusable:active,
.visually-hidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  white-space: inherit;
  width: auto;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
  visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * The use of `table` rather than `block` is only necessary if using
 * `::before` to contain the top-margins of child elements.
 */

.clearfix::before,
.clearfix::after {
  content: "";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
  /* Style adjustments for viewports that meet the condition */
}

@media print,
  (-webkit-min-device-pixel-ratio: 1.25),
  (min-resolution: 1.25dppx),
  (min-resolution: 120dpi) {
  /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   https://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
  *,
  *::before,
  *::after {
    background: #fff !important;
    color: #000 !important;
    /* Black prints faster */
    box-shadow: none !important;
    text-shadow: none !important;
  }

  a,
  a:visited {
    text-decoration: underline;
  }

  a[href]::after {
    content: " (" attr(href) ")";
  }

  abbr[title]::after {
    content: " (" attr(title) ")";
  }

  /*
   * Don't show links that are fragment identifiers,
   * or use the `javascript:` pseudo protocol
   */
  a[href^="#"]::after,
  a[href^="javascript:"]::after {
    content: "";
  }

  pre {
    white-space: pre-wrap !important;
  }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  tr,
  img {
    page-break-inside: avoid;
  }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }
}