/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on June 9, 2017 */
@font-face {
  font-family: 'tt_squaresblack';
  src: url("../webfonts/ttsquares-black-webfont.woff2") format("woff2"), url("../webfonts/ttsquares-black-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'tt_squaresbold';
  src: url("../webfonts/ttsquares-bold-webfont.woff2") format("woff2"), url("../webfonts/ttsquares-bold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'tt_squareslight';
  src: url("../webfonts/ttsquares-light-webfont.woff2") format("woff2"), url("../webfonts/ttsquares-light-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'tt_squaresregular';
  src: url("../webfonts/ttsquares-regular-webfont.woff2") format("woff2"), url("../webfonts/ttsquares-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'DINPro-Light';
  font-style: normal;
  font-weight: normal;
  src: local("DINPro-Light"), url("../webfonts/DINPro-Light_13935.woff") format("woff"); }
body {
  font-family: "tt_squaresregular";
  font-size: 12px;
  color: #fff;
  overflow-x: hidden; }

#acer-aspire-nitro {
  background-image: url("../images/layout/bg-conexao.jpg");
  background-repeat: repeat-y; }
  #acer-aspire-nitro img {
    max-width: 100%; }
  #acer-aspire-nitro section {
    padding: 40px 0 !important; }
    #acer-aspire-nitro section h1, #acer-aspire-nitro section h2 {
      font-family: "tt_squaresblack";
      color: #ed1c2c;
      text-transform: uppercase; }
    #acer-aspire-nitro section h2 {
      margin-bottom: 25px; }
      @media (min-width: 992px) {
        #acer-aspire-nitro section h2 {
          font-size: 40px; } }
      #acer-aspire-nitro section h2 br {
        display: none; }
        @media (min-width: 992px) {
          #acer-aspire-nitro section h2 br {
            display: block; } }
    #acer-aspire-nitro section p {
      color: #fff;
      font-family: "tt_squaresregular";
      font-size: 16px;
      margin-bottom: 25px; }
      #acer-aspire-nitro section p br {
        display: none; }
        @media (min-width: 1200px) {
          #acer-aspire-nitro section p br {
            display: block; } }
      @media (min-width: 992px) {
        #acer-aspire-nitro section p {
          font-size: 20px; } }
      #acer-aspire-nitro section p .registered {
        font-size: 11px;
        vertical-align: top; }
    #acer-aspire-nitro section img {
      margin-bottom: 20px; }
    @media (min-width: 992px) {
      #acer-aspire-nitro section .acer-left {
        width: 50%;
        float: left;
        text-align: left; } }
    @media (min-width: 992px) {
      #acer-aspire-nitro section .acer-right {
        width: 50%;
        float: right;
        text-align: right; } }
    @media (min-width: 992px) {
      #acer-aspire-nitro section .acer-row {
        margin-bottom: 30px; } }
  #acer-aspire-nitro #acer-header {
    background: url("../images/layout/bg-header.png") left top no-repeat;
    background-size: auto;
    text-align: center;
    padding: 50px 0 0px !important; }
    @media (min-width: 992px) {
      #acer-aspire-nitro #acer-header {
        text-align: left; } }
    #acer-aspire-nitro #acer-header .name {
      text-align: center; }
      #acer-aspire-nitro #acer-header .name h1, #acer-aspire-nitro #acer-header .name h2 {
        margin-bottom: 0; }
      #acer-aspire-nitro #acer-header .name h1 {
        font-size: 34px;
        margin-top: 30px;
        margin-bottom: 20px; }
        @media (min-width: 992px) {
          #acer-aspire-nitro #acer-header .name h1 {
            font-size: 60px;
            white-space: nowrap;
            margin-top: 0px;
            margin-bottom: 0px; } }
      #acer-aspire-nitro #acer-header .name h2 {
        color: #ffffff; }
        @media (min-width: 992px) {
          #acer-aspire-nitro #acer-header .name h2 {
            font-size: 33px;
            white-space: nowrap;
            margin-bottom: 0; } }
        @media (min-width: 992px) {
          #acer-aspire-nitro #acer-header .name h2 br {
            display: none; } }
      #acer-aspire-nitro #acer-header .name p {
        margin-bottom: 30px; }
        @media (min-width: 992px) {
          #acer-aspire-nitro #acer-header .name p {
            margin-bottom: 0px; } }
    @media (min-width: 992px) {
      #acer-aspire-nitro #acer-header .acer-left {
        width: 85%;
        text-align: center;
        padding-top: 60px; } }
    @media (min-width: 1200px) {
      #acer-aspire-nitro #acer-header .acer-left {
        padding-top: 0px; } }
    @media (min-width: 992px) {
      #acer-aspire-nitro #acer-header .acer-left img {
        margin-bottom: 0px; } }
    @media (min-width: 992px) {
      #acer-aspire-nitro #acer-header .acer-right {
        margin-top: 150px;
        margin-left: -30%;
        width: 42%;
        text-align: right; } }
    @media (min-width: 1200px) {
      #acer-aspire-nitro #acer-header .acer-right {
        margin-top: 170px;
        width: 40%; } }
    @media (min-width: 992px) {
      #acer-aspire-nitro #acer-header .acer-right .nvidia {
        text-align: right;
        margin-bottom: 25px; } }
    #acer-aspire-nitro #acer-header .acer-right .intel {
      margin-right: 35px; }
    #acer-aspire-nitro #acer-header .acer-logo {
      margin-bottom: 30px; }
  #acer-aspire-nitro #acer-conceitos h2 {
    text-align: center; }
  #acer-aspire-nitro #acer-conceitos p {
    text-align: center;
    margin-bottom: 50px; }
  #acer-aspire-nitro #acer-video {
    background: url("../images/layout/video.jpg") center center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-right: 15px;
    margin-left: 15px; }
    @media (min-width: 768px) {
      #acer-aspire-nitro #acer-video {
        margin-right: 30px;
        margin-left: 30px; } }
    @media (min-width: 992px) {
      #acer-aspire-nitro #acer-video {
        margin-right: 50px;
        margin-left: 50px; } }
    #acer-aspire-nitro #acer-video .video-container {
      margin: 0 auto;
      width: 300px;
      height: 150px; }
      @media (min-width: 768px) {
        #acer-aspire-nitro #acer-video .video-container {
          width: 560px;
          height: 315px; } }
      #acer-aspire-nitro #acer-video .video-container iframe {
        width: 300px;
        height: 150px; }
        @media (min-width: 768px) {
          #acer-aspire-nitro #acer-video .video-container iframe {
            width: 560px;
            height: 315px; } }
  #acer-aspire-nitro #acer-screens {
    position: relative;
    padding: 0 15px;
    text-align: center; }
    #acer-aspire-nitro #acer-screens li {
      display: block;
      padding: 10px 30px;
      border: 1px solid #ed1c2c;
      margin-bottom: 30px;
      list-style: none; }
      @media (min-width: 768px) {
        #acer-aspire-nitro #acer-screens li {
          display: inline-block;
          width: calc((100% / 3) - 18px);
          margin-right: 20px; } }
      @media (min-width: 992px) {
        #acer-aspire-nitro #acer-screens li {
          width: calc((100% / 3) - 28px); } }
      @media (min-width: 1200px) {
        #acer-aspire-nitro #acer-screens li {
          width: calc((100% / 3) - 37px); } }
      #acer-aspire-nitro #acer-screens li:last-child {
        margin-right: 0; }
      #acer-aspire-nitro #acer-screens li img {
        max-width: 100%; }
  #acer-aspire-nitro #acer-performance {
    background: url("../images/layout/bg-performance.jpg") center top no-repeat;
    background-size: cover;
    text-align: center; }
    #acer-aspire-nitro #acer-performance .acer-row {
      position: relative; }
      #acer-aspire-nitro #acer-performance .acer-row h2 {
        color: #ffffff; }
      @media (min-width: 992px) {
        #acer-aspire-nitro #acer-performance .acer-row .pri {
          position: absolute;
          width: 70%;
          top: 70px; } }
      @media (min-width: 992px) {
        #acer-aspire-nitro #acer-performance .acer-row .acer-right {
          width: 47%; } }
    @media (min-width: 992px) {
      #acer-aspire-nitro #acer-performance .seg {
        margin-top: 60px; } }
    #acer-aspire-nitro #acer-performance ul.nvidea-stuff {
      list-style: none;
      margin-top: 20px;
      padding: 0; }
      #acer-aspire-nitro #acer-performance ul.nvidea-stuff li {
        margin-bottom: 30px; }
        @media (min-width: 992px) {
          #acer-aspire-nitro #acer-performance ul.nvidea-stuff li {
            display: inline-block;
            width: calc((100% / 4) - 4px);
            vertical-align: top;
            margin-bottom: 0; } }
        #acer-aspire-nitro #acer-performance ul.nvidea-stuff li:last-child {
          margin-bottom: 0; }
        #acer-aspire-nitro #acer-performance ul.nvidea-stuff li img {
          margin-top: 0;
          margin-bottom: 15px; }
          @media (min-width: 992px) {
            #acer-aspire-nitro #acer-performance ul.nvidea-stuff li img {
              margin-bottom: 20px; } }
        #acer-aspire-nitro #acer-performance ul.nvidea-stuff li .image {
          text-align: center; }
        #acer-aspire-nitro #acer-performance ul.nvidea-stuff li p {
          font-size: 12px; }
          @media (min-width: 992px) {
            #acer-aspire-nitro #acer-performance ul.nvidea-stuff li p {
              text-align: left;
              padding: 0 50px;
              margin-bottom: 0; } }
          @media (min-width: 1200px) {
            #acer-aspire-nitro #acer-performance ul.nvidea-stuff li p {
              padding: 0 60px; } }
  #acer-aspire-nitro #acer-condicoes {
    text-align: center; }
  #acer-aspire-nitro #acer-monitor {
    background: url("../images/layout/bg-red.png") center no-repeat;
    background-size: cover;
    background-color: #000000;
    text-align: center;
    padding-top: 0; }
    #acer-aspire-nitro #acer-monitor .condicoes-image {
      position: relative; }
      @media (min-width: 992px) {
        #acer-aspire-nitro #acer-monitor .condicoes-image {
          margin-top: -80px;
          margin-bottom: -80px; } }
      @media (min-width: 992px) {
        #acer-aspire-nitro #acer-monitor .condicoes-image img {
          margin-bottom: 0; } }
      #acer-aspire-nitro #acer-monitor .condicoes-image img.marker {
        opacity: 0; }
      #acer-aspire-nitro #acer-monitor .condicoes-image img.colored, #acer-aspire-nitro #acer-monitor .condicoes-image img.desaturated {
        width: 290px;
        height: 142px;
        left: calc( (100% - 290px)/2 );
        position: absolute;
        opacity: 0;
        top: 0; }
        @media (min-width: 768px) {
          #acer-aspire-nitro #acer-monitor .condicoes-image img.colored, #acer-aspire-nitro #acer-monitor .condicoes-image img.desaturated {
            width: 720px;
            height: 352px;
            left: 25px; } }
        @media (min-width: 992px) {
          #acer-aspire-nitro #acer-monitor .condicoes-image img.colored, #acer-aspire-nitro #acer-monitor .condicoes-image img.desaturated {
            width: 940px;
            height: 470px;
            left: 20px; } }
        @media (min-width: 1200px) {
          #acer-aspire-nitro #acer-monitor .condicoes-image img.colored, #acer-aspire-nitro #acer-monitor .condicoes-image img.desaturated {
            width: 1037px;
            height: 508px;
            left: 66px; } }
    #acer-aspire-nitro #acer-monitor p {
      position: relative;
      z-index: 10; }
    #acer-aspire-nitro #acer-monitor #acer-visao {
      position: relative;
      padding-top: 40px; }
      @media (min-width: 992px) {
        #acer-aspire-nitro #acer-monitor #acer-visao {
          height: 500px; } }
      @media (min-width: 1200px) {
        #acer-aspire-nitro #acer-monitor #acer-visao {
          height: 600px;
          margin-bottom: 40px; } }
      @media (min-width: 992px) {
        #acer-aspire-nitro #acer-monitor #acer-visao p {
          margin-bottom: -30px;
          position: relative;
          z-index: 2; } }
      @media (min-width: 992px) {
        #acer-aspire-nitro #acer-monitor #acer-visao img {
          margin-bottom: -20px; } }
      #acer-aspire-nitro #acer-monitor #acer-visao .image-container {
        position: relative; }
        #acer-aspire-nitro #acer-monitor #acer-visao .image-container .marker {
          opacity: 0; }
        #acer-aspire-nitro #acer-monitor #acer-visao .image-container .main, #acer-aspire-nitro #acer-monitor #acer-visao .image-container .blurred {
          width: 290px;
          height: 175px;
          position: absolute;
          top: 0;
          left: 0; }
          @media (min-width: 768px) {
            #acer-aspire-nitro #acer-monitor #acer-visao .image-container .main, #acer-aspire-nitro #acer-monitor #acer-visao .image-container .blurred {
              width: 720px;
              height: 435px; } }
          @media (min-width: 992px) {
            #acer-aspire-nitro #acer-monitor #acer-visao .image-container .main, #acer-aspire-nitro #acer-monitor #acer-visao .image-container .blurred {
              width: 700px;
              height: 423px; } }
          @media (min-width: 1200px) {
            #acer-aspire-nitro #acer-monitor #acer-visao .image-container .main, #acer-aspire-nitro #acer-monitor #acer-visao .image-container .blurred {
              width: 975px;
              height: 590px; } }
        #acer-aspire-nitro #acer-monitor #acer-visao .image-container .main {
          opacity: 0; }
      @media (min-width: 992px) {
        #acer-aspire-nitro #acer-monitor #acer-visao .acer-left {
          position: absolute;
          width: 70%;
          top: 20px; } }
      @media (min-width: 1200px) {
        #acer-aspire-nitro #acer-monitor #acer-visao .acer-left {
          width: 80%;
          top: -20px; } }
      @media (min-width: 992px) {
        #acer-aspire-nitro #acer-monitor #acer-visao .acer-right {
          width: 45%; } }
      @media (min-width: 1200px) {
        #acer-aspire-nitro #acer-monitor #acer-visao .acer-right {
          width: 50%; } }
    #acer-aspire-nitro #acer-monitor #acer-vol .image-container {
      position: relative; }
      #acer-aspire-nitro #acer-monitor #acer-vol .image-container .marker {
        opacity: 0; }
      #acer-aspire-nitro #acer-monitor #acer-vol .image-container .note, #acer-aspire-nitro #acer-monitor #acer-vol .image-container .wave-1, #acer-aspire-nitro #acer-monitor #acer-vol .image-container .wave-2, #acer-aspire-nitro #acer-monitor #acer-vol .image-container .wave-3, #acer-aspire-nitro #acer-monitor #acer-vol .image-container .wave-4, #acer-aspire-nitro #acer-monitor #acer-vol .image-container .wave-5 {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }
    #acer-aspire-nitro #acer-monitor .white {
      color: #ffffff; }
  #acer-aspire-nitro #acer-som {
    background-color: #000000; }
    #acer-aspire-nitro #acer-som ul {
      list-style: none; }
      @media (min-width: 992px) {
        #acer-aspire-nitro #acer-som ul {
          text-align: center; } }
      #acer-aspire-nitro #acer-som ul li {
        display: block;
        width: 240px;
        border: 1px solid #a2a2a2;
        margin: 0 auto 40px; }
        @media (min-width: 992px) {
          #acer-aspire-nitro #acer-som ul li {
            width: calc( (100% / 4) - 20px );
            display: inline-block;
            margin: 0 15px 0 0;
            vertical-align: top; } }
        @media (min-width: 992px) {
          #acer-aspire-nitro #acer-som ul li:last-child {
            margin-right: 0; } }
        #acer-aspire-nitro #acer-som ul li .acer-image {
          border-bottom: 1px solid #a2a2a2;
          display: block;
          padding: 20px; }
          #acer-aspire-nitro #acer-som ul li .acer-image img {
            margin-bottom: 0; }
        #acer-aspire-nitro #acer-som ul li .acer-content {
          padding: 20px;
          display: block;
          line-height: 18px;
          height: 150px; }
          #acer-aspire-nitro #acer-som ul li .acer-content .acer-title {
            display: block;
            color: #ed1c2c;
            font-family: "tt_squaresblack";
            text-transform: uppercase;
            font-size: 20px;
            margin-bottom: 15px; }
          #acer-aspire-nitro #acer-som ul li .acer-content .acer-desc {
            font-size: 20px;
            white-space: nowrap; }
  #acer-aspire-nitro #acer-refrigeramento {
    text-align: center; }
    @media (min-width: 992px) {
      #acer-aspire-nitro #acer-refrigeramento {
        padding: 100px 0; } }
  #acer-aspire-nitro #acer-conexao {
    background: url("../images/layout/bg-conexao.jpg") center top no-repeat;
    background-size: cover;
    text-align: center; }
    #acer-aspire-nitro #acer-conexao .acer-left {
      float: none; }
      @media (min-width: 992px) {
        #acer-aspire-nitro #acer-conexao .acer-left {
          display: inline-block;
          width: 35%;
          vertical-align: middle;
          text-align: left; } }
    #acer-aspire-nitro #acer-conexao .acer-right {
      float: none; }
      @media (min-width: 992px) {
        #acer-aspire-nitro #acer-conexao .acer-right {
          display: inline-block;
          width: 64%; } }
    @media (min-width: 992px) {
      #acer-aspire-nitro #acer-conexao .container {
        margin-top: 40px; } }
    @media (min-width: 992px) {
      #acer-aspire-nitro #acer-conexao .container p {
        margin-bottom: -30px; } }
    @media (min-width: 992px) {
      #acer-aspire-nitro #acer-conexao .dir {
        text-align: right; } }
    #acer-aspire-nitro #acer-conexao .image-container {
      position: relative;
      display: inline-block; }
      #acer-aspire-nitro #acer-conexao .image-container .marker {
        opacity: 0; }
      #acer-aspire-nitro #acer-conexao .image-container .portas-note, #acer-aspire-nitro #acer-conexao .image-container .portas-dots, #acer-aspire-nitro #acer-conexao .image-container .portas-lines, #acer-aspire-nitro #acer-conexao .image-container .portas-text {
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        position: absolute; }
  #acer-aspire-nitro #acer-specs {
    background: url("../images/layout/bg-specs.jpg") center bottom no-repeat #000;
    background-size: 100% auto;
    text-align: center; }
    #acer-aspire-nitro #acer-specs h2 {
      padding: 0;
      margin-bottom: 40px;
      color: #ed1c2c; }
    #acer-aspire-nitro #acer-specs .img-specs {
      width: 200px;
      margin-bottom: -25px; }
      @media (min-width: 768px) {
        #acer-aspire-nitro #acer-specs .img-specs {
          width: 260px;
          margin-bottom: -25px; } }
    #acer-aspire-nitro #acer-specs .table-specs {
      padding: 40px 30px 30px;
      background: rgba(0, 0, 0, 0.2);
      border: 1px solid #5a5a5a;
      -webkit-box-shadow: 0 0 50px 0 rgba(255, 255, 255, 0.2);
      box-shadow: 0 0 50px 0 rgba(255, 255, 255, 0.2); }
      @media (min-width: 992px) {
        #acer-aspire-nitro #acer-specs .table-specs {
          width: 600px;
          margin: 0 auto; } }
      @media (min-width: 1200px) {
        #acer-aspire-nitro #acer-specs .table-specs {
          width: 600px; } }
      #acer-aspire-nitro #acer-specs .table-specs h3 {
        font-family: "tt_squaresregular";
        font-size: 18px;
        display: inline-block;
        margin-bottom: 30px;
        text-transform: uppercase; }
        @media (min-width: 992px) {
          #acer-aspire-nitro #acer-specs .table-specs h3 {
            font-size: 26px; } }
        #acer-aspire-nitro #acer-specs .table-specs h3 strong {
          text-transform: capitalize;
          font-family: "tt_squaresbold"; }
        #acer-aspire-nitro #acer-specs .table-specs h3::after {
          content: '';
          height: 3px;
          width: 50%;
          display: inline-block;
          background: #ed1c2c; }
      #acer-aspire-nitro #acer-specs .table-specs ul li {
        list-style: none;
        font-size: 14px;
        margin-bottom: 20px;
        padding-bottom: 20px;
        border-bottom: 1px solid rgba(204, 204, 204, 0.3); }
        @media (min-width: 992px) {
          #acer-aspire-nitro #acer-specs .table-specs ul li:last-child {
            border: none; } }
        @media (min-width: 768px) {
          #acer-aspire-nitro #acer-specs .table-specs ul li {
            font-size: 14px; } }
        @media (min-width: 992px) {
          #acer-aspire-nitro #acer-specs .table-specs ul li {
            float: left;
            width: 100%;
            font-size: 16px; } }
        #acer-aspire-nitro #acer-specs .table-specs ul li span {
          display: block; }
          #acer-aspire-nitro #acer-specs .table-specs ul li span.title {
            color: #ed1c2c;
            font-family: "tt_squaresbold"; }
            @media (min-width: 992px) {
              #acer-aspire-nitro #acer-specs .table-specs ul li span.title {
                width: 35%;
                float: left;
                line-height: 40px;
                text-align: left; } }
            @media (min-width: 992px) {
              #acer-aspire-nitro #acer-specs .table-specs ul li span.title br {
                display: none; } }
          #acer-aspire-nitro #acer-specs .table-specs ul li span .registered {
            display: inline-block;
            font-size: 11px;
            vertical-align: top;
            line-height: 30px; }
          #acer-aspire-nitro #acer-specs .table-specs ul li span.desc {
            font-family: "tt_squareslight"; }
            @media (min-width: 992px) {
              #acer-aspire-nitro #acer-specs .table-specs ul li span.desc {
                width: 65%;
                float: left;
                text-align: left;
                line-height: 40px; } }
            @media (min-width: 992px) {
              #acer-aspire-nitro #acer-specs .table-specs ul li span.desc.double {
                line-height: 20px; } }
            #acer-aspire-nitro #acer-specs .table-specs ul li span.desc.double .registered {
              line-height: 12px; }
      #acer-aspire-nitro #acer-specs .table-specs ul:last-of-type li:last-child {
        padding-bottom: 0;
        border: none; }
  #acer-aspire-nitro #acer-footer {
    background: #ed1c2c;
    padding: 32px;
    text-align: center; }
    @media (min-width: 992px) {
      #acer-aspire-nitro #acer-footer {
        padding: 42px; } }
    #acer-aspire-nitro #acer-footer .logo {
      margin-bottom: 30px; }
      @media (min-width: 992px) {
        #acer-aspire-nitro #acer-footer .logo {
          float: left; } }
    #acer-aspire-nitro #acer-footer p {
      font-family: "tt_squaresblack";
      font-size: 16px;
      text-transform: uppercase;
      margin-bottom: 0; }
      #acer-aspire-nitro #acer-footer p small {
        font-family: "tt_squaresregular";
        display: block;
        margin-bottom: 0; }
      @media (min-width: 992px) {
        #acer-aspire-nitro #acer-footer p {
          float: right;
          font-size: 30px;
          text-align: left; } }

