.buttonAbsolute {
  position:fixed;
  bottom:20px;
  right:20px;
  width:90px;
  height:90px;
  padding:13px;
  background-color:rgba(225, 225, 225, 0.8);
  color:#3c3c3c;
  display:none;
}
body {
  box-sizing:border-box;
  margin:0;
  padding:0;
  border:0;
  font-family:'Montserrat', sans-serif;
}
header {
  height:100px;
  background-color:#000;
}
.header {
  max-width:1140px;
  height:100px;
  margin:auto;
  display:flex;
  justify-content:space-between;
  align-items:center;
}
.header img {
  width:50px;
  height:50px;
}
.header ul {
  display:flex;
  margin:0;
}
.header li  {
  list-style-type:none;
  color:#fff;
  font-size:13px;
  padding-left:10px;
  padding-right:10px;
  display:flex;
  align-items:center;
  height:95px;
  border-bottom:5px solid #000;
  text-decoration:none;
  font-weight:600;
}
.header li:hover, #active {
  border-bottom:5px solid #b28756;
}
.banner_topo {
  background-image: url(images/complementos/bg.jpg);
  height:calc(100vh - 100px);
  background-position:absolute;
  background-size:cover;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
}
.banner_content {
  max-width:640px;
  height:auto;
  display:flex;
  flex-direction:column;
  align-items:center;
}
.banner_main_text {
  margin-bottom:20px;
}
.banner_main_text h1 {
  font-size:60px;
  color:#fff;
  font-weight:700;
  text-transform:uppercase;
  text-align:center;
  margin:0;
}
.banner_main_text strong {
  font-size:60px;
  color:#b28756;
  font-weight:700;
  margin:0;
}
.banner_contact h3 {
  text-transform:uppercase;
  font-size:17px;
  text-align:center;
  color:#fff;
  margin:0;
}
.banner_link {
  background-color:#b28756;
  height:45px;
  width:195px;
  border-radius:22.5px;
  display:flex;
  justify-content:center;
  align-items:center;
  margin-top:30px;
}
.banner_link a {
  text-decoration:none;
  color:#fff;
  font-size:14px;
  text-transform:uppercase;
}
.banner_more {
  width:63px;
  height:15px;
  display:flex;
  flex-direction:row;
  justify-content:space-between;
}
.bolinha {
  width:10px;
  height:10px;
  background-color:transparent;
  border:2px solid #333;
  border-radius:6.5px;
  margin-top:100px;
}
.ativa {
  background-color:#b28756;
  border:2px solid #333;
}
.about_us {
  height:530px;
  max-width:1140px;
  margin:auto;
}
.about_us_content {
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
}
.site_title {
  display:flex;
  flex-direction:column;
  align-items:center;
  text-transform:uppercase;
}
.site_title h1 {
  font-size:22px;
  margin-bottom:0;
  margin-top:50px;
}
.site_title h3 {
  font-size:11px;
  color:#aaa;
  margin-top:10px;
  margin-bottom:50px;
}
.about_us_main_content {
  display:flex;
  flex-direction:row;
  justify-content:space-between;
}
.about_us_text {
  display:flex;
  flex-direction:column;
}
.about_us_text p {
  margin-bottom:35px;
}
button {
  width:195px;
  height:45px;
  background-color:#b28756;
  color:#fff;
  font-size:11px;
  text-transform:uppercase;
  font-weight:600;
  border-radius:22.5px;
  border:none;
}
.about_us_main_content img{
  margin-left:10px;
  box-shadow:0px 1px 15px #333;
}
.services {
  width:100%;
  height:415px;
  background-color:#000;
  margin:auto;
  display:flex;
  flex-direction:column;
  align-items:center;
}
.services_content {
  max-width:1140px;
}
.site_title .black {
  color:#fff;
}
.services_qualitys {
  display:flex;
  flex-direction:row;
}
.qualitys {
  flex:1;
  display:flex;
  flex-direction:column;
  align-items:center;
  border-left:1px solid #fff;
}
.qualitys h1 {
  color:#fff;
  font-size:17px;
  text-align:center;
  text-transform:uppercase;
}
.qualitys p {
  color:#aaa;
  font-size:12px;
  text-align:center;
}
.last {
  border-right:1px solid #fff;
}
.our_projects_content {
  max-width:1140px;
  height:auto;
  margin:auto;
  display:flex;
  flex-direction:column;
  align-items:center;
}
.our_projects_list ul {
  display:flex;
  flex-direction:row;
  justify-content:center;
  border:1px solid #aaa;
  width:705px;
  height:55px;
  padding:0;
  border-radius:27.5px;
  background-color:#eee;
  margin-bottom:35px;
  margin-top:0;
}
.our_projects_list label {
  display:flex;
  flex-direction:row;
}
.our_projects_list li {
  list-style-type:none;
  text-transform:uppercase;
  padding-right:22px;
  padding-left:22px;
  display:flex;
  height:50px;
  align-items:center;
  border-left:1px solid #aaa;
  border-bottom:5px solid #eee;
}
.our_projects_list li:hover,
#borda_ativa {
  border-bottom:5px solid #b28756;
}
#ativado {
  border-left:none;
}
.our_projects_list li a {
  text-decoration:none;
  color:#000;
  font-size:13px;
}
.our_projects_images {
  height:555px;
  width:1140px;
  margin:auto;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}
