<!--gXm5Ca30-->
/* ==========================================================
! CSS 
========================================================== */

/* ==========================================================
! MIXINS / VARIABLES
==============	=========================================== */	
@import "variables.less";


/* ==========================================================
! GENERAL 
========================================================== */	
html {
  -webkit-font-smoothing: antialiased;
  background-color:@branco;
}

body {
  background-color: @branco;
	.texto;
  -webkit-font-smoothing: subpixel-antialiased;
  overflow-x: hidden

}

a {
  color: inherit;
  text-decoration: none;
  &:hover {
    color: inherit;
    text-decoration: none;
  }
}

strong {
  font-weight: 700;
}

img {
  max-width: 100%;
  height: auto;
}
.nospace {
  padding: 0;
}
.error {
  margin-bottom: 20px !important;
  text-align: left !important;
  left: 0 !important;
  color: #cc0000 !important;
  font-weight: 500 !important;
  width: 100%;
}
label.error {
  display: none !important;
}
.wpcf7-not-valid-tip {
  display: none !important;
}
.wpcf7-not-valid {
  border: 1px solid red !important;
}

.nospace {
  margin: 0;
  padding: 0;
}

/* ==========================================================
! Buttons and Forms
========================================================== */ 
input {
  &:focus {
    outline-color: transparent;
    outline-style: none;
  }
}

textarea {
  &:focus {
    outline-color: transparent;
    outline-style: none;
  }
}

input.form-control {
  font-family: 'Raleway', sans-serif;
  font-weight: 500;
  width: 100%;
  font-size: 12px;
  background: #dfdfdf;
  color: #808080;
  height: 40px;
  line-height: 40px;
  border: 0px solid #343636;
  margin-bottom: 10px;
  .border-radius(0);
  -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0);
  box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0);
  padding: 0 10px;
  @media @full-hd {
    font-size: 14px;
    height: 45px;
    line-height: 45px;
  }
}

textarea.form-control {
  font-family: 'Raleway', sans-serif;
  font-weight: 500;
  width: 100%;
  font-size: 12px;
  background: #dfdfdf;
  color: #808080;
  height: 140px;
  border:0px solid #343636;
  margin-bottom: 10px;
  .border-radius(0);
  -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0);
  box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0);
  padding: 10px;
  resize: none;
  @media @full-hd {
    font-size: 14px;
  }
}


.btn {
  .anima(0.3s);
  .border-radius(0);
  font-family: 'Raleway', sans-serif;
  display: inline-block;
  line-height: 40px;
  color: @branco;
  border: 0px solid #343636;
  background-color: #152649;
  font-size: 14px;
  font-weight: 500;
  text-align: center; 
  display: inline-block;
  padding: 0 20px;
  margin-bottom: 50px;
  @media @mlaptop {
    width: 100%;
  }
  @media @full-hd {
    font-size: 16px;
  }
  &:hover {
    background-color: #152649;
    color: @branco;
  }
}

.btn1 {
  display: inline-block;
  background: rgb(144,242,71);
  background: -moz-linear-gradient(left,  rgba(144,242,71,1) 0%, rgba(0,222,187,1) 100%);
  background: -webkit-linear-gradient(left,  rgba(144,242,71,1) 0%,rgba(0,222,187,1) 100%);
  background: linear-gradient(to right,  rgba(144,242,71,1) 0%,rgba(0,222,187,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#90f247', endColorstr='#00debb',GradientType=1 );
  padding: 2px;
  .border-radius(3px);
  .mask-btn {
    width: 100%;
    padding: 10px 9px 10px 9px;
    background-color: @branco;
    .border-radius(3px);
    font-family: 'Rajdhani';
    font-weight: 700;
    line-height: 15px;
    font-size: 16px;
    color: #152649;
    .anima(0.4s);
    &:hover {
      background-color: rgba(255,255,255,0);
    }
  }
  @media @full-hd {
    .mask-btn {
      padding: 20px 20px 20px 19px;
      .border-radius(5px);
      line-height: 17px;
      font-size: 18px;
    }
  }
}

.btn-learn {
  width: auto;
  display: inline-block;
  padding: 10px 20px;
  .border-radius(3px);
  background-color: #152649;
  font-family: 'Rajdhani';
  font-weight: 700;
  line-height: 15px;
  font-size: 16px;
  color: @branco;
  -webkit-box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.3);
  box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.3);
  .anima(0.3s);
  &:hover {
    background-color: #0c1832;
    .border-radius(5px);
  }
  @media @full-hd {
    padding: 20px 30px;
    .border-radius(5px);
    line-height: 17px;
    font-size: 18px;
    &:hover {
      .border-radius(8px);
    }
  }
}

.btn-how {
  width: auto;
  display: inline-block;
  padding: 10px 20px;
  .border-radius(3px);
  background-color: @branco;
  font-family: 'Rajdhani';
  font-weight: 500;
  line-height: 15px;
  font-size: 16px;
  color: #3e3e3e;
  -webkit-box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.3);
  box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.3);
  margin-top: 10px;
  .anima(0.3s);
  &:hover {
    background-color: #0c1832;
    color: @branco;
  }
  @media @full-hd {
    padding: 20px 30px;
    .border-radius(5px);
    line-height: 17px;
    font-size: 18px;
    font-weight: 600;
    &:hover {
      .border-radius(8px);
    }
  }
}

.ajax-loader {
  display: none !important;
}
::-webkit-input-placeholder {
   color: #808080 !important;
}

:-moz-placeholder {
   color: #808080 !important;
}

::-moz-placeholder {
   color: #808080 !important;
}

:-ms-input-placeholder {  
  color: #808080 !important;
}

/* ==========================================================
! HEADER:
========================================================== */
header {
  top: 0;
  width: 100%;
  height: 100px;
  position: fixed;
  background-color: @branco;
  z-index: 3;
  .anima(0.3s);
  .row {
    margin: 0;
  }
  @media @full-hd {
    height: 120px;
  }
  .logo {
    line-height: 100px;
    .anima(0.3s);
    img {
      height: 30px;
      margin-left: 15px;
      .anima(0.3s);
    }
    @media @full-hd {
      line-height: 120px;
      img {
        height: 50px;
      }
    }
  }
  .min-header {
    color: #152649;
    font-size: 30px;
    text-align: right;
    line-height: 100px;
    display: none;
    cursor: pointer;
    margin-right: 15px;
    @media @mlaptop {
      display: block;
    }
    @media @full-hd {
      line-height: 120px;
      font-size: 50px;
    }
  }
  .divmenu {
    text-align: right;
  }
  .menu-menu-principal-container, .menu-menu-interna-container {
    display: inline-block;
  }
  #menu {
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: right;
    li {
      position: relative;
      list-style: none;
      display: inline-block;
      color: #152649;
      font-size: 13px;
      padding: 0 15px;
      line-height: 100px;
      text-align: center;
      font-weight: 700;
      .anima(0.3s);
      &:after {
        width: 0%;
        height: 7px;
        top: 50%;
        margin-top: -3px;
        left: 0;
        position: absolute;
        content: '';
        background: rgb(173,242,49);
        background: -webkit-linear-gradient(left, rgba(173,242,49,1) 0%, rgba(0,219,197,1) 100%);
        background: -o-linear-gradient(left, rgba(173,242,49,1) 0%, rgba(0,219,197,1) 100%);
        background: linear-gradient(to right, rgba(173,242,49,1) 0%, rgba(0,219,197,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#adf231', endColorstr='#00dbc5',GradientType=1 );
        .anima(0.3s);
        z-index: -1;
      }
      &.current_page_item:after, &.current-menu-ancestor:after {
        width: 100%;
      }
      &:hover {
        &:after {
          width: 100%;
        }
      }
    }
    @media @mlaptop {
      background-color: @branco;
      display: none;
      width: 200%;
      right: 0;
      top: 100px;
      position: absolute;
      li {
        width: 100%;
        display: block;
        line-height: 40px;
        padding: 0 15px !important;
      }
    }
    @media @full-hd {
      top: 120px;
      li {
        line-height: 120px;
        font-size: 15px;
      }
    }
    .sub-menu {
      width: 200px;
      background-color: @branco;
      display: none;
      position: absolute;
      padding: 0;
      text-align: left;
      margin-left: -15px;
      margin-top: -20px;
      .anima(0.3s);
      li {
        display: block;
        color: #727272;
        font-weight: 400;
        padding: 0 15px;
        line-height: 18px !important;
        text-align: left;
        margin: 15px 0 !important;
        &:hover {
          color: #00debb;
        }
      }
      @media @mlaptop {
        position: relative;
        display: block !important;
        width: 100%;
        margin: 0 !important;
        padding: 0 !important;
        li {
          color: #152649;
          font-size: 13px;
          padding: 0 15px;
          line-height: 18px;
          padding: 0 15px !important;
          text-align: center;
          font-weight: 700;
          margin: 15px 0;
        }
      }
      @media @full-hd {
        li {
          line-height: 60px;
          font-size: 15px;
        }
      }
    }
  }
  .menu-item-has-children:hover {
    .sub-menu {
      display: block !important;
    }
  }
  &.mini {
    height: 80px;
    -webkit-box-shadow: 0 0 20px 1px rgba(0,0,0,0.1);
    box-shadow: 0 0 20px 1px rgba(0,0,0,0.1);
    @media @full-hd {
      height: 100px;
    }
    .logo {
      line-height: 80px;
      img {
        height: 20px;
      }
      @media @full-hd {
        line-height: 100px;
        img {
          height: 40px;
        }
      }
    }
    .min-header {
      line-height: 80px;
      @media @full-hd {
        line-height: 100px;
      }
    }
    #menu {
      li {
        line-height: 80px;
        @media @full-hd {
          line-height: 100px;
        }
      }
      @media @mlaptop {
        top: 80px;
        li {
          line-height: 50px !important
        }
      }
      @media @full-hd {
        top: 100px;
        li {
          line-height: 100px;
        }
      }
    }
    .sub-menu {
      width: 200px;
      background-color: @branco;
      display: none;
      position: absolute;
      padding: 0;
      text-align: left;
      margin-left: -15px;
      margin-top: 40px;
      padding-bottom: 10px !important;
      .anima(0.3s);
      li {
        display: block;
        color: #727272;
        font-weight: 400;
        padding: 0 15px !important;
        line-height: 15px !important;
        text-align: left;
        margin: 15px 0;
        line-height: 40px !important;
        @media @mlaptop {
          margin: 0 !important;
        }
      }
    }
  }
  #menu-item-42>a {
    @media @mlaptop {
      display: none !important;
    }
  }
}

/* ==========================================================
! FOOTER
========================================================== */
footer {
  width: 100%;
  position: relative;
  background-color: @branco;
  padding: 50px 0;
  @media @mlaptop {
    text-align: center;
  }
  img {
    height: 20px;
    .anima(0.3s);
    @media @full-hd {
      height: 40px;
    }
  }
  #menu2 {
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: right;
    li {
      position: relative;
      list-style: none;
      display: inline-block;
      color: #152649;
      font-size: 13px;
      padding: 0 15px;
      line-height: 20px;
      text-align: left;
      font-weight: 700;
      .anima(0.3s);
      &:hover {
        color: #00debb;
      }
    }
    .sub-menu {
      position: absolute;
      padding: 0;
      margin-top: 10px;
      margin-bottom: 50px;
      li {
        padding: 0;
        line-height: 16px;
        margin: 5px 0;
        font-weight: 400;
      }
    }
    @media @mlaptop {
      display: none;
    }
    @media @full-hd {
      li {
        font-size: 15px;
        line-height: 25px;
      }
      .sub-menu {
        margin-top: 15px;
        li {
          line-height: 20px;
        }
      }
    }
  }
}

/* ==========================================================
! CONTENT
========================================================== */
h1 {
  position: relative;
  font-family: 'Rajdhani';
  font-weight: 700;
  line-height: 90px;
  font-size: 90px;
  color: #152649;
  margin: 0 0 5px;
  @media @full-hd {
    font-size: 110px;
    line-height: 110px;
  }
}

h2 {
  position: relative;
  font-family: 'Rajdhani';
  font-weight: 700;
  line-height: 40px;
  font-size: 40px;
  color: #152649;
  margin: 0 0 5px;
  small {
    font-family: 'Rajdhani';
    font-weight: 400;
    line-height: 40px;
    font-size: 40px;
  }
  &.white {
    color: @branco;
    margin-top: 20px;
    margin-bottom: 10px;
  }
  strong {
    color: #a1f350;
  }
  @media @full-hd {
    font-size: 60px;
    line-height: 60px;
    small {
      font-size: 60px;
      line-height: 60px;
    }
  }
}

h3 {
  position: relative;
  font-family: 'Rajdhani';
  font-weight: 700;
  line-height: 25px;
  font-size: 25px;
  color: #152649;
  margin: 0 0 5px;
}

h3.topspace {
    margin-top: 90px;
}

.top-info {
  width: 100%;
  height: 1px;
  background: -moz-linear-gradient(left, rgba(43,154,199,0) 0%, rgba(43,154,199,0.84) 21%, rgba(72,168,207,1) 25%, rgba(204,204,204,1) 50%, rgba(191,244,102,1) 75%, rgba(183,243,84,0.88) 78%, rgba(183,243,84,0) 100%);
  background: -webkit-linear-gradient(left, rgba(43,154,199,0) 0%,rgba(43,154,199,0.84) 21%,rgba(72,168,207,1) 25%,rgba(204,204,204,1) 50%,rgba(191,244,102,1) 75%,rgba(183,243,84,0.88) 78%,rgba(183,243,84,0) 100%);
  background: linear-gradient(to right, rgba(43,154,199,0) 0%,rgba(43,154,199,0.84) 21%,rgba(72,168,207,1) 25%,rgba(204,204,204,1) 50%,rgba(191,244,102,1) 75%,rgba(183,243,84,0.88) 78%,rgba(183,243,84,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002b9ac7', endColorstr='#00b7f354',GradientType=1 );
}

.top-info-devops {
  width: 100%;
  height: 1px;
  background: rgb(44,154,199);
  background: -moz-linear-gradient(left, rgba(44,154,199,1) 0%, rgba(255,255,255,1) 100%);
  background: -webkit-linear-gradient(left, rgba(44,154,199,1) 0%,rgba(255,255,255,1) 100%);
  background: linear-gradient(to right, rgba(44,154,199,1) 0%,rgba(255,255,255,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c9ac7', endColorstr='#ffffff',GradientType=1 );
  margin-bottom: 25px;
}

.line-gray {
  width: 100%;
  height: 1px;
  background-color: #cccccc;
  margin: 50px 0;
}

.top {
  width: 100%;
  position: relative;
  margin-top: 100px;
  background-color: @branco;
  color: #a3a3a3;
  display: table;
  .wrap-top {
    display: table-row;
    width: 100%;
    height: 100%;
    .bg-cover;
    background-position: center;
    .content {
      display: table-cell;
      width: 100%;
      height: 100%;
      vertical-align: middle;
    }
  }
}

.top-home {
  h2 {
    position: relative;
    margin-top: 30px;
    padding-top: 30px;
    &:after {
      width: 50px;
      height: 6px;
      .border-radius(3px);
      .anima(0.3s);
      top: 0;
      left: 0;
      position: absolute;
      content: '';
      background-color: #6ecff4;
    }
    &:hover {
      &:after {
        width: 70px;
        background-color: #b7f254;
      }
    }
    @media @mlaptop {
      &:after {
        display: none;
      }
    }
  }
  .wrap-top {
    @media @mlaptop {
      background-image: none !important;
      text-align: center;
    }
  }
}

.services {
  width: 100%;
  position: relative;
  background-color: #f8f8f8;
  padding-bottom: 100px;
  @media @mlaptop {
    padding-bottom: 50px;
  }
  .top-info {
    margin-bottom: 100px;
  }
  .info-text {
    font-family: 'Rajdhani';
    font-weight: 500;
    line-height: 35px;
    font-size: 25px;
    color: #8c8c8c;
    text-align: center;
    margin-bottom: 100px;
    @media @full-hd {
      line-height: 43px;
      font-size: 33px;
    }
  }
  .service {
    font-family: 'Rajdhani';
    font-weight: 700;
    line-height: 35px;
    font-size: 25px;
    color: #152649;
    text-align: center;
    .icon {
      text-align: center;
      border-right: 1px solid #cccccc;
      margin-bottom: 50px;
      &.last{
        border: 0;
      }
      img {
        max-height: 140px;
        @media @full-hd {
          max-height: 170px;
        }
      }
      @media @mlaptop {
        border: 0;
      }
    }
    @media @mlaptop {
      margin-bottom: 50px;
    }
  }
}

.wephrase {
  font-family: 'Rajdhani';
  font-weight: 400;
  line-height: 60px;
  font-size: 60px;
  color: #152649;
  .wrap-phrase {
    display: inline-block;
  }
  .dot {
    display: inline-block;
    color: #b7f254;
    animation: blinker 1s linear infinite;
  }
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

.microservices {
  width: 100%;
  position: relative;
  background-color: #efefef;
  -webkit-box-shadow:inset 0 -20px 70px 0 rgba(0,0,0,0.2);
  box-shadow:inset 0 -20px 70px 0 rgba(0,0,0,0.2);
  padding: 0px 0;
  height: 450px;
  @media @mlaptop {
    height: auto;
    text-align: center !important;
  }
  @media @full-hd {
    height: 550px;
  }
  .service-padding {
    padding: 100px 0;
    background-image: url('../img/bg-microservices.png');
    background-repeat: no-repeat;
    background-position: top -30px right;
    position: relative;
    @media @mlaptop {
      padding: 50px 15px;
    }
  }
  img {
    height: 500px;
    @media @mlaptop {
      height: auto;
    }
    @media @full-hd {
      height: 600px;
    }
  }
  h2 {
    margin-bottom: 20px;
    padding-top: 30px;
    &:after {
      width: 50px;
      height: 6px;
      .border-radius(3px);
      .anima(0.3s);
      top: 0;
      left: 0;
      position: absolute;
      content: '';
      background-color: #b8b8b8;
    }
    &:hover {
      &:after {
        width: 70px;
        background-color: #b7f254;
      }
    }
    @media @mlaptop {
      &:after {
        display: none;
      }
    }
  }
  .btn1 {
    .mask-btn {
      background-color: #efefef;
      &:hover {
        background-color: rgba(255,255,255,0);
      }
    }
  }
  .wrap-image {
    @media @mlaptop {
      display: none;
    }
  }
}

.machine_learning {
  width: 100%;
  position: relative;
  background-color: #f2f2f2;
  padding: 0px 0;
  height: 450px;
  @media @mlaptop {
    height: auto;
    text-align: center !important;
  }
  @media @full-hd {
    height: 550px;
  }
  h2 {
    margin-bottom: 20px;
    padding-top: 30px;
    &:after {
      width: 50px;
      height: 6px;
      .border-radius(3px);
      .anima(0.3s);
      top: 0;
      left: 0;
      position: absolute;
      content: '';
      background-color: #b993e7;
    }
    &:hover {
      &:after {
        width: 70px;
        background-color: #1ab7d5;
      }
    }
    @media @mlaptop {
      &:after {
        display: none;
      }
    }
  }
  .btn1 {
    background: rgb(144,97,215);
    background: -moz-linear-gradient(left, rgba(144,97,215,1) 0%, rgba(44,153,200,1) 100%);
    background: -webkit-linear-gradient(left, rgba(144,97,215,1) 0%,rgba(44,153,200,1) 100%);
    background: linear-gradient(to right, rgba(144,97,215,1) 0%,rgba(44,153,200,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9061d7', endColorstr='#2c99c8',GradientType=1 );
    .mask-btn {
      background-color: #f2f2f2;
      &:hover {
        background-color: rgba(255,255,255,0);
        color: @branco;
      }
    }
  }
  .service-padding {
    padding: 100px 0;
    background-image: url('../img/bg-ml.png');
    background-repeat: no-repeat;
    background-position: top -10px right;
    position: relative;
    @media @mlaptop {
      padding: 50px 15px;
    }
  }
  .wrap-image {
    text-align: right
  }
  img {
    height: 500px;
    @media @mlaptop {
      height: auto;
    }
    @media @full-hd {
      height: 600px;
    }
  }
  .subitems {
    .item {
      &:after {
        background: rgb(44,153,200);
        background: -moz-linear-gradient(top, rgba(44,153,200,1) 0%, rgba(144,97,215,1) 100%);
        background: -webkit-linear-gradient(top, rgba(44,153,200,1) 0%,rgba(144,97,215,1) 100%);
        background: linear-gradient(to bottom, rgba(44,153,200,1) 0%,rgba(144,97,215,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c99c8', endColorstr='#9061d7',GradientType=0 );
      }
    }
  }
  .wrap-image {
    @media @mlaptop {
      display: none;
    }
  }
}

.devops {
  width: 100%;
  position: relative;
  background-color: @branco;
  -webkit-box-shadow:inset 0 -20px 70px 0 rgba(0,0,0,0.2);
  box-shadow:inset 0 -20px 70px 0 rgba(0,0,0,0.2);
  padding: 0px 0;
  height: 450px;
  @media @mlaptop {
    height: auto;
    text-align: center !important;
  }
  @media @full-hd {
    height: 550px;
  }
  h2 {
    margin-bottom: 20px;
    padding-top: 30px;
    &:after {
      width: 50px;
      height: 6px;
      .border-radius(3px);
      .anima(0.3s);
      top: 0;
      left: 0;
      position: absolute;
      content: '';
      background-color: #95f896;
    }
    &:hover {
      &:after {
        width: 70px;
        background-color: #2d98c6;
      }
    }
    @media @mlaptop {
      &:after {
        display: none;
      }
    }
  }
  .service-padding {
    padding: 100px 0;
    background-image: url('../img/bg-devops.png');
    background-repeat: no-repeat;
    background-position: top right;
    position: relative;
    @media @mlaptop {
      padding: 50px 15px;
    }
  }
  img {
    height: 500px;
    @media @mlaptop {
      height: auto;
    }
    @media @full-hd {
      height: 600px;
    }
  }
  .wrap-image {
    @media @mlaptop {
      display: none;
    }
  }
}

.call_to_action {
  width: 100%;
  position: relative;
  background-color: @branco;
  text-align: center;
  padding: 50px 0;
  &.about-box {
    background-color: #f7f7f7;
    -webkit-box-shadow:inset 0 -10px 30px -10px rgba(0,0,0,0.3);
    box-shadow:inset 0 -10px 30px -10px rgba(0,0,0,0.3);
    .btn1 {
      .mask-btn {
        background-color: #f7f7f7;
        &:hover {
          background-color: rgba(255,255,255,0);
        }
      }
    }
  }
}

.process {
  width: 100%;
  position: relative;
  background-color: #cccccc;
  .process-item {
    width: 100%;
    padding: 80px;
    height: 500px;
    p {
      height: 100px;
      @media @full-hd {
        height: 130px;
      }
    }
    @media @mlaptop {
      padding: 80px !important;
    }
    @media @full-hd {
      height: 600px;
    }
  }
  @media @mlaptop {
    text-align: center;
  }
  .process-item-1 {
    position: relative;
    background: rgb(21,163,204);
    background: -moz-linear-gradient(left, rgba(21,163,204,1) 0%, rgba(21,181,213,1) 100%);
    background: -webkit-linear-gradient(left, rgba(21,163,204,1) 0%,rgba(21,181,213,1) 100%);
    background: linear-gradient(to right, rgba(21,163,204,1) 0%,rgba(21,181,213,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#15a3cc', endColorstr='#15b5d5',GradientType=1 );
    &:after {
      position: absolute;
      content: '';
      width: 28px;
      height: 97px;
      background-image: url('../img/arrow1.png');
      top: 3px;
      right: -28px;
      z-index: 2;
    }
    h2.white {
      position: relative;
      padding-top: 30px;
      &:after {
        width: 50px;
        height: 6px;
        .border-radius(3px);
        .anima(0.3s);
        top: 0;
        left: 0;
        position: absolute;
        content: '';
        background-color: #6ecff4;
      }
      &:hover {
        &:after {
          width: 70px;
          background-color: #152649;
        }
      }
      @media @mlaptop {
        &:after {
          display: none;
        }
      }
    }
  }
  .process-item-2 {
    position: relative;
    padding-top: 125px;
    background: rgb(196,196,196);
    background: -moz-linear-gradient(left,  rgba(196,196,196,1) 0%, rgba(204,204,204,1) 100%);
    background: -webkit-linear-gradient(left,  rgba(196,196,196,1) 0%,rgba(204,204,204,1) 100%);
    background: linear-gradient(to right,  rgba(196,196,196,1) 0%,rgba(204,204,204,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4c4c4', endColorstr='#cccccc',GradientType=1 );
    &:after {
      position: absolute;
      content: '';
      width: 28px;
      height: 97px;
      background-image: url('../img/arrow2.png');
      top: 3px;
      right: -28px;
      z-index: 2;
    }
    h2.white {
      position: relative;
      padding-top: 30px;
      &:after {
        width: 50px;
        height: 6px;
        .border-radius(3px);
        .anima(0.3s);
        top: 0;
        left: 0;
        position: absolute;
        content: '';
        background: rgb(135,135,135);
        background: -moz-linear-gradient(left, rgba(135,135,135,1) 0%, rgba(174,174,174,1) 100%);
        background: -webkit-linear-gradient(left, rgba(135,135,135,1) 0%,rgba(174,174,174,1) 100%);
        background: linear-gradient(to right, rgba(135,135,135,1) 0%,rgba(174,174,174,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#878787', endColorstr='#aeaeae',GradientType=1 );
      }
      &:hover {
        &:after {
          width: 70px;
          background-color: #878787;
        }
      }
      @media @mlaptop {
        &:after {
          display: none;
        }
      }
    }
  }
  .process-item-3 {
    position: relative;
    padding-top: 125px;
    background: -moz-linear-gradient(left,  rgba(0,222,187,1) 0%, rgba(144,242,71,1) 100%);
    background: -webkit-linear-gradient(left,  rgba(0,222,187,1) 0%,rgba(144,242,71,1) 100%);
    background: linear-gradient(to right,  rgba(0,222,187,1) 0%,rgba(144,242,71,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00debb', endColorstr='#90f247',GradientType=1 );
    h2.white {
      position: relative;
      padding-top: 30px;
      &:after {
        width: 50px;
        height: 6px;
        .border-radius(3px);
        .anima(0.3s);
        top: 0;
        left: 0;
        position: absolute;
        content: '';
        background-color: #6ecff4;
      }
      &:hover {
        &:after {
          width: 70px;
          background-color: #152649;
        }
      }
      @media @mlaptop {
        &:after {
          display: none;
        }
      }
    }
  }
}

.case_study {
  width: 100%;
  position: relative;
  background-color: #f1f1f1;
  padding: 100px 0 70px;
  @media @mlaptop {
    text-align: center;
  }
  h2 {
    margin-bottom: 20px;
    position: relative;
    padding-top: 50px;
    &:after {
      width: 50px;
      height: 6px;
      .border-radius(3px);
      .anima(0.3s);
      top: 0;
      left: 0;
      position: absolute;
      content: '';
      background-color: #b8b8b8;
    }
    &:hover {
      &:after {
        width: 70px;
      }
    }
    @media @mlaptop {
      &:after {
        display: none;
      }
    }
  }
  .btn1 {
    margin-top: 30px;
    .mask-btn {
      background-color: #f1f1f1;
      &:hover {
        background-color: rgba(255,255,255,0);
      }
    }
  }
  .wrap-image {
    background-image: url('../img/bg-case-home.png');
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100% auto;
    @media @mlaptop {
      margin-top: 40px;
    }
  }
}

.partners {
  width: 100%;
  position: relative;
  background-color: @branco;
  text-align: center;
  padding: 50px 0;
  .owl-dots {
    display: block !important;
    width: 100%;
    position: relative;
    text-align: center;
    .owl-dot {
      width: 6px;
      height: 6px;
      background-color: #cccccc;
      display: inline-block;
      margin: 0 10px;
      .border-radius(3px);
      &.active {
        background-color: #3b3b3b;
      }
    }
  }
}

/////////////////////

.about-intern {
  background-color: #f7f7f7;
  color: #152649;
  font-size: 13px;
  h1 {
    font-size: 50px;
    line-height: 50px;
  }
  @media @full-hd {
    font-size: 15px;
  }
  .btn1 {
    margin-bottom: 20px;
    .mask-btn {
      background-color: rgba(255,255,255,0);
    }
  }
  .wrap-top {
    .bg-cover;
    background-position: bottom center;
    @media @mlaptop {
      background-image: none !important;
      text-align: center;
    }
  }
}

/////////////////////

.cases-intern {
  background-color: @branco;
  color: @branco;
  font-size: 13px;
  background-position: right;
  background-repeat: no-repeat;
  background-size: auto 100%;
  @media @mlaptop {
    text-align: center;
  }
  @media @full-hd {
    font-size: 16px;
  }
  h1 {
    font-family: 'Rajdhani';
    font-weight: 700;
    line-height: 40px;
    font-size: 40px;
    color: @branco;
    margin: 0 0 5px;
    small {
      color: #00ddbd;
      font-family: 'Rajdhani';
      font-weight: 700;
      line-height: 20px;
      font-size: 20px;
    }
    @media @full-hd {
      line-height: 50px;
      font-size: 50px;
      small {
        font-size: 30px;
        line-height: 30px;
      }
    }
  }
  .wrap-top {
    background: -moz-linear-gradient(left, rgba(0,32,72,1) 0%, rgba(0,32,72,0.1) 50%, rgba(0,32,72,0) 65%, rgba(0,32,72,0) 100%);
    background: -webkit-linear-gradient(left, rgba(0,32,72,1) 0%,rgba(0,32,72,1) 50%,rgba(0,32,72,0) 65%,rgba(0,32,72,0) 100%);
    background: linear-gradient(to right, rgba(0,32,72,1) 0%, rgba(0,32,72,1) 50%,rgba(0,32,72,0) 65%,rgba(0,32,72,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002048', endColorstr='#00002048',GradientType=1 );
    @media @mlaptop {
      background:  rgba(0,32,72,1);
    }
  }
}

.content-cases {
  @media @mlaptop {
    text-align: center;
  }
  .gray {
    font-size: 14px;
    background-color: #f7f7f7;
    color: #6b6b6b;
    padding: 40px 40px 20px;
    margin-top: -60px;
    margin-bottom: 50px;
    @media @full-hd {
      font-size: 16px;
      line-height: 18px;
    }
  }
  h3 {
    color: #6b6b6b;
    font-family: 'Rajdhani';
    font-weight: 700;
    line-height: 20px;
    font-size: 20px;
    margin-bottom: 10px;
  }
  .content-cases2 {
    color: #6b6b6b;
    padding: 50px 0 30px;
  }
  .bg-gray {
    font-size: 14px;
    background-color: #f7f7f7;
    color: #6b6b6b;
    padding: 15px;
    margin-bottom: 50px;
  }
  .content-downgray {
    text-align: center;
    img {
      max-width: 60%;
    }
    .top-info {
      margin: 70px 0;
    }
  }
  .owl-dots {
    margin-top: 20px;
    display: block !important;
    width: 100%;
    position: relative;
    text-align: center;
    .owl-dot {
      width: 6px;
      height: 6px;
      background-color: #cccccc;
      display: inline-block;
      margin: 0 10px;
      .border-radius(3px);
      &.active {
        background-color: #3b3b3b;
      }
    }
  }
  .gallery-cases {
    margin-top: 70px;
    img {
      max-width: 100% !important;
      border: 2px solid #cccccc;
      .border-radius(5px);
    }
  }
}

/////////////////////

.process-intern {
  width: 100%;
  position: relative;
  background-color: @branco;
  color: #b2b2b2;
  font-size: 20px;
  line-height: 40px;
  font-family: 'Rajdhani';
  font-weight: 700;
  @media @full-hd {
    font-size: 30px;
    line-height: 50px;
  }
  .wrap-top {
    background-position: bottom center;
    .bg-cover;
    @media @mlaptop {
      background-image: none !important;
      background-position: bottom center;
      text-align: center;
    }
  }
}

.about-process {
  width: 100%;
  position: relative;
  background-color: #f1f1f1;
  padding: 70px 0;
  text-align: center;
  .wephrase {
    font-size: 35px;
    line-height: 35px;
    margin-bottom: 30px;
  }
  .top-info {
    margin-top: 100px;
  }
}

.line-process {
  width: 60%;
  height: 1px;
  margin: 50px 20%;
  background: rgb(43,154,199);
  background: -moz-linear-gradient(left, rgba(43,154,199,1) 0%, rgba(255,255,255,1) 100%);
  background: -webkit-linear-gradient(left, rgba(43,154,199,1) 0%,rgba(255,255,255,1) 100%);
  background: linear-gradient(to right, rgba(43,154,199,1) 0%,rgba(255,255,255,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b9ac7', endColorstr='#ffffff',GradientType=1 );
}

.process-part {
  width: 100%;
  position: relative;
  padding: 70px 0;
  font-size: 13px;
  .btn1 {
    @media @mlaptop {
      margin-bottom: 20px;
    }
  }
  @media @full-hd {
    font-size: 16px;
  }
}

.process1 {
  background-color: #15a7ce;
  color: #002048;
  font-weight: 500;
  h2 {
    color: @branco;
    line-height: 20px;
    small {
      color: #98e36c;
      font-size: 18px;
    }
    @media @full-hd {
      line-height: 50px;
      small {
        font-size: 25px;
      }
    }
  }
  h3 {
    color: @branco;
    font-size: 20px;
    @media @full-hd {
      font-size: 25px;
    }
  }
  .mask-btn {
    background-color: rgba(255,255,255,0);
  }
  &:after {
    position: absolute;
    content: '';
    width: 70px;
    height: 35px;
    background-image: url('../img/arrowd1.png');
    background-position: bottom center;
    bottom: -35px;
    margin-left: 50%;
    left: -35px;
    z-index: 2;
  }
  .lineb {
    width: 2px;
    height: 600px;
    margin: 0 auto;
    background-color: rgba(255,255,255,0.2);
  }
  .centro {
    text-align: center;
    img {
      max-width: 100px;
    }
    @media @mlaptop {
      display: none;
    }
  }
}

.process2 {
  background-color: #d7d7d7;
  color: #565656;
  font-weight: 500;
  h2 {
    margin-bottom: 30px;
  }
  h3 {
    font-size: 20px;
    @media @full-hd {
      font-size: 25px;
    }
  }
  .check-items {
    margin: 20px 0;
    .icheck {
      position: relative;
      padding-left: 30px;
      min-height: 30px;
      font-size: 20px;
      font-family: 'Rajdhani';
      font-weight: 500;
      line-height: 20px;
      padding-top: 5px;
      &:before {
        position: absolute;
        content: '';
        width: 20px;
        height: 100%;
        top: 0;
        left: 0;
        background-repeat: no-repeat;
        background-image: url('../img/checkb.png');
        background-position: center;
        background-size: 100% auto;
      }
      @media @full-hd {
        font-size: 23px;
        line-height: 23px;
      }
    }
  }
  .btn1 {
    background: rgb(196,196,196);
    background: -moz-linear-gradient(left,  rgba(196,196,196,1) 0%, rgba(204,204,204,1) 100%);
    background: -webkit-linear-gradient(left,  rgba(196,196,196,1) 0%,rgba(204,204,204,1) 100%);
    background: linear-gradient(to right,  rgba(196,196,196,1) 0%,rgba(204,204,204,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4c4c4', endColorstr='#cccccc',GradientType=1 );
  }
  .mask-btn {
    background-color: rgba(255,255,255,0);
  }
  &:after {
    position: absolute;
    content: '';
    width: 70px;
    height: 35px;
    background-image: url('../img/arrowd2.png');
    background-position: bottom center;
    bottom: -35px;
    margin-left: 50%;
    left: -35px;
    z-index: 2;
  }
  img {
    @media @mlaptop {
      display: none;
    }
  }
}

.process3 {
  color: #002048;
  background: rgb(56,206,163);
  background: -moz-linear-gradient(left, rgba(56,206,163,1) 0%, rgba(117,225,104,1) 100%);
  background: -webkit-linear-gradient(left, rgba(56,206,163,1) 0%,rgba(117,225,104,1) 100%);
  background: linear-gradient(to right, rgba(56,206,163,1) 0%,rgba(117,225,104,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#38cea3', endColorstr='#75e168',GradientType=1 );
  font-weight: 500;
  .mask-btn {
    background-color: rgba(255,255,255,0);
  }
  h2 {
    color: @branco;
  }
  .check-items {
    margin: 20px 0;
    .icheck {
      position: relative;
      padding-left: 15px;
      margin-left: 35px;
      min-height: 30px;
      font-size: 14px;
      font-family: 'Rajdhani';
      font-weight: 500;
      line-height: 20px;
      margin-bottom: 20px;
      border-left: 1px solid @branco;
      padding-left: 10px;
      &:before {
        position: absolute;
        content: '';
        width: 20px;
        height: 100%;
        top: 0;
        left: -35px;
        background-repeat: no-repeat;
        background-image: url('../img/checkb.png');
        background-position: left center;
        background-size: 100% auto;
      }
      @media @full-hd {
        font-size: 23px;
        line-height: 23px;
      }
    }
  }
  img {
    @media @mlaptop {
      display: none;
    }
  }
}

.end-process {
  width: 100%;
  position: relative;
  background-color: #f6f6f6;
  padding: 70px 0;
  text-align: center;
  .wephrase {
    font-size: 40px;
    line-height: 40px;
  }
  .logos {
    text-align: center;
    margin-top: 50px;
    img {
      display: inline-block;
      height: 90px;
      margin: 0 30px;
      .anima(0.2s);
      -webkit-filter: grayscale(100%);
      &:hover {
        -webkit-filter: grayscale(0);
      }
      &.menor {
        height: 80px;
      }
      @media @mlaptop {
        margin-bottom: 20px;
      }
      @media @full-hd {
        height: 120px;
        &.menor {
          height: 110px;
        }
      }
    }
  }
}

/////////////////////

.top-service {
  width: 100%;
  height: 450px;
  position: relative;
  margin-top: 100px;
  background: rgb(0,8,41);
  background: -moz-linear-gradient(left, rgba(0,8,41,1) 0%, rgba(19,61,120,1) 100%);
  background: -webkit-linear-gradient(left, rgba(0,8,41,1) 0%,rgba(19,61,120,1) 100%);
  background: linear-gradient(to right, rgba(0,8,41,1) 0%,rgba(19,61,120,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000829', endColorstr='#133d78',GradientType=1 );
  color: @branco;
  display: table;
  @media @mlaptop {
    text-align: center;
  }
  @media @full-hd {
    height: 550px;
  }
  .wrap-top {
    display: table-row;
    width: 100%;
    height: 100%;
    .content {
      display: table-cell;
      width: 100%;
      height: 100%;
      vertical-align: middle;
      font-size: 12px;
      @media @full-hd {
        font-size: 16px;
      }
    }
  }
  .logo {
    margin-left: -10px;
    margin-bottom: 10px; 
    object {
      width: 110px;
    }
    img {
      width: 110px;
      @media @full-hd {
        width: 150px;
      }
    }
    @media @mlaptop {
      margin-left: 0;
    }
  }
  h1 {
    color: @branco;
    font-size: 50px;
    line-height: 50px;
  }
  &.service-devops {
    background: rgb(0,8,41);
    background: -moz-linear-gradient(left, rgba(0,8,41,1) 0%, rgba(19,61,120,1) 100%);
    background: -webkit-linear-gradient(left, rgba(0,8,41,1) 0%,rgba(19,61,120,1) 100%);
    background: linear-gradient(to right, rgba(0,8,41,1) 0%,rgba(19,61,120,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000829', endColorstr='#133d78',GradientType=1 );
    .bg-cover;
    background-position: center;
    @media @mlaptop {
      background-position: left center;
    }
  }
  &.service-machine {
    background: rgb(0,8,41);
    background: -moz-linear-gradient(left, rgba(0,8,41,1) 0%, rgba(19,61,120,1) 100%);
    background: -webkit-linear-gradient(left, rgba(0,8,41,1) 0%,rgba(19,61,120,1) 100%);
    background: linear-gradient(to right, rgba(0,8,41,1) 0%,rgba(19,61,120,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000829', endColorstr='#133d78',GradientType=1 );
    .bg-cover;
    background-position: center;
    @media @mlaptop {
      background-position: left center;
    }
  }
  &.service-micro {
    background: rgb(0,8,41);
    background: -moz-linear-gradient(left, rgba(0,8,41,1) 0%, rgba(19,61,120,1) 100%);
    background: -webkit-linear-gradient(left, rgba(0,8,41,1) 0%,rgba(19,61,120,1) 100%);
    background: linear-gradient(to right, rgba(0,8,41,1) 0%,rgba(19,61,120,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000829', endColorstr='#133d78',GradientType=1 );
    .bg-cover;
    background-position: center;
    @media @mlaptop {
      background-position: left center;
    }
  }
  &.service-digital {
    background: rgb(0,8,41);
    background: -moz-linear-gradient(left, rgba(0,8,41,1) 0%, rgba(19,61,120,1) 100%);
    background: -webkit-linear-gradient(left, rgba(0,8,41,1) 0%,rgba(19,61,120,1) 100%);
    background: linear-gradient(to right, rgba(0,8,41,1) 0%,rgba(19,61,120,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000829', endColorstr='#133d78',GradientType=1 );
    .bg-cover;
    background-position: center;
    @media @mlaptop {
      background-position: left center;
    }
    h1 {
      color: #152649;
    }
    color: #152649;
  }
}

.disclaimer {
  width: 100%;
  position: relative;
  padding: 70px 0;
  &.service-devops {
    .big {
      font-size: 30px;
      font-family: 'Rajdhani';
      font-weight: 400;
      line-height: 30px;
      text-align: center;
      margin-bottom: 25px;
      @media @full-hd {
        font-size: 40px;
        line-height: 40px;
      }
    }
    background-color: #b7f254;
    text-align: center;
    font-size: 13px;
    @media @full-hd {
      font-size: 16px;
    }
  }
  &.service-machine {
    .big {
      font-size: 30px;
      font-family: 'Rajdhani';
      font-weight: 400;
      line-height: 30px;
      text-align: center;
      margin-bottom: 25px;
      @media @full-hd {
        font-size: 40px;
        line-height: 40px;
      }
    }
    background-color: #83adfb;
    text-align: center;
    font-size: 13px;
    @media @full-hd {
      font-size: 16px;
    }
  }
  &.service-micro {
    .big {
      font-size: 30px;
      font-family: 'Rajdhani';
      font-weight: 400;
      line-height: 30px;
      text-align: center;
      margin-bottom: 25px;
       @media @full-hd {
        font-size: 40px;
        line-height: 40px;
      }
    }
    background-color: #152649;
    text-align: center;
    font-size: 13px;
    color: @branco;
    @media @full-hd {
      font-size: 16px;
    }
  }
  &.service-digital {
    .big {
      font-size: 30px;
      font-family: 'Rajdhani';
      font-weight: 400;
      line-height: 30px;
      text-align: center;
      margin-bottom: 25px;
       @media @full-hd {
        font-size: 40px;
        line-height: 40px;
      }
    }
    background-color: #05bed4;
    text-align: center;
    font-size: 13px;
    color: @branco;
    @media @full-hd {
      font-size: 16px;
    }
  }
}

.about-service {
  width: 100%;
  position: relative;
  padding: 0;
  margin: 0;
  .btn {
    @media @mlaptop {
      margin-bottom: 0 !important;
    }
  }
  .wrap-image {
    text-align: left;
    padding-top: 0px;
    @media @mlaptop {
      display: none;
    }
  }
  ul {
    margin: 0;
    padding: 0;
  }
  li {
    list-style: none;
    position: relative;
    padding-left: 30px;
    min-height: 30px;
    font-size: 14px;
    font-family: 'Raleway';
    font-weight: 500;
    line-height: 18px;
    padding-top: 5px;
    margin-bottom: 20px;
    &:before {
      position: absolute;
      content: '';
      width: 20px;
      height: 100%;
      top: 0;
      left: 0;
      background-repeat: no-repeat;
      background-image: url('../img/checkc.png');
      background-position: center;
      background-size: 100% auto;
    }
  }
  &.service-devops {
    background-color: #f2f2f2;
    padding: 0px 0;
    .btn1 {
      background: rgb(204,225,145);
      background: -moz-linear-gradient(left, rgba(204,225,145,1) 0%, rgba(204,204,204,1) 50%, rgba(124,177,204,1) 100%);
      background: -webkit-linear-gradient(left, rgba(204,225,145,1) 0%,rgba(204,204,204,1) 50%,rgba(124,177,204,1) 100%);
      background: linear-gradient(to right, rgba(204,225,145,1) 0%,rgba(204,204,204,1) 50%,rgba(124,177,204,1) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cce191', endColorstr='#7cb1cc',GradientType=1 );
      margin-bottom: 20px;
      .mask-btn {
        background-color: #f2f2f2;
        color: #767e8e;
        &:hover {
          background-color: rgba(255,255,255,0);
          color: @branco;
        }
      }
    }          
  }
  &.service-machine {
    background-color: #f2f2f2;
    padding: 0px 0;
    .btn1 {
      background: rgb(78,46,124);
      background: -moz-linear-gradient(left, rgba(78,46,124,1) 0%, rgba(56,163,204,1) 100%);
      background: -webkit-linear-gradient(left, rgba(78,46,124,1) 0%,rgba(56,163,204,1) 100%);
      background: linear-gradient(to right, rgba(78,46,124,1) 0%,rgba(56,163,204,1) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e2e7c', endColorstr='#38a3cc',GradientType=1 );
      margin-bottom: 20px;
      .mask-btn {
        background-color: #f2f2f2;
        color: #767e8e;
        &:hover {
          background-color: rgba(255,255,255,0);
          color: @branco;
        }
      }
    }
  }
  &.service-micro {
    background-color: #f2f2f2;
    padding: 0px 0;
    .btn1 {
      background: rgb(135,135,135);
      background: -moz-linear-gradient(left, rgba(135,135,135,1) 0%, rgba(174,174,174,1) 100%);
      background: -webkit-linear-gradient(left, rgba(135,135,135,1) 0%,rgba(174,174,174,1) 100%);
      background: linear-gradient(to right, rgba(135,135,135,1) 0%,rgba(174,174,174,1) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#878787', endColorstr='#aeaeae',GradientType=1 );
      margin-bottom: 20px;
      .mask-btn {
        background-color: #f2f2f2;
        color: #767e8e;
        &:hover {
          background-color: rgba(255,255,255,0);
          color: @branco;
        }
      }
    }
  }
  &.service-digital {
    background-color: #f2f2f2;
    padding: 0px 0;
    .btn1 {
      margin-bottom: 20px;
      background: rgb(2,198,217);
      background: -moz-linear-gradient(left, rgba(2,198,217,1) 0%, rgba(5,210,217,1) 100%);
      background: -webkit-linear-gradient(left, rgba(2,198,217,1) 0%,rgba(5,210,217,1) 100%);
      background: linear-gradient(to right, rgba(2,198,217,1) 0%,rgba(5,210,217,1) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#02c6d9', endColorstr='#05d2d9',GradientType=1 );
      .mask-btn {
        background-color: #f2f2f2;
        color: #2d98c6;
        &:hover {
          background-color: rgba(255,255,255,0);
          color: @branco;
        }
      }
    }
  }
  .content-about {
    padding: 0;
    color: #8c8c8c;
    overflow: hidden;
    position: relative;
    .clearfix {
      width: 100%;
    }
    .menu-items {
      margin-top: 0px;
      margin-bottom: 20px;
      @media @mlaptop {
        margin: 30px 0;
        text-align: center;
      }
      .btn {
          width: 100%;
          text-align: center;
          line-height: 50px;
          .anima(0.3s);
          font-family: 'Rajdhani';
          font-weight: 400;
      }
      &.service-devops {
        font-family: 'Rajdhani';
        font-weight: 400;
        .btn {
          background-color: #152649;
          color: @branco;
          &:hover {
            background-color: #0b172f;
          }
        }
        a.active {
          .btn {
            background-color: #f2f2f2;
            color: #868686;
          }
          .mask-btn {
            background-color: rgba(255,255,255,0);
            color: @branco;
          }
        }
      }
      &.service-machine {
        font-family: 'Rajdhani';
        font-weight: 400;
        .btn {
          background-color: #152649;
          color: @branco;
          &:hover {
            background-color: #0b172f;
          }
        }
        a.active {
          .btn {
            background-color: #f2f2f2;
            color: #868686;
          }
          .mask-btn {
            background-color: rgba(255,255,255,0);
            color: @branco;
          }
        }
      }
      &.service-micro {
        font-family: 'Rajdhani';
        font-weight: 400;
        .btn {
          background-color: #152649;
          color: @branco;
          &:hover {
            background-color: #0b172f;
          }
        }
        a.active {
          .btn {
            background-color: #f2f2f2;
            color: #868686;
          }
          .mask-btn {
            background-color: rgba(255,255,255,0);
            color: @branco;
          }
        }
      }
      &.service-digital {
        font-family: 'Rajdhani';
        font-weight: 400;
        .btn {
          background-color: #0086a7;
          color: @branco;
          &:hover {
            background-color: #01667f;
          }
        }
        a.active {
          .btn {
            background-color: #f2f2f2;
            color: #868686;
          }
          .mask-btn {
            background-color: rgba(255,255,255,0);
            color: @branco;
          }
        }
      }
    }
  }
  .slider-about {
    font-size: 14px !important;
    line-height: 16px;
    @media @full-hd {
      font-size: 15px !important;
    line-height: 18px;
    }
    @media @mlaptop {
      font-size: 13px !important;
      text-align: center;
    }
    h3 {
      font-size: 22px;
      line-height: 22px;
      @media @full-hd {
        font-size: 30px;
        line-height: 30px;
      }
    }
    .hand-call {
      border-top: 1px solid #143260;
      padding-top: 30px;
      margin-top: 10px;
      display: inline-block;
    }
    .border {
      width: 80%;
      border: 0 !important;
      border-bottom: 1px solid #cccccc !important;
      margin-top: 20px;
      margin-bottom: 40px;
      margin-left: 10%;
    }
  }
  .row {
    @media @mlaptop {
       margin: 0;
    }
  }
}

.intern-about {
  width: 100%;
  position: relative;
  padding: 70px 0;
  background-color: @branco;
  background-image: url('../img/bg-intern.jpg');
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  text-align: center;
  color: #8c8c8c;
  font-family: 'Rajdhani';
  font-weight: 400;
  font-size: 20px;
  line-height: 20px;
  @media @full-hd {
    font-size: 25px;
    line-height: 25px;
  }
  .logos {
    text-align: center;
    margin-top: 50px;
    img {
      display: inline-block;
      height: 90px;
      margin: 0 30px;
      .anima(0.2s);
      -webkit-filter: grayscale(100%);
      &:hover {
        -webkit-filter: grayscale(0);
      }
      &.menor {
        height: 80px;
      }
      @media @mlaptop {
        margin-bottom: 20px;
      }
      @media @full-hd {
        height: 120px;
        &.menor {
          height: 110px;
        }
      }
    }
  }
}

.items-service {
  width: 100%;
  padding: 0;
  margin: 0;
  position: relative;
  &.service-devops {
    background: rgb(56,206,163);
    background: -moz-linear-gradient(left, rgba(56,206,163,1) 0%, rgba(117,225,104,1) 100%);
    background: -webkit-linear-gradient(left, rgba(56,206,163,1) 0%,rgba(117,225,104,1) 100%);
    background: linear-gradient(to right, rgba(56,206,163,1) 0%,rgba(117,225,104,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#38cea3', endColorstr='#75e168',GradientType=1 );
  }
  &.service-machine {
    background: rgb(78,46,124);
    background: -moz-linear-gradient(left, rgba(78,46,124,1) 0%, rgba(56,163,204,1) 100%);
    background: -webkit-linear-gradient(left, rgba(78,46,124,1) 0%,rgba(56,163,204,1) 100%);
    background: linear-gradient(to right, rgba(78,46,124,1) 0%,rgba(56,163,204,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e2e7c', endColorstr='#38a3cc',GradientType=1 );
  }
  &.service-micro {
    background: rgb(19,32,60);
    background: -moz-linear-gradient(left, rgba(19,32,60,1) 0%, rgba(157,156,156,1) 100%);
    background: -webkit-linear-gradient(left, rgba(19,32,60,1) 0%,rgba(157,156,156,1) 100%);
    background: linear-gradient(to right, rgba(19,32,60,1) 0%,rgba(157,156,156,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#13203c', endColorstr='#9d9c9c',GradientType=1 );
  }
  &.service-digital {
    background: rgb(2,198,217);
    background: -moz-linear-gradient(left, rgba(2,198,217,1) 0%, rgba(5,210,217,1) 100%);
    background: -webkit-linear-gradient(left, rgba(2,198,217,1) 0%,rgba(5,210,217,1) 100%);
    background: linear-gradient(to right, rgba(2,198,217,1) 0%,rgba(5,210,217,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#02c6d9', endColorstr='#05d2d9',GradientType=1 );
  }
  .box-item {
    position: relative;
    height: 300px;
    overflow: hidden;
    @media @full-hd {
      height: 350px;
    }
    .up {
      position: relative;
      .anima(0.3s);
      width: 100%;
      height: 300px;
      padding: 0px;
      @media @full-hd {
        height: 350px;
      }
      .bg-image {
        opacity: 0.5;
        //.bg-cover;
        background-size: auto 110%;
        background-position: center;
        background-repeat: no-repeat;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 0;
        .anima(0.3s);
      }
      .wrap-absol {
        width: 100%;
        height:100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 1;
        display: table;
        padding: 20px;
      }
      .wrap-content {
        display: table-row;
        width: 100%;
        height: 100%;
        position: relative;
        .button {
          width: 100%;
          height: 100%;
          display: table-cell;
          vertical-align: middle;
          text-align: center;
        }
        .btn1 {
          background-color: rgba(0,0,0,0) !important;
          background: none;
          .mask-btn {
            border: 1px solid @branco;
            font-weight: 500;
            background-color: rgba(255,255,255,0.3);
            color: @branco;
            &:hover {
              background-color: rgba(255,255,255,0);
              color: @branco;
            }
          }
        }
      }
      &:hover {
        .bg-image {
          background-size: auto 130%;
        }
      }
    }
    .down {
      background: rgb(56,206,163);
      background: -webkit-linear-gradient(top, rgba(56,206,163,1) 0%, rgba(117,225,104,1) 100%);
      background: -o-linear-gradient(top, rgba(56,206,163,1) 0%, rgba(117,225,104,1) 100%);
      background: linear-gradient(to bottom, rgba(56,206,163,1) 0%, rgba(117,225,104,1) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#38cea3', endColorstr='#75e168',GradientType=1 );
      width: 100%;
      height: 300px;
      padding: 20px;
      color: @branco;
      font-size: 13px;
      .wrap-all {
        width: 100%;
        height: 260px;
      }
    }
    /*&:hover {
      .up {
        margin-top: -300px;
      }
    }*/
  }
  &.service-machine {
    .down {
      background: rgb(78,46,124);
      background: -moz-linear-gradient(top, rgba(78,46,124,1) 0%, rgba(56,163,204,1) 100%);
      background: -webkit-linear-gradient(top, rgba(78,46,124,1) 0%,rgba(56,163,204,1) 100%);
      background: linear-gradient(to bottom, rgba(78,46,124,1) 0%,rgba(56,163,204,1) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e2e7c', endColorstr='#38a3cc',GradientType=1 );
    }
  }
  &.service-micro {
    .down {
      background: rgb(19,32,60);
      background: -moz-linear-gradient(top, rgba(19,32,60,1) 0%, rgba(157,156,156,1) 100%);
      background: -webkit-linear-gradient(top, rgba(19,32,60,1) 0%,rgba(157,156,156,1) 100%);
      background: linear-gradient(to bottom, rgba(19,32,60,1) 0%,rgba(157,156,156,1) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#13203c', endColorstr='#9d9c9c',GradientType=1 );
    }
  }
  &.service-digital {
    .down {
      background: rgb(2,198,217);
      background: -moz-linear-gradient(top, rgba(2,198,217,1) 0%, rgba(5,210,217,1) 100%);
      background: -webkit-linear-gradient(top, rgba(2,198,217,1) 0%,rgba(5,210,217,1) 100%);
      background: linear-gradient(to bottom, rgba(2,198,217,1) 0%,rgba(5,210,217,1) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#02c6d9', endColorstr='#05d2d9',GradientType=1 );
    }
  }
}

.phrase {
  width: 100%;
  position: relative;
  padding: 50px 0;
  background-color: #ededed;
  text-align: center;
  font-family: 'Rajdhani';
  font-weight: 400;
  font-size: 20px;
  line-height: 20px;
  color: #152649;
  .author {
    font-size: 11px;
    line-height: 11px;
    color: #9c9c9c;
    text-transform: uppercase;
    letter-spacing: 5px;
    margin-top: 20px;
  }
  @media @full-hd {
    font-size: 25px;
    line-height: 25px;
    .author {
      font-size: 14px;
      line-height: 14px;
    }
  }
}

.about-idea {
  width: 100%;
  position: relative;
  padding: 50px 0;
  background-color: @branco;
  img {
    margin-top: 35px;
    margin-bottom: 35px;
  }
  .btn1 {
    width: 100%;
    text-align: center;
    .mask-btn {
      background-color: rgba(255,255,255,0);
    }
    @media @mlaptop {
      margin-bottom: 20px;
    }
  }
  .top-info {
    margin: 50px 0;
  }
  .withborder {
    border-left: 1px solid #cccccc;
    padding-top: 10px;
    margin-bottom: 70px;
    font-size: 17px;
    @media @full-hd {
      padding-top: 20px;
      padding-bottom: 20px;
    }
  }
  .big {
    font-family: 'Rajdhani';
    font-weight: 400;
    font-size: 20px;
    line-height: 20px;
    color: #152649;
    margin-top: 40px;
    text-align: center;
    @media @full-hd {
      font-size: 30px;
      line-height: 30px;
    }
  }
  @media @mlaptop {
    text-align: center;
  }
}

.hand-call {
  font-family: 'Rajdhani';
  font-weight: 400;
  line-height: 22px;
  font-size: 22px;
  color: #152649;
  text-align: left;
  @media @full-hd {
    font-size: 30px;
    line-height: 30px;
  }
  .border-call {
    padding-left: 20px;
    margin-bottom: 20px;
    position: relative;
    &:before {
      width: 1px;
      height: 100%;
      position: absolute;
      content: '';
      left: 0;
      top: 0;
      background: rgb(181,241,85);
      background: -moz-linear-gradient(top, rgba(181,241,85,1) 0%, rgba(46,156,197,1) 100%);
      background: -webkit-linear-gradient(top, rgba(181,241,85,1) 0%,rgba(46,156,197,1) 100%);
      background: linear-gradient(to bottom, rgba(181,241,85,1) 0%,rgba(46,156,197,1) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5f155', endColorstr='#2e9cc5',GradientType=0 );
    }
  }
  .arrow {
    padding-left: 50px;
    position: relative;
    position: relative;
    &:before {
      position: absolute;
      content: '';
      top: 0;
      left: 0;
      width: 30px;
      height: 44px;
      background-image: url('../img/arrow.png');
    }
  }
}

.qualities {
  width: 100%;
  position: relative;
  background-color: @branco;
  padding: 50px 0;
  .hand-call {
    text-align: center;
    .border-call {
      display: inline-block;
      text-align: left;
    }
    .arrow {
      margin-left: 20px;
      display: inline-block;
      text-align: left;
    }
  }
  .circles-menu {
    margin-top: 0;
    margin-bottom: 50px;
    .text-circle {
      color: @branco !important;
    }
  }
  .ctext {
    text-align: center;
    font-size: 13px;
    font-weight: 500;
    margin-top: 30px;
    padding-top: 30px;
    position: relative;
    &:after {
      width: 70px;
      height: 6px;
      .border-radius(3px);
      .anima(0.3s);
      top: 0;
      margin-left: 50%;
      left: -35px;
      position: absolute;
      content: '';
    }
    &.text1 {
      &:after {
        background-color: #9ef34b;
      }
    }
    &.text2 {
      &:after {
        background-color: #d1d1d1;
      }
    }
    &.text3 {
      &:after {
        background-color: #13b5d6;
      }
    }
  }
}

.gallery-logos {
  .item {
    display: table;
    width: 100%;
    height: 100px;
    .wrap-item {
      width: 100%;
      height: 100%;
      display: table-row;
      .image {
        width: 100%;
        height: 100%;
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        img {
          max-width: 80%;
          width: auto;
          max-height: 50px;
          height: auto;
          display: inline-block;
          @media @full-hd {
            max-height: 70px;
          }
        }
      }
    }
  }
}

.contact,.text-contact {
  @media @mlaptop {
    text-align: center;
  }
}

.top-contact {
  line-height: 90px;
  position: relative;
  width: 100%;
  margin-top: 100px;
  background: rgb(117,225,104);
  background: -moz-linear-gradient(top, rgba(117,225,104,1) 0%, rgba(56,206,163,1) 100%);
  background: -webkit-linear-gradient(top, rgba(117,225,104,1) 0%,rgba(56,206,163,1) 100%);
  background: linear-gradient(to bottom, rgba(117,225,104,1) 0%,rgba(56,206,163,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#75e168', endColorstr='#38cea3',GradientType=0 );
  padding: 70px 0;
  h1 {
    margin: 0;
    font-size: 50px;
  }
  h2 {
    margin: 0;
    font-size: 40px;
    line-height: 90px;
    @media @mlaptop {
      text-align: center;
    }
  }
  object {
    width: 100%;
    margin-top: 20px;
  }
}

.subitems {
  margin: 30px 0;
  .item {
    position: relative;
    display: inline-block;
    color: #152649;
    font-family: 'Rajdhani';
    font-weight: 700;
    padding: 0 10px 0 0;
    margin-right: 10px;
    margin-bottom: 5px;
    &:after {
      width: 1px;
      height: 100%;
      position: absolute;
      content: '';
      right: 0;
      top: 0;
      background: rgb(43,154,199);
      background: -moz-linear-gradient(top, rgba(43,154,199,1) 0%, rgba(185,240,90,1) 100%);
      background: -webkit-linear-gradient(top, rgba(43,154,199,1) 0%,rgba(185,240,90,1) 100%);
      background: linear-gradient(to bottom, rgba(43,154,199,1) 0%,rgba(185,240,90,1) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b9ac7', endColorstr='#b9f05a',GradientType=0 );
    }
    &:first-child {
      padding-left: 0;
    }
    &:last-child {
      padding-right: 0;
      &:after {
        display: none;
      }
    }
  }
}

.circles-menu {
  margin-top: -100px;
  position: relative;
  text-align: center;
  @media @full-hd {
    margin-top: -125px;
  }
  .circle {
    margin: 0 auto 30px;
    display: table;
    width: 200px;
    height: 200px;
    .anima(0.3s);
    .border-radius(100px);
    .bg-cover;
    background-position: center;
    @media @full-hd {
      width: 250px;
      height: 250px;
      .border-radius(125px);
    }
    .wrap {
      display: table-row;
      width: 100%;
      height: 100%;
      .text-circle {
        display: table-cell;
        width: 100%;
        height: 100%;
        vertical-align: middle;
        font-family: 'Rajdhani';
        font-weight: 700;
        color: #002048;

        font-size: 25px;
        line-height: 25px;
      }
    }
    &.circle1 {
      background-color: #00a2c3;
      border: 3px solid #00a2c3;
      &:hover {
        background-color: @branco;
      }
    }
    &.circle2 {
      background-color: #d0d0d0;
      border: 3px solid #d0d0d0;
      &:hover {
        background-color: @branco;
      }
    }
    &.circle3 {
      background-color: #91e63e;
      border: 3px solid #91e63e;
      &:hover {
        background-color: @branco;
      }
    }
  }
}

.map {
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;
  background-color: #e8e8e8;
  color: #808080;
  .info {
    width: 500px;
    position: absolute;
    margin-left: 50%;
    left: -250px;
    top: -40px;
    background-color: @branco;
    padding: 20px;
    color: #152649;
    font-size: 13px;
    -webkit-box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.3);
    box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.3);
    @media @mlaptop {
      width: 90%;
      margin: 0 5%;
      left: 0;
    }
    @media @full-hd {
      width: 600px;
      left: -300px;
      font-size: 15px;
    }
    .local {
      width: 40%;
      float: left;
      padding-right: 20px;
      .icon {
        float: left;
        margin-right: 10px;
        line-height: 40px;
      }
      .ltext {
        float: left;
        text-align: left;
      }
      @media @mlaptop {
        width: 100%;
        padding: 0;
      }
    }
    .mail {
      width: 60%;
      float: left;
      padding-left: 20px;
      border-left: 1px solid #cccccc;
      .icon {
        float: left;
        margin-right: 10px;
        line-height: 40px;
      }
      .ltext {
        float: left;
        line-height: 40px;
      }
      @media @mlaptop {
        width: 100%;
        padding: 0;
        border: 0;
        margin-top: 20px;
      }
    }
  }
  .info2 {
    width: 500px;
    position: absolute;
    margin-left: 50%;
    left: -250px;
    top: 40px;
    background-color: @branco;
    padding: 20px;
    color: #152649;
    font-size: 13px;
    -webkit-box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.3);
    box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.3);
    @media @mlaptop {
      width: 90%;
      margin: 0 5%;
      left: 0;
    }
    @media @full-hd {
      width: 600px;
      left: -300px;
      font-size: 15px;
    }
    .local {
      width: 40%;
      float: left;
      padding-right: 20px;
      .icon {
        float: left;
        margin-right: 10px;
        line-height: 40px;
      }
      .ltext {
        float: left;
      }
      @media @mlaptop {
        width: 100%;
        padding: 0;
      }
    }
    .mail {
      width: 60%;
      float: left;
      padding-left: 20px;
      border-left: 1px solid #cccccc;
      .icon {
        float: left;
        margin-right: 10px;
        line-height: 40px;
      }
      .ltext {
        float: left;
        line-height: 40px;
      }
      @media @mlaptop {
        width: 100%;
        padding: 0;
        border: 0;
        margin-top: 20px;
      }
    }
  }
  h2 {
    margin-top: 70px;
  }
}

.panel {
  position:relative;
  text-align: center;
  margin-top: -13%;
  .panel-img {
    position: absolute;
    img {
      width: 40px;
    }
  }
  #panel1 {
    top: 100px;
    left: 0;
  }
  #panel2 {
    top: 80px;
    left: 40px;
  }
  #panel3 {
    top: 100px;
    left: 80px;
  }
  #panel4 {
    top: 0px;
    left: 120px;
  }
  #panel5 {
    top: 70px;
    left: 160px;
  }
  #panel6 {
    top: 90px;
    left: 200px;
  }
  #panel7 {
    top: 70px;
    left: 240px;
  }
  #panel8 {
    top: 50px;
    left: 280px;
  }
  #panel9 {
    top: 70px;
    left: 320px;
  }
  #panel10 {
    top: 130px;
    left: 360px;
  }
}

.hidden {
  opacity: 0;
}

.visible {
  opacity: 1;
}

.text-right {
  @media @mlaptop {
    text-align: center !important;
  }
}

.desktop {
  display: block;
  @media @mlaptop {
    display: none;
  }
}

.mobile {
  display: none;
  @media @mlaptop {
    display: block;
  }
}

.mbottom {
  margin-bottom: -50px;
}

.container-fluid {
  @media @mfull-hd {
    max-width: 1140px;
  }
  @media @full-hd {
    width: 90%;
  }
}

.bg-middle {
  background-position: left center;
  background-size: auto 95%;
  background-repeat: no-repeat;
}

.bg-bottom {
  background-position: bottom center;
  background-size: auto 95%;
  background-repeat: no-repeat;
}

.item-carousel-1, .item-carousel-2 {
  @media @mlaptop {
    text-align: center;
    height: auto !important;
    background-image: none !important;
  }
}

.item-carousel-3 {
  text-align: center;
}