/*
    - Fonts
    - Reset Default Foundation Styling
    - Hero
    - Header
    - Services
    - Fancy Button
    - Quote
    - Testimonials
    - Call To Action
    - Google Map
    - Footer
    - Responsive CSS */
  /*		Fonts		*/

  @font-face {
      font-family: 'raleway-bold';
      src: url('../fonts/raleway-bold.eot');
      src: url('../fonts/raleway-bold.eot?#iefix') format('embedded-opentype'), url('../fonts/raleway-bold.woff') format('woff'), url('../fonts/raleway-bold.ttf') format('truetype'), url('../fonts/raleway-bold.svg#RalewayBold') format('svg');
      font-weight: normal;
      font-style: normal;
  }

  @font-face {
      font-family: 'raleway-light';
      src: url('../fonts/raleway-light.eot');
      src: url('../fonts/raleway-light.eot?#iefix') format('embedded-opentype'), url('../fonts/raleway-light.woff') format('woff'), url('../fonts/raleway-light.ttf') format('truetype'), url('../fonts/raleway-light.svg#RalewayLight') format('svg');
      font-weight: normal;
      font-style: normal;
  }

  @font-face {
      font-family: 'raleway-regular';
      src: url('../fonts/raleway-regular.eot');
      src: url('../fonts/raleway-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/raleway-regular.woff') format('woff'), url('../fonts/raleway-regular.ttf') format('truetype'), url('../fonts/raleway-regular.svg#RalewayRegular') format('svg');
      font-weight: normal;
      font-style: normal;
  }

  @font-face {
      font-family: 'raleway-semibold';
      src: url('../fonts/raleway-semibold.eot');
      src: url('../fonts/raleway-semibold.eot?#iefix') format('embedded-opentype'), url('../fonts/raleway-semibold.woff') format('woff'), url('../fonts/raleway-semibold.ttf') format('truetype'), url('../fonts/raleway-semibold.svg#RalewaySemibold') format('svg');
      font-weight: normal;
      font-style: normal;
  }
  /*    Reset Default Foundation Styling    */

  .row {
      padding: 0 20px;
  }

  .fullWidth {
      width: 100%;
      margin-left: auto;
      margin-right: auto;
      max-width: initial;
      padding: 0;
  }

  .top-bar .toggle-topbar.menu-icon a span::after {
      right: 0;
  }

  .top-bar .toggle-topbar.menu-icon a {
      padding: 0 2rem 0 0.9375rem;
  }

  .top-bar, .top-bar ul, .top-bar-section li:not(.has-form) a:not(.button), .top-bar-section li:not(.has-form) a:not(.button):hover, .top-bar-section ul li, .top-bar.expanded .title-area, .no-js .top-bar-section ul li:hover>a {
      background: transparent;
      height: auto;
      line-height: normal;
      padding: 0;
      color: #FFF;
      list-style: none;
  }

  @media screen and (max-width: 39.9375em) {
      .title-bar {
          background: #222;
          border-top-right-radius: 5px;
          border-top-left-radius: 5px;
      }
      .top-bar ul {
          background: #222;
          border-bottom-right-radius: 5px;
          border-bottom-left-radius: 5px;
          width: 100%;
      }
      .top-bar-right div[style] {
          width: 100% !important;
      }
      .top-bar-right div ul[style] {
          width: 100% !important;
      }
  }

  .top-bar .name, .top-bar .name h1, .top-bar .name h2, .top-bar .name h3, .top-bar .name h4, .top-bar .name span, .top-bar .name p {
      line-height: normal;
      height: auto;
      font-size: 1.375rem;
  }

  .top-bar.expanded .toggle-topbar a {
      color: #fbdd90;
  }

  .top-bar.expanded .toggle-topbar a span::after {
      box-shadow: 0 0 0 1px #fbdd90, 0 7px 0 1px #fbdd90, 0 14px 0 1px #fbdd90;
  }
  /*    Hero    */

  .hero {
      width: 100%;
      height: 100vh;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
  }

  .hero-gismat {
      width: 100%;
      height: 100vh;
      background-image: url('../img/hero.jpg');
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
  }

  .hero-promoflash {
      width: 100%;
      height: 100vh;
      background-image: url('../img/hero_promo.jpg');
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
  }

  .hero-estore {
      width: 100%;
      height: 100vh;
      background-image: url('../img/estore-hero.jpg');
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
  }

  .hero-autodesk {
      width: 100%;
      height: 100vh;
      background-image: url('../img/hero-autodesk.jpg');
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
  }