.our_projects_images_row {
  display:flex;
  flex-direction:row;
  justify-content:space-between;
}
.our_projects_images_content {
  width:255px;
  height:165px;
}
.our_projects_images_content img {
  height:165px;
  width:255px;
}
.our_projects_content button {
  margin-bottom:63px;
  margin-top:30px;
}
.our_projects_content .background {
  background-image:url(images/complementos/foto2.jpg);
  background-position:absolute;
  background-size:cover;
  height:165px;
  width:255px;
}
.our_projects_background_text {
  background-color:rgba(0, 0, 0, 0.5);
  height:165px;
  width:255px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.our_projects_background_text h1 {
  font-size:22px;
  margin-bottom:0;
  margin-top:0;
  text-align:center;
  color:#fff;
  text-transform:uppercase;
}
.our_projects_background_text p {
  text-align:center;
  color:#ddd;
  font-size:12px;
}
.our_team {
  background-image:url(https://img.freepik.com/free-photo/big-city_1127-3102.jpg);
  background-position:absolute;
  background-size:cover;
  height:695px;
  width:100%;
}
.our_team_background {
  background-color:rgba(0, 0, 0, 0.5);
  height:695px;
  width:100%;
}
.our_team_content {
  height:695px;
  max-width:1140px;
  margin:auto;
  display:flex;
  flex-direction:column;
}
.our_team_content .site_title h1 {
  color:#fff;
}
.our_team_content .site_title h3 {
  color:#aaa;
}
.our_team_content .bolinha {
  margin-top:45px;
  background-color:transparent;
  border:2px solid #b28756;
}
.our_team_content .ativa {
  background-color:#b28756;
  border:2px solid #b28756;
}
.our_team_content .flexbox_bolinha {
  max-width:1140px;
  display:flex;
  justify-content:center;
}
.our_team_co-workers {
  height:430px;
  display:flex;
  flex-direction:row;
  justify-content:space-between;
}
.co-worker {
  background-color:#fff;
  width:350px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
}
.co-worker h1 {
  text-transform:uppercase;
  font-weight:400;
  margin-bottom:15px;
  margin-top:45px;
}
.co-worker h3 {
  font-weight:300;
  margin-top:0;
}
.co-worker_icon {
  width:148px;
  display:flex;
  flex-direction:row;
  justify-content:space-between;
}
.co-worker_icon img {
  background-color:#aaa;
}
.co_worker_icon_background {
  height:33px;
  width:33px;
  border-radius:16.5px;
  display:flex;
  justify-content:center;
  align-items:center;
  background-color:#aaa;
}
.happy_clients {
  background-color:rgb(245, 245, 245);
}
.happy_clients_content {
  height:660px;
  max-width:730px;
  margin:auto;
  display:flex;
  flex-direction:column;
  align-items:center;
}
.happy_clients_content .site_title h3 {
  margin-bottom:70px;
}
.happy_clients_content .co-worker {
  background-color:rgb(245, 245, 245);
}
.happy_clients_content .co-worker h1 {
  margin-top:35px;
  font-weight:700;
}
.happy_clients_content .co-worker h3 {
  font-weight:400;
  margin-bottom:40px;
}
.happy_clients_depoiments {
  display:flex;
  flex-direction:column;
  align-items:center;
}
.happy_clients_depoiments p {
  margin-bottom:35px;
  text-align:center;
  color:#333;
}
.happy_clients_content .bolinha {
  background-color:transparent;
  margin-top:0;
  border:2px solid #b28756;
}
.happy_clients_content .ativa {
  background-color:#b28756;
  border:2px solid #b28756;
}
.empresas {
  height:155px;
  border-top:1px solid #aaa;
  border-bottom:1px solid #aaa;
}
.empresas_content {
  max-width:1140px;
  height:155px;
  margin:auto;
  display:flex;
  flex-direction:row;
  align-items:center;
  justify-content:space-between;
}
.empresas_content img {
  width:85px;
}
.price {
  width:100%;
  height:555px;
  background-color:rgb(230, 230, 230);
}
.price_content {
  max-width:1140px;
  height:555px;
  margin:auto;
  display:flex;
  flex-direction:column;
}
.price_row {
  display:flex;
  flex-direction:row;
  justify-content:space-between
}
.all_price {
  width:255px;
  height:345px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  background-color:#fff;
}
.all_price h1 {
  font-size:15px;
  font-weight:600;
  margin-top:0;
  margin-bottom:15px;
  text-transform:uppercase;
}
.all_price h2 {
  font-size:27px;
  font-weight:700;
  margin-top:0;
  margin-bottom:0px;
}
.all_price h3 {
  font-size:12px;
  color:#aaa;
  font-weight:400;
  margin-top:0;
  margin-bottom:17px;
  text-transform:uppercase;
}
.all_price h4 {
  font-size:13px;
  color:#333;
  font-weight:400px;
  margin:0;
}
.all_price button {
  width:130px;
  height:45px;
  border-radius:22.5px;
  background-color:#000;
  margin-top:17px;
  text-transform:uppercase;
}
.all_price #button_active {
  background-color:#b28756;
}
.premium {
  width:100%;
  height:750px;
}
.premium_content {
  max-width:1140px;
  height:750px;
  margin:auto;
}
.premium_main_content {
  display:flex;
  flex-direction:row;
  height:400px;
  border-bottom:1px solid #aaa;
}
.premium_topics {
  display:flex;
  flex-direction:column;
}
.premium_image_text {
  display:flex;
  flex-direction:row;
}
.topics_image img {
  margin-right:30px;
}
.topics-content {
  display:flex;
  flex-direction:column;
}
.topics__main_image {
  margin-left:70px;
  margin-right:100px;
}
.topics_text h1 {
  text-transform:uppercase;
  font-size:22px;
  font-weight:700;
  margin-top:0;
  margin-bottom:0;
}
.topics_text p {
  color:#aaa;
  font-size:16px;
  margin-top:7px;
}
.premium_last {
  display:flex;
  flex-direction:column;
  align-items:center;
}
.premium_last .bolinha {
  margin-top:40px;
  background-color:#fff;
  border:2px solid #b28756;
}
.premium_last .ativa {
  background-color:#b28756;
  border:2px solid #b28756;
}
.premium_last button {
  margin-top:90px;
}
.some_facts {
  width:100%;
  height:350px;
  background-color:#000;
}
.some_facts .site_title h1 {
  color:#fff;
}
.some_facts_facts h1 {
  color:#b28756;
}
.some_facts_facts h3 {
  color:#fff;
}
.some_facts_facts p {
  color:#aaa;
}
.some_facts_content {
  max-width:1140px;
  height:350px;
  margin:auto;
  background-color:#000;
}
.some_facts_main_content {
  display:flex;
  flex-direction:row;
  justify-content:space-between;
}
.some_facts_facts {
  width:170px;
  height:190px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  background-color:#000;
}
.some_facts_facts h1 {
  color:#b28756;
  font-size:30px;
  font-weight:700;
  margin-bottom:0;
  margin-top:0;
}
.some_facts_facts h3 {
  color:#fff;
  font-size:17px;
  text-align:center;
  text-transform:uppercase;
  margin-top:0;
  margin-bottom:25px;
}
.some_facts_facts p {
  color:#aaa;
  font-size:11.5px;
  text-align:center;
  margin-top:0;
  margin-bottom:0;
}
.share {
  height:70px;
  width:100%;
  border-bottom:2px solid #aaa;
}
.share_content {
  height:70px;
  max-width:660px;
  margin:auto;
  display:flex;
  flex-direction:row;
  justify-content:space-between;
  align-items:center;
}
.social_network {
  display:flex;
  flex-direction:row;
  display:flex;
  flex-direction:row;
  justify-content:center;
  align-items:center;
}
.social_network h3 {
  margin-top:0;
  margin-bottom:0;
  margin-left:7px;
  margin-right:30px;
  color:#aaa;
  font-size:14px;
  font-weight:600;
  text-transform:uppercase;
}
.social_network h5 {
  margin-top:0;
  margin-bottom:0;
  margin-left:4px;
  font-size:9px;
  color:#aaa;
}
.image_network {
  width:33px;
  height:33px;
  border-radius:16.5px;
  display:flex;
  justify-content:center;
  align-items:center;
}
.twitter {
  background-color:#00acee;
}
.linkedin {
  background-color:#0072b1;
}
.facebook {
  background-color:#3b5998;
}
.googleplus {
  background-color:#db4a39;
}
.pinterest {
background-color:#c8232c;
}
.contact_us {
  width:100%;
  height:530px;
  border-bottom:2px solid #aaa;
}
.contact_us_content {
  height:530px;
  max-width:540px;
  margin:auto;
  display:flex;
  flex-direction:column;
  align-items:center;
}
.contact_us_content .site_title h3 {
  margin-bottom:95px;
}
.contact_us_content form {
  display:flex;
  flex-direction:column;
  margin-top:0;
}
.label_button {
  width:100%;
  display:flex;
  justify-content:center;
}
.contact_us_content input {
  border-bottom:1px solid #aaa;
  border-top:none;
  border-left:none;
  border-right:none;
  margin-bottom:45px;
}
.contact_us_content .input_full {
  width:100%;
}
.contact_us_content .subject {
  margin-bottom:88px;
}
.contact_us_content input::placeholder {
  color:#aaa;
  font-size:12px;
}
.contact_us_content input:focus {
  outline:0;
}
.location {
  width:100%;
  height:415px;
  background-image:url(https://media.istockphoto.com/id/1095421732/vector/city-street-map.jpg?s=612x612&w=0&k=20&c=nxYOUBD-oy4gyXAzW1mPGtHvTkuVdKuth59iGqtrHrE=);
  background-position:absolute;
  background-size:cover;
}
.location_main_content .icon_location {
  width:33px;
  height:33px;
  border-radius:16.5px;
  background-color:#aaa;
  display:flex;
  justify-content:center;
  align-items:center;
}
.location_content {
  max-width:1140px;
  height:415px;
  margin:auto;
  display:flex;
  align-items:center;
}
.location_main_content {
  max-width:540px;
  height:340px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  background-color:#fff;
}
.image_text_location {
  display:flex;
  flex-direction:row;
  align-items:center;
  margin-left:40px;
}
.image_text_location p {
  font-size:14px;
  color:#666;
  margin-left:20px;
  font-weight:400;
}
footer {
  width:100%;
  height:260px;
  background-color:#000;
}
.footer_content {
  max-width:1140px;
  height:260px;
  margin:auto;
  display:flex;
  flex-direction:row;
  align-items:center;
}
.icons_footer {
  height:180px;
  display:flex;
  flex:1;
  flex-direction:column;
  justify-content:space-between;
}
.icons {
  display:flex;
  flex-direction:row;
}
.icons_footer_main {
  width:33px;
  height:33px;
  display:flex;
  justify-content:center;
  align-items:center;
  background-color:#333;
  border-radius:16.5px;
  margin-left:7px;
}
.icons_footer h1 {
  font-size:14px;
  color:#fff;
  margin-bottom:0;
  font-weight:600;
}
.points {
  display:flex;
  flex-direction:row;
  justify-content:space-around;
  align-items:center;
}
.three_points {
  width:6px;
  height:6px;
  border-radius:3px;
  background-color:#fff;
}
.p_footer {
  height:180px;
  display:flex;
  flex:1;
}
.p_footer p {
  font-size:12px;
  line-height:20px;
  color:#666;
  margin-top:0;
  margin-right:30px;
  margin-bottom:0;
}
.subscribe_footer {
  height:180px;
  background-color:#333;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  flex:1;
}
.subscribe_footer input {
  background-color:#333;
  border-left:0;
  border-right:0;
  border-top:0;
  border-bottom:2px solid #aaa;
  color:#fff;
  font-size:12px;
  width:190px;
}
.subscribe_footer input:focus {
  outline:0;
}
.subscribe_footer input::placeholder {
  font-size:12px;
  font-weight:600;
  color:#888;
  text-align:center;
}
.subscribe_footer button {
  margin-top:25px;
}

/* Responsividade */

.menu_header {
  display:none;
  flex-direction:column;
  justify-content:space-between;
  width:25px;
  height:21px;
  margin-left:30px;
}
.mn_line {
  display:none;
  border-radius:1.5px;
  width:25px;
  height:5px;
  background-color:#b28756;
}
.tel_header {
  display:none;
}
.tel_header img {
  border-radius:25px;
}
.all_social_network {
  display:flex;
  width:315px;
  justify-content:space-between;
}
@media (max-width:770px) {
  .site_title h3 {
    margin-bottom:35px;
  }
  .menu_header {
    display:flex;
    flex-direction:column;
  }
  .header {
    width:315px;
    margin:auto;
  }
  .header ul { 
    display:none;
    position:absolute;
    flex-direction:column;
    background-color:rgba(0, 0, 0, 0.8);
    padding-left:7px;
    height:750px;
    min-width:270px;
    margin-right:270px;
  }
  .mn_line {
    display:flex;
  }
  .tel_header {
    display:flex;
    /* margin-left:190px; */
  }
  .banner_main_text h1, .banner_main_text strong {
    font-size:32px;
  }
  .about_us {
    height:auto;
  }
  .about_us_content {
    width:315px;
    margin:auto;
  }
  .about_us_main_content {
    flex-direction:column;
    align-items:center;
  }
  .about_us_main_content img  {
    width:315px;
    height:auto;
    margin:0;
    margin-bottom:50px;
  }
  .about_us_text {
    align-items:center;
  }
  .about_us_text p {
    margin-top:0;
    width:315px;
  }
  .about_us_text button {
    margin-bottom:35px;
  }
  .services {
    height:auto;
  }
  .services_qualitys {
    flex-direction:column;
  }
  .qualitys {
    border:0;
    margin-bottom:35px;
    width:176px;  
    text-align:center;
  }
  .our_projects_list ul {
    flex-direction:column;
    align-items:center; 
    height:auto;
    width:315px;
  }
  .our_projects_list #border_ bottom {
    border-bottom:1px solid #aaa;
  }
  .our_projects_list li {
    border:none;  
  }
  .our_projects_images_row {
    flex-direction:column;
    margin:auto;
    margin-bottom:0;
    width:315px;
    height:auto;
  }
  .our_projects_images_row img {
    width:315px;
    height:auto;
    margin-bottom:20px;
  }
  .our_projects_images {
    width:315px;
    margin:auto;
    height:auto;
  }
  .our_projects_images_content {
    height:auto;
    width:315px;
  }
  .our_projects_background_text {
    width:315px;
    height:165px;
  }
  .our_projects_content .background {
    width:315px;
    height:auto;
    margin-bottom:20px;
  }
  .our_projects_content button {
    margin-top:10px;
  }
  .our_team_co-workers {
    margin:auto;
    margin-top:0;
    margin-bottom:50px;
  }
  .co-worker {
    width:315px;
  }
  .some {
    display:none;
  }
  .happy_clients_depoiments p {
    width:315px;
  }
  .empresas_content {
    justify-content:center;
  }
  .image-margin_right_mobile {
    margin-right:60px;
  }
  .price_content {
    height:auto;
  }
  .price {
    height:auto;
  }
  .price_row {
    flex-direction:column;
    margin:auto;
  }
  .all_price {
    margin-bottom:35px;
    width:315px;
  }
  .premium {
    height:auto;
  }
  .premium_content {
    height:auto;
  }
  .premium_main_content {
    flex-direction:column;
    height:auto;
    align-items:center;
  }
  .topics__main_image {
    margin-bottom:35px;
  }
  .topics__main_image img {
    width:300px;
    height:auto;
  }
  .premium_image_text {
    width:315px;
    margin:auto;
    margin-bottom:20px;
    margin-top:0;
  }
  .topics_text h1 {
    font-size:21px;
  }
  .topics_text p {
    font-size:16px;
  }
  .premium_last .banner_more {
    margin-bottom:20px;
  }
  .premium_last button {
    margin-bottom:35px;
  }
  .some_facts {
    height:auto;
  }
  .some_facts_content {
    height:auto;
    width:310px;
    margin:auto;
  }
  .some_facts_main_content {
    flex-direction:column;
    width:310px;
    margin:auto;
    align-items:center;
  }
  .some_facts_facts {
    width:315px;
  }
  .share_content {
    flex-direction:column;
  }
  .social_network {
    flex-direction:column;
    margin-bottom:20px;
  }
  .share_content {
    height:auto;
  }
  .share {
    height:auto;
  }
  .contact_us {
    height:auto;
  }
  .contact_us_content {
    height:auto;
  }
  .contact_us_content form label {
    display:flex;
    flex-direction:column;
    width:315px;
  }
  .contact_us_content .subject {
    margin-bottom:45px;
  }
  .contact_us_content .label_button {
    align-items:center;
    margin-bottom:35px;
  }
  .location_main_content {
    width:315px;
    background-color:rgba(255, 255, 255, 0.7);
  }
  .image_text_location {
    width:315px;
    margin:auto;  
  }
  .image_text_location p {
    margin-left:15px;
  }
  .location_content {
    justify-content:center;
  }
  footer {
    height:auto;
  }
  .footer_content {
    height:auto;
    flex-direction:column-reverse;
  }
  .subscribe_footer {
    width:315px;
    height:200px;
    margin-top:35px;
  }
  .subscribe_footer input {
    margin-top:35px;
  }
  .subscribe_footer button {
    margin-bottom:35px;
  }
  .p_footer {
    height:auto;
    width:315px;
    margin:auto;
    margin-top:35px;
    margin-bottom:35px;
    text-align:justify;
  }
  .p_footer p {
    margin-right:0;
  }
  .awax_date_publish {
    text-align:center;
    margin-top:20px;
    margin-bottom:35px;
  }
}