#acer-monitor .condicoes-image.active .desaturated {
  animation-name: enlarge;
  animation-duration: 1.5s;
  animation-timing-function: linear;
  animation-iteration-count: 1;
  animation-fill-mode: forwards; }
#acer-monitor .condicoes-image.active .colored {
  animation-name: colored;
  animation-duration: 0.5s;
  animation-timing-function: linear;
  animation-iteration-count: 1;
  animation-delay: 1.55s;
  animation-fill-mode: forwards; }

@keyframes enlarge {
  0% {
    transform: scale(0.85);
    opacity: 0; }
  100% {
    transform: scale(1);
    opacity: 1; } }
@keyframes colored {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
#acer-visao .image-container.active .main {
  animation-name: visao-blurred;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-delay: 1s; }

@keyframes visao-blurred {
  0% {
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    opacity: 0; } }
#acer-vol .active .wave {
  opacity: 0;
  -o-animation: volume-waves 2s infinite;
  -moz-animation: volume-waves 2s infinite;
  -webkit-animation: volume-waves 2s infinite;
  animation: volume-waves 2s infinite; }
  #acer-vol .active .wave.wave-2 {
    animation-delay: 400ms; }
  #acer-vol .active .wave.wave-3 {
    animation-delay: 800ms; }
  #acer-vol .active .wave.wave-4 {
    animation-delay: 1200ms; }
  #acer-vol .active .wave.wave-5 {
    animation-delay: 1600ms; }

@keyframes volume-waves {
  0% {
    opacity: 0.6; }
  5% {
    opactiy: 1; }
  6% {
    opactiy: 0.2; }
  100% {
    opactiy: 0.2; } }
#acer-conexao .active .portas-dots, #acer-conexao .active .portas-lines, #acer-conexao .active .portas-text {
  opacity: 0;
  animation-name: conexao;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: 1;
  animation-fill-mode: forwards; }
#acer-conexao .active .portas-dots {
  animation-delay: 0.5s; }
#acer-conexao .active .portas-lines {
  animation-delay: 1s; }
#acer-conexao .active .portas-text {
  animation-delay: 1.5s; }

@keyframes conexao {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

/*# sourceMappingURL=style.css.map */