.parceiros {
   
  float: right;
  
  width: 100%;
}
  .hero-Inov {
      width: 100%;
      height: 100vh;
      background-image: url('../img/inov.jpg');
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
  }
  .hero-infra {
      width: 100%;
      height: 100vh;
      background-image: url('../img/infracrit1.jpg');
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
  }
  .owl-carousel {
      position: absolute !important;
      height: 100vh;
  }

  .caption {
      padding-top: 350px;
  }

  @media screen and (max-width: 39.9375em) {
      .caption {
          padding-top: 150px;
      }
  }

  .hero .caption h1.mean_cap {
      font-family: "raleway-bold", Helvetica, Arial, sans-serif;
      font-size: 123px;
      color: #fff;
      text-transform: uppercase;
      line-height: 1.2;
      font-weight: 700;
  }


  .caption_inov {
      padding-top: 250px;
  }

  @media screen and (max-width: 39.9375em) {
      .caption_inov {
          padding-top: 150px;
      }
  }
  h1.mean_cap_inov {
      font-size: 75px;
      font-family: "raleway-bold", Helvetica, Arial, sans-serif;
      color: #fff;
      text-transform: uppercase;
      line-height: 1.2;
      font-weight: 700;
  }

  .hero .caption h2.sub_cap {
      font-family: "raleway-light", Helvetica, Arial, sans-serif;
      font-weight: 100;
     // font-size: 33px;
      color: #fff;
      text-transform: uppercase;
      line-height: 1.25;
      margin-bottom: 50px;
  }


  h2.sub_cap_inov {
      font-size: 48px;
      font-family: "raleway-light", Helvetica, Arial, sans-serif;
      font-weight: lighter;
      color: #fff;
      text-transform: uppercase;
      line-height: 75px;
      margin-bottom: 50px;
  }

  .hero .caption .btn_details span {
      display: inline-block;
      color: #fff;
      font-family: "raleway-regular", Helvetica, Arial, sans-serif;
      font-size: 18px;
      letter-spacing: .5px;
      position: relative;
      margin-right: 5px;
      border: 1px solid #ffffff;
      padding: 20px;
      padding-top: 10px;
      padding-bottom: 10px;
      border-radius: 3px;
  }

  .hero .caption .btn_details span:hover {
      background: #FFF;
      color: #323236;
      -webkit-transition: all .3s ease-in;
      -o-transition: all .3s ease-in;
      -moz-transition: all .3s ease-in;
      transition: all .3s ease-in;
  }

  .hero .caption .btn_details_index span {
      display: inline-block;
      color: #fff;
      font-family: "raleway-regular", Helvetica, Arial, sans-serif;
      font-size: 18px;
      letter-spacing: .5px;
      position: relative;
      margin-right: 5px;
      border: 1px solid #ffffff;
      padding: 20px;
      padding-top: 10px;
      padding-bottom: 10px;
      border-radius: 3px;
  }

  .hero .caption .btn_details_index span:hover {
      background: #FFF;
      color: #323236;
      -webkit-transition: all .3s ease-in;
      -o-transition: all .3s ease-in;
      -moz-transition: all .3s ease-in;
      transition: all .3s ease-in;
  }

  .hero .caption .btn_details_1 span {
      display: inline-block;
      color: #fff;
      font-family: "raleway-regular", Helvetica, Arial, sans-serif;
      font-size: 18px;
      letter-spacing: .5px;
      position: relative;
      margin-right: 5px;
      border: 1px solid #ffffff;
      padding: 20px;
      padding-top: 10px;
      padding-bottom: 10px;
      border-radius: 3px;
  }

  .hero .caption .btn_details_1 span:hover {
      background: #FFF;
      color: #323236;
      -webkit-transition: all .3s ease-in;
      -o-transition: all .3s ease-in;
      -moz-transition: all .3s ease-in;
      transition: all .3s ease-in;
  }

  .hero .caption .btn_details_2 span {
      display: inline-block;
      color: #fff;
      font-family: "raleway-regular", Helvetica, Arial, sans-serif;
      font-size: 18px;
      letter-spacing: .5px;
      position: relative;
      margin-right: 5px;
      border: 1px solid #ffffff;
      padding: 20px;
      padding-top: 10px;
      padding-bottom: 10px;
      border-radius: 3px;
  }

  .hero .caption .btn_details_2 span:hover {
      display: inline-block;
      background: #FFF;
      color: #323236;
      -webkit-transition: all .3s ease-in;
      -o-transition: all .3s ease-in;
      -moz-transition: all .3s ease-in;
      transition: all .3s ease-in;
  }
  /*    Hero Homepage Gismat*/

  .hero_home-gismat {
      width: 100%;
      height: 60vh;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
  }

  .hero-product1 {
      width: 100%;
      height: 60vh;
      background-image: url('../img/hero-autodesk.jpg');
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
  }

  .hero-product2 {
      width: 100%;
      height: 60vh;
      background-image: url('../img/hero-autodesk.jpg');
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
  }

  .owl-carousel-gismat {
      position: absolute !important;
      height: 60vh;
  }

  .hero_home-gismat .caption-gismat h1.mean_cap {
      font-family: "raleway-bold", Helvetica, Arial, sans-serif;
      font-size: 93px;
      color: #fff;
      text-transform: uppercase;
      line-height: 85px;
  }

  h1.mean_cap_inov {
      font-size: 93px;
      font-family: "raleway-bold", Helvetica, Arial, sans-serif;
      color: #fff;
      text-transform: uppercase;
      line-height: 1.2;
      font-weight: 700;
  }

  .hero_home-gismat .caption-gismat h2.sub_cap {
      font-family: "raleway-light", Helvetica, Arial, sans-serif;
      font-weight: lighter;
      font-size: 33px;
      color: #fff;
      text-transform: uppercase;
      line-height: 40px;
      margin-bottom: 20px;
  }

  .hero_home-gismat .caption-gismat .btn_details span {
      display: inline-block;
      color: #fff;
      font-family: "raleway-regular", Helvetica, Arial, sans-serif;
      font-size: 18px;
      letter-spacing: .5px;
      position: relative;
      margin-right: 5px;
      border: 1px solid #ffffff;
      padding: 20px;
      padding-top: 10px;
      padding-bottom: 10px;
      border-radius: 3px;
  }

  .hero_home-gismat .caption-gismat .btn_details span:hover {
      background: #FFF;
      color: #323236;
      -webkit-transition: all .3s ease-in;
      -o-transition: all .3s ease-in;
      -moz-transition: all .3s ease-in;
      transition: all .3s ease-in;
  }

  .hero_home-gismat .caption-gismat .btn_details_1 span {
      display: inline-block;
      color: #fff;
      font-family: "raleway-regular", Helvetica, Arial, sans-serif;
      font-size: 18px;
      letter-spacing: .5px;
      position: relative;
      margin-right: 5px;
      border: 1px solid #ffffff;
      padding: 20px;
      padding-top: 10px;
      padding-bottom: 10px;
      border-radius: 3px;
  }

  .hero_home-gismat .caption-gismat .btn_details_1 span:hover {
      background: #FFF;
      color: #323236;
      -webkit-transition: all .3s ease-in;
      -o-transition: all .3s ease-in;
      -moz-transition: all .3s ease-in;
      transition: all .3s ease-in;
  }

  .hero_home-gismat .caption-gismat .btn_details_2 span {
      display: inline-block;
      color: #fff;
      font-family: "raleway-regular", Helvetica, Arial, sans-serif;
      font-size: 18px;
      letter-spacing: .5px;
      position: relative;
      margin-right: 5px;
      border: 1px solid #ffffff;
      padding: 20px;
      padding-top: 10px;
      padding-bottom: 10px;
      border-radius: 3px;
  }

  .hero_home-gismat .caption-gismat .btn_details_2 span:hover {
      display: inline-block;
      background: #FFF;
      color: #323236;
      -webkit-transition: all .3s ease-in;
      -o-transition: all .3s ease-in;
      -moz-transition: all .3s ease-in;
      transition: all .3s ease-in;
  }

  .caption-gismat {
      padding-top: 250px;
  }

  @media screen and (max-width: 39.9375em) {
      .caption-gismat {
          padding-top: 150px;
      }
  }
  /*.hero .caption .btn_details .arrow {
  -webkit-transition: all .4s ease-out;
  -o-transition: all .42s ease-out;
  transition: all .4s ease-out;
}
.hero .caption .btn_details:hover .arrow {
  -webkit-transform: translateX(3px);
  -ms-transform: translateX(3px);
  -o-transform: translateX(3px);
  transform: translateX(3px);
}*/
  /*    Header    */

  header {
      width: 100%;
      height: 130px;
      background: transparent;
  }

  .logo h1 {
      text-decoration: none;
      color: #ffffff;
      font-family: "lato-bold", Helvetica, Arial, sans-serif;
      font-size: 22px;
      font-weight: bold;
      text-transform: uppercase;
  }

  .logo h1 .tld {
      font-family: "lato-hairline", Helvetica, Arial, sans-serif;
      font-size: 14px;
      margin: 0;
  }

  div .logo {
      margin: 50px 0 0 0;
  }

  .top-bar {
      position: relative;
      top: 0;
      z-index: 2;
      margin-top: 60px;
      position: relative;
      z-index: 999;
      background: rgba(0, 0, 0, 0.35);
      padding: 10px;
      padding-left: 20px;
      padding-bottom: 0;
      padding-top: 15px;
      border-radius: 5px;
  }

  .submenu {
      border-radius: 5px;
      margin-top: 10px;
  }

  .dropdown.menu .submenu.first-sub {
      margin-top: 12px;
  }

  .submenu li {
      background: rgba(0, 0, 0, 0.35);
  }

  @media screen and (max-width: 39.9375em) {
      .top-bar {
          margin-top: 0;
          background: transparent;
          padding: 0;
      }
      .submenu {
          border-radius: 0px;
      }
      .dropdown.menu .submenu.first-sub {
          margin-top: 0px;
      }
      header {
          background: #222;
      }
  }

  .title-bar {
      margin-top: 15px;
      position: relative;
      z-index: 999;
  }

  .top-bar.expanded {
      overflow: visible;
  }

  .top-bar-section ul {
      position: absolute;
      right: 0;
  }

  div .top-bar-section ul li a {
      color: #ffffff;
      font-family: "raleway-regular", Helvetica, Arial, sans-serif;
      font-size: 14px;
      text-transform: uppercase;
      margin-right: 30px;
      letter-spacing: .5px;
  }

  header .top-bar-section ul li:last-child a {
      margin-right: 0;
  }

  header .top-bar-section li:not(.has-form) a:not(.button) {
      -webkit-transition: all .2s linear;
      -o-transition: all .2s linear;
      transition: all .2s linear;
  }

  header .top-bar-section li:not(.has-form) a:not(.button):hover {
      color: #fbdd90;
  }

  .top-bar a {
      color: #FFF;
  }

  #menu-desktop li a {
      color: #FFF;
      text-transform: uppercase;
      font-size: 13px;
  }

  #menu-mobile li a {
      color: #FFF;
      text-transform: uppercase;
      font-size: 13px;
  }

  #menu-desktop ul li a {
      display: inline-block;
      position: relative;
      padding-bottom: 10px;
      line-height: 1.2;
  }

  #menu-desktop ul li a:before {
      content: '';
      display: block;
      position: absolute;
      left: 0;
      bottom: 0;
      height: 2px;
      width: 0;
      transition: width 0s ease, background .5s ease;
  }

  #menu-desktop ul li a:after {
      content: '';
      display: block;
      position: absolute;
      right: 0;
      bottom: 0;
      height: 2px;
      width: 0;
      transition: width .5s ease;
  }

  #menu-desktop ul li a:hover:before {
      width: 100%;
      background: #FFF;
      transition: width .5s ease;
  }

  #menu-desktop ul li a:hover:after {
      width: 100%;
      transition: all 0s ease;
  }
  /*    Services    */

  .services {
      padding: 80px 0;
      padding: 120px;
  }

  @media only screen and (max-width: 40em) {
      .services {
          padding: 80px 0;
          padding-top: 120px;
      }
  }

  .services .mean_title, .services .sub_title {
      text-align: center;
      color: #323236;
      font-family: "raleway-regular", Helvetica, Arial, sans-serif;
  }

  .services .mean_title {
      font-size: 30px;
      font-family: "raleway-bold", Helvetica, Arial, sans-serif;
      font-weight: bold;
      text-transform: uppercase;
  }

  .services .sub_title {
      font-size: 22px;
      font-family: "raleway-light", Helvetica, Arial, sans-serif;
      font-weight: lighter;
      text-transform: capitalize;
      ;
  }

  .services .services_list {
      margin-top: 100px;
      text-align: center;
  }

  .services .services_list .serv_icon {
      margin-bottom: 60px;
  }

  .services .services_list p {
      color: #323236;
      font-family: "raleway-regular", Helvetica, Arial, sans-serif;
      font-size: 14px;
      line-height: 1.7;
  }

  .services .title {
      color: #323236;
      font-family: "raleway-bold", Helvetica, Arial, sans-serif;
      font-size: 16px;
      font-weight: bold;
      text-transform: uppercase;
      margin-bottom: 20px
  }

  .btn_contact_padding {
      padding-top: 250px;
  }

  .btn_holder {
      height: 120px;
      text-align: center;
  }
  /*.services .btn_fancy {
    margin-top: 100px;
  }*/
  /*    Fancy Button    */

  .btn_fancy {
      display: inline-block;
      position: relative;
      text-align: center;
      color: #454545;
      font-family: "raleway-bold", Helvetica, Arial, sans-serif;
      font-size: 18px;
      font-weight: bold;
      text-transform: uppercase;
      padding: 16px 36px;
      border-radius: 2px;
      background: transparent;
      -webkit-transition: all .2s ease-out;
      -o-transition: all .2s ease-out;
      transition: all .2s ease-out;
  }

  .btn_fancy .text_layer {
      color: #FFF;
      position: relative;
  }

  .btn_fancy:hover, .btn_fancy:focus {
      color: #454545;
  }

  .btn_fancy .border_layer {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border: 1px dashed #000000;
      -webkit-transition: all .2s ease-out;
      -o-transition: all .2s ease-out;
      transition: all .2s ease-out;
  }

  .btn_fancy .solid_layer {
      position: absolute;
      top: 4px;
      left: -4px;
      width: 100%;
      height: 100%;
      background: #31ca5f;
      border-radius: 2px;
      -webkit-transition: all .2s ease-out;
      -o-transition: all .2s ease-out;
      transition: all .2s ease-out;
  }

  .btn_fancy:hover .border_layer {
      -webkit-transform: translate(2px, -2px);
      -ms-transform: translate(2px, -2px);
      -o-transform: translate(2px, -2px);
      transform: translate(2px, -2px);
  }

  .btn_fancy:hover .solid_layer {
      -webkit-transform: translate(-2px, 2px);
      -ms-transform: translate(-2px, 2px);
      -o-transform: translate(-2px, 2px);
      transform: translate(-2px, 2px);
  }
  /**    quote    **/

  .quote {
      display: table;
      width: 100%;
      height: 450px;
      /*    verde   */
      background: #ffd10c;
      /*    amarelo   */
      /*background: #fae06f;
      background: -moz-linear-gradient(top, #fae06f 0%, #ffd625 100%);
      background: -webkit-linear-gradient(top, #fae06f 0%, #ffd625 100%);
      background: linear-gradient(to bottom, #fae06f 0%, #ffd625 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fae06f', endColorstr='#ffd625', GradientType=0);*/
      /* imagem */
      /*background: url('../img/pme.jpg') no-repeat 50% 50%;*/
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      text-align: center;
  }

  .quote blockquote {
      display: table-cell;
      vertical-align: middle;
      border-left-width: 0px;
  }

  .quote blockquote p {
      color: #FFF;
      font-family: "raleway-light", Helvetica, Arial, sans-serif;
      font-size: 34px;
      font-weight: lighter;
      text-transform: uppercase;
      margin: 0;
  }

  .quote blockquote .strong {
      font-family: "raleway-bold", Helvetica, Arial, sans-serif;
      font-weight: bold;
  }

  .quote hr {
      display: inline-block;
      padding: 0;
      margin: 0;
      border: 0;
      width: 20px;
      height: 1px;
      background-color: #FFF;
  }

  .quote .author {
      display: block;
      color: #4c4b4b;
      font-family: "raleway-regular", Helvetica, Arial, sans-serif;
      font-size: 14px;
      letter-spacing: .5px;
      margin: 20px 0 0 0;
  }

  #pre-quote {
      font-size: 18px;
  }
  /*    Testimonials    */

  .testimonials {
      width: 100%;
      background: #ffffff;
      padding: 140px 0;
  }

  .testimonials .tesimonial {
      max-width: 670px;
      height: auto;
      margin: 0 auto;
      padding: 0 20px;
      text-align: center;
      float: left;
  }

  .slider_container {
      max-width: 670px;
      margin: 0 auto;
      height: auto;
  }

  .testimonials .name, .testimonials .author {
      display: block;
  }

  .testimonials .name {
      color: #2c2c2c;
      font-family: "raleway-bold", Helvetica, Arial, sans-serif;
      font-size: 18px;
      font-weight: bold;
      text-transform: uppercase;
      margin: 30px 0 70px 0;
  }

  .testimonials p {
      color: #5b5a5a;
      font-family: "raleway-regular", Helvetica, Arial, sans-serif;
      font-size: 16px;
      line-height: 40px;
      margin: 0;
  }

  .testimonials .author {
      color: #2c2c2c;
      font-family: "raleway-semibold", Helvetica, Arial, sans-serif;
      font-size: 14px;
      font-weight: bold;
      margin: 10px 0 0 0;
  }

  .testimonials .pagination {
      display: block;
      text-align: center;
      list-style: none;
      margin: 75px 0 0 0;
      padding: 0;
  }

  .testimonials .pagination a {
      text-decoration: none;
      display: inline-block;
      width: 10px;
      height: 10px;
      border-radius: 100px;
      background: #dfdfdf;
      margin-right: 10px;
      overflow: hidden;
      text-indent: -9999px;
      -webkit-transition: all .2s linear;
      -o-transition: all .2s linear;
      transition: all .2s linear;
  }

  .testimonials .pagination a:last-child {
      margin-right: 0;
  }

  .testimonials .pagination a.selected {
      background: #c5c5c5;
  }

  .testimonials ul.slick-dots {
      display: block;
      text-align: center;
      list-style: none;
      margin: 75px 0 0 0;
      padding: 0;
  }

  .testimonials ul.slick-dots li, .slick-slide img {
      display: inline-block;
  }

  .testimonials ul.slick-dots li a {
      text-decoration: none;
      display: inline-block;
      width: 10px;
      height: 10px;
      border-radius: 100px;
      background: #dfdfdf;
      margin-right: 10px;
      overflow: hidden;
      text-indent: -9999px;
      -webkit-transition: all .2s linear;
      -o-transition: all .2s linear;
      transition: all .2s linear;
  }

  .testimonials ul.slick-dots li:last-child a {
      margin-right: 0;
  }

  .testimonials ul.slick-dots li.slick-active a {
      background: #c5c5c5;
  }
  /*    Call To Action    */

  .cta {
      background: #ffffff;
      padding: 140px 0;
      background: url('../img/cubes.png') repeat;
      text-align: center;
  }

  .cta .title {
      color: #454545;
      font-family: "raleway-bold", Helvetica, Arial, sans-serif;
      font-size: 26px;
      font-weight: bold;
      text-transform: uppercase;
      margin-bottom: 10px;
  }

  .cta .sub_title {
      color: #454545;
      font-family: "raleway-light", Helvetica, Arial, sans-serif;
      font-weight: lighter;
      font-size: 18px;
      text-transform: lowercase;
  }

  .cta .btn_fancy {
      margin-top: 60px;
  }
  /*    Google Map    */

  .map {
      width: 100%;
      height: 550px;
      position: relative;
      overflow: hidden;
  }

  .map #map_container {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
  }

  #map_container img {
      max-width: none;
  }

  .map .shadow {
      width: 100%;
      height: 158px;
      background: url('../img/shadow.png') repeat-x;
      position: absolute;
      bottom: -1px;
      left: 0;
      z-index: 90;
  }

  #map_container .map_contacts {
      color: #454545;
  }

  #map_container .map_contacts span {
      font-family: "raleway-bold", Helvetica, Arial, sans-serif;
      font-weight: bold;
      text-transform: uppercase;
  }
  /*    Footer    */

  footer {
      padding: 80px 0;
      background: #323236;
  }

  footer .copyrights {
      float: left;
      margin-bottom: 80px;
  }

  footer .copyrights p {
      color: #c5c5c5;
      font-family: "raleway-regular", Helvetica, Arial, sans-serif;
      font-size: 12px;
      letter-spacing: .5px;
  }

  .copyrights-p {
      color: #c5c5c5;
      font-family: "raleway-regular", Helvetica, Arial, sans-serif;
      font-size: 12px;
      letter-spacing: .5px;
  }

  .contact_details {
      max-width: 430px;
      float: right;
  }

  .social {
      width: 130px;
      display: inline-block;
  }

  .social ul {
      margin: 0;
  }

  .social ul li {
      margin-bottom: 7px;
  }

  .social ul li a, .contact {
      display: inline-block;
      color: #fff;
      font-family: "raleway-regular", Helvetica, Arial, sans-serif;
      font-size: 14px;
      letter-spacing: 0.5px;
  }

  .contact {
      width: 215px;
      vertical-align: top;
  }

  .contact .details {
      margin-bottom: 30px;
  }

  footer p {
      margin: 0;
      padding: 0;
  }

  .logo-footer {
      overflow: hidden;
  }

  .logo-footer img {
      max-height: 100%;
      width: auto;
      height: auto;
      margin-top: 25px;
  }

  .logo-footer-bar {
      margin-top: 25px;
      margin-bottom: -50px;
  }
  /*  footer img {
    width: 120px;
    height: auto;
  }*/
  /*  Back To Top button  */

  #back_top {
      text-decoration: none;
      position: fixed;
      right: 20px;
      bottom: 20px;
      z-index: 9999;
      opacity: 0;
  }

  .btn_fancy#back_top {
      padding: 6px 16px;
  }

  .btn_fancy#back_top:hover .border_layer {
      -webkit-transform: translate(1px, -1px);
      -ms-transform: translate(1px, -1px);
      -o-transform: translate(1px, -1px);
      transform: translate(1px, -1px);
  }

  .btn_fancy#back_top:hover .solid_layer {
      -webkit-transform: translate(-1px, 1px);
      -ms-transform: translate(-1px, 1px);
      -o-transform: translate(-1px, 1px);
      transform: translate(-1px, 1px);
  }
  /*    Responsive CSS    */

  @media only screen and (max-width: 40em) {
      .top-bar .top-bar-section {
          display: none;
      }
      .top-bar.expanded .top-bar-section {
          display: block;
      }
      .top-bar-section ul {
          margin-top: 70px;
          background: #ffffff;
      }
      .top-bar-section li:not(.has-form) a:not(.button) {
          color: #454545;
          margin: 0;
          display: block;
          text-align: center;
          padding: 20px 0;
          background: #ffffff;
          border-bottom: 1px solid #fff4d7;
          -webkit-transition: all .2s linear;
          -o-transition: all .2s linear;
          transition: all .2s linear;
      }
      header .top-bar-section li:not(.has-form):last-child a:not(.button) {
          border: 0;
      }
      header .top-bar-section li:not(.has-form) a:not(.button):hover {
          color: #454545;
          background: #fbdd90;
          padding: 20px 0;
      }
      .hero .caption h1.mean_cap, .hero .caption h2.sub_cap {
          font-size: 40px;
          line-height: 1.2;
      }
      .copyrights {
          width: 100%;
          text-align: center;
          margin-bottom: 60px;
      }
      .social, .contact {
          width: 100%;
          text-align: center;
          float: none;
          margin: 0;
      }
      .contact {
          margin-top: 60px;
      }
  }

  @media only screen and (min-width: 64.063em) {
      #back_top {
          right: 40px;
          bottom: 40px;
          margin-top: -22px;
      }
  }
  /* Who We Are Homepage*/

  .separador {
      position: relative;
      width: 100%;
      height: 60px;
      background: #323236;
      color: #FFF;
      z-index: 1;
  }

  .separador:after {
      content: '';
      position: absolute;
      top: 100%;
      left: 50%;
      margin-left: -15px;
      width: 0;
      height: 0;
      border-top: solid 15px #323236;
      border-left: solid 15px transparent;
      border-right: solid 15px transparent;
      z-index: 999;
  }

  .separador_gismat {
      position: relative;
      width: 100%;
      height: 60px;
      background: #28a34d;
      color: #FFF;
      z-index: 1;
  }

  .is-drilldown {
      position: absolute;
      z-index: 9999;
  }

  .separador_gismat:after {
      content: '';
      position: absolute;
      top: 100%;
      left: 50%;
      margin-left: -15px;
      width: 0;
      height: 0;
      border-top: solid 15px #28a34d;
      border-left: solid 15px transparent;
      border-right: solid 15px transparent;
  }

  .who_we_are {
      text-align: center;
      font-size: 16px;
      color: #FFF;
      font-family: 'raleway-medium', sans-serif;
      text-transform: uppercase;
      padding-top: 20px;
      white-space: pre;
  }

  .who_we_are_black {
      text-align: center;
      font-size: 16px;
      color: #222;
      font-family: 'raleway-medium', sans-serif;
      text-transform: uppercase;
      padding-top: 20px;
      white-space: pre;
  }

  .who_text {
      margin-top: 70px;
      font-family: 'raleway-regular', sans-serif;
      font-size: 14px;
      line-height: 1.7;
      color: #FFF;
  }

  @media screen and (max-width: 39.9375em) {
      .who_text {
          text-align: center;
      }
  }

  .who_gismat_text {
      margin-top: 85px;
      font-family: 'raleway-regular', sans-serif;
      font-size: 14px;
      line-height: 1.7;
      color: #323236;
      padding-bottom: 20px;
  }

  @media only screen and (max-width: 40em) {
      .who_gismat_text {
          margin-top: 95px;
      }
  }

  .who_img {
      width: 100%;
      height: 400px;
      margin-right: 0;
      left: 0;
      position: absolute;
      z-index: -1;
      -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 60%);
      clip-path: polygon(0 0, 100% 0, 100% 100%, 0 60%);
      background: linear-gradient( rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.6)), url('../img/ph.jpg');
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      background-position: center;
      filter: brightness(50%);
      /* IE6-9 */
  }

  @media screen and (max-width: 39.9375em) {
      .who_img {
          width: 100%;
          height: 380px;
          margin-right: 0;
          left: 0;
          position: absolute;
          z-index: -1;
          -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
          clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
          background: linear-gradient( rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.7)), url('../img/ph.jpg');
          -webkit-background-size: cover;
          -moz-background-size: cover;
          -o-background-size: cover;
          background-size: cover;
          background-position: center;
          filter: brightness(50%);
          /* IE6-9 */
      }
  }

  .contacts {
      height: 400px;
      margin-bottom: 50px;
  }

  .who_address {
      color: #323236;
      margin-top: 65px;
      text-align: center;
  }

  .who_address p {
      font-size: 18px;
      font-family: 'raleway-regular', sans-serif;
      text-align: left;
      line-height: 1.2;
      padding-left: 65px;
  }

  .who_address span {
      font-size: 18px;
      font-family: 'raleway-semibold', sans-serif;
      color: #323236;
      text-transform: uppercase;
  }

  .mail_icon {
      display: inline-block;
      background-image: url('../img/mail.png');
      background-repeat: no-repeat;
      height: 20px;
      width: 25px;
      margin-right: 15px;
  }

  .who_phone {
      padding-bottom: 20px;
  }

  .who_phone span {
      font-size: 18px;
      font-family: 'raleway-semibold', sans-serif;
      color: #323236;
      text-transform: uppercase;
  }

  .who_phone p {
      margin-left: 65px;
  }

  .phone_icon {
      display: inline-block;
      background-image: url('../img/phone.png');
      background-repeat: no-repeat;
      height: 25px;
      width: 25px;
      margin-right: 15px;
      margin-left: 20px;
  }

  .who_email span {
      font-size: 18px;
      font-family: 'raleway-semibold', sans-serif;
      color: #323236;
  }

  .email_icon {
      display: inline-block;
      background-image: url('../img/mail-ru.png');
      background-repeat: no-repeat;
      height: 25px;
      width: 25px;
      margin-right: 15px;
      margin-left: 20px;
  }

  .autodesk_footer h6 {
      color: #FFF;
      font-family: 'raleway-semibold', sans-serif;
  }

  .gismat_footer h6 {
      color: #FFF;
      font-family: 'raleway-semibold', sans-serif;
  }

  .autodesk_footer li {
      line-height: 1.2;
      margin-bottom: 5px;
  }

  .autodesk_footer a {
      color: #31ada1;
      font-size: 13px;
      line-height: 1.2;
      text-transform: capitalize;
  }

  .autodesk_footer a:hover {
      text-decoration: underline;
      color: #13807b;
  }

  .gismat_footer li {
      line-height: 1.2;
      margin-bottom: 5px;
  }

  .gismat_footer a {
      color: #31ada1;
      font-size: 13px;
      text-transform: capitalize;
  }

  .gismat_footer a:hover {
      text-decoration: underline;
      color: #13807b;
  }

  @media screen and (max-width: 39.9375em) {
      .gismat_footer {
          text-align: center;
          font-size: 14px;
      }
  }

  @media screen and (max-width: 39.9375em) {
      .autodesk_footer {
          text-align: center;
          font-size: 14px;
      }
  }

  @media screen and (max-width: 39.9375em) {
      .contact_details {
          float: none;
      }
  }

  .ph_logo {
      width: 135px;
      height: auto;
      shape-rendering: crispEdges;
  }

  .dropdown.menu .submenu {
      background: none;
      border: none;
  }

  .dropdown.menu .is-dropdown-submenu-parent.is-down-arrow>a::after {
      display: none !important;
  }

  .dropdown.menu .submenu li a {
      width: auto;
      font-size: 11px !important;
  }
  /*        Products        */

  .prod {
      max-height: 250px;
      overflow: hidden;
      position: relative;
  }
  /*        Atendimento       */

  .atendimento img {
      position: relative;
      display: block;
      background-repeat: no-repeat;
      background-position: center center;
      background-size: cover;
      position: relative;
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -o-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
      -webkit-transition: all 0.7s ease-in-out;
      -moz-transition: all 0.7s ease-in-out;
      -o-transition: all 0.7s ease-in-out;
      -ms-transition: all 0.7s ease-in-out;
      transition: all 0.7s ease-in-out;
      cursor: pointer;
  }

  .atendimento:hover img {
      -webkit-transform: scale(2);
      -moz-transform: scale(2);
      -o-transform: scale(2);
      -ms-transform: scale(2);
      transform: scale(2);
      -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=1);
      opacity: 1;
  }

  .mask-atendimento {
      width: 100%;
      height: 100%;
      position: absolute;
      background-color: rgba(13, 71, 161, 0.5);
      top: 0;
      left: 0;
      overflow: hidden;
      cursor: pointer;
  }

  .atendimento .mask-atendimento {
      -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
      opacity: 0;
      -webkit-transition: all 0.5s linear;
      -moz-transition: all 0.5s linear;
      -o-transition: all 0.5s linear;
      -ms-transition: all 0.5s linear;
      transition: all 0.5s linear;
  }

  .atendimento:hover .mask-atendimento {
      -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
      filter: alpha(opacity=100);
      opacity: 1;
  }

  .atendimento h2 {
      font-family: "raleway-bold", Helvetica, Arial, sans-serif;
      background: transparent;
      border: 2px solid #FFF;
      padding: 10px;
      color: #FFF;
      font-size: 15px;
      text-transform: uppercase;
      position: absolute;
      top: 40%;
      left: 50%;
      transform: translate(-50%, -50%);
      -webkit-transition: all 0.5s linear;
      -moz-transition: all 0.5s linear;
      -o-transition: all 0.5s linear;
      -ms-transition: all 0.5s linear;
      transition: all 0.5s linear;
      z-index: 2;
  }

  .mask-atendimento hr {
      width: 150px;
      height: 1px;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: scale(0);
      -moz-transform: scale(0);
      -o-transform: scale(0);
      -ms-transform: scale(0);
      transform: scale(0);
      transform: translate(-50%, -50%);
      -webkit-transition: all 0.5s linear;
      -moz-transition: all 0.5s linear;
      -o-transition: all 0.5s linear;
      -ms-transition: all 0.5s linear;
      transition: all 0.5s linear;
      -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
      opacity: 0;
  }

  .mask-atendimento h5 {
      font-family: "raleway-regular", Helvetica, Arial, sans-serif;
      color: #FFFFFF;
      font-size: 12px;
      text-transform: uppercase;
      position: absolute;
      top: 70%;
      left: 50%;
      -webkit-transform: scale(0);
      -moz-transform: scale(0);
      -o-transform: scale(0);
      -ms-transform: scale(0);
      transform: scale(0);
      transform: translate(-50%, -50%);
      -webkit-transition: all 0.5s linear;
      -moz-transition: all 0.5s linear;
      -o-transition: all 0.5s linear;
      -ms-transition: all 0.5s linear;
      transition: all 0.5s linear;
      -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
      opacity: 0;
  }

  .atendimento:hover h5, .atendimento:hover hr {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -o-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
      transform: translate(-50%, -50%);
      -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
      filter: alpha(opacity=100);
      opacity: 1;
  }
  /*        Atendimento        */
  /*         Cadastro        */

  .cadastro img {
      position: relative;
      display: block;
      background-repeat: no-repeat;
      background-position: bottom center;
      background-size: cover;
      position: relative;
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -o-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
      -webkit-transition: all 0.7s ease-in-out;
      -moz-transition: all 0.7s ease-in-out;
      -o-transition: all 0.7s ease-in-out;
      -ms-transition: all 0.7s ease-in-out;
      transition: all 0.7s ease-in-out;
      cursor: pointer;
  }

  .cadastro:hover img {
      -webkit-transform: scale(2);
      -moz-transform: scale(2);
      -o-transform: scale(2);
      -ms-transform: scale(2);
      transform: scale(2);
      -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=1);
      opacity: 1;
  }

  .mask-cadastro {
      width: 100%;
      height: 100%;
      position: absolute;
      background-color: rgba(255, 235, 59, 0.5);
      top: 0;
      left: 0;
      overflow: hidden;
      cursor: pointer;
  }

  .cadastro .mask-cadastro {
      -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
      opacity: 0;
      -webkit-transition: all 0.5s linear;
      -moz-transition: all 0.5s linear;
      -o-transition: all 0.5s linear;
      -ms-transition: all 0.5s linear;
      transition: all 0.5s linear;
  }

  .cadastro:hover .mask-cadastro {
      -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
      filter: alpha(opacity=100);
      opacity: 1;
  }

  .cadastro h2 {
      font-family: "raleway-bold", Helvetica, Arial, sans-serif;
      background: transparent;
      border: 2px solid #FFF;
      padding: 10px;
      color: #FFF;
      font-size: 15px;
      text-transform: uppercase;
      position: absolute;
      top: 40%;
      left: 50%;
      transform: translate(-50%, -50%);
      -webkit-transition: all 0.5s linear;
      -moz-transition: all 0.5s linear;
      -o-transition: all 0.5s linear;
      -ms-transition: all 0.5s linear;
      transition: all 0.5s linear;
      z-index: 2;
  }

  .mask-cadastro hr {
      width: 150px;
      height: 1px;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: scale(0);
      -moz-transform: scale(0);
      -o-transform: scale(0);
      -ms-transform: scale(0);
      transform: scale(0);
      transform: translate(-50%, -50%);
      -webkit-transition: all 0.5s linear;
      -moz-transition: all 0.5s linear;
      -o-transition: all 0.5s linear;
      -ms-transition: all 0.5s linear;
      transition: all 0.5s linear;
      -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
      opacity: 0;
  }

  .mask-cadastro h5 {
      font-family: "raleway-regular", Helvetica, Arial, sans-serif;
      color: #FFFFFF;
      font-size: 12px;
      text-transform: uppercase;
      position: absolute;
      top: 70%;
      left: 50%;
      -webkit-transform: scale(0);
      -moz-transform: scale(0);
      -o-transform: scale(0);
      -ms-transform: scale(0);
      transform: scale(0);
      transform: translate(-50%, -50%);
      -webkit-transition: all 0.5s linear;
      -moz-transition: all 0.5s linear;
      -o-transition: all 0.5s linear;
      -ms-transition: all 0.5s linear;
      transition: all 0.5s linear;
      -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
      opacity: 0;
  }

  .cadastro:hover h5, .cadastro:hover hr {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -o-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
      transform: translate(-50%, -50%);
      -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
      filter: alpha(opacity=100);
      opacity: 1;
  }
  /*         Cadastro        */
  /*     Gestão Urbanística   */

  .gestao img {
      position: relative;
      display: block;
      position: relative;
      min-height: 500px;
      min-width: 750px;
      margin-left: -50px;
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -o-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
      -webkit-transition: all 0.7s ease-in-out;
      -moz-transition: all 0.7s ease-in-out;
      -o-transition: all 0.7s ease-in-out;
      -ms-transition: all 0.7s ease-in-out;
      transition: all 0.7s ease-in-out;
      cursor: pointer;
  }

  .gestao:hover img {
      -webkit-transform: scale(2);
      -moz-transform: scale(2);
      -o-transform: scale(2);
      -ms-transform: scale(2);
      transform: scale(2);
      -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=1);
      opacity: 1;
  }

  .mask-gestao {
      width: 100%;
      height: 100%;
      position: absolute;
      background-color: rgba(183, 28, 28, 0.5);
      top: 0;
      left: 0;
      overflow: hidden;
      cursor: pointer;
  }

  .gestao .mask-gestao {
      -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
      opacity: 0;
      -webkit-transition: all 0.5s linear;
      -moz-transition: all 0.5s linear;
      -o-transition: all 0.5s linear;
      -ms-transition: all 0.5s linear;
      transition: all 0.5s linear;
  }

  .gestao:hover .mask-gestao {
      -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
      filter: alpha(opacity=100);
      opacity: 1;
  }

  .gestao h2 {
      font-family: "raleway-bold", Helvetica, Arial, sans-serif;
      background: transparent;
      border: 2px solid #FFF;
      padding: 10px;
      color: #FFF;
      font-size: 15px;
      text-transform: uppercase;
      position: absolute;
      top: 45%;
      left: 50%;
      transform: translate(-50%, -50%);
      -webkit-transition: all 0.5s linear;
      -moz-transition: all 0.5s linear;
      -o-transition: all 0.5s linear;
      -ms-transition: all 0.5s linear;
      transition: all 0.5s linear;
      z-index: 2;
  }

  .mask-gestao hr {
      width: 150px;
      height: 1px;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: scale(0);
      -moz-transform: scale(0);
      -o-transform: scale(0);
      -ms-transform: scale(0);
      transform: scale(0);
      transform: translate(-50%, -50%);
      -webkit-transition: all 0.5s linear;
      -moz-transition: all 0.5s linear;
      -o-transition: all 0.5s linear;
      -ms-transition: all 0.5s linear;
      transition: all 0.5s linear;
      -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
      opacity: 0;
  }

  .mask-gestao h5 {
      font-family: "raleway-regular", Helvetica, Arial, sans-serif;
      color: #FFFFFF;
      font-size: 12px;
      text-transform: uppercase;
      position: absolute;
      top: 60%;
      left: 50%;
      -webkit-transform: scale(0);
      -moz-transform: scale(0);
      -o-transform: scale(0);
      -ms-transform: scale(0);
      transform: scale(0);
      transform: translate(-50%, -50%);
      -webkit-transition: all 0.5s linear;
      -moz-transition: all 0.5s linear;
      -o-transition: all 0.5s linear;
      -ms-transition: all 0.5s linear;
      transition: all 0.5s linear;
      -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
      opacity: 0;
  }

  .gestao:hover h5, .gestao:hover hr {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -o-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
      transform: translate(-50%, -50%);
      -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
      filter: alpha(opacity=100);
      opacity: 1;
  }
  /*     Gestão Urbanística   */
  /*        Segurança       */

  .seguranca img {
      position: relative;
      display: block;
      background-repeat: no-repeat;
      background-position: center center;
      background-size: cover;
      position: relative;
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -o-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
      -webkit-transition: all 0.7s ease-in-out;
      -moz-transition: all 0.7s ease-in-out;
      -o-transition: all 0.7s ease-in-out;
      -ms-transition: all 0.7s ease-in-out;
      transition: all 0.7s ease-in-out;
      cursor: pointer;
  }

  .seguranca:hover img {
      -webkit-transform: scale(2);
      -moz-transform: scale(2);
      -o-transform: scale(2);
      -ms-transform: scale(2);
      transform: scale(2);
      -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=1);
      opacity: 1;
  }

  .mask-seguranca {
      width: 100%;
      height: 100%;
      position: absolute;
      background-color: rgba(121, 85, 72, 0.6);
      top: 0;
      left: 0;
      overflow: hidden;
      cursor: pointer;
  }

  .seguranca .mask-seguranca {
      -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
      opacity: 0;
      -webkit-transition: all 0.5s linear;
      -moz-transition: all 0.5s linear;
      -o-transition: all 0.5s linear;
      -ms-transition: all 0.5s linear;
      transition: all 0.5s linear;
  }

  .seguranca:hover .mask-seguranca {
      -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
      filter: alpha(opacity=100);
      opacity: 1;
  }

  .seguranca h2 {
      font-family: "raleway-bold", Helvetica, Arial, sans-serif;
      background: transparent;
      border: 2px solid #FFF;
      padding: 10px;
      color: #FFF;
      font-size: 15px;
      text-transform: uppercase;
      position: absolute;
      top: 40%;
      left: 50%;
      transform: translate(-50%, -50%);
      -webkit-transition: all 0.5s linear;
      -moz-transition: all 0.5s linear;
      -o-transition: all 0.5s linear;
      -ms-transition: all 0.5s linear;
      transition: all 0.5s linear;
      z-index: 2;
  }

  .mask-seguranca hr {
      width: 150px;
      height: 1px;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: scale(0);
      -moz-transform: scale(0);
      -o-transform: scale(0);
      -ms-transform: scale(0);
      transform: scale(0);
      transform: translate(-50%, -50%);
      -webkit-transition: all 0.5s linear;
      -moz-transition: all 0.5s linear;
      -o-transition: all 0.5s linear;
      -ms-transition: all 0.5s linear;
      transition: all 0.5s linear;
      -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
      opacity: 0;
  }

  .mask-seguranca h5 {
      font-family: "raleway-regular", Helvetica, Arial, sans-serif;
      color: #FFFFFF;
      font-size: 12px;
      text-transform: uppercase;
      position: absolute;
      top: 70%;
      left: 50%;
      -webkit-transform: scale(0);
      -moz-transform: scale(0);
      -o-transform: scale(0);
      -ms-transform: scale(0);
      transform: scale(0);
      transform: translate(-50%, -50%);
      -webkit-transition: all 0.5s linear;
      -moz-transition: all 0.5s linear;
      -o-transition: all 0.5s linear;
      -ms-transition: all 0.5s linear;
      transition: all 0.5s linear;
      -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
      opacity: 0;
  }

  .seguranca:hover h5, .seguranca:hover hr {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -o-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
      transform: translate(-50%, -50%);
      -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
      filter: alpha(opacity=100);
      opacity: 1;
  }
  /*        Segurança       */
  /*        Receitas        */

  .receitas img {
      position: relative;
      display: block;
      background-repeat: no-repeat;
      background-position: center center;
      background-size: cover;
      position: relative;
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -o-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
      -webkit-transition: all 0.7s ease-in-out;
      -moz-transition: all 0.7s ease-in-out;
      -o-transition: all 0.7s ease-in-out;
      -ms-transition: all 0.7s ease-in-out;
      transition: all 0.7s ease-in-out;
      cursor: pointer;
  }

  .receitas:hover img {
      -webkit-transform: scale(2);
      -moz-transform: scale(2);
      -o-transform: scale(2);
      -ms-transform: scale(2);
      transform: scale(2);
      -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=1);
      opacity: 1;
  }

  .mask-receitas {
      width: 100%;
      height: 100%;
      position: absolute;
      background-color: rgba(255, 152, 0, 0.5);
      top: 0;
      left: 0;
      overflow: hidden;
      cursor: pointer;
  }

  .receitas .mask-receitas {
      -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
      opacity: 0;
      -webkit-transition: all 0.5s linear;
      -moz-transition: all 0.5s linear;
      -o-transition: all 0.5s linear;
      -ms-transition: all 0.5s linear;
      transition: all 0.5s linear;
  }

  .receitas:hover .mask-receitas {
      -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
      filter: alpha(opacity=100);
      opacity: 1;
  }

  .receitas h2 {
      font-family: "raleway-bold", Helvetica, Arial, sans-serif;
      background: transparent;
      border: 2px solid #FFF;
      padding: 10px;
      color: #FFF;
      font-size: 15px;
      text-transform: uppercase;
      position: absolute;
      top: 40%;
      left: 50%;
      transform: translate(-50%, -50%);
      -webkit-transition: all 0.5s linear;
      -moz-transition: all 0.5s linear;
      -o-transition: all 0.5s linear;
      -ms-transition: all 0.5s linear;
      transition: all 0.5s linear;
      z-index: 2;
  }

  .mask-receitas hr {
      width: 150px;
      height: 1px;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: scale(0);
      -moz-transform: scale(0);
      -o-transform: scale(0);
      -ms-transform: scale(0);
      transform: scale(0);
      transform: translate(-50%, -50%);
      -webkit-transition: all 0.5s linear;
      -moz-transition: all 0.5s linear;
      -o-transition: all 0.5s linear;
      -ms-transition: all 0.5s linear;
      transition: all 0.5s linear;
      -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
      opacity: 0;
  }

  .mask-receitas h5 {
      font-family: "raleway-regular", Helvetica, Arial, sans-serif;
      color: #FFFFFF;
      font-size: 12px;
      text-transform: uppercase;
      position: absolute;
      top: 70%;
      left: 50%;
      -webkit-transform: scale(0);
      -moz-transform: scale(0);
      -o-transform: scale(0);
      -ms-transform: scale(0);
      transform: scale(0);
      transform: translate(-50%, -50%);
      -webkit-transition: all 0.5s linear;
      -moz-transition: all 0.5s linear;
      -o-transition: all 0.5s linear;
      -ms-transition: all 0.5s linear;
      transition: all 0.5s linear;
      -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
      opacity: 0;
  }

  .receitas:hover h5, .receitas:hover hr {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -o-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
      transform: translate(-50%, -50%);
      -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
      filter: alpha(opacity=100);
      opacity: 1;
  }
  /*        Receitas        */
  /*        Ambiente        */

  .ambiente img {
      position: relative;
      display: block;
      background-repeat: no-repeat;
      background-position: center center;
      background-size: cover;
      position: relative;
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -o-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
      -webkit-transition: all 0.7s ease-in-out;
      -moz-transition: all 0.7s ease-in-out;
      -o-transition: all 0.7s ease-in-out;
      -ms-transition: all 0.7s ease-in-out;
      transition: all 0.7s ease-in-out;
      cursor: pointer;
  }

  .ambiente:hover img {
      -webkit-transform: scale(2);
      -moz-transform: scale(2);
      -o-transform: scale(2);
      -ms-transform: scale(2);
      transform: scale(2);
      -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=1);
      opacity: 1;
  }

  .mask-ambiente {
      width: 100%;
      height: 100%;
      position: absolute;
      background-color: rgba(76, 175, 80, 0.5);
      top: 0;
      left: 0;
      overflow: hidden;
      cursor: pointer;
  }

  .ambiente .mask-ambiente {
      -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
      opacity: 0;
      -webkit-transition: all 0.5s linear;
      -moz-transition: all 0.5s linear;
      -o-transition: all 0.5s linear;
      -ms-transition: all 0.5s linear;
      transition: all 0.5s linear;
  }

  .ambiente:hover .mask-ambiente {
      -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
      filter: alpha(opacity=100);
      opacity: 1;
  }

  .ambiente h2 {
      font-family: "raleway-bold", Helvetica, Arial, sans-serif;
      background: transparent;
      border: 2px solid #FFF;
      padding: 10px;
      color: #FFF;
      font-size: 15px;
      text-transform: uppercase;
      position: absolute;
      top: 40%;
      left: 50%;
      transform: translate(-50%, -50%);
      -webkit-transition: all 0.5s linear;
      -moz-transition: all 0.5s linear;
      -o-transition: all 0.5s linear;
      -ms-transition: all 0.5s linear;
      transition: all 0.5s linear;
      z-index: 2;
  }

  .mask-ambiente hr {
      width: 150px;
      height: 1px;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: scale(0);
      -moz-transform: scale(0);
      -o-transform: scale(0);
      -ms-transform: scale(0);
      transform: scale(0);
      transform: translate(-50%, -50%);
      -webkit-transition: all 0.5s linear;
      -moz-transition: all 0.5s linear;
      -o-transition: all 0.5s linear;
      -ms-transition: all 0.5s linear;
      transition: all 0.5s linear;
      -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
      opacity: 0;
  }

  .mask-ambiente h5 {
      font-family: "raleway-regular", Helvetica, Arial, sans-serif;
      color: #FFFFFF;
      font-size: 12px;
      text-transform: uppercase;
      position: absolute;
      top: 70%;
      left: 50%;
      -webkit-transform: scale(0);
      -moz-transform: scale(0);
      -o-transform: scale(0);
      -ms-transform: scale(0);
      transform: scale(0);
      transform: translate(-50%, -50%);
      -webkit-transition: all 0.5s linear;
      -moz-transition: all 0.5s linear;
      -o-transition: all 0.5s linear;
      -ms-transition: all 0.5s linear;
      transition: all 0.5s linear;
      -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
      opacity: 0;
  }

  .ambiente:hover h5, .ambiente:hover hr {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -o-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
      transform: translate(-50%, -50%);
      -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
      filter: alpha(opacity=100);
      opacity: 1;
  }
  /*        Ambiente        */
  /*        web        */

  .web img {
      position: relative;
      display: block;
      background-repeat: no-repeat;
      background-position: center center;
      background-size: cover;
      position: relative;
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -o-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
      -webkit-transition: all 0.7s ease-in-out;
      -moz-transition: all 0.7s ease-in-out;
      -o-transition: all 0.7s ease-in-out;
      -ms-transition: all 0.7s ease-in-out;
      transition: all 0.7s ease-in-out;
      cursor: pointer;
  }

  .web:hover img {
      -webkit-transform: scale(2);
      -moz-transform: scale(2);
      -o-transform: scale(2);
      -ms-transform: scale(2);
      transform: scale(2);
      -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=1);
      opacity: 1;
  }

  .mask-web {
      width: 100%;
      height: 100%;
      position: absolute;
      background-color: rgba(0, 188, 212, 0.5);
      top: 0;
      left: 0;
      overflow: hidden;
      cursor: pointer;
  }

  .web .mask-web {
      -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
      opacity: 0;
      -webkit-transition: all 0.5s linear;
      -moz-transition: all 0.5s linear;
      -o-transition: all 0.5s linear;
      -ms-transition: all 0.5s linear;
      transition: all 0.5s linear;
  }

  .web:hover .mask-web {
      -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
      filter: alpha(opacity=100);
      opacity: 1;
  }

  .web h2 {
      font-family: "raleway-bold", Helvetica, Arial, sans-serif;
      background: transparent;
      border: 2px solid #FFF;
      padding: 10px;
      color: #FFF;
      font-size: 15px;
      text-transform: uppercase;
      position: absolute;
      top: 40%;
      left: 50%;
      transform: translate(-50%, -50%);
      -webkit-transition: all 0.5s linear;
      -moz-transition: all 0.5s linear;
      -o-transition: all 0.5s linear;
      -ms-transition: all 0.5s linear;
      transition: all 0.5s linear;
      z-index: 2;
  }

  .mask-web hr {
      width: 150px;
      height: 1px;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: scale(0);
      -moz-transform: scale(0);
      -o-transform: scale(0);
      -ms-transform: scale(0);
      transform: scale(0);
      transform: translate(-50%, -50%);
      -webkit-transition: all 0.5s linear;
      -moz-transition: all 0.5s linear;
      -o-transition: all 0.5s linear;
      -ms-transition: all 0.5s linear;
      transition: all 0.5s linear;
      -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
      opacity: 0;
  }

  .mask-web h5 {
      font-family: "raleway-regular", Helvetica, Arial, sans-serif;
      color: #FFFFFF;
      font-size: 12px;
      text-transform: uppercase;
      position: absolute;
      top: 70%;
      left: 50%;
      -webkit-transform: scale(0);
      -moz-transform: scale(0);
      -o-transform: scale(0);
      -ms-transform: scale(0);
      transform: scale(0);
      transform: translate(-50%, -50%);
      -webkit-transition: all 0.5s linear;
      -moz-transition: all 0.5s linear;
      -o-transition: all 0.5s linear;
      -ms-transition: all 0.5s linear;
      transition: all 0.5s linear;
      -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
      opacity: 0;
  }

  .web:hover h5, .web:hover hr {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -o-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
      transform: translate(-50%, -50%);
      -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
      filter: alpha(opacity=100);
      opacity: 1;
  }
  /*        web        */

  .products img {
      max-width: none;
  }

  .prod {
      min-height: 250px;
  }

  .gestao {
      min-height: 500px;
  }

  .no-padding {
      padding: 0;
  }

  .logo_article {
      position: relative;
      padding-top: 65px;
      left: 50%;
      margin-left: -125px;
  }

  .logo_article_autodesk {
      position: relative;
      padding-top: 65px;
      left: 50%;
      margin-left: -150px;
  }

  .downarrow_menu {
      height: 10px;
      padding-left: 10px;
      padding-bottom: 3px;
  }
  /*          Hero Home Gismat        */

  .hero-EPL {
      width: 100%;
      height: 60vh;
      background-image: url('../img/EPL.jpg');
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      background-position: center center;
  }

  .hero-GU {
      width: 100%;
      height: 60vh;
      background-image: url('../img/GU.jpg');
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      background-position: center center;
  }

  .hero-PC {
      width: 100%;
      height: 60vh;
      background-image: url('../img/PC.jpg');
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      background-position: center center;
  }

  .hero-RC {
      width: 100%;
      height: 60vh;
      background-image: url('../img/FISC.jpg');
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      background-position: center center;
  }

  .hero-RSU {
      width: 100%;
      height: 60vh;
      background-image: url('../img/RSU.jpg');
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      background-position: center center;
  }

  .hero-RP {
      width: 100%;
      height: 60vh;
      background-image: url('../img/RP.jpg');
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      background-position: center center;
  }

  .hero-NP {
      width: 100%;
      height: 60vh;
      background-color: #c1d72d;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      background-position: center center;
  }

  @media screen and (max-width: 39.9375em) {
      .hero_home-gismat .caption-gismat h1.mean_cap {
          font-size: 43px;
          line-height: 46px;
      }
      h1.mean_cap_inov {
          font-size: 43px;
          line-height: 46px;
      }
      .hero_home-gismat .caption-gismat h2.sub_cap {
          font-size: 23px;
          line-height: 27px;
      }
      /*h2.mean_cap_inov {
          font-size: 30px;
          line-height: 33px;
      }*/
      h2.sub_cap_inov {
          font-size: 23px;
          line-height: 27px;
      }
      .btn_details_2 {
          display: none;
      }
      .btn_details_1 {
          display: none;
      }
  }

  @media screen and (max-width: 39.9375em) {
      .gestao {
          min-height: 250px;
      }
      .gestao h2 {
          top: 40%;
          left: 50%;
      }
      .mask-gestao hr {
          top: 50%;
          left: 50%;
      }
      .mask-gestao h5 {
          top: 70%;
          left: 50%;
      }
  }
  /*      Homepage EPL      */

  .hero-EPL-home {
      position: absolute;
      top: 0;
      width: 100%;
      height: 60vh;
      background-image: url('../img/EPL.jpg');
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      background-position: center center;
  }

  .separador_EPL {
      position: relative;
      width: 100%;
      height: 60px;
      background: rgb(13, 71, 161);
      color: #FFF;
      z-index: 1;
  }

  .separador_EPL:after {
      content: '';
      position: absolute;
      top: 100%;
      left: 50%;
      margin-left: -15px;
      width: 0;
      height: 0;
      border-top: solid 15px rgb(13, 71, 161);
      border-left: solid 15px transparent;
      border-right: solid 15px transparent;
  }

  .btn_EPL {
      background: rgb(13, 71, 161);
      margin-left: -20px;
  }

  .btn_EPL:hover {
      background: rgb(150, 18, 18);
  }

  @media screen and (max-width: 39.9375em) {
      .btn_EPL {
          width: 100%;
          margin-left: 0;
      }
  }

  .btn_fancy_GIS {
      position: relative;
      text-align: center;
      color: #FFF !important;
      font-family: "raleway-bold", Helvetica, Arial, sans-serif;
      font-size: 18px;
      font-weight: bold;
      text-transform: uppercase;
      padding: 16px 36px;
      border-radius: 2px;
      background: transparent;
      -webkit-transition: all .2s ease-out;
      -o-transition: all .2s ease-out;
      transition: all .2s ease-out;
  }

  .btn_fancy_EPL {
      position: relative;
      text-align: center;
      color: #FFF !important;
      font-family: "raleway-bold", Helvetica, Arial, sans-serif;
      font-size: 18px;
      font-weight: bold;
      text-transform: uppercase;
      padding: 16px 36px;
      border-radius: 2px;
      background: transparent;
      -webkit-transition: all .2s ease-out;
      -o-transition: all .2s ease-out;
      transition: all .2s ease-out;
  }

  .btn_fancy_EPL .text_layer {
      color: #FFF !important;
  }

  .btn_fancy_EPL .text_layer {
      position: relative;
  }

  .btn_fancy_EPL:hover, .btn_fancy:focus {
      color: #FFF;
  }

  .btn_fancy_EPL .border_layer {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border: 1px dashed #000000;
      -webkit-transition: all .2s ease-out;
      -o-transition: all .2s ease-out;
      transition: all .2s ease-out;
  }

  .btn_fancy_EPL .solid_layer {
      position: absolute;
      top: 4px;
      left: -4px;
      width: 100%;
      height: 100%;
      background: rgb(13, 71, 161);
      border-radius: 2px;
      -webkit-transition: all .2s ease-out;
      -o-transition: all .2s ease-out;
      transition: all .2s ease-out;
  }

  .btn_fancy_EPL:hover .border_layer {
      -webkit-transform: translate(2px, -2px);
      -ms-transform: translate(2px, -2px);
      -o-transform: translate(2px, -2px);
      transform: translate(2px, -2px);
  }

  .btn_fancy_EPL:hover .solid_layer {
      -webkit-transform: translate(-2px, 2px);
      -ms-transform: translate(-2px, 2px);
      -o-transform: translate(-2px, 2px);
      transform: translate(-2px, 2px);
  }
  /*      Homepage GP      */

  .hero-GP-home {
      position: absolute;
      top: 0;
      width: 100%;
      height: 60vh;
      background-image: url('../img/gestao_hero.jpg');
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      background-position: center center;
  }

  .hero-GU-home {
      position: absolute;
      top: 0;
      width: 100%;
      height: 60vh;
      background-image: url('../img/GU.jpg');
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      background-position: center center;
  }

  .hero-IRM-home {
      position: absolute;
      top: 0;
      width: 100%;
      height: 60vh;
      background-image: url('../img/IRM.jpg');
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      background-position: center center;
  }

  .hero-RV-home {
      position: absolute;
      top: 0;
      width: 100%;
      height: 60vh;
      background-image: url('../img/RV.jpg');
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      background-position: center center;
  }

  .hero-EDU-home {
      position: absolute;
      top: 0;
      width: 100%;
      height: 60vh;
      background-image: url('../img/EDU.jpg');
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      background-position: center center;
  }

  .hero-LEV-home {
      position: absolute;
      top: 0;
      width: 100%;
      height: 60vh;
      background-image: url('../img/LEV.jpg');
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      background-position: center center;
  }

  .hero-EM-home {
      position: absolute;
      top: 0;
      width: 100%;
      height: 60vh;
      background-image: url('../img/EM.jpg');
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      background-position: center center;
  }

  .hero-HS-home {
      position: absolute;
      top: 0;
      width: 100%;
      height: 60vh;
      background-image: url('../img/HS.jpg');
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      background-position: center center;
  }

  .hero-GD-home {
      position: absolute;
      top: 0;
      width: 100%;
      height: 60vh;
      background-image: url('../img/GD.jpg');
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      background-position: center center;
  }

  .separador_GP {
      position: relative;
      width: 100%;
      height: 60px;
      background: rgb(183, 28, 28);
      color: #FFF;
      z-index: 1;
  }

  .separador_GP:after {
      content: '';
      position: absolute;
      top: 100%;
      left: 50%;
      margin-left: -15px;
      width: 0;
      height: 0;
      border-top: solid 15px rgb(183, 28, 28);
      border-left: solid 15px transparent;
      border-right: solid 15px transparent;
  }

  .btn_GP {
      background: rgb(183, 28, 28);
      margin-left: -20px;
  }

  .btn_GP:hover {
      background: rgb(150, 18, 18);
  }

  @media screen and (max-width: 39.9375em) {
      .btn_GP {
          width: 100%;
          margin-left: 0;
      }
  }

  .btn_fancy_GP {
      position: relative;
      text-align: center;
      color: #FFF;
      font-family: "raleway-bold", Helvetica, Arial, sans-serif;
      font-size: 18px;
      font-weight: bold;
      text-transform: uppercase;
      padding: 16px 36px;
      border-radius: 2px;
      background: transparent;
      -webkit-transition: all .2s ease-out;
      -o-transition: all .2s ease-out;
      transition: all .2s ease-out;
  }

  .btn_fancy_GP .text_layer {
      position: relative;
      color: #FFF;
  }

  .btn_fancy_GP:hover, .btn_fancy:focus {
      color: #FFF;
  }

  .btn_fancy_GP .border_layer {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border: 1px dashed #000000;
      -webkit-transition: all .2s ease-out;
      -o-transition: all .2s ease-out;
      transition: all .2s ease-out;
  }

  .btn_fancy_GP .solid_layer {
      position: absolute;
      top: 4px;
      left: -4px;
      width: 100%;
      height: 100%;
      background: rgb(183, 28, 28);
      border-radius: 2px;
      -webkit-transition: all .2s ease-out;
      -o-transition: all .2s ease-out;
      transition: all .2s ease-out;
  }

  .btn_fancy_GP:hover .border_layer {
      -webkit-transform: translate(2px, -2px);
      -ms-transform: translate(2px, -2px);
      -o-transform: translate(2px, -2px);
      transform: translate(2px, -2px);
  }

  .btn_fancy_GP:hover .solid_layer {
      -webkit-transform: translate(-2px, 2px);
      -ms-transform: translate(-2px, 2px);
      -o-transform: translate(-2px, 2px);
      transform: translate(-2px, 2px);
  }

  .GU_app {
      background-image: url('../img/GU_app.jpg');
      background-size: cover;
      background-position: center center;
      padding-top: 30.166666666667%;
      height: 0;
      width: 40%
  }

  .EM_app {
      background-image: url('../img/EM_app.jpg');
      background-size: cover;
      background-position: center center;
      padding-top: 26.6%;
      height: 0;
      width: 40%;
      margin-left: -70px;
  }

  .RV_app {
      background-image: url('../img/RV_app.jpg');
      background-size: cover;
      background-position: center center;
      padding-top: 25.6%;
      height: 0;
      width: 40%
  }

  .EDU_app {
      background-image: url('../img/EDU_app.jpg');
      background-size: cover;
      background-position: center center;
      padding-top: 24%;
      height: 0;
      width: 40%;
      margin-left: -70px;
  }

  .HS_app {
      background-image: url('../img/HS_app.jpg');
      background-size: cover;
      background-position: center center;
      padding-top: 25.666666666667%;
      height: 0;
      width: 40%
  }

  .IRM_app {
      background-image: url('../img/IRM_app.jpg');
      background-size: cover;
      background-position: center center;
      padding-top: 24.6%;
      height: 0;
      width: 40%;
      margin-left: -70px;
  }

  .LEV_app {
      background-image: url('../img/LEV_app.jpg');
      background-size: cover;
      background-position: center center;
      padding-top: 32.6%;
      height: 0;
      width: 40%
  }

  .GD_app {
      background-image: url('../img/GD_app.jpg');
      background-size: cover;
      background-position: center center;
      padding-top: 37.6%;
      height: 0;
      width: 40%;
      margin-left: -70px;
  }

  .PC_app_pack {
      background-image: url('../img/PC_app.jpg');
      background-size: cover;
      background-position: center center;
      padding-top: 21.166666666667%;
      height: 0;
      width: 40%
  }

  @media screen and (max-width: 39.9375em) {
      .GU_app {
          background-size: cover;
          background-position: center center;
          padding-top: 50.166666666667%;
          margin-bottom: 25px;
          height: 0;
          width: 100%
      }
      .EM_app {
          background-size: cover;
          background-position: center center;
          padding-top: 50.166666666667%;
          height: 0;
          width: 100%;
          margin: 0;
          margin-bottom: 25px;
      }
      .RV_app {
          background-size: cover;
          background-position: center center;
          padding-top: 50.166666666667%;
          margin-bottom: 25px;
          height: 0;
          width: 100%
      }
      .EDU_app {
          background-size: cover;
          background-position: center center;
          padding-top: 50.166666666667%;
          height: 0;
          width: 100%;
          margin: 0;
          margin-bottom: 25px;
      }
      .HS_app {
          background-size: cover;
          background-position: center center;
          padding-top: 50.166666666667%;
          margin-bottom: 25px;
          height: 0;
          width: 100%
      }
      .IRM_app {
          background-size: cover;
          background-position: center center;
          padding-top: 50.166666666667%;
          height: 0;
          width: 100%;
          margin: 0;
          margin-bottom: 25px;
      }
      .LEV_app {
          background-size: cover;
          background-position: center center;
          padding-top: 50.166666666667%;
          margin-bottom: 25px;
          height: 0;
          width: 100%
      }
      .GD_app {
          background-size: cover;
          background-position: center center;
          padding-top: 50.166666666667%;
          height: 0;
          width: 100%;
          margin: 0;
          margin-bottom: 25px;
      }
      .PC_app {
          background-size: cover;
          background-position: center center;
          padding-top: 50.166666666667%;
          height: 0;
          width: 100%;
          margin: 0;
          margin-bottom: 25px;
      }
      .PC_app_pack {
          background-size: cover;
          background-position: center center;
          padding-top: 50.166666666667%;
          height: 0;
          width: 100%;
          margin: 0;
          margin-bottom: 25px;
      }
      .SR_app_pack {
          background-size: cover;
          background-position: center center;
          padding-top: 50.166666666667%;
          height: 0;
          width: 100%;
          margin: 0;
          margin-bottom: 25px;
      }
  }
  /*      Homepage cadastro      */

  .hero-CD-home {
      position: absolute;
      top: 0;
      width: 100%;
      height: 60vh;
      background-image: url('../img/cadastro_hero.jpg');
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      background-position: center center;
  }

  .hero-CP-home {
      position: absolute;
      top: 0;
      width: 100%;
      height: 60vh;
      background-image: url('../img/RP.jpg');
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      background-position: center center;
  }

  .hero-PM-home {
      position: absolute;
      top: 0;
      width: 100%;
      height: 60vh;
      background-image: url('../img/PM.jpg');
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      background-position: center center;
  }

  .separador_CD {
      position: relative;
      width: 100%;
      height: 60px;
      background: rgb(255, 235, 59);
      color: #222;
      z-index: 1;
  }

  .separador_CD:after {
      content: '';
      position: absolute;
      top: 100%;
      left: 50%;
      margin-left: -15px;
      width: 0;
      height: 0;
      border-top: solid 15px rgb(255, 235, 59);
      border-left: solid 15px transparent;
      border-right: solid 15px transparent;
  }

  .btn_CD {
      background: rgb(255, 235, 59);
      margin-left: -20px;
      color: #222;
  }

  .btn_CD:hover {
      background: #F9A825;
      color: #222;
  }

  @media screen and (max-width: 39.9375em) {
      .btn_CD {
          width: 100%;
          margin-left: 0;
      }
  }

  .btn_fancy_CD {
      position: relative;
      text-align: center;
      color: #222;
      font-family: "raleway-bold", Helvetica, Arial, sans-serif;
      font-size: 18px;
      font-weight: bold;
      text-transform: uppercase;
      padding: 16px 36px;
      border-radius: 2px;
      background: transparent;
      -webkit-transition: all .2s ease-out;
      -o-transition: all .2s ease-out;
      transition: all .2s ease-out;
  }

  .btn_fancy_CD .text_layer {
      position: relative;
  }

  .btn_fancy_CD:hover, .btn_fancy:focus {
      color: #222;
  }

  .btn_fancy_CD .border_layer {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border: 1px dashed #000000;
      -webkit-transition: all .2s ease-out;
      -o-transition: all .2s ease-out;
      transition: all .2s ease-out;
  }

  .btn_fancy_CD .solid_layer {
      position: absolute;
      top: 4px;
      left: -4px;
      width: 100%;
      height: 100%;
      background: rgb(255, 235, 59);
      border-radius: 2px;
      -webkit-transition: all .2s ease-out;
      -o-transition: all .2s ease-out;
      transition: all .2s ease-out;
  }

  .btn_fancy_CD:hover .border_layer {
      -webkit-transform: translate(2px, -2px);
      -ms-transform: translate(2px, -2px);
      -o-transform: translate(2px, -2px);
      transform: translate(2px, -2px);
  }

  .btn_fancy_CD:hover .solid_layer {
      -webkit-transform: translate(-2px, 2px);
      -ms-transform: translate(-2px, 2px);
      -o-transform: translate(-2px, 2px);
      transform: translate(-2px, 2px);
  }

  .RP_app {
      background-image: url('../img/RP_app.jpg');
      background-size: cover;
      background-position: center center;
      padding-top: 25.6%;
      height: 0;
      width: 40%
  }

  .PM_app {
      background-image: url('../img/PM_app.jpg');
      background-size: cover;
      background-position: center center;
      padding-top: 28.6%;
      margin-left: -75px;
      height: 0;
      width: 40%
  }

  @media screen and (max-width: 39.9375em) {
      .RP_app {
          background-image: url('../img/RP_app.jpg');
          background-size: cover;
          background-position: center center;
          padding-top: 50.166666666667%;
          margin-bottom: 25px;
          height: 0;
          width: 100%
      }
      .PM_app {
          background-image: url('../img/PM_app.jpg');
          background-size: cover;
          background-position: center center;
          padding-top: 50.166666666667%;
          margin: 0;
          height: 0;
          width: 100%;
          margin-bottom: 25px;
      }
  }
  /*      Homepage Segurança     */

  .hero-SG-home {
      position: absolute;
      top: 0;
      width: 100%;
      height: 60vh;
      background-image: url('../img/PC.jpg');
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      background-position: center center;
  }

  .separador_SG {
      position: relative;
      width: 100%;
      height: 60px;
      background: rgb(121, 85, 72);
      color: #FFF;
      z-index: 1;
  }

  .separador_SG:after {
      content: '';
      position: absolute;
      top: 100%;
      left: 50%;
      margin-left: -15px;
      width: 0;
      height: 0;
      border-top: solid 15px rgb(121, 85, 72);
      border-left: solid 15px transparent;
      border-right: solid 15px transparent;
  }

  .btn_SG {
      background: rgb(121, 85, 72);
      margin-left: -20px;
      color: #FFF;
  }

  .btn_SG:hover {
      background: #3E2723;
      color: #FFF;
  }

  @media screen and (max-width: 39.9375em) {
      .btn_SG {
          width: 100%;
          margin-left: 0;
      }
  }

  .btn_fancy_SG {
      position: relative;
      text-align: center;
      color: #FFF;
      font-family: "raleway-bold", Helvetica, Arial, sans-serif;
      font-size: 18px;
      font-weight: bold;
      text-transform: uppercase;
      padding: 16px 36px;
      border-radius: 2px;
      background: transparent;
      -webkit-transition: all .2s ease-out;
      -o-transition: all .2s ease-out;
      transition: all .2s ease-out;
  }

  .btn_fancy_SG .text_layer {
      position: relative;
  }

  .btn_fancy_SG:hover, .btn_fancy:focus {
      color: #FFF;
  }

  .btn_fancy_SG .border_layer {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border: 1px dashed #000000;
      -webkit-transition: all .2s ease-out;
      -o-transition: all .2s ease-out;
      transition: all .2s ease-out;
  }

  .btn_fancy_SG .solid_layer {
      position: absolute;
      top: 4px;
      left: -4px;
      width: 100%;
      height: 100%;
      background: rgb(121, 85, 72);
      border-radius: 2px;
      -webkit-transition: all .2s ease-out;
      -o-transition: all .2s ease-out;
      transition: all .2s ease-out;
  }

  .btn_fancy_SG:hover .border_layer {
      -webkit-transform: translate(2px, -2px);
      -ms-transform: translate(2px, -2px);
      -o-transform: translate(2px, -2px);
      transform: translate(2px, -2px);
  }

  .btn_fancy_SG:hover .solid_layer {
      -webkit-transform: translate(-2px, 2px);
      -ms-transform: translate(-2px, 2px);
      -o-transform: translate(-2px, 2px);
      transform: translate(-2px, 2px);
  }
  /*      Homepage Recitas e Fiscalização     */

  .hero-RF-home {
      position: absolute;
      top: 0;
      width: 100%;
      height: 60vh;
      background-image: url('../img/receitas_hero.jpg');
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      background-position: center center;
  }

  .hero-RB-home {
      position: absolute;
      top: 0;
      width: 100%;
      height: 60vh;
      background-image: url('../img/RB.jpg');
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      background-position: center bottom;
  }

  .hero-PUB-home {
      position: absolute;
      top: 0;
      width: 100%;
      height: 60vh;
      background-image: url('../img/PUB.jpg');
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      background-position: center center;
  }

  .hero-FISC-home {
      position: absolute;
      top: 0;
      width: 100%;
      height: 60vh;
      background-image: url('../img/FISC.jpg');
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      background-position: center center;
  }

  .separador_RF {
      position: relative;
      width: 100%;
      height: 60px;
      background: rgb(255, 152, 0);
      color: #FFF;
      z-index: 1;
  }

  .separador_RF:after {
      content: '';
      position: absolute;
      top: 100%;
      left: 50%;
      margin-left: -15px;
      width: 0;
      height: 0;
      border-top: solid 15px rgb(255, 152, 0);
      border-left: solid 15px transparent;
      border-right: solid 15px transparent;
  }

  .btn_RF {
      background: rgb(255, 152, 0);
      margin-left: -20px;
      color: #FFF;
  }

  .btn_RF:hover {
      background: #E65100;
      color: #FFF;
  }

  @media screen and (max-width: 39.9375em) {
      .btn_RF {
          width: 100%;
          margin-left: 0;
      }
  }

  .btn_fancy_RF {
      position: relative;
      text-align: center;
      color: #FFF;
      font-family: "raleway-bold", Helvetica, Arial, sans-serif;
      font-size: 18px;
      font-weight: bold;
      text-transform: uppercase;
      padding: 16px 36px;
      border-radius: 2px;
      background: transparent;
      -webkit-transition: all .2s ease-out;
      -o-transition: all .2s ease-out;
      transition: all .2s ease-out;
  }

  .btn_fancy_RF .text_layer {
      color: #FFF;
      position: relative;
  }

  .btn_fancy_RF:hover, .btn_fancy:focus {
      color: #FFF;
  }

  .btn_fancy_RF .border_layer {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border: 1px dashed #000000;
      -webkit-transition: all .2s ease-out;
      -o-transition: all .2s ease-out;
      transition: all .2s ease-out;
  }

  .btn_fancy_RF .solid_layer {
      position: absolute;
      top: 4px;
      left: -4px;
      width: 100%;
      height: 100%;
      background: rgb(255, 152, 0);
      border-radius: 2px;
      -webkit-transition: all .2s ease-out;
      -o-transition: all .2s ease-out;
      transition: all .2s ease-out;
  }

  .btn_fancy_RF:hover .border_layer {
      -webkit-transform: translate(2px, -2px);
      -ms-transform: translate(2px, -2px);
      -o-transform: translate(2px, -2px);
      transform: translate(2px, -2px);
  }

  .btn_fancy_RF:hover .solid_layer {
      -webkit-transform: translate(-2px, 2px);
      -ms-transform: translate(-2px, 2px);
      -o-transform: translate(-2px, 2px);
      transform: translate(-2px, 2px);
  }

  .RB_app {
      background-image: url('../img/RB_app.jpg');
      background-size: cover;
      background-position: center center;
      padding-top: 33.166666666667%;
      height: 0;
      width: 40%
  }

  .PUB_app {
      background-image: url('../img/PUB_app.jpg');
      background-size: cover;
      background-position: center center;
      padding-top: 36.6%;
      height: 0;
      width: 40%;
      margin-left: -70px;
  }

  .FISC_app {
      background-image: url('../img/FISC_app.jpg');
      background-size: cover;
      background-position: center center;
      padding-top: 28.166666666667%;
      height: 0;
      width: 40%
  }

  .FISC_app_apk {
      background-image: url('../img/FISC_app.jpg');
      background-size: cover;
      background-position: center center;
      padding-top: 28.166666666667%;
      height: 0;
      width: 40%;
      margin-left: -75px;
  }

  @media screen and (max-width: 39.9375em) {
      .RB_app {
          background-size: cover;
          background-position: center center;
          padding-top: 50.166666666667%;
          margin-bottom: 25px;
          height: 0;
          width: 100%
      }
      .PUB_app {
          background-size: cover;
          background-position: center center;
          padding-top: 50.166666666667%;
          height: 0;
          width: 100%;
          margin: 0;
          margin-bottom: 25px;
      }
      .FISC_app {
          background-size: cover;
          background-position: center center;
          padding-top: 50.166666666667%;
          margin-bottom: 25px;
          height: 0;
          width: 100%
      }
      .FISC_app {
          background-size: cover;
          background-position: center center;
          padding-top: 50.166666666667%;
          height: 0;
          width: 100%;
          margin: 0;
          margin-bottom: 25px;
      }
  }
  /*      Homepage Ambiente    */

  .hero-AM-home {
      position: absolute;
      top: 0;
      width: 100%;
      height: 60vh;
      background-image: url('../img/ambiente_hero.jpg');
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      background-position: center center;
  }

  .separador_AM {
      position: relative;
      width: 100%;
      height: 60px;
      background: rgb(76, 175, 80);
      color: #FFF;
      z-index: 1;
  }

  .separador_AM:after {
      content: '';
      position: absolute;
      top: 100%;
      left: 50%;
      margin-left: -15px;
      width: 0;
      height: 0;
      border-top: solid 15px rgb(76, 175, 80);
      border-left: solid 15px transparent;
      border-right: solid 15px transparent;
  }

  .btn_AM {
      background: rgb(76, 175, 80);
      margin-left: -20px;
      color: #FFF;
  }

  .btn_AM:hover {
      background: #E65100;
      color: #FFF;
  }

  @media screen and (max-width: 39.9375em) {
      .btn_AM {
          width: 100%;
          margin-left: 0;
      }
  }

  .btn_fancy_AM {
      display: inline-block;
      position: relative;
      text-align: center;
      color: #FFF;
      font-family: "raleway-bold", Helvetica, Arial, sans-serif;
      font-size: 18px;
      font-weight: bold;
      text-transform: uppercase;
      padding: 16px 36px;
      border-radius: 2px;
      background: transparent;
      -webkit-transition: all .2s ease-out;
      -o-transition: all .2s ease-out;
      transition: all .2s ease-out;
  }

  .btn_fancy_AM .text_layer {
      position: relative;
  }

  .btn_fancy_AM:hover, .btn_fancy:focus {
      color: #FFF;
  }

  .btn_fancy_AM .border_layer {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border: 1px dashed #000000;
      -webkit-transition: all .2s ease-out;
      -o-transition: all .2s ease-out;
      transition: all .2s ease-out;
  }

  .btn_fancy_AM .solid_layer {
      position: absolute;
      top: 4px;
      left: -4px;
      width: 100%;
      height: 100%;
      background: rgb(76, 175, 80);
      border-radius: 2px;
      -webkit-transition: all .2s ease-out;
      -o-transition: all .2s ease-out;
      transition: all .2s ease-out;
  }

  .btn_fancy_AM:hover .border_layer {
      -webkit-transform: translate(2px, -2px);
      -ms-transform: translate(2px, -2px);
      -o-transform: translate(2px, -2px);
      transform: translate(2px, -2px);
  }

  .btn_fancy_AM:hover .solid_layer {
      -webkit-transform: translate(-2px, 2px);
      -ms-transform: translate(-2px, 2px);
      -o-transform: translate(-2px, 2px);
      transform: translate(-2px, 2px);
  }
  /*      Homepage Serviços WEB    */

  .hero-WEB-home {
      position: absolute;
      top: 0;
      width: 100%;
      height: 60vh;
      background-image: url('../img/web_hero.jpg');
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      background-position: center center;
  }

  .hero-EPL-home {
      position: absolute;
      top: 0;
      width: 100%;
      height: 60vh;
      background-image: url('../img/EPL.jpg');
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      background-position: center center;
  }

  .hero-PMOT-home {
      position: absolute;
      top: 0;
      width: 100%;
      height: 60vh;
      background-image: url('../img/PMOT.jpg');
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      background-position: center center;
  }

  .hero-SR-home {
      position: absolute;
      top: 0;
      width: 100%;
      height: 60vh;
      background-image: url('../img/SR.jpg');
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      background-position: center center;
  }

  .hero-GEO-home {
      position: absolute;
      top: 0;
      width: 100%;
      height: 60vh;
      background-image: url('../img/RC.jpg');
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      background-position: center center;
  }

  .hero-MOB-home {
      position: absolute;
      top: 0;
      width: 100%;
      height: 60vh;
      background-image: url('../img/MOB.jpg');
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      background-position: center bottom;
  }

  .hero-EL-home {
      position: absolute;
      top: 0;
      width: 100%;
      height: 60vh;
      background-image: url('../img/EL.jpg');
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      background-position: center center;
  }

  .hero-NP-home {
      position: absolute;
      top: 0;
      width: 100%;
      height: 60vh;
      background-image: url('../img/NP.jpg');
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      background-position: center center;
  }

  .separador_WEB {
      position: relative;
      width: 100%;
      height: 60px;
      background: rgb(0, 188, 212);
      color: #FFF;
      z-index: 1;
  }

  .separador_WEB:after {
      content: '';
      position: absolute;
      top: 100%;
      left: 50%;
      margin-left: -15px;
      width: 0;
      height: 0;
      border-top: solid 15px rgb(0, 188, 212);
      border-left: solid 15px transparent;
      border-right: solid 15px transparent;
  }

  .btn_WEB {
      background: rgb(0, 188, 212);
      margin-left: -20px;
      color: #FFF;
  }

  .btn_WEB:hover {
      background: #006064;
      color: #FFF;
  }

  @media screen and (max-width: 39.9375em) {
      .btn_WEB {
          width: 100%;
          margin-left: 0;
      }
  }

  .btn_fancy_WEB {
      position: relative;
      text-align: center;
      color: #FFF;
      font-family: "raleway-bold", Helvetica, Arial, sans-serif;
      font-size: 18px;
      font-weight: bold;
      text-transform: uppercase;
      padding: 16px 36px;
      border-radius: 2px;
      background: transparent;
      -webkit-transition: all .2s ease-out;
      -o-transition: all .2s ease-out;
      transition: all .2s ease-out;
  }

  .btn_fancy_WEB .text_layer {
      color: #FFF;
      position: relative;
  }

  .btn_fancy_WEB:hover, .btn_fancy:focus {
      color: #FFF;
  }

  .btn_fancy_WEB .border_layer {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border: 1px dashed #000000;
      -webkit-transition: all .2s ease-out;
      -o-transition: all .2s ease-out;
      transition: all .2s ease-out;
  }

  .btn_fancy_WEB .solid_layer {
      position: absolute;
      top: 4px;
      left: -4px;
      width: 100%;
      height: 100%;
      background: rgb(0, 188, 212);
      border-radius: 2px;
      -webkit-transition: all .2s ease-out;
      -o-transition: all .2s ease-out;
      transition: all .2s ease-out;
  }

  .btn_fancy_WEB:hover .border_layer {
      -webkit-transform: translate(2px, -2px);
      -ms-transform: translate(2px, -2px);
      -o-transform: translate(2px, -2px);
      transform: translate(2px, -2px);
  }

  .btn_fancy_WEB:hover .solid_layer {
      -webkit-transform: translate(-2px, 2px);
      -ms-transform: translate(-2px, 2px);
      -o-transform: translate(-2px, 2px);
      transform: translate(-2px, 2px);
  }

  .EMP_app {
      background-image: url('../img/EMP_app.jpg');
      background-size: cover;
      background-position: center center;
      padding-top: 25.6%;
      height: 0;
      width: 40%
  }

  .NP_app {
      background-image: url('../img/NP_app.jpg');
      background-size: cover;
      background-position: center center;
      padding-top: 32.6%;
      height: 0;
      width: 40%
  }

  .NP_app_pack {
      background-image: url('../img/NP_app.jpg');
      background-size: cover;
      background-position: center center;
      padding-top: 32.6%;
      height: 0;
      width: 40%;
      margin-left: -70px;
  }

  .EPL_app {
      background-image: url('../img/EPL_app.jpg');
      background-size: cover;
      background-position: center center;
      padding-top: 21.6%;
      height: 0;
      width: 40%
  }

  .EPL_app_pack {
      background-image: url('../img/EPL_app.jpg');
      background-size: cover;
      background-position: center center;
      padding-top: 21.6%;
      height: 0;
      width: 40%;
      margin-left: -70px;
  }

  .PMOT_app {
      background-image: url('../img/PMOT_app.jpg');
      background-size: cover;
      background-position: center center;
      padding-top: 31.6%;
      height: 0;
      width: 40%;
      margin-left: -70px;
  }

  .PMOT_app_pack {
      background-image: url('../img/PMOT_app.jpg');
      background-size: cover;
      background-position: center center;
      padding-top: 31.6%;
      height: 0;
      width: 40%;
      margin-left: 0;
  }

  .SR_app {
      background-image: url('../img/SR_app.jpg');
      background-size: cover;
      background-position: center center;
      padding-top: 35%;
      height: 0;
      width: 40%
  }

  .SR_app_pack {
      background-image: url('../img/SR_app.jpg');
      background-size: cover;
      background-position: center center;
      padding-top: 35%;
      height: 0;
      width: 40%;
      margin-left: -70px;
  }

  .MOB_app {
      background-image: url('../img/MOB_app.jpg');
      background-size: cover;
      background-position: center center;
      padding-top: 23.6%;
      height: 0;
      width: 40%
  }

  .EL_app {
      background-image: url('../img/EL_app.jpg');
      background-size: cover;
      background-position: center center;
      padding-top: 23.6%;
      height: 0;
      width: 40%
  }

  @media screen and (max-width: 39.9375em) {
      .EMP_app {
          background-size: cover;
          background-position: center center;
          padding-top: 50.166666666667%;
          margin-bottom: 25px;
          height: 0;
          width: 100%;
          margin: 0;
      }
      .EPL_app {
          background-size: cover;
          background-position: center center;
          padding-top: 50.166666666667%;
          height: 0;
          width: 100%;
          margin: 0;
          margin-bottom: 25px;
      }
      .EPL_app_pack {
          background-size: cover;
          background-position: center center;
          padding-top: 50.166666666667%;
          height: 0;
          width: 100%;
          margin: 0;
          margin-bottom: 25px;
      }
      .PMOT_app {
          background-size: cover;
          background-position: center center;
          padding-top: 50.166666666667%;
          height: 0;
          width: 100%;
          margin: 0;
          margin-bottom: 25px;
      }
      .PMOT_app_pack {
          background-size: cover;
          background-position: center center;
          padding-top: 50.166666666667%;
          height: 0;
          width: 100%;
          margin: 0;
          margin-bottom: 25px;
      }
      .SR_app {
          background-size: cover;
          background-position: center center;
          padding-top: 50.166666666667%;
          height: 0;
          width: 100%;
          margin-bottom: 25px;
      }
      .SR_app_pack {
          background-size: cover;
          background-position: center center;
          padding-top: 50.166666666667%;
          height: 0;
          width: 100%;
          margin: 0;
          margin-bottom: 25px;
      }
      .MOB_app {
          background-size: cover;
          background-position: center center;
          padding-top: 50.166666666667%;
          height: 0;
          width: 100%;
          margin: 0;
          margin-bottom: 25px;
      }
      .EL_app {
          background-size: cover;
          background-position: center center;
          padding-top: 50.166666666667%;
          height: 0;
          width: 100%;
          margin: 0;
          margin-bottom: 25px;
      }
      .NP_app {
          background-size: cover;
          background-position: center center;
          padding-top: 50.166666666667%;
          height: 0;
          width: 100%;
          margin-bottom: 25px;
      }
      .NP_app_pack {
          background-size: cover;
          background-position: center center;
          padding-top: 50.166666666667%;
          height: 0;
          width: 100%;
          margin: 0;
          margin-bottom: 25px;
      }
  }
  /*      APPs page general    */

  .app_services_list .row {
      text-align: inherit;
      margin-bottom: 50px;
  }

  .app_services_list .row:last-child {
      text-align: inherit;
      margin-bottom: 25px;
  }

  @media screen and (max-width: 39.9375em) {
      .app_services_list .row {
          text-align: center;
      }
      .app_services_list ul li {
          margin-left: 0;
          list-style: none;
      }
      .app_services_list .row:last-child {
          text-align: center;
      }
  }

  .services .app_services_list p {
      color: #323236;
      font-family: "raleway-regular", Helvetica, Arial, sans-serif;
      font-size: 14px;
      line-height: 1.7;
  }

  .app_services_list ul {
      font-family: "raleway-regular", Helvetica, Arial, sans-serif;
      font-size: 14px;
      line-height: 1.2;
      font-weight: 600;
  }

  .app_services_list ul li {
      font-size: 14px;
      padding-bottom: 3px;
      margin-left: 25px;
      list-style: point;
      font-weight: 400;
      line-height: 1.6;
  }
  /*      Back to top button      */

  #back-to-top-parent {
      position: fixed;
      bottom: 135px;
      right: 10px;
      height: 50px;
      width: 50px;
      z-index: 9999;
      text-decoration: none;
      transition: opacity 0.2s ease-out;
      opacity: 0;
  }

  #back-to-top-parent.show {
      opacity: 1;
  }

  .back-to-top-btn {
      position: relative;
      height: 100%;
      width: 100%;
      background-repeat: no-repeat;
      background-image: url('../img/back-to-top.png');
      background-size: contain;
      cursor: pointer;
  }

  @media screen and (max-width: 39.9375em) {
      #back-to-top-parent {
          bottom: 30px;
          height: 30px;
          width: 30px;
      }
  }

  .pop_title {
      font-family: 'raleway-bold';
      color: #66BB6A;
      text-transform: uppercase;
  }

  .sweet_container {
      font-family: 'relaway-regular'
  }
  /*      packs pages */
  /* GeoUrban */

  .separador_GeoU {
      position: relative;
      width: 100%;
      height: 60px;
      background: #0D47A1;
      color: #222;
      z-index: 1;
  }

  .separador_GeoU:after {
      content: '';
      position: absolute;
      top: 100%;
      left: 50%;
      margin-left: -15px;
      width: 0;
      height: 0;
      border-top: solid 15px #0D47A1;
      border-left: solid 15px transparent;
      border-right: solid 15px transparent;
  }

  .btn_fancy_GeoU {
      position: relative;
      text-align: center;
      color: #FFF;
      font-family: "raleway-bold", Helvetica, Arial, sans-serif;
      font-size: 18px;
      font-weight: bold;
      text-transform: uppercase;
      padding: 16px 36px;
      border-radius: 2px;
      background: transparent;
      -webkit-transition: all .2s ease-out;
      -o-transition: all .2s ease-out;
      transition: all .2s ease-out;
  }

  .btn_fancy_GeoU .text_layer {
      color: #FFF;
      position: relative;
  }

  .btn_fancy_GeoU:hover, .btn_fancy:focus {
      color: #222;
  }

  .btn_fancy_GeoU .border_layer {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border: 1px dashed #000000;
      -webkit-transition: all .2s ease-out;
      -o-transition: all .2s ease-out;
      transition: all .2s ease-out;
  }

  .btn_fancy_GeoU .solid_layer {
      position: absolute;
      top: 4px;
      left: -4px;
      width: 100%;
      height: 100%;
      background: #0D47A1;
      border-radius: 2px;
      -webkit-transition: all .2s ease-out;
      -o-transition: all .2s ease-out;
      transition: all .2s ease-out;
  }

  .btn_fancy_GeoU:hover .border_layer {
      -webkit-transform: translate(2px, -2px);
      -ms-transform: translate(2px, -2px);
      -o-transform: translate(2px, -2px);
      transform: translate(2px, -2px);
  }

  .btn_fancy_GeoU:hover .solid_layer {
      -webkit-transform: translate(-2px, 2px);
      -ms-transform: translate(-2px, 2px);
      -o-transform: translate(-2px, 2px);
      transform: translate(-2px, 2px);
  }

  .btn_GeoU {
      background: #0D47A1;
      margin-left: -20px;
      color: #FFF;
  }

  @media screen and (max-width: 39.9375em) {
      .btn_GeoU {
          width: 100%;
      }
  }

  .btn_GeoU:hover {
      background: #2196F3;
      color: #FFF;
  }

  .hero-GeoU-home {
      position: absolute;
      top: 0;
      width: 100%;
      height: 60vh;
      background-image: url('../img/GeoU.jpg');
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      background-position: center center;
  }
  /* Pack GeoPC */

  .separador_GeoPC {
      position: relative;
      width: 100%;
      height: 60px;
      background: #B71C1C;
      color: #222;
      z-index: 1;
  }

  .separador_GeoPC:after {
      content: '';
      position: absolute;
      top: 100%;
      left: 50%;
      margin-left: -15px;
      width: 0;
      height: 0;
      border-top: solid 15px #B71C1C;
      border-left: solid 15px transparent;
      border-right: solid 15px transparent;
  }

  .btn_fancy_GeoPC {
      position: relative;
      text-align: center;
      color: #FFF;
      font-family: "raleway-bold", Helvetica, Arial, sans-serif;
      font-size: 18px;
      font-weight: bold;
      text-transform: uppercase;
      padding: 16px 36px;
      border-radius: 2px;
      background: transparent;
      -webkit-transition: all .2s ease-out;
      -o-transition: all .2s ease-out;
      transition: all .2s ease-out;
  }

  .btn_fancy_GeoPC .text_layer {
      color: #FFF;
      position: relative;
  }

  .btn_fancy_GeoPC:hover, .btn_fancy:focus {
      color: #222;
  }

  .btn_fancy_GeoPC .border_layer {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border: 1px dashed #000000;
      -webkit-transition: all .2s ease-out;
      -o-transition: all .2s ease-out;
      transition: all .2s ease-out;
  }

  .btn_fancy_GeoPC .solid_layer {
      position: absolute;
      top: 4px;
      left: -4px;
      width: 100%;
      height: 100%;
      background: #B71C1C;
      border-radius: 2px;
      -webkit-transition: all .2s ease-out;
      -o-transition: all .2s ease-out;
      transition: all .2s ease-out;
  }

  .btn_fancy_GeoPC:hover .border_layer {
      -webkit-transform: translate(2px, -2px);
      -ms-transform: translate(2px, -2px);
      -o-transform: translate(2px, -2px);
      transform: translate(2px, -2px);
  }

  .btn_fancy_GeoPC:hover .solid_layer {
      -webkit-transform: translate(-2px, 2px);
      -ms-transform: translate(-2px, 2px);
      -o-transform: translate(-2px, 2px);
      transform: translate(-2px, 2px);
  }

  .btn_GeoPC {
      background: #B71C1C;
      margin-left: -20px;
      color: #FFF;
  }

  @media screen and (max-width: 39.9375em) {
      .btn_GeoPC {
          width: 100%;
      }
  }

  .btn_GeoPC:hover {
      background: #EF5350;
      color: #FFF;
  }

  .hero-GeoPC-home {
      position: absolute;
      top: 0;
      width: 100%;
      height: 60vh;
      background-image: url('../img/GeoPC.jpg');
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      background-position: center center;
  }

  .sweet-alert h2 {
      color: #4CAF50;
  }

  .pack_titles {
      margin-bottom: 35px;
  }
  /* Pack GeoInvest */

  .separador_GeoI {
      position: relative;
      width: 100%;
      height: 60px;
      background: #009688;
      color: #222;
      z-index: 1;
  }

  .separador_GeoI:after {
      content: '';
      position: absolute;
      top: 100%;
      left: 50%;
      margin-left: -15px;
      width: 0;
      height: 0;
      border-top: solid 15px #009688;
      border-left: solid 15px transparent;
      border-right: solid 15px transparent;
  }

  .btn_fancy_GeoI {
      position: relative;
      text-align: center;
      color: #FFF;
      font-family: "raleway-bold", Helvetica, Arial, sans-serif;
      font-size: 18px;
      font-weight: bold;
      text-transform: uppercase;
      padding: 16px 36px;
      border-radius: 2px;
      background: transparent;
      -webkit-transition: all .2s ease-out;
      -o-transition: all .2s ease-out;
      transition: all .2s ease-out;
  }

  .btn_fancy_GeoI .text_layer {
      color: #FFF;
      position: relative;
  }

  .btn_fancy_GeoI:hover, .btn_fancy:focus {
      color: #222;
  }

  .btn_fancy_GeoI .border_layer {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border: 1px dashed #000000;
      -webkit-transition: all .2s ease-out;
      -o-transition: all .2s ease-out;
      transition: all .2s ease-out;
  }

  .btn_fancy_GeoI .solid_layer {
      position: absolute;
      top: 4px;
      left: -4px;
      width: 100%;
      height: 100%;
      background: #009688;
      border-radius: 2px;
      -webkit-transition: all .2s ease-out;
      -o-transition: all .2s ease-out;
      transition: all .2s ease-out;
  }

  .btn_fancy_GeoI:hover .border_layer {
      -webkit-transform: translate(2px, -2px);
      -ms-transform: translate(2px, -2px);
      -o-transform: translate(2px, -2px);
      transform: translate(2px, -2px);
  }

  .btn_fancy_GeoI:hover .solid_layer {
      -webkit-transform: translate(-2px, 2px);
      -ms-transform: translate(-2px, 2px);
      -o-transform: translate(-2px, 2px);
      transform: translate(-2px, 2px);
  }

  .btn_GeoI {
      background: #009688;
      margin-left: -20px;
      color: #FFF;
  }

  @media screen and (max-width: 39.9375em) {
      .btn_GeoI {
          width: 100%;
      }
  }

  .btn_GeoI:hover {
      background: #80CBC4;
      color: #FFF;
  }

  .hero-GeoI-home {
      position: absolute;
      top: 0;
      width: 100%;
      height: 60vh;
      background-image: url('../img/GeoI.jpg');
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      background-position: center center;
  }
  /* Pack GeoMobile */

  .separador_GeoM {
      position: relative;
      width: 100%;
      height: 60px;
      background: #F44336;
      color: #222;
      z-index: 1;
  }

  .separador_GeoM:after {
      content: '';
      position: absolute;
      top: 100%;
      left: 50%;
      margin-left: -15px;
      width: 0;
      height: 0;
      border-top: solid 15px #F44336;
      border-left: solid 15px transparent;
      border-right: solid 15px transparent;
  }

  .btn_fancy_GeoM {
      position: relative;
      text-align: center;
      color: #FFF;
      font-family: "raleway-bold", Helvetica, Arial, sans-serif;
      font-size: 18px;
      font-weight: bold;
      text-transform: uppercase;
      padding: 16px 36px;
      border-radius: 2px;
      background: transparent;
      -webkit-transition: all .2s ease-out;
      -o-transition: all .2s ease-out;
      transition: all .2s ease-out;
  }

  .btn_fancy_GeoM .text_layer {
      color: #FFF;
      position: relative;
  }

  .btn_fancy_GeoM:hover, .btn_fancy:focus {
      color: #222;
  }

  .btn_fancy_GeoM .border_layer {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border: 1px dashed #000000;
      -webkit-transition: all .2s ease-out;
      -o-transition: all .2s ease-out;
      transition: all .2s ease-out;
  }

  .btn_fancy_GeoM .solid_layer {
      position: absolute;
      top: 4px;
      left: -4px;
      width: 100%;
      height: 100%;
      background: #F44336;
      border-radius: 2px;
      -webkit-transition: all .2s ease-out;
      -o-transition: all .2s ease-out;
      transition: all .2s ease-out;
  }

  .btn_fancy_GeoM:hover .border_layer {
      -webkit-transform: translate(2px, -2px);
      -ms-transform: translate(2px, -2px);
      -o-transform: translate(2px, -2px);
      transform: translate(2px, -2px);
  }

  .btn_fancy_GeoM:hover .solid_layer {
      -webkit-transform: translate(-2px, 2px);
      -ms-transform: translate(-2px, 2px);
      -o-transform: translate(-2px, 2px);
      transform: translate(-2px, 2px);
  }

  .btn_GeoM {
      background: #F44336;
      margin-left: -20px;
      color: #FFF;
  }

  @media screen and (max-width: 39.9375em) {
      .btn_GeoM {
          width: 100%;
      }
  }

  .btn_GeoM:hover {
      background: #EF9A9A;
      color: #FFF;
  }

  .hero-GeoM-home {
      position: absolute;
      top: 0;
      width: 100%;
      height: 60vh;
      background-image: url('../img/GeoM.jpg');
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      background-position: center center;
  }

  .pointer-events-none {
      pointer-events: auto;
  }
  /*      404     */

  .container_404 {
      position: fixed;
      top: 50%;
      left: 50%;
      /* bring your own prefixes */
      transform: translate(-50%, -50%);
  }

  .title_404 {
      font-family: 'raleway-bold', sans-serif;
      font-size: 120px;
      color: #FFF;
      text-transform: uppercase;
      line-height: 0.9;
  }

  .sub_title_404 {
      font-family: 'raleway-semibold', sans-serif;
      font-size: 21px;
      color: #FFF;
      text-transform: uppercase;
  }

  .text_404 {
      font-family: 'raleway-regular', sans-serif;
      font-size: 20px;
      color: #FFF;
      text-align: center;
      margin-top: 15px;
      line-height: 3.7;
  }

  .text_404 a {
      font-family: 'raleway-semibold', sans-serif;
      text-decoration: underline;
      font-size: 20px;
      color: #31ca5f;
      text-transform: uppercase;
  }

  @media screen and (max-width: 39.9375em) {
      .title_404 {
          font-size: 90px;
      }
      .sub_title_404 {
          font-size: 15.4px;
      }
  }
  /*                      AUTODESK SECTION                  */

  .separador_autodesk {
      position: relative;
      width: 100%;
      height: 60px;
      background: #228dc7;
      color: #FFF;
      z-index: 1;
  }

  .separador_autodesk:after {
      content: '';
      position: absolute;
      top: 100%;
      left: 50%;
      margin-left: -15px;
      width: 0;
      height: 0;
      border-top: solid 15px #228dc7;
      border-left: solid 15px transparent;
      border-right: solid 15px transparent;
      z-index: 999;
  }
  /*        AUTOCAD     */

  .hero-autocad-home {
      position: absolute;
      top: 0;
      width: 100%;
      height: 60vh;
      background-image: url('../img/autodesk-img/heros/autocad17.jpg');
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      background-position: center center;
  }

  .video_autodesk {
      width: auto;
      height: auto;
      position: fixed;
      top: 50%;
      left: 50%;
      /* bring your own prefixes */
      transform: translate(-50%, -50%);
  }

  @media screen and (max-width: 39.9375em) {
      .thumbnail_autodesk {
          margin-top: 35px;
      }
  }

  .thumbnail_autodesk {
      width: 100%;
      height: auto;
  }

  .thumbnail_video_stack {
      margin-bottom: 15px;
  }

  .autodesk_video_description {
      font-size: 13px;
  }

  .autodesk_video_description h6 {
      font-family: 'raleway-bold', sans-serif;
      font-size: 14px;
  }

  .who_autodesk_text {
      margin-top: 85px;
      font-family: 'raleway-regular', sans-serif;
      font-size: 14px;
      line-height: 1.7;
      color: #323236;
  }

  .autodesk_text_moreinfo {
      font-family: 'raleway-regular', sans-serif;
      font-size: 14px;
      line-height: 1.7;
      color: #323236;
      padding-bottom: 35px;
      text-align: center;
  }

  .who_autodesk_text h4 {
      font-family: 'raleway-bold', sans-serif;
      color: #424242;
  }

  @media only screen and (max-width: 40em) {
      .who_autodesk_text {
          margin-top: 50px;
          padding-bottom: 0px;
      }
  }

  .who_autodesk_video {
      margin-top: 85px;
      font-family: 'raleway-regular', sans-serif;
      font-size: 14px;
      line-height: 1.7;
      color: #323236;
      padding-bottom: 35px;
  }

  @media only screen and (max-width: 40em) {
      .who_autodesk_video {
          margin-top: 15px;
      }
  }

  .buy_autodesk_icons {
      font-size: 13px;
  }

  .buy_autodesk_icons a {
      color: #323236;
  }

  .buy_autodesk_icons h5 {
      font-family: 'raleway-bold', sans-serif;
      font-size: 19px;
      border-bottom: 1px dashed;
  }

  .buy_autodesk_icons h5:hover {
      font-family: 'raleway-bold', sans-serif;
      font-size: 19px;
      border-bottom: 1px solid;
  }

  .trial_button {
      width: 100%;
      background-color: #43A047;
      color: #FFF;
      padding: 10px;
      text-transform: uppercase;
  }

  .more_info_autodesk {
      font-family: 'raleway-semibold', sans-serif;
      font: 16px;
      margin-bottom: 10px;
      text-transform: uppercase;
  }

  .more_about_autodesk {
      margin-bottom: 15px;
  }

  .more_about_autodesk a {
      border-bottom: 1px dashed;
      font-size: 18px;
      margin-bottom: 25px;
  }

  .more_about_autodesk a:hover {
      border-bottom: 1px solid;
  }

  .get_product_autodesk {
      margin-bottom: 35px;
  }
  /*      AUTODESK BLUE BUTTON E SEPARADOR     */

  .separador_blu_autodesk {
      position: relative;
      width: 100%;
      height: 60px;
      background: #039BE5;
      color: #222;
      z-index: 1;
  }

  .separador_blu_autodesk:after {
      content: '';
      position: absolute;
      top: 100%;
      left: 50%;
      margin-left: -15px;
      width: 0;
      height: 0;
      border-top: solid 15px #039BE5;
      border-left: solid 15px transparent;
      border-right: solid 15px transparent;
  }

  .separador_blu_autodesk h4 {
      line-height: 0;
  }

  .btn_fancy_blu_autodesk {
      position: relative;
      text-align: center;
      color: #FFF;
      font-family: "raleway-bold", Helvetica, Arial, sans-serif;
      font-size: 18px;
      font-weight: bold;
      text-transform: uppercase;
      padding: 16px 36px;
      border-radius: 2px;
      background: transparent;
      -webkit-transition: all .2s ease-out;
      -o-transition: all .2s ease-out;
      transition: all .2s ease-out;
  }

  .btn_fancy_blu_autodesk .text_layer {
      color: #FFF;
      position: relative;
  }

  .btn_fancy_blu_autodesk:hover, .btn_fancy:focus {
      color: #fff;
  }

  .btn_fancy_blu_autodesk .border_layer {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border: 1px dashed #000000;
      -webkit-transition: all .2s ease-out;
      -o-transition: all .2s ease-out;
      transition: all .2s ease-out;
  }

  .btn_fancy_blu_autodesk .solid_layer {
      position: absolute;
      top: 4px;
      left: -4px;
      width: 100%;
      height: 100%;
      background: #039BE5;
      border-radius: 2px;
      -webkit-transition: all .2s ease-out;
      -o-transition: all .2s ease-out;
      transition: all .2s ease-out;
  }

  .btn_fancy_blu_autodesk:hover .border_layer {
      -webkit-transform: translate(2px, -2px);
      -ms-transform: translate(2px, -2px);
      -o-transform: translate(2px, -2px);
      transform: translate(2px, -2px);
  }

  .btn_fancy_blu_autodesk:hover .solid_layer {
      -webkit-transform: translate(-2px, 2px);
      -ms-transform: translate(-2px, 2px);
      -o-transform: translate(-2px, 2px);
      transform: translate(-2px, 2px);
  }
  /*      AUTODESK RED BUTTON E SEPARADOR     */

  .separador_red_autodesk {
      position: relative;
      width: 100%;
      height: 60px;
      background: #B71C1C;
      color: #222;
      z-index: 1;
  }

  .separador_red_autodesk:after {
      content: '';
      position: absolute;
      top: 100%;
      left: 50%;
      margin-left: -15px;
      width: 0;
      height: 0;
      border-top: solid 15px #B71C1C;
      border-left: solid 15px transparent;
      border-right: solid 15px transparent;
  }
  /*      AUTODESK TEAL BUTTON E SEPARADOR     */

  .separador_teal_autodesk {
      position: relative;
      width: 100%;
      height: 60px;
      background: #009688;
      color: #222;
      z-index: 1;
  }

  .separador_teal_autodesk:after {
      content: '';
      position: absolute;
      top: 100%;
      left: 50%;
      margin-left: -15px;
      width: 0;
      height: 0;
      border-top: solid 15px #009688;
      border-left: solid 15px transparent;
      border-right: solid 15px transparent;
  }

  .btn_fancy_teal_autodesk {
      position: relative;
      text-align: center;
      color: #FFF;
      font-family: "raleway-bold", Helvetica, Arial, sans-serif;
      font-size: 18px;
      font-weight: bold;
      text-transform: uppercase;
      padding: 16px 36px;
      border-radius: 2px;
      background: transparent;
      -webkit-transition: all .2s ease-out;
      -o-transition: all .2s ease-out;
      transition: all .2s ease-out;
  }

  .btn_fancy_teal_autodesk .text_layer {
      color: #FFF;
      position: relative;
  }

  .btn_fancy_teal_autodesk:hover, .btn_fancy:focus {
      color: #fff;
  }

  .btn_fancy_teal_autodesk .border_layer {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border: 1px dashed #000000;
      -webkit-transition: all .2s ease-out;
      -o-transition: all .2s ease-out;
      transition: all .2s ease-out;
  }

  .btn_fancy_teal_autodesk .solid_layer {
      position: absolute;
      top: 4px;
      left: -4px;
      width: 100%;
      height: 100%;
      background: #009688;
      border-radius: 2px;
      -webkit-transition: all .2s ease-out;
      -o-transition: all .2s ease-out;
      transition: all .2s ease-out;
  }

  .btn_fancy_teal_autodesk:hover .border_layer {
      -webkit-transform: translate(2px, -2px);
      -ms-transform: translate(2px, -2px);
      -o-transform: translate(2px, -2px);
      transform: translate(2px, -2px);
  }

  .btn_fancy_teal_autodesk:hover .solid_layer {
      -webkit-transform: translate(-2px, 2px);
      -ms-transform: translate(-2px, 2px);
      -o-transform: translate(-2px, 2px);
      transform: translate(-2px, 2px);
  }
  /*      AUTODESK ORANGE BUTTON E SEPARADOR     */

  .separador_orange_autodesk {
      position: relative;
      width: 100%;
      height: 60px;
      background: #FF9800;
      color: #222;
      z-index: 1;
  }

  .separador_orange_autodesk:after {
      content: '';
      position: absolute;
      top: 100%;
      left: 50%;
      margin-left: -15px;
      width: 0;
      height: 0;
      border-top: solid 15px #FF9800;
      border-left: solid 15px transparent;
      border-right: solid 15px transparent;
  }

  .btn_fancy_orange_autodesk {
      position: relative;
      text-align: center;
      color: #FFF;
      font-family: "raleway-bold", Helvetica, Arial, sans-serif;
      font-size: 18px;
      font-weight: bold;
      text-transform: uppercase;
      padding: 16px 36px;
      border-radius: 2px;
      background: transparent;
      -webkit-transition: all .2s ease-out;
      -o-transition: all .2s ease-out;
      transition: all .2s ease-out;
  }

  .btn_fancy_orange_autodesk .text_layer {
      color: #FFF;
      position: relative;
  }

  .btn_fancy_orange_autodesk:hover, .btn_fancy:focus {
      color: #fff;
  }

  .btn_fancy_orange_autodesk .border_layer {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border: 1px dashed #000000;
      -webkit-transition: all .2s ease-out;
      -o-transition: all .2s ease-out;
      transition: all .2s ease-out;
  }

  .btn_fancy_orange_autodesk .solid_layer {
      position: absolute;
      top: 4px;
      left: -4px;
      width: 100%;
      height: 100%;
      background: #FF9800;
      border-radius: 2px;
      -webkit-transition: all .2s ease-out;
      -o-transition: all .2s ease-out;
      transition: all .2s ease-out;
  }

  .btn_fancy_orange_autodesk:hover .border_layer {
      -webkit-transform: translate(2px, -2px);
      -ms-transform: translate(2px, -2px);
      -o-transform: translate(2px, -2px);
      transform: translate(2px, -2px);
  }

  .btn_fancy_orange_autodesk:hover .solid_layer {
      -webkit-transform: translate(-2px, 2px);
      -ms-transform: translate(-2px, 2px);
      -o-transform: translate(-2px, 2px);
      transform: translate(-2px, 2px);
  }
  /*    AUTOCAD     */

  .hero-autocad-home {
      position: absolute;
      top: 0;
      width: 100%;
      height: 60vh;
      background-image: url('../img/autodesk-img/heros/autocad17.jpg');
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      background-position: center center;
  }

  @media screen and (max-width: 39.9375em) {
      .hero-autocad-home {
          background-image: url('../img/autodesk-img/heros/autocad17-mobile.jpg');
      }
  }
  /*    AUTOCAD LT    */

  .hero-autocad-lt-home {
      position: absolute;
      top: 0;
      width: 100%;
      height: 60vh;
      background-image: url('../img/autodesk-img/heros/autocad-lt17.jpg');
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      background-position: center center;
  }

  @media screen and (max-width: 39.9375em) {
      .hero-autocad-lt-home {
          background-image: url('../img/autodesk-img/heros/autocad-lt17-mobile.jpg');
      }
  }
  /*    AUTOCAD RT   */

  .hero-autocad-RT-home {
      position: absolute;
      top: 0;
      width: 100%;
      height: 60vh;
      background-image: url('../img/autodesk-img/heros/autocad-raster17.jpg');
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      background-position: center center;
  }

  @media screen and (max-width: 39.9375em) {
      .hero-autocad-RT-home {
          background-image: url('../img/autodesk-img/heros/autocad-raster17-mobile.jpg');
      }
  }
  /*    AUTOCAD MAP   */

  .hero-autocad-MAP-home {
      position: absolute;
      top: 0;
      width: 100%;
      height: 60vh;
      background-image: url('../img/autodesk-img/heros/autocad-map-3d-2016.jpg');
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      background-position: center center;
  }

  @media screen and (max-width: 39.9375em) {
      .hero-autocad-MAP-home {
          background-image: url('../img/autodesk-img/heros/autocad-map-3d-2016-mobile.jpg');
      }
  }
  /*    AUTOCAD CIVIL   */

  .hero-autocad-CIV-home {
      position: absolute;
      top: 0;
      width: 100%;
      height: 60vh;
      background-image: url('../img/autodesk-img/heros/autocad-civil-3d-17.jpg');
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      background-position: center center;
  }

  @media screen and (max-width: 39.9375em) {
      .hero-autocad-CIV-home {
          background-image: url('../img/autodesk-img/heros/autocad-civil-3d-17-mobile.jpg');
      }
  }
  /*    AUTOCAD REVIT LT   */

  .hero-autocad-RLT-home {
      position: absolute;
      top: 0;
      width: 100%;
      height: 60vh;
      background-image: url('../img/autodesk-img/heros/revit-lt-17.jpg');
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      background-position: center center;
  }

  @media screen and (max-width: 39.9375em) {
      .hero-autocad-RLT-home {
          background-image: url('../img/autodesk-img/heros/revit-lt-17-mobile.jpg');
      }
  }
  /*    AUTOCAD REVIT   */

  .hero-autocad-REV-home {
      position: absolute;
      top: 0;
      width: 100%;
      height: 60vh;
      background-image: url('../img/autodesk-img/heros/revit-17.jpg');
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      background-position: center center;
  }

  @media screen and (max-width: 39.9375em) {
      .hero-autocad-REV-home {
          background-image: url('../img/autodesk-img/heros/revit-17-mobile.jpg');
      }
  }
  /*    AUTOCAD 3DSMAX   */

  .hero-autocad-3DS-home {
      position: absolute;
      top: 0;
      width: 100%;
      height: 60vh;
      background-image: url('../img/autodesk-img/heros/3ds-max-17.jpg');
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      background-position: center center;
  }

  @media screen and (max-width: 39.9375em) {
      .hero-autocad-3DS-home {
          background-image: url('../img/autodesk-img/heros/3ds-max-17-mobile.jpg');
      }
  }
  /*    AUTOCAD PRODUCT DESIGN   */

  .hero-autocad-product-design-home {
      position: absolute;
      top: 0;
      width: 100%;
      height: 60vh;
      background-image: url('../img/autodesk-img/heros/product_design.png');
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      background-position: center center;
  }

  @media screen and (max-width: 39.9375em) {
      .hero-autocad-product-design-home {
          background-image: url('../img/autodesk-img/heros/product_design_mobile.png');
      }
  }
  /*    AUTOCAD PRODUCT DESIGN   */

  .hero-autocad-aec-home {
      position: absolute;
      top: 0;
      width: 100%;
      height: 60vh;
      background-image: url('../img/autodesk-img/heros/aec-collection.png');
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      background-position: center center;
  }

  @media screen and (max-width: 39.9375em) {
      .hero-autocad-aec-home {
          background-image: url('../img/autodesk-img/heros/aec-collection-mobile.png');
      }
  }
  /*    AUTODESK R&D  */

  .hero-INOV-home {

      width: 100%;
      height: 60vh;
      background-image: url('../img/inov.jpg');
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      background-position: center center;
  }

  .hero-Inov-smart {

    width: 100%;
    height: 60vh;
    background-image: url('../img/smart-cities.jpg');
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center;
  }

  .hero-Inov-solar {

    width: 100%;
    height: 60vh;
    background-image: url('../img/solar.jpg');
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center;
  }

  .hero-Inov-rec {
      width: 100%;
      height: 60vh;
      background-image: url('../img/gestao.jpg');
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      background-position: center center;
  }

  .hero-Inov-data {
      width: 100%;
      height: 60vh;
      background-image: url('../img/bigdata.jpg');
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      background-position: center center;
  }

  .hero-Inov-iot {
      width: 100%;
      height: 60vh;
      background-image: url('../img/iot.jpg');
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      background-position: center center;
  }

  .hero-Inov-virtual {
      width: 100%;
      height: 60vh;
      background-image: url('../img/virtual-reality.jpg');
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      background-position: center center;
  }

  .hero-Inov-aumentada {
      width: 100%;
      height: 60vh;
      background-image: url('../img/realidade-aumentada.jpg');
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      background-position: center center;
  }


  /*    AUTODESK INVETOR   */

  .hero-autocad-INV-home {
      position: absolute;
      top: 0;
      width: 100%;
      height: 60vh;
      background-image: url('../img/autodesk-img/heros/inventor-2017.jpg');
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      background-position: center center;
  }

  @media screen and (max-width: 39.9375em) {
      .hero-autocad-INV-home {
          background-image: url('../img/autodesk-img/heros/inventor-2017-mobile.jpg');
      }
  }
  /*    AUTODESK MECHANICAL   */

  .hero-autocad-MEC-home {
      position: absolute;
      top: 0;
      width: 100%;
      height: 60vh;
      background-image: url('../img/autodesk-img/heros/autocad-mechanical-17.jpg');
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      background-position: center center;
  }

  @media screen and (max-width: 39.9375em) {
      .hero-autocad-MEC-home {
          background-image: url('../img/autodesk-img/heros/autocad-mechanical-17-mobile.jpg');
      }
  }
  /*    AUTODESK INFRAWORKS   */

  .hero-autocad-INFRA-home {
      position: absolute;
      top: 0;
      width: 100%;
      height: 60vh;
      background-image: url('../img/autodesk-img/heros/infraworks-360-17.jpg');
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      background-position: center center;
  }

  @media screen and (max-width: 39.9375em) {
      .hero-autocad-INFRA-home {
          background-image: url('../img/autodesk-img/heros/infraworks-360-17-mobile.jpg');
      }
  }
  /*        HEROS AUTODESK         */

  .hero-AUTODESK-CAD {
      width: 100%;
      height: 60vh;
      background-image: url('../img/autodesk-img/heros/autocad17.jpg');
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      background-position: center center;
  }

  @media screen and (max-width: 39.9375em) {
      .hero-AUTODESK-CAD {
          background-image: url('../img/autodesk-img/heros/autocad17-mobile.jpg');
      }
  }

  .hero-AUTODESK-REV {
      width: 100%;
      height: 60vh;
      background-image: url('../img/autodesk-img/heros/revit-17.jpg');
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      background-position: center center;
  }

  @media screen and (max-width: 39.9375em) {
      .hero-AUTODESK-REV {
          background-image: url('../img/autodesk-img/heros/revit-17-mobile.jpg');
      }
  }

  .hero-AUTODESK-INFRA {
      width: 100%;
      height: 60vh;
      background-image: url('../img/autodesk-img/heros/infraworks-360-17.jpg');
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      background-position: center center;
  }

  @media screen and (max-width: 39.9375em) {
      .hero-AUTODESK-INFRA {
          background-image: url('../img/autodesk-img/heros/infraworks-360-17-mobile.jpg');
      }
  }

  .hero-AUTODESK-INV {
      width: 100%;
      height: 60vh;
      background-image: url('../img/autodesk-img/heros/inventor-2017.jpg');
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      background-position: center center;
  }

  @media screen and (max-width: 39.9375em) {
      .hero-AUTODESK-INV {
          background-image: url('../img/autodesk-img/heros/inventor-2017-mobile.jpg');
      }
  }

  .hero-AUTODESK-INV {
      width: 100%;
      height: 60vh;
      background-image: url('../img/autodesk-img/heros/inventor-2017.jpg');
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      background-position: center center;
  }

  @media screen and (max-width: 39.9375em) {
      .hero-AUTODESK-INV {
          background-image: url('../img/autodesk-img/heros/inventor-2017-mobile.jpg');
      }
  }
  /*          AREAS AUTODESK HOMEPAGE       */
  /*       arquitectura       */

  .arquitectura img {
      position: relative;
      display: block;
      background-repeat: no-repeat;
      background-position: center center;
      background-size: cover;
      position: relative;
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -o-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
      -webkit-transition: all 0.7s ease-in-out;
      -moz-transition: all 0.7s ease-in-out;
      -o-transition: all 0.7s ease-in-out;
      -ms-transition: all 0.7s ease-in-out;
      transition: all 0.7s ease-in-out;
      cursor: pointer;
  }

  .arquitectura:hover img {
      -webkit-transform: scale(2);
      -moz-transform: scale(2);
      -o-transform: scale(2);
      -ms-transform: scale(2);
      transform: scale(2);
      -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=1);
      opacity: 1;
  }

  .mask-arquitectura {
      width: 100%;
      height: 100%;
      position: absolute;
      background-color: rgba(244, 67, 54, 0.5);
      top: 0;
      left: 0;
      overflow: hidden;
      cursor: pointer;
  }

  .arquitectura .mask-arquitectura {
      -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
      opacity: 0;
      -webkit-transition: all 0.5s linear;
      -moz-transition: all 0.5s linear;
      -o-transition: all 0.5s linear;
      -ms-transition: all 0.5s linear;
      transition: all 0.5s linear;
  }

  .arquitectura:hover .mask-arquitectura {
      -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
      filter: alpha(opacity=100);
      opacity: 1;
  }

  .arquitectura h2 {
      font-family: "raleway-bold", Helvetica, Arial, sans-serif;
      background: transparent;
      border: 2px solid #FFF;
      padding: 10px;
      color: #FFF;
      font-size: 15px;
      text-transform: uppercase;
      position: absolute;
      top: 40%;
      left: 50%;
      transform: translate(-50%, -50%);
      -webkit-transition: all 0.5s linear;
      -moz-transition: all 0.5s linear;
      -o-transition: all 0.5s linear;
      -ms-transition: all 0.5s linear;
      transition: all 0.5s linear;
      z-index: 2;
  }

  .mask-arquitectura hr {
      width: 150px;
      height: 1px;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: scale(0);
      -moz-transform: scale(0);
      -o-transform: scale(0);
      -ms-transform: scale(0);
      transform: scale(0);
      transform: translate(-50%, -50%);
      -webkit-transition: all 0.5s linear;
      -moz-transition: all 0.5s linear;
      -o-transition: all 0.5s linear;
      -ms-transition: all 0.5s linear;
      transition: all 0.5s linear;
      -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
      opacity: 0;
  }

  .mask-arquitectura h5 {
      font-family: "raleway-regular", Helvetica, Arial, sans-serif;
      color: #FFFFFF;
      font-size: 12px;
      text-transform: uppercase;
      position: absolute;
      top: 70%;
      left: 50%;
      -webkit-transform: scale(0);
      -moz-transform: scale(0);
      -o-transform: scale(0);
      -ms-transform: scale(0);
      transform: scale(0);
      transform: translate(-50%, -50%);
      -webkit-transition: all 0.5s linear;
      -moz-transition: all 0.5s linear;
      -o-transition: all 0.5s linear;
      -ms-transition: all 0.5s linear;
      transition: all 0.5s linear;
      -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
      opacity: 0;
  }

  .arquitectura:hover h5, .arquitectura:hover hr {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -o-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
      transform: translate(-50%, -50%);
      -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
      filter: alpha(opacity=100);
      opacity: 1;
  }
  /*        arquitectura       */
  /*       cad       */

  .cad img {
      position: relative;
      display: block;
      background-repeat: no-repeat;
      background-position: center center;
      background-size: cover;
      position: relative;
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -o-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
      -webkit-transition: all 0.7s ease-in-out;
      -moz-transition: all 0.7s ease-in-out;
      -o-transition: all 0.7s ease-in-out;
      -ms-transition: all 0.7s ease-in-out;
      transition: all 0.7s ease-in-out;
      cursor: pointer;
  }

  .cad:hover img {
      -webkit-transform: scale(2);
      -moz-transform: scale(2);
      -o-transform: scale(2);
      -ms-transform: scale(2);
      transform: scale(2);
      -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=1);
      opacity: 1;
  }

  .mask-cad {
      width: 100%;
      height: 100%;
      position: absolute;
      background-color: rgba(33, 150, 243, 0.5);
      top: 0;
      left: 0;
      overflow: hidden;
      cursor: pointer;
  }

  .cad .mask-cad {
      -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
      opacity: 0;
      -webkit-transition: all 0.5s linear;
      -moz-transition: all 0.5s linear;
      -o-transition: all 0.5s linear;
      -ms-transition: all 0.5s linear;
      transition: all 0.5s linear;
  }

  .cad:hover .mask-cad {
      -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
      filter: alpha(opacity=100);
      opacity: 1;
  }

  .cad h2 {
      font-family: "raleway-bold", Helvetica, Arial, sans-serif;
      background: transparent;
      border: 2px solid #FFF;
      padding: 10px;
      color: #FFF;
      font-size: 15px;
      text-transform: uppercase;
      position: absolute;
      top: 40%;
      left: 50%;
      transform: translate(-50%, -50%);
      -webkit-transition: all 0.5s linear;
      -moz-transition: all 0.5s linear;
      -o-transition: all 0.5s linear;
      -ms-transition: all 0.5s linear;
      transition: all 0.5s linear;
      z-index: 2;
  }

  .mask-cad hr {
      width: 150px;
      height: 1px;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: scale(0);
      -moz-transform: scale(0);
      -o-transform: scale(0);
      -ms-transform: scale(0);
      transform: scale(0);
      transform: translate(-50%, -50%);
      -webkit-transition: all 0.5s linear;
      -moz-transition: all 0.5s linear;
      -o-transition: all 0.5s linear;
      -ms-transition: all 0.5s linear;
      transition: all 0.5s linear;
      -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
      opacity: 0;
  }

  .mask-cad h5 {
      font-family: "raleway-regular", Helvetica, Arial, sans-serif;
      color: #FFFFFF;
      font-size: 12px;
      text-transform: uppercase;
      position: absolute;
      top: 70%;
      left: 50%;
      -webkit-transform: scale(0);
      -moz-transform: scale(0);
      -o-transform: scale(0);
      -ms-transform: scale(0);
      transform: scale(0);
      transform: translate(-50%, -50%);
      -webkit-transition: all 0.5s linear;
      -moz-transition: all 0.5s linear;
      -o-transition: all 0.5s linear;
      -ms-transition: all 0.5s linear;
      transition: all 0.5s linear;
      -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
      opacity: 0;
  }

  .cad:hover h5, .cad:hover hr {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -o-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
      transform: translate(-50%, -50%);
      -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
      filter: alpha(opacity=100);
      opacity: 1;
  }
  /*        cad       */
  /*       civil       */

  .civil img {
      position: relative;
      display: block;
      background-repeat: no-repeat;
      background-position: center center;
      background-size: cover;
      position: relative;
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -o-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
      -webkit-transition: all 0.7s ease-in-out;
      -moz-transition: all 0.7s ease-in-out;
      -o-transition: all 0.7s ease-in-out;
      -ms-transition: all 0.7s ease-in-out;
      transition: all 0.7s ease-in-out;
      cursor: pointer;
  }

  .civil:hover img {
      -webkit-transform: scale(2);
      -moz-transform: scale(2);
      -o-transform: scale(2);
      -ms-transform: scale(2);
      transform: scale(2);
      -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=1);
      opacity: 1;
  }

  .mask-civil {
      width: 100%;
      height: 100%;
      position: absolute;
      background-color: rgba(38, 198, 218, 0.5);
      top: 0;
      left: 0;
      overflow: hidden;
      cursor: pointer;
  }

  .civil .mask-civil {
      -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
      opacity: 0;
      -webkit-transition: all 0.5s linear;
      -moz-transition: all 0.5s linear;
      -o-transition: all 0.5s linear;
      -ms-transition: all 0.5s linear;
      transition: all 0.5s linear;
  }

  .civil:hover .mask-civil {
      -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
      filter: alpha(opacity=100);
      opacity: 1;
  }

  .civil h2 {
      font-family: "raleway-bold", Helvetica, Arial, sans-serif;
      background: transparent;
      border: 2px solid #FFF;
      padding: 10px;
      color: #FFF;
      font-size: 15px;
      text-transform: uppercase;
      position: absolute;
      top: 40%;
      left: 50%;
      transform: translate(-50%, -50%);
      -webkit-transition: all 0.5s linear;
      -moz-transition: all 0.5s linear;
      -o-transition: all 0.5s linear;
      -ms-transition: all 0.5s linear;
      transition: all 0.5s linear;
      z-index: 2;
  }

  .mask-civil hr {
      width: 150px;
      height: 1px;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: scale(0);
      -moz-transform: scale(0);
      -o-transform: scale(0);
      -ms-transform: scale(0);
      transform: scale(0);
      transform: translate(-50%, -50%);
      -webkit-transition: all 0.5s linear;
      -moz-transition: all 0.5s linear;
      -o-transition: all 0.5s linear;
      -ms-transition: all 0.5s linear;
      transition: all 0.5s linear;
      -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
      opacity: 0;
  }

  .mask-civil h5 {
      font-family: "raleway-regular", Helvetica, Arial, sans-serif;
      color: #FFFFFF;
      font-size: 12px;
      text-transform: uppercase;
      position: absolute;
      top: 70%;
      left: 50%;
      -webkit-transform: scale(0);
      -moz-transform: scale(0);
      -o-transform: scale(0);
      -ms-transform: scale(0);
      transform: scale(0);
      transform: translate(-50%, -50%);
      -webkit-transition: all 0.5s linear;
      -moz-transition: all 0.5s linear;
      -o-transition: all 0.5s linear;
      -ms-transition: all 0.5s linear;
      transition: all 0.5s linear;
      -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
      opacity: 0;
  }

  .civil:hover h5, .civil:hover hr {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -o-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
      transform: translate(-50%, -50%);
      -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
      filter: alpha(opacity=100);
      opacity: 1;
  }
  /*        civil       */
  /*       construcao       */

  .construcao img {
      position: relative;
      display: block;
      background-repeat: no-repeat;
      background-position: center center;
      background-size: cover;
      position: relative;
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -o-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
      -webkit-transition: all 0.7s ease-in-out;
      -moz-transition: all 0.7s ease-in-out;
      -o-transition: all 0.7s ease-in-out;
      -ms-transition: all 0.7s ease-in-out;
      transition: all 0.7s ease-in-out;
      cursor: pointer;
  }

  .construcao:hover img {
      -webkit-transform: scale(2);
      -moz-transform: scale(2);
      -o-transform: scale(2);
      -ms-transform: scale(2);
      transform: scale(2);
      -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=1);
      opacity: 1;
  }

  .mask-construcao {
      width: 100%;
      height: 100%;
      position: absolute;
      background-color: rgba(102, 187, 106, 0.5);
      top: 0;
      left: 0;
      overflow: hidden;
      cursor: pointer;
  }

  .construcao .mask-construcao {
      -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
      opacity: 0;
      -webkit-transition: all 0.5s linear;
      -moz-transition: all 0.5s linear;
      -o-transition: all 0.5s linear;
      -ms-transition: all 0.5s linear;
      transition: all 0.5s linear;
  }

  .construcao:hover .mask-construcao {
      -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
      filter: alpha(opacity=100);
      opacity: 1;
  }

  .construcao h2 {
      font-family: "raleway-bold", Helvetica, Arial, sans-serif;
      background: transparent;
      border: 2px solid #FFF;
      padding: 10px;
      color: #FFF;
      font-size: 15px;
      text-transform: uppercase;
      position: absolute;
      top: 40%;
      left: 50%;
      transform: translate(-50%, -50%);
      -webkit-transition: all 0.5s linear;
      -moz-transition: all 0.5s linear;
      -o-transition: all 0.5s linear;
      -ms-transition: all 0.5s linear;
      transition: all 0.5s linear;
      z-index: 2;
  }

  .mask-construcao hr {
      width: 150px;
      height: 1px;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: scale(0);
      -moz-transform: scale(0);
      -o-transform: scale(0);
      -ms-transform: scale(0);
      transform: scale(0);
      transform: translate(-50%, -50%);
      -webkit-transition: all 0.5s linear;
      -moz-transition: all 0.5s linear;
      -o-transition: all 0.5s linear;
      -ms-transition: all 0.5s linear;
      transition: all 0.5s linear;
      -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
      opacity: 0;
  }

  .mask-construcao h5 {
      font-family: "raleway-regular", Helvetica, Arial, sans-serif;
      color: #FFFFFF;
      font-size: 12px;
      text-transform: uppercase;
      position: absolute;
      top: 70%;
      left: 50%;
      -webkit-transform: scale(0);
      -moz-transform: scale(0);
      -o-transform: scale(0);
      -ms-transform: scale(0);
      transform: scale(0);
      transform: translate(-50%, -50%);
      -webkit-transition: all 0.5s linear;
      -moz-transition: all 0.5s linear;
      -o-transition: all 0.5s linear;
      -ms-transition: all 0.5s linear;
      transition: all 0.5s linear;
      -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
      opacity: 0;
  }

  .construcao:hover h5, .construcao:hover hr {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -o-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
      transform: translate(-50%, -50%);
      -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
      filter: alpha(opacity=100);
      opacity: 1;
  }
  /*        construcao       */
  /*       industria       */

  .sam img {
      position: relative;
      display: block;
      background-repeat: no-repeat;
      background-position: center center;
      background-size: cover;
      position: relative;
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -o-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
      -webkit-transition: all 0.7s ease-in-out;
      -moz-transition: all 0.7s ease-in-out;
      -o-transition: all 0.7s ease-in-out;
      -ms-transition: all 0.7s ease-in-out;
      transition: all 0.7s ease-in-out;
      cursor: pointer;
  }

  .sam:hover img {
      -webkit-transform: scale(2);
      -moz-transform: scale(2);
      -o-transform: scale(2);
      -ms-transform: scale(2);
      transform: scale(2);
      -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=1);
      opacity: 1;
  }

  .mask-sam {
      width: 100%;
      height: 100%;
      position: absolute;
      background-color: rgba(41, 182, 246, 0.5);
      top: 0;
      left: 0;
      overflow: hidden;
      cursor: pointer;
  }

  .sam .mask-sam {
      -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
      opacity: 0;
      -webkit-transition: all 0.5s linear;
      -moz-transition: all 0.5s linear;
      -o-transition: all 0.5s linear;
      -ms-transition: all 0.5s linear;
      transition: all 0.5s linear;
  }

  .sam:hover .mask-sam {
      -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
      filter: alpha(opacity=100);
      opacity: 1;
  }

  .sam h2 {
      font-family: "raleway-bold", Helvetica, Arial, sans-serif;
      background: transparent;
      border: 2px solid #FFF;
      padding: 10px;
      color: #FFF;
      font-size: 15px;
      text-transform: uppercase;
      position: absolute;
      top: 40%;
      left: 50%;
      transform: translate(-50%, -50%);
      -webkit-transition: all 0.5s linear;
      -moz-transition: all 0.5s linear;
      -o-transition: all 0.5s linear;
      -ms-transition: all 0.5s linear;
      transition: all 0.5s linear;
      z-index: 2;
  }

  .mask-sam hr {
      width: 150px;
      height: 1px;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: scale(0);
      -moz-transform: scale(0);
      -o-transform: scale(0);
      -ms-transform: scale(0);
      transform: scale(0);
      transform: translate(-50%, -50%);
      -webkit-transition: all 0.5s linear;
      -moz-transition: all 0.5s linear;
      -o-transition: all 0.5s linear;
      -ms-transition: all 0.5s linear;
      transition: all 0.5s linear;
      -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
      opacity: 0;
  }

  .mask-sam h5 {
      font-family: "raleway-regular", Helvetica, Arial, sans-serif;
      color: #FFFFFF;
      font-size: 12px;
      text-transform: uppercase;
      position: absolute;
      top: 70%;
      left: 50%;
      -webkit-transform: scale(0);
      -moz-transform: scale(0);
      -o-transform: scale(0);
      -ms-transform: scale(0);
      transform: scale(0);
      transform: translate(-50%, -50%);
      -webkit-transition: all 0.5s linear;
      -moz-transition: all 0.5s linear;
      -o-transition: all 0.5s linear;
      -ms-transition: all 0.5s linear;
      transition: all 0.5s linear;
      -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
      opacity: 0;
  }

  .sam:hover h5, .sam:hover hr {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -o-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
      transform: translate(-50%, -50%);
      -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
      filter: alpha(opacity=100);
      opacity: 1;
  }
  /*        infrastruturas       */
  /*       infrastruturas       */

  .infrastruturas img {
      position: relative;
      display: block;
      background-repeat: no-repeat;
      background-position: center center;
      background-size: cover;
      position: relative;
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -o-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
      -webkit-transition: all 0.7s ease-in-out;
      -moz-transition: all 0.7s ease-in-out;
      -o-transition: all 0.7s ease-in-out;
      -ms-transition: all 0.7s ease-in-out;
      transition: all 0.7s ease-in-out;
      cursor: pointer;
  }

  .infrastruturas:hover img {
      -webkit-transform: scale(2);
      -moz-transform: scale(2);
      -o-transform: scale(2);
      -ms-transform: scale(2);
      transform: scale(2);
      -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=1);
      opacity: 1;
  }

  .mask-infrastruturas {
      width: 100%;
      height: 100%;
      position: absolute;
      background-color: rgba(38, 198, 218, 0.5);
      top: 0;
      left: 0;
      overflow: hidden;
      cursor: pointer;
  }

  .infrastruturas .mask-infrastruturas {
      -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
      opacity: 0;
      -webkit-transition: all 0.5s linear;
      -moz-transition: all 0.5s linear;
      -o-transition: all 0.5s linear;
      -ms-transition: all 0.5s linear;
      transition: all 0.5s linear;
  }

  .infrastruturas:hover .mask-infrastruturas {
      -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
      filter: alpha(opacity=100);
      opacity: 1;
  }

  .infrastruturas h2 {
      font-family: "raleway-bold", Helvetica, Arial, sans-serif;
      background: transparent;
      border: 2px solid #FFF;
      padding: 10px;
      color: #FFF;
      font-size: 15px;
      text-transform: uppercase;
      position: absolute;
      top: 40%;
      left: 50%;
      transform: translate(-50%, -50%);
      -webkit-transition: all 0.5s linear;
      -moz-transition: all 0.5s linear;
      -o-transition: all 0.5s linear;
      -ms-transition: all 0.5s linear;
      transition: all 0.5s linear;
      z-index: 2;
  }

  .mask-infrastruturas hr {
      width: 150px;
      height: 1px;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: scale(0);
      -moz-transform: scale(0);
      -o-transform: scale(0);
      -ms-transform: scale(0);
      transform: scale(0);
      transform: translate(-50%, -50%);
      -webkit-transition: all 0.5s linear;
      -moz-transition: all 0.5s linear;
      -o-transition: all 0.5s linear;
      -ms-transition: all 0.5s linear;
      transition: all 0.5s linear;
      -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
      opacity: 0;
  }

  .mask-infrastruturas h5 {
      font-family: "raleway-regular", Helvetica, Arial, sans-serif;
      color: #FFFFFF;
      font-size: 12px;
      text-transform: uppercase;
      position: absolute;
      top: 70%;
      left: 50%;
      -webkit-transform: scale(0);
      -moz-transform: scale(0);
      -o-transform: scale(0);
      -ms-transform: scale(0);
      transform: scale(0);
      transform: translate(-50%, -50%);
      -webkit-transition: all 0.5s linear;
      -moz-transition: all 0.5s linear;
      -o-transition: all 0.5s linear;
      -ms-transition: all 0.5s linear;
      transition: all 0.5s linear;
      -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
      opacity: 0;
  }

  .infrastruturas:hover h5, .infrastruturas:hover hr {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -o-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
      transform: translate(-50%, -50%);
      -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
      filter: alpha(opacity=100);
      opacity: 1;
  }
  /*        infrastruturas       */
  /*       sam       */

  .industria {
      min-height: 500px;
  }

  .industria img {
      position: relative;
      display: block;
      position: relative;
      min-height: 500px;
      min-width: 750px;
      margin-left: -50px;
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -o-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
      -webkit-transition: all 0.7s ease-in-out;
      -moz-transition: all 0.7s ease-in-out;
      -o-transition: all 0.7s ease-in-out;
      -ms-transition: all 0.7s ease-in-out;
      transition: all 0.7s ease-in-out;
      cursor: pointer;
  }

  .industria:hover img {
      -webkit-transform: scale(2);
      -moz-transform: scale(2);
      -o-transform: scale(2);
      -ms-transform: scale(2);
      transform: scale(2);
      -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=1);
      opacity: 1;
  }

  .mask-industria {
      width: 100%;
      height: 100%;
      position: absolute;
      background-color: rgba(255, 235, 59, 0.5);
      top: 0;
      left: 0;
      overflow: hidden;
      cursor: pointer;
  }

  .industria .mask-industria {
      -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
      opacity: 0;
      -webkit-transition: all 0.5s linear;
      -moz-transition: all 0.5s linear;
      -o-transition: all 0.5s linear;
      -ms-transition: all 0.5s linear;
      transition: all 0.5s linear;
  }

  .industria:hover .mask-industria {
      -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
      filter: alpha(opacity=100);
      opacity: 1;
  }

  .industria h2 {
      font-family: "raleway-bold", Helvetica, Arial, sans-serif;
      background: transparent;
      border: 2px solid #FFF;
      padding: 10px;
      color: #FFF;
      font-size: 15px;
      text-transform: uppercase;
      position: absolute;
      top: 45%;
      left: 50%;
      transform: translate(-50%, -50%);
      -webkit-transition: all 0.5s linear;
      -moz-transition: all 0.5s linear;
      -o-transition: all 0.5s linear;
      -ms-transition: all 0.5s linear;
      transition: all 0.5s linear;
      z-index: 2;
  }

  .mask-industria hr {
      width: 150px;
      height: 1px;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: scale(0);
      -moz-transform: scale(0);
      -o-transform: scale(0);
      -ms-transform: scale(0);
      transform: scale(0);
      transform: translate(-50%, -50%);
      -webkit-transition: all 0.5s linear;
      -moz-transition: all 0.5s linear;
      -o-transition: all 0.5s linear;
      -ms-transition: all 0.5s linear;
      transition: all 0.5s linear;
      -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
      opacity: 0;
  }

  .mask-industria h5 {
      font-family: "raleway-regular", Helvetica, Arial, sans-serif;
      color: #FFFFFF;
      font-size: 12px;
      text-transform: uppercase;
      position: absolute;
      top: 60%;
      left: 50%;
      -webkit-transform: scale(0);
      -moz-transform: scale(0);
      -o-transform: scale(0);
      -ms-transform: scale(0);
      transform: scale(0);
      transform: translate(-50%, -50%);
      -webkit-transition: all 0.5s linear;
      -moz-transition: all 0.5s linear;
      -o-transition: all 0.5s linear;
      -ms-transition: all 0.5s linear;
      transition: all 0.5s linear;
      -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
      opacity: 0;
  }

  .industria:hover h5, .industria:hover hr {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -o-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
      transform: translate(-50%, -50%);
      -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
      filter: alpha(opacity=100);
      opacity: 1;
  }
  /*        sam       */
  /*      SUITES      */

  .hero-suites-home {
      position: absolute;
      top: 0;
      width: 100%;
      height: 60vh;
      background-image: url('../img/autodesk-img/heros/suites.png');
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      background-position: center center;
  }

  @media screen and (max-width: 39.9375em) {
      .hero-suites-home {
          background-image: url('../img/autodesk-img/heros/suites-mobile.png');
      }
  }

  .suite_for {
      font-size: 13px
  }

  .services_suites {
      padding: 20px 0px;
      padding: 120px;
  }

  @media only screen and (max-width: 40em) {
      .services_suites {
          padding: 20px 0px;
          padding-top: 120px;
      }
  }

  .services_suites .mean_title, .services_suites .sub_title {
      text-align: center;
      color: #323236;
      font-family: "raleway-regular", Helvetica, Arial, sans-serif;
  }

  .services_suites .mean_title {
      font-size: 30px;
      font-family: "raleway-bold", Helvetica, Arial, sans-serif;
      font-weight: bold;
      text-transform: uppercase;
  }

  .services_suites .sub_title {
      font-size: 22px;
      font-family: "raleway-light", Helvetica, Arial, sans-serif;
      font-weight: lighter;
      text-transform: capitalize;
      ;
  }

  .services_suites .app_app_services_suites_list {
      margin-top: 100px;
      text-align: center;
  }

  .services_suites .app_app_services_suites_list .serv_icon {
      margin-bottom: 60px;
  }

  .services_suites .app_app_services_suites_list p {
      color: #323236;
      font-family: "raleway-regular", Helvetica, Arial, sans-serif;
      font-size: 14px;
      line-height: 1.7;
  }

  .services_suites .title {
      color: #323236;
      font-family: "raleway-bold", Helvetica, Arial, sans-serif;
      font-size: 16px;
      font-weight: bold;
      text-transform: uppercase;
      margin-bottom: 20px
  }

  .app_services_suites_list .row {
      text-align: inherit;
      margin-bottom: 20px;
  }

  .app_services_suites_list .row:last-child {
      text-align: inherit;
      margin-bottom: 25px;
  }

  @media screen and (max-width: 39.9375em) {
      .app_services_suites_list .row {
          text-align: center;
      }
      .app_services_suites_list ul li {
          margin-left: 0;
          list-style: none;
      }
      .app_services_suites_list .row:last-child {
          text-align: center;
      }
  }

  .services_suites .app_services_suites_list p {
      color: #323236;
      font-family: "raleway-regular", Helvetica, Arial, sans-serif;
      font-size: 14px;
      line-height: 1.7;
  }

  .app_services_suites_list ul {
      font-family: "raleway-regular", Helvetica, Arial, sans-serif;
      font-size: 14px;
      line-height: 1.2;
      font-weight: 600;
  }

  .app_services_suites_list ul li {
      font-size: 14px;
      padding-bottom: 3px;
      margin-left: 25px;
      list-style: point;
      font-weight: 400;
      line-height: 1.6;
  }

  .app_suite h5 {
      font-size: 14px;
  }
  /*      infrastructure sub_title    */

  .infra_suite {
      background-image: url('../img/autodesk-img/bannersuites/infrastructure-design-suite-2017.png');
      background-position: center center;
      background-size: cover;
      padding: 20px !important;
      padding-bottom: 10px !important;
      margin-bottom: 25px;
  }

  .infra_suite h4 {
      font-family: 'raleway-bold', sans-serif;
  }
  /*      product sub_title    */

  .product_suite {
      background-image: url('../img/autodesk-img/bannersuites/product-design-suite.png');
      background-position: center center;
      background-size: cover;
      padding: 20px !important;
      padding-bottom: 10px !important;
      margin-bottom: 25px;
  }

  .product_suite h4 {
      font-family: 'raleway-bold', sans-serif;
  }
  /*      building sub_title    */

  .building_suite {
      background-image: url('../img/autodesk-img/bannersuites/building-suite.png');
      background-position: center center;
      background-size: cover;
      padding: 20px !important;
      padding-bottom: 10px !important;
      margin-bottom: 25px;
  }

  .building_suite h4 {
      font-family: 'raleway-bold', sans-serif;
  }
  /*      building sub_title    */

  .revit_suite {
      background-image: url('../img/autodesk-img/bannersuites/revit-suite.png');
      background-position: center center;
      background-size: cover;
      padding: 20px !important;
      padding-bottom: 10px !important;
      margin-bottom: 25px;
  }

  .revit_suite h4 {
      font-family: 'raleway-bold', sans-serif;
  }
  /*      inventor sub_title    */

  .inventor_suite {
      background-image: url('../img/autodesk-img/bannersuites/inventor-suite.png');
      background-position: center center;
      background-size: cover;
      padding: 20px !important;
      padding-bottom: 10px !important;
      margin-bottom: 25px;
  }

  .inventor_suite h4 {
      font-family: 'raleway-bold', sans-serif;
  }
  /*      revit lt sub_title    */

  .revit_lt_suite {
      background-image: url('../img/autodesk-img/bannersuites/revit-lt-suite.png');
      background-position: center center;
      background-size: cover;
      padding: 20px !important;
      padding-bottom: 10px !important;
      margin-bottom: 25px;
  }

  .revit_lt_suite h4 {
      font-family: 'raleway-bold', sans-serif;
  }
  /*        services      */

  .title_services {
      margin-top: 50px;
      margin-bottom: -50px;
  }

  .title_services_after {
      margin-top: 20px;
      margin-bottom: -50px;
  }

  .title_services h4 {
      font-family: "raleway-bold", sans-serif;
  }

  .title_services_after h4 {
      font-family: "raleway-bold", sans-serif;
  }

  .hero-services-home {
      position: absolute;
      top: 0;
      width: 100%;
      height: 30vh;
      background-image: url('../img/autodesk-img/heros/services-banner.jpg');
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      background-position: center center;
  }

  .hero_home-services {
      width: 100%;
      height: 30vh;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
  }

  .sam-logo {
      max-width: 200px;
      padding: 40px;
      padding-top: 80px;
  }

  @media only screen and (max-width: 40em) {
      .title_services {
          margin-top: 20px;
          margin-bottom: -50px
      }
      .sam-logo {
          max-width: 75%;
          padding-top: 20px;
      }
  }

  .who_sam_text {
      margin-top: 20px;
      font-family: 'raleway-regular', sans-serif;
      font-size: 14px;
      line-height: 1.7;
      color: #323236;
      margin-bottom: 20px
  }

  .who_sam_text ul {
      font-family: 'raleway-bold', sans-serif;
      font-size: 18px;
  }

  .who_sam_text ul li {
      font-family: 'raleway-regular', sans-serif;
      font-size: 14px;
      line-height: 1.7;
      color: #323236;
      margin-left: 35px;
  }
  /*        AREAS       */

  .hero-area-cad-home {
      position: absolute;
      top: 0;
      width: 100%;
      height: 60vh;
      background-image: url('../img/autodesk-img/heros/cad.png');
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      background-position: center center;
  }

  .hero-area-arquitetura-home {
      position: absolute;
      top: 0;
      width: 100%;
      height: 60vh;
      background-image: url('../img/autodesk-img/heros/arquitetura.jpg');
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      background-position: center center;
  }

  .hero-area-civil-home {
      position: absolute;
      top: 0;
      width: 100%;
      height: 60vh;
      background-image: url('../img/autodesk-img/heros/civil.png');
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      background-position: center center;
  }

  .hero-area-construcao-home {
      position: absolute;
      top: 0;
      width: 100%;
      height: 60vh;
      background-image: url('../img/autodesk-img/heros/construcao.png');
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      background-position: center center;
  }

  .hero-area-SIG-home {
      position: absolute;
      top: 0;
      width: 100%;
      height: 60vh;
      background-image: url('../img/autodesk-img/heros/infraestruturas.png');
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      background-position: center center;
  }

  .hero-area-industria-home {
      position: absolute;
      top: 0;
      width: 100%;
      height: 60vh;
      background-image: url('../img/autodesk-img/heros/industria.png');
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      background-position: center center;
  }

  @media screen and (max-width: 39.9375em) {
      .hero-area-cad-home {
          background-image: url('../img/autodesk-img/heros/construcao-mobile.png');
      }
      .hero-area-arquitetura-home {
          background-image: url('../img/autodesk-img/heros/arquitetura-mobile.png');
      }
      .hero-area-civil-home {
          background-image: url('../img/autodesk-img/heros/civil-mobile.png');
      }
      .hero-area-construcao-home {
          background-image: url('../img/autodesk-img/heros/civil-mobile.png');
      }
      .hero-area-SIG-home {
          background-image: url('../img/autodesk-img/heros/infraestruturas-mobile.png');
      }
      .hero-area-cad-home {
          background-image: url('../img/autodesk-img/heros/industria-mobile.png');
      }
  }

  .apps_area {
      margin-top: 25px;
      margin-bottom: 25px;
  }

  .apps_area h4 {
      font-family: "raleway-bold", sans-serif;
  }
  /*        PROMOTIONS        */

  .hero-promotions-home {
      position: absolute;
      top: 0;
      width: 100%;
      height: 60vh;
      background-image: url('../img/autodesk-img/heros/promotions.png');
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      background-position: center center;
  }

  @media screen and (max-width: 39.9375em) {
      .hero-promotions-home {
          background-image: url('../img/autodesk-img/heros/promotions.png');
      }
  }

  .hero-promotions-isep {
      position: absolute;
      top: 0;
      width: 100%;
      height: 60vh;
      background-image: url('../img/autodesk-img/promos/banner_isep.jpg');
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      background-position: center center;
  }

  @media screen and (max-width: 39.9375em) {
      .hero-promotions-isep {
          background-image: url('../img/autodesk-img/promos/banner_isep.jpg');
      }
  }

  .discont-badge {
      background: #F44336;
      padding: 40px !important;
      color: #FFF;
      font-family: "raleway-semibold", sans-serif;
      text-transform: uppercase;
      letter-spacing: 8px;
      position: relative;
  }

  .discont-badge div {
      position: absolute;
      top: 15px;
      left: 15px;
      right: 15px;
      bottom: 15px;
      border: 2px dashed #FFF;
  }

  .discont-badge h1 {
      color: #FFF;
      font-family: "raleway-bold", sans-serif;
      text-transform: uppercase;
      letter-spacing: 8px;
      font-size: 68px;
      padding: 0;
      margin: 0;
  }

  .discont-price h1 {
      color: #FFF;
      font-family: "raleway-bold", sans-serif;
      text-transform: uppercase;
      letter-spacing: 0px;
      font-size: 40px;
      padding: 0;
      margin: 0;
  }

  .discont-price h3 {
      color: #FFF;
      font-family: "raleway-semibold", sans-serif;
      text-transform: uppercase;
      letter-spacing: 0px;
      font-size: 25px;
      padding: 0;
      margin: 0;
  }

  .discont-title {
      padding: 0;
      font-family: "raleway-semibold", sans-serif;
      font-size: 25px;
      text-transform: uppercase;
  }

  .discont-title a {
      color: #222;
  }

  .discont-date {
      padding: 0;
      color: #aaa !important;
      font-family: "raleway-semibold", sans-serif !important;
      text-transform: uppercase;
      font-size: 16px !important;
  }

  .discont-products img {
      max-height: 80px;
  }

  .discont-products h5 {
      font-size: 14px;
  }

  .discont-attention {
      font-size: 12px !important;
  }
  /*    PRICE   */

  .price-prod-home {
      padding-top: 20px;
  }

  .price-prod-home a {
      color: #43A047;
      font-weight: 700;
      font-size: 16px;
      -webkit-transition: border 500ms ease;
      -moz-transition: border 500ms ease;
      -ms-transition: border 500ms ease;
      -o-transition: border 500ms ease;
      transition: border 500ms ease;
  }

  .price-prod-home a:hover {
      cursor: pointer;
      border-bottom: 1px solid #43A047;
  }

  .price-prod-area {
      margin-top: auto;
      align-self: flex-start;
      margin-bottom: 25px;
  }

  .price-prod-area a {
      display: flex;
      flex-direction: row;
      align-items: flex-end;
      color: #43A047;
      font-weight: 500;
      font-size: 14px;
      -webkit-transition: border 500ms ease;
      -moz-transition: border 500ms ease;
      -ms-transition: border 500ms ease;
      -o-transition: border 500ms ease;
      transition: border 500ms ease;
  }

  .price-prod-area a:hover {
      cursor: pointer;
      border-bottom: 1px solid #43A047;
  }

  .area-products {
      display: flex;
      flex-direction: column;
  }
  /*		CART		*/

  .cart_ph {
      position: relative;
      height: 30px;
  }

  .badge_cart {
      position: absolute;
      right: 0px;
      background: #F44336;
      border-radius: 50%;
      height: 20px;
      width: 20px;
      text-align: center;
      line-height: 19px;
      top: -7px;
  }
  /*    PME QUOTE     */

  .pme-quote {
      color: #222222;
      font-size: 3.8em;
      font-weight: 700;
      line-height: 1.2;
      text-transform: uppercase;
  }

  @media only screen and (max-width: 40em) {
      .pme-quote {
          font-size: 1.5em;
          text-align: center;
          padding-bottom: 20px;
      }
  }

  /* -----------	POP-UP -------------- */
  .dialog_pop {
    display: none;
    position: fixed;
    z-index: 999;
    width: 16.3vw;
    height: 45vh;
    right: 15px;
    margin-right: 0;
    margin-left: auto;
    bottom: 190px;
    background: #FFFFFF;
    font-family: sans-serif;
    padding: 0;
    border: 0px;
    min-width: 300px;
    min-height: 450px;
    border-radius: 15px;
    -webkit-box-shadow: 0px 0px 55px -9px rgba(0, 0, 0, 0.30);
    -moz-box-shadow: 0px 0px 55px -9px rgba(0, 0, 0, 0.30);
    box-shadow: 0px 0px 55px -9px rgba(0, 0, 0, 0.30);
  }

  .top_popup {
    position: relative;
    height: 70%;
    width: 100%;
    background-image: url('../img/screenshot_5.png');
    background-size: cover;
    background-position: top center;
  }

  .bottom_popup {
    position: relative;
    font-family: "raleway-bold", Helvetica, Arial, sans-serif;
    width: 100%;
    height: 30%;
    background-color: #2196F3;
    font-weight: bold;
    text-transform: uppercase;
    color: #FFF;
    font-size: 2.2rem;
    padding-left: 20px;
    padding-right: 12px;
    padding-bottom: 12px;
    line-height: 1.1;
  }

  .bottom_popup i {
    font-size: 14px;
  }

  .exit_popup {
    position: absolute;
    top: 0px;
    right: 0px;
    height: 28px;
    width: 28px;
    background-color: #E0E0E0;
    border: 2px solid #9E9E9E;
    border-radius: 50%;
    font-weight: bold;
  }

  .close-button {
    position: absolute;
    right: -10px;
    top: -10px;
    display: inline-block;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    width: 0.75em;
    height: 0.75em;
    border: none;
    -webkit-border-radius: 1em;
    border-radius: 1em;
    font-size: 3em;
    color: rgba(0, 0, 0, 1);
    -o-text-overflow: clip;
    text-overflow: clip;
    background: #1abc9c;
  }

  .close-button::before {
    display: inline-block;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    width: 0.45em;
    height: 0.1em;
    position: absolute;
    content: "";
    top: 0.33em;
    left: 0.155em;
    border: none;
    color: rgba(0, 0, 0, 1);
    -o-text-overflow: clip;
    text-overflow: clip;
    background: #ffffff;
    text-shadow: none;
    -webkit-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
  }

  .close-button::after {
    display: inline-block;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    width: 0.45em;
    height: 0.1em;
    position: absolute;
    content: "";
    top: 0.33em;
    left: 0.155em;
    border: none;
    color: rgba(0, 0, 0, 1);
    -o-text-overflow: clip;
    text-overflow: clip;
    background: #ffffff;
    text-shadow: none;
    -webkit-transform: rotateZ(-45deg);
    transform: rotateZ(-45deg);
  }