/* `XHTML, HTML4, HTML5 Reset
----------------------------------------------------------------------------------------------------*/
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
dialog,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
font,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
hr,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
meter,
nav,
object,
ol,
output,
p,
pre,
progress,
q,
rp,
rt,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video,
xmp {
  border: 0;
  margin: 0;
  padding: 0;
  font-size: 100%; }

html,
body {
  height: 100%; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  /*
    Override the default (display: inline) for
    browsers that do not recognize HTML5 tags.
  
    IE8 (and lower) requires a shiv:
    http://ejohn.org/blog/html5-shiv
  */
  display: block; }

b,
strong {
  /*
    Makes browsers agree.
    IE + Opera = font-weight: bold.
    Gecko + WebKit = font-weight: bolder.
  */
  font-weight: bold; }

img {
  color: transparent;
  font-size: 0;
  vertical-align: middle;
  /*
    For IE.
    http://css-tricks.com/ie-fix-bicubic-scaling-for-images
  */
  -ms-interpolation-mode: bicubic; }

ol,
ul {
  list-style: none; }

li {
  /*
    For IE6 + IE7:
  
    "display: list-item" keeps bullets from
    disappearing if hasLayout is triggered.
  */
  display: list-item; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

th,
td,
caption {
  font-weight: normal;
  vertical-align: top;
  text-align: left; }

q {
  quotes: none; }

q:before,
q:after {
  content: '';
  content: none; }

sub,
sup,
small {
  font-size: 75%; }

sub,
sup {
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

svg {
  /*
    For IE9. Without, occasionally draws shapes
    outside the boundaries of <svg> rectangle.
  */
  overflow: hidden; }

body {
  font-family: 'Open Sans', sans-serif, Arial; }

h1, h2, h3 {
  font-family: 'Abel', sans-serif; }
  h1.blue, h2.blue, h3.blue {
    color: #2A95C0; }

p {
  font-weight: 300; }

.text-center {
  text-align: center; }

a {
  font-family: 'Open Sans', sans-serif, Arial;
  font-weight: 300; }

.image-center {
  margin: 0 auto;
  text-align: center;
  display: block; }

.btn {
  display: inline-block;
  padding: 10px 35px;
  margin: 0 3px;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid #7f8187;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.32857;
  text-decoration: none;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  box-shadow: 0px 0px 5px 0 #848080;
  -moz-box-shadow: 0px 0px 5px 0 #848080;
  -webkit-box-shadow: 0px 0px 5px 0 #848080;
  font-weight: bold;
  color: black; }
  .btn.btn-primary {
    background: white; }
  .btn--blue {
    margin: 36px auto;
    background: #2A95C0;
    font-size: 110%;
    color: white;
    padding: 5px 35px;
    display: inline-block;
    width: auto;
    border-radius: 22px;
    font-weight: bold;
    display: table;
    width: initial; }
    .btn--blue:hover {
      text-decoration: none;
      color: white;
      box-shadow: -1px 4px 8px 0px #59595b8f; }

.container {
  max-width: 960px;
  margin: 0 auto; }
  @media screen and (max-width: 480px) {
    .container {
      padding: 0 25px; } }

.header-internal h3 {
  font-size: 26px; }

.list {
  padding: 20px;
  margin: 20px;
  background: #cecece5c;
  padding-left: 40px; }
  .list li {
    padding: 10px;
    list-style: square; }

.navigation ul li {
  vertical-align: bottom; }

.top-contact {
  background: black;
  text-align: right;
  color: white;
  font-size: 12px; }
  .top-contact p {
    padding: 5px 0; }
  @media screen and (max-width: 480px) {
    .top-contact {
      text-align: center;
      padding: 2px 0;
      font-size: 12px;
      letter-spacing: 1px; } }

.home-header {
  background: url("/images/header-bg.jpg") no-repeat;
  background-size: 100% 100%;
  padding: 30px 0;
  overflow: hidden; }
  .home-header h1 {
    font-size: 50px;
    line-height: 1;
    margin: 20px 0; }
  .home-header p {
    font-size: 17px; }
  @media screen and (max-width: 480px) {
    .home-header {
      padding: 30px 0 15px 0; } }
  .home-header .logo {
    padding-top: 20px;
    padding-bottom: 40px;
    width: 50%; }
    .home-header .wrapper-content:before, .home-header .navigation ul:before, .home-header .wrapper-content:after, .home-header .navigation ul:after {
      content: "";
      display: table; }
    .home-header .wrapper-content:after, .home-header .navigation ul:after {
      clear: both; }
    .home-header .wrapper-content, .home-header .navigation ul {
      zoom: 1; }

    .home-header .logo, .home-header .navigation, .home-header .image-content, .home-header .text-content, .clientes-panel .testimonial-panel, .request-panel h4, .request-panel .request-quote, .footer .logo, .footer .products, .footer .about, .footer .contact {
      display: inline-block;
      min-height: 1px;
      float: left;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      vertical-align: top;
      padding-right: 10px;
      padding-left: 10px; }

    .clientes-panel .testimonial-panel {
      position: relative; }

    @media screen and (max-width: 480px) {
      .home-header .logo, .home-header .navigation, .home-header .image-content, .home-header .text-content {
        display: inline-block;
        min-height: 1px;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        vertical-align: top;
        padding-right: 10px;
        padding-left: 10px; } }
    @media screen and (max-width: 480px) {
      .home-header .logo {
        position: relative; } }
    .home-header .logo img {
      width: 100%; }
    @media screen and (max-width: 480px) {
      .home-header .logo {
        padding-top: 10px;
        width: 83.3333333333%;
        left: 8.3333333333%;
        right: auto; } }
  .home-header .btn-group {
    padding: 30px 0; }
  .home-header .wrapper-content {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: -10px;
    margin-right: -10px; }
    [class*="no-gutter"] > .home-header .wrapper-content {
      margin-left: 0 !important;
      margin-right: 0 !important; }
    .home-header .wrapper-content .home-header .wrapper-content {
      margin-left: -10px;
      margin-right: -10px; }
    @media screen and (max-width: 480px) {
      .home-header .wrapper-content .home-header .wrapper-content {
        margin-left: -10px;
        margin-right: -10px; } }
    @media screen and (min-width: 481px) and (max-width: 1024px) {
      .home-header .wrapper-content .home-header .wrapper-content {
        margin-left: -10px;
        margin-right: -10px; } }
    @media (orientation: landscape) {
      .home-header .wrapper-content .home-header .wrapper-content {
        margin-left: -10px;
        margin-right: -10px; } }
  .home-header .navigation {
    width: 50%;
    text-align: center;
    padding-top: 19px; }
    .home-header .navigation ul {
      padding-left: 0 !important;
      padding-right: 0 !important;
      margin-left: -10px;
      margin-right: -10px; }
      [class*="no-gutter"] > .home-header .navigation ul {
        margin-left: 0 !important;
        margin-right: 0 !important; }
      .home-header .navigation ul .home-header .navigation ul {
        margin-left: -10px;
        margin-right: -10px; }
      @media screen and (max-width: 480px) {
        .home-header .navigation ul .home-header .navigation ul {
          margin-left: -10px;
          margin-right: -10px; } }
      @media screen and (min-width: 481px) and (max-width: 1024px) {
        .home-header .navigation ul .home-header .navigation ul {
          margin-left: -10px;
          margin-right: -10px; } }
      @media (orientation: landscape) {
        .home-header .navigation ul .home-header .navigation ul {
          margin-left: -10px;
          margin-right: -10px; } }
      .home-header .navigation ul li {
        display: inline-block;
        padding: 0 6px;
        vertical-align: bottom; }
    .home-header .navigation a {
      color: black;
      text-decoration: none;
      font-size: 13px; }
      .home-header .navigation a:hover {
        border-bottom: 1px solid black; }
    @media screen and (max-width: 480px) {
      .home-header .navigation {
        width: 100%;
        padding-top: 3px; } }
  .home-header .image-content {
    width: 50%; }
    .home-header .image-content img {
      width: 100%; }
    @media screen and (max-width: 480px) {
      .home-header .image-content {
        width: 100%;
        margin: 30px 0;
        text-align: center;
        width: 90%; } }
  .home-header .text-content {
    font-weight: 300;
    width: 50%; }
    @media screen and (max-width: 480px) {
      .home-header .text-content {
        width: 100%; }
        .home-header .text-content h1 {
          font-size: 36px; } }
  .home-header.landing-page .swiper-slide {
    text-align: center; }
  .home-header.landing-page p {
    font-size: 14px; }
  @media screen and (max-width: 480px) {
    .home-header.landing-page .wrapper-content {
      display: block; } }
  .home-header.landing-page .text-content {
    width: 55%;
    background: white;
    padding: 20px 30px !important;
    border-radius: 16px;
    box-shadow: 0px -1px 13px 0px #59595b1c; }
    @media screen and (max-width: 480px) {
      .home-header.landing-page .text-content {
        border-radius: 0;
        width: 100%; } }
  .home-header.landing-page .wrapper-content {
    display: flex; }
    @media screen and (max-width: 480px) {
      .home-header.landing-page .wrapper-content {
        display: block; } }
  .home-header.landing-page .slider-wrapper {
    overflow: hidden; }
  .home-header.landing-page .image-content {
    width: 45%;
    align-self: center;
    overflow: hidden; }
    @media screen and (max-width: 480px) {
      .home-header.landing-page .image-content {
        width: 100%; } }
    .home-header.landing-page .image-content img {
      width: initial;
      margin: auto;
      height: auto;
      max-height: 400px;
      max-width: 300px;
      margin-bottom: 40px; }
      @media screen and (max-width: 480px) {
        .home-header.landing-page .image-content img {
          max-height: initial;
          max-width: initial;
          width: initial;
          max-height: 400px;
          max-width: 300px; } }

.apps {
  background: #6A7E86;
  padding: 50px 0;
  color: white;
  margin-top: 40px; }
  .apps ul {
    margin: 10px 0;
    list-style: disc;
    color: #A7E6FF; }
    .apps ul li {
      color: white;
      font-weight: bolder; }
    .apps ul ul {
      list-style: none;
      margin-left: 20px; }
  .apps .content {
    padding-left: 8%; }
  .apps h2 {
    color: white;
    font-size: 300%;
    margin-bottom: 50px; }

.products-panel {
  background: #9fc5d3;
  /* Fallback solid color for old browsers */
  background: linear-gradient(to bottom, #9fc5d3 0%, #b9e5f6 100%);
  /* W3C */
  background: -moz-linear-gradient(top, #9fc5d3 0%, #b9e5f6 100%);
  /* FF 3.6+ */
  background: -ms-linear-gradient(top, #9fc5d3 0%, #b9e5f6 100%);
  /* IE 10+ */
  background: -o-linear-gradient(top, #9fc5d3 0%, #b9e5f6 100%);
  /* Opera 11.10+ */
  background: -webkit-linear-gradient(top, #9fc5d3 0%, #b9e5f6 100%);
  /* Chrome 10+, Safari 5.1+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9fc5d3), color-stop(100%, #b9e5f6));
  /* Chrome, Safari 4+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= '#9fc5d3', endColorstr= '#b9e5f6', GradientType=0);
  /* IE 6-9 */
  padding: 40px 0 20px 0;
  overflow: hidden; }
  .products-panel ul li {
    float: left;
    width: 16%;
    font-size: 11px;
    line-height: 1.2;
    padding: 5px 2%;
    font-family: 'Open Sans Semi Bold', sans-serif, Arial;
    font-weight: bolder; }
    .products-panel ul li img {
      float: left;
      width: 25px;
      margin-right: 7px;
      margin-left: 0px;
      margin-bottom: 30px; }
  .products-panel ul.line-two li:first-child {
    margin-left: 10%; }
  @media screen and (max-width: 480px) {
    .products-panel ul li {
      width: 32%;
      padding: 5px 0%; }
    .products-panel ul.line-two li:first-child {
      margin-left: 0; } }

.banner-wrapper {
  background: url("/images/banner.jpg");
  text-align: center;
  height: 400px;
  font-size: 35px; }
  .banner-wrapper h3 {
    color: #414142;
    background: white;
    padding: 20px 60px;
    display: inline-block;
    margin-top: 150px; }
  .banner-wrapper .banner-bg1 {
    background: url("/images/comuter-left.png") left top no-repeat;
    height: 400px;
    background-size: auto 100%; }
  .banner-wrapper .banner-bg2 {
    background: url("/images/phone.png") right bottom no-repeat;
    height: 400px; }
  @media screen and (max-width: 480px) {
    .banner-wrapper {
      height: 250px; }
      .banner-wrapper h3 {
        width: 50%;
        font-size: 22px;
        padding: 19px 29px;
        margin-top: 80px; }
      .banner-wrapper .banner-bg1 {
        height: 250px;
        background-size: auto 100%; }
      .banner-wrapper .banner-bg2 {
        height: 250px;
        background: none; } }

.clientes-panel {
  padding: 40px 40px 0 40px;
  text-align: center;
  background: #a8cee0 url("/images/clientes-bg.jpg") left top no-repeat; }
  .clientes-panel h3 {
    font-size: 60px;
    margin-bottom: 30px; }
  .clientes-panel img {
    width: 100%; }
  .clientes-panel .testimonial-panel {
    color: white;
    background: #6a8b98;
    padding: 30px;
    width: 66.6666666667%;
    left: 16.6666666667%;
    right: auto;
    font-family: 'Open Sans Light', sans-serif, Arial;
    font-weight: 200;
    font-size: 12px;
    line-height: 1.5;
    margin-bottom: 30px; }

.request-panel {
  background: red;
  padding: 40px 0;
  text-align: center;
  color: white;
  overflow: hidden; }
  .request-panel h4 {
    width: 58.3333333333%;
    font-size: 30px; }
  .request-panel .request-quote {
    width: 41.6666666667%; }
  .request-panel a {
    background: white;
    color: red;
    border: none;
    margin-top: 13px; }

.footer {
  background: #404b53;
  padding: 45px 0;
  overflow: hidden;
  color: white;
  font-size: 10px;
  font-weight: 300; }
  .footer ul li {
    padding: 3px 0;
    margin-bottom: 2px;
    letter-spacing: 1px; }
    .footer ul li a {
      color: white;
      text-decoration: none; }
      .footer ul li a:hover {
        border-bottom: 1px solid white;
        padding-bottom: 2px; }
  .footer h3 {
    color: #8e9dac;
    padding-bottom: 5px;
    border-bottom: solid 1px #8e9dac;
    font-size: 15px;
    margin-bottom: 10px;
    width: 80%; }
  .footer .logo {
    width: 25%;
    text-align: center; }
    .footer .logo img {
      width: 60%;
      margin: 0 auto; }
      .footer .logo img.social {
        width: 40%;
        margin-top: 20px; }
  .footer .products {
    width: 25%; }
  .footer .about {
    width: 25%; }
  .footer .contact {
    width: 25%; }

/*# sourceMappingURL=main-new.css.map */