/* FONTS */
@font-face {
  font-family: "Conv_Nexa Light";
  src: url("assets/fonts/nexa/Nexa Light.eot");
  src: local("☺"), url("assets/fonts/nexa/Nexa Light.woff") format("woff"), url("assets/fonts/nexa/Nexa Light.ttf") format("truetype"), url("assets/fonts/nexa/Nexa Light.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Conv_aqua";
  src: url("assets/fonts/aqua/aqua.eot");
  src: local("☺"), url("assets/fonts/aqua/aqua.woff") format("woff"), url("assets/fonts/aqua/aqua.ttf") format("truetype"), url("assets/fonts/aqua/aqua.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
* {
  margin: 0;
  padding: 0;
  font-family: 'Roboto Condensed', sans-serif;
}
/* Document ========================================================================== */
/** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */
html {
  line-height: 1.15;
 /* 1 */
  -webkit-text-size-adjust: 100%;
 /* 2 */
}
/* Sections ========================================================================== */
/** * Remove the margin in all browsers. */
body {
  margin: 0;
}
/** * Render the `main` element consistently in IE. */
main {
  display: block;
}
/** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/* Grouping content ========================================================================== */
/** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */
hr {
  box-sizing: content-box;
 /* 1 */
  height: 0;
 /* 1 */
  overflow: visible;
 /* 2 */
}
/** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */
pre {
  font-family: monospace, monospace;
 /* 1 */
  font-size: 1em;
 /* 2 */
}
/* Text-level semantics ========================================================================== */
/** * Remove the gray background on active links in IE 10. */
a {
  background-color: transparent;
}
/** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */
abbr[title] {
  border-bottom: none;
 /* 1 */
  text-decoration: underline;
 /* 2 */
  text-decoration: underline dotted;
 /* 2 */
}
/** * Add the correct font weight in Chrome, Edge, and Safari. */
b, strong {
  font-weight: bolder;
}
/** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */
code, kbd, samp {
  font-family: monospace, monospace;
 /* 1 */
  font-size: 1em;
 /* 2 */
}
/** * Add the correct font size in all browsers. */
small {
  font-size: 80%;
}
/** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/* Embedded content ========================================================================== */
/** * Remove the border on images inside links in IE 10. */
img {
  border-style: none;
}
/* Forms ========================================================================== */
/** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */
button, input, optgroup, select, textarea {
  font-family: inherit;
 /* 1 */
  font-size: 100%;
 /* 1 */
  line-height: 1.15;
 /* 1 */
  margin: 0;
 /* 2 */
}
/** * Show the overflow in IE. * 1. Show the overflow in Edge. */
button, input {
 /* 1 */
  overflow: visible;
}
/** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */
button, select {
 /* 1 */
  text-transform: none;
}
/** * Correct the inability to style clickable types in iOS and Safari. */
button, [type="button"], [type="reset"], [type="submit"] {
  -webkit-appearance: button;
}
/** * Remove the inner border and padding in Firefox. */
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
/** * Restore the focus styles unset by the previous rule. */
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
/** * Correct the padding in Firefox. */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
/** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */
legend {
  box-sizing: border-box;
 /* 1 */
  color: inherit;
 /* 2 */
  display: table;
 /* 1 */
  max-width: 100%;
 /* 1 */
  padding: 0;
 /* 3 */
  white-space: normal;
 /* 1 */
}
/** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */
progress {
  vertical-align: baseline;
}
/** * Remove the default vertical scrollbar in IE 10+. */
textarea {
  overflow: auto;
}
/** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */
[type="checkbox"], [type="radio"] {
  box-sizing: border-box;
 /* 1 */
  padding: 0;
 /* 2 */
}
/** * Correct the cursor style of increment and decrement buttons in Chrome. */
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
  height: auto;
}
/** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */
[type="search"] {
  -webkit-appearance: textfield;
 /* 1 */
  outline-offset: -2px;
 /* 2 */
}
/** * Remove the inner padding in Chrome and Safari on macOS. */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */
::-webkit-file-upload-button {
  -webkit-appearance: button;
 /* 1 */
  font: inherit;
 /* 2 */
}
/* Interactive ========================================================================== */
/* * Add the correct display in Edge, IE 10+, and Firefox. */
details {
  display: block;
}
/* * Add the correct display in all browsers. */
summary {
  display: list-item;
}
/* Misc ========================================================================== */
/** * Add the correct display in IE 10+. */
template {
  display: none;
}
/** * Add the correct display in IE 10. */
[hidden] {
  display: none;
}
body {
  background: #011231;
  background-size: cover;
  position: relative;
  overflow: hidden;
}
.actions-nav {
  position: fixed;
  width: 100%;
  text-align: center;
  z-index: 999999;
  bottom: 0;
  padding-bottom: 20px;
}
.actions-nav img {
  background: #02316882;
  border-radius: 50%;
  width: 2.6em;
  cursor: pointer;
  margin: 0 3px;
  box-shadow: 0 1px 1px #1277a3;
}
.up {
  display: none;
}
.wrapper {
  width: 1100px;
  margin: 0 auto;
}
.wrapper-full {
  width: 100%;
  display: flex;
  position: relative;
}
.wrp {
  width: 100%;
  /* min-height: 700px; */
  /* margin: 4px 0; */
  position: relative;
}
.item {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
}
.active {
  display: block;
}
.main-header {
  width: auto;
  height: 130px;
}
.vc {
  position: absolute;
  margin: 0;
}
.vc img {
  width: 100%;
}
.main-header figure.vector1 {
  position: absolute;
  bottom: 0;
  margin: 0;
}
.main-header figure.vector1 img {
  width: 100%;
  position: relative;
  bottom: -5px;
  right: -20px;
}
.main-header figure.vector2 {
  top: 0;
}
.vector2::after {
  content: '';
  width: 50px;
  border-radius: 50%;
  height: 50px;
  padding: 5px;
  padding: 3px;
  background: #ffffff00;
  position: absolute;
  box-shadow: 1px 1px 130px 45px #00a9ff;
  top: -52px;
  left: -52px;
  z-index: -1;
}
.main-header figure.vector2 img {
  position: relative;
  top: -15px;
}
.main-header > .wrapper {
  position: relative;
  top: 30px;
}
.main-header > .wrapper > div {
  float: left;
}
.main-header > .wrapper > div.logo img {
  max-width: 200px;
}
.main-header > .wrapper > nav {
  float: right;
  padding: 30px 0;
}
.main-header > .wrapper > nav ul > li {
  display: inline-block;
  padding: 0 20px;
}
.main-header > .wrapper > nav ul > li:nth-child(1) {
  border-left: 1px solid #0093c8;
}
.main-header > .wrapper > nav ul > li:nth-child(4) {
  border-right: 1px solid #0093c8;
}
.main-header > .wrapper > nav ul > li a {
  color: white;
  text-decoration: none;
  letter-spacing: 1px;
  font-size: .9vw;
  text-transform: uppercase;
}
.main-header > .wrapper > nav ul > li em {
  color: #00b8e1;
  padding: 0 5px;
  font-size: 1.3vw;
}
.ld-banner {
  background: url(assets/images/slider.jpg);
  background-position-y: -100px;
  width: 100%;
  height: 500px;
  position: relative;
}
.ld-banner .description {
  width: 50%;
  text-align: center;
  float: right;
  padding: 171px 64px;
  position: relative;
  z-index: 9;
}
.ld-banner .description h2 {
  font-size: 20px;
  font-family: "Conv_Nexa Light";
}
.ld-banner .description img {
  width: 80%;
  margin-bottom: 16px;
}
.wrp .cxt {
  width: 47%;
  margin: 0 0 0 20%;
}
.cxt h2 {
  width: inherit;
  font-size: 2.6em;
  color: #00b8e1;
  position: relative;
  text-transform: uppercase;
  margin-left: 63px;
}
.cxt h2::after {
  content: "";
  position: absolute;
  width: 47px;
  height: 6px;
  padding: 7px;
  background: url(assets/images/flag.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  right: -11px;
  bottom: 20px;
}
.cxt h2::before {
  content: "";
  position: absolute;
  width: 47px;
  height: 6px;
  padding: 7px;
  background: url(assets/images/flag_.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  left: -63px;
  top: 13px;
}
.about-us .cxt {
  width: 600px;
  margin: 0 0 0 20%;
  padding: 10% 0;
}
.about-us .cxt h2 {
  width: 100%;
  margin: 0;
}
.about-us .cxt h2 span {
  display: block;
}
.about-us .cxt h2 span:nth-child(1) {
  position: relative;
  left: 70px;
}
.about-us .cxt h2 span:nth-child(2) {
  position: relative;
  left: 117px;
}
.about-us .cxt h2::after {
  content: "";
  position: absolute;
  width: 47px;
  height: 6px;
  padding: 7px;
  background: url(assets/images/flag.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  right: 4px;
  bottom: 20px;
}
.about-us .cxt h2::before {
  content: "";
  position: absolute;
  width: 47px;
  height: 6px;
  padding: 7px;
  left: 0;
  top: 13px;
}
.about-us .cxt p {
  font-size: 1.3em;
  font-weight: 100;
  color: white;
  padding: 40px 6px 0 0;
}
.services .cxt {
  width: 400px;
  margin: 0 0 0px 20%;
  padding: 0 0 5%;
}
.services .wrapper-full .service {
  position: relative;
  width: 50%;
  min-height: 380px;
  background: #0101016b;
  border: 1px solid #00b8e1;
  border-left: none;
  display: table;
}

.services .wrapper-full .service > div {
  display: table-cell;
    vertical-align: middle;
}
.services .wrapper-full .service:nth-child(2) {
  border-left: none;
  border-right: none;
}
.services .wrapper-full .service:nth-child(2) img {margin: 0  0 0 11%;}
.services .wrapper-full .service:nth-child(2) h2 {
  float: right;
  text-align: left;
  margin: 2% 0 0;
  padding-top: 11%;
  width: 61%;
}
.services .wrapper-full .service img {
  float: left;
  width: 20%;
  margin: 10% 11% 0;
}
.services .wrapper-full .service img.rpa-icon {
  width: 36%;
  margin: 2% 20px 0;
}
.services .wrapper-full .service h2 {
  width: 50%;
  padding: 9% 0 0;
  color: white;
  font-size: 1.7vw;
  font-weight: 100;
  text-align: right;
  text-transform: uppercase;
  float: left;
}
.contact .cxt {
  width: 371px;
  margin: 0 0 0 20%;
  padding: 0 0 3%;
}
.contact .cxt h2::after {
  right: -33px;
}
.vector3 {
  width: 25%;
  top: 0;
  left: 0;
}
.vector3::after {
  content: '';
  width: 50px;
  height: 50px;
  padding: 5px;
  padding: 3px;
  background: #ffffff00;
  position: absolute;
  box-shadow: 1px 1px 130px 42px #00a9ff;
  top: -8px;
  left: -55px;
  z-index: -1;
}
.vector4 {
  width: 100%;
  top: 130px;
  left: 0;
  z-index: -1;
}
.vector4::after {
  content: '';
  width: 50px;
  height: 50px;
  padding: 5px;
  border-radius: 50%;
  padding: 3px;
  background: #ffffff00;
  position: absolute;
  box-shadow: 1px 1px 130px 60px #00a9ff;
  top: 153px;
  right: -50px;
  z-index: -1;
}
.vector4::before {
  content: '';
  width: 50px;
  height: 50px;
  padding: 5px;
  border-radius: 50%;
  padding: 3px;
  background: #ffffff00;
  position: absolute;
  box-shadow: 1px 1px 130px 36px #00a9ff;
  top: 175px;
  left: -53px;
  z-index: -1;
}
.vector5 {
  top: -85px;
  width: 100%;
}
.vector6 {
  bottom: -96px;
  width: 100%;
}
.vector7 {
  width: 25%;
  right: 0;
  top: -4px;
}
.gmap_canvas {
  width: 100%;
  height: 550px;
  position: relative;
  overflow: hidden;
}
.gmap_canvas iframe {
  width: 100%;
  height: 100%;
}
.contact-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
}
.contact-overlay .wrapper {
  width: 758px;
  position: relative;
}
.contact-overlay .form-contact p {
  color: white;
  margin: 0;
  font-weight: 100;
  font-size: 1.1em;
}

.contact-overlay .form-contact p em {
   padding-right: 5px;
}
.contact-overlay .form-contact form {
  width: 50%;
  padding: 20px 0;
}
.contact-overlay .form-contact form label {
  width: 100%;
}
.contact-overlay .form-contact form input, .contact-overlay .form-contact form textarea {
  width: 100%;
  padding: 10px 2px;
  border: none;
  margin-bottom: 7px;
}
.contact-overlay .form-contact form button {
  float: right;
  border: none;
  padding: 5px 15px;
  color: white;
  background: #00b8e1;
  text-transform: uppercase;
  cursor: pointer;
  font-family: "Conv_Nexa Light";
}
.triangle1 {
 top: 0;
 right: 0;
 width: 10%;
 z-index: -1;
 position: absolute;
}
.triangle1::after {
  content: '';
  width: 50px;
  height: 50px;
  padding: 5px;
  border-radius: 50%;
  padding: 3px;
  background: #ffffff00;
  position: absolute;
  box-shadow: 1px 1px 130px 55px #00a9ff;
  top: -8px;
  right: -55px;
  z-index: -1;
}
.triangle2 {
  bottom: -45px;
  left: -55px;
  width: 10%;
  z-index: -1;
  position: absolute;
  display: none;
}
.triangle2 img {
}
.vector8 {
  width: 21%;
  right: -34px;
  opacity: 0.2;
  z-index: -1;
  bottom: -199px;
}
.vector8 img{
}
.vector9 {
  left: -41px;
  top: 50px;
  opacity: .3;
}
.vector9 img{
}
.contact-icon {
  width: 250px;
  position: absolute;
  top: 150px;
  right: 85px;
}
.contact-icon p {
  color: white;
  text-transform: uppercase;
  font-size: .8em;
  float: left;
  position: relative;
  padding: 36px 0 0 4px;
  margin: 0;
  text-align: right;
}
.contact-icon img {
  float: right;
  width: auto;
}
.about-us, .services {
  overflow: hidden;
}
.img-title {
  width: 97%;
  position: relative;
  left: -14px;
}
.main > div { 
  text-align: center;
}
.main > div .logo {
  width: 50%;
  position: relative;
 }
 .vector0 {
  opacity: .7;
 }
 .img-services {
  width: 100%;
}
.img-contact {
  width: 100%;
  left: -18px;
}
@media (min-width: 1285px) {
  .wrapper {
      width: 1300px;
 }
  .contact-overlay .wrapper {
      width: 60%;
 }
}
@media (max-width: 768px) {
  .main > div .logo {
    width: 80%;
  }
  .main-header > .wrapper > div.logo img {
    max-width: 80%;
  }
  .main-header > .wrapper > nav ul > li a {
    font-size: 4vw;
  }
  .main-header > .wrapper > nav ul > li em{ 
    font-size: 6vw;
    padding-top: 20px;
  }

  .img-title {
    width: 100%;
    position: relative;
    left: 0;
} 
  .main-header {
      padding: 0;
      width: 100%;
 }
  .main-header > .wrapper {
      width: 100%;
      top: 40px;
 }
  .main-header > .wrapper > div {
      width: 100%;
      text-align: center;
      float: inherit;
 }
  .ld-banner {
      display: none;
 }
  .wrp .cxt {
      width: 100%;
      margin: 0;
      padding: 0 5%;
 }
  .services .wrapper-full .service {
      width: 100%;
      display: block;
      border: none;
      background: none;
      text-align: center;
      min-height: auto;
 }
  .wrapper-full {
      display: block;
 }
  .services .wrapper-full .service h2 {
      padding: 50px 0 0 0;
      float: inherit;
      width: 100%;
      text-align: center;
      font-size: 4vw;
 }
  .services .wrapper-full .service img.rpa-icon {
      width: 60%;
      margin: 20px auto;
      float: inherit;
 }
  .services .wrapper-full .service:nth-child(2) img {
      float: inherit;
      margin: 20px auto;
      width: 38%;
 }
  .services .wrapper-full .service:nth-child(2) h2 {
      margin: 0;
      padding: 52px 0 0 0;
      width: 100%;
      float: inherit;
      text-align: center;
 }
  .cxt h2::after, .about-us .cxt h2::after{
      display: none;
 }
  .cxt h2::before, .about-us .cxt h2::before {
      display: none;
 }
  .cxt h2, .about-us .cxt h2 {
      width: 100%;
      padding: 20px 0;
      margin: 0;
      text-align: center;
      font-size: 2em;
 }
  .about-us .cxt h2 span {
      margin: 0;
      padding: 0;
      left: auto !important;
 }
  figure, iframe, .contact-icon {
      display: none;
 }
  .main-header > .wrapper > nav {
      float: inherit;
      clear: both;
      display: block;
 }
  .about-us .cxt p {
      text-align: center;
      padding: 40px 0;
 }
  .contact {
      padding: 18% 5% !important;
 }
 .services .wrapper-full .service > div {
  display: block;
} 
  .wrp {
      min-height: auto;
      padding: 4vh 20px !important;
 }
  .contact-overlay .form-contact form button {
      float: inherit;
      width: 100%;
      text-align: center;
      padding: 10px;
 }
  .contact-overlay .wrapper {
      width: 100%;
 }
  .contact-overlay .form-contact form {
      width: 100%;
 }
  .main-header > .wrapper > nav ul > li {
      display: block;
      text-align: center;
      font-size: 1.2em;
 }
  .gmap_canvas {
      height: 420px;
 }
}