/* FONTS */

@charset "UTF-8";
/* 
/* latin-ext 
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7GxKKTU1Kvnz.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin 
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4mxKKTU1Kg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} */

/* @font-face {
  font-family: "rubnogueira";
  src:url("fonts/rubnogueira.eot?v=2");
  src:url("fonts/rubnogueira.eot?v=2#iefix") format("embedded-opentype"),
    url("fonts/rubnogueira.woff?v=2") format("woff"),
    url("fonts/rubnogueira.ttf?v=2") format("truetype"),
    url("fonts/rubnogueira.svg?v=2#rubnogueira") format("svg");
  font-weight: normal;
  font-style: normal;
} */

[data-icon]:before {
  font-family: "rubnogueira" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "rubnogueira" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


.icon-instagram:before {
  content: "\66";
}
.icon-freelancer:before {
  content: "\67";
}
.icon-linkedin:before {
  content: "\68";
}
.icon-lightbulb:before {
  content: "\69";
}
.icon-users:before {
  content: "\6a";
}
.icon-location-arrow:before {
  content: "\6b";
}
.icon-envelope-trans:before {
  content: "\6c";
}
.icon-git:before {
  content: "\61";
}
.icon-globe:before {
  content: "\62";
}
.icon-object-ungroup:before {
  content: "\63";
}
.icon-at:before {
  content: "\64";
}
.icon-code-fork:before {
  content: "\65";
}
.icon-database:before {
  content: "\6d";
}
.icon-code:before {
  content: "\6e";
}
.icon-circle:before {
  content: "\6f";
}
.icon-envelope-fill:before {
  content: "\70";
}
.icon-map-marker:before {
  content: "\72";
}
.icon-document:before {
  content: "\71";
}

/* BOOTSTRAP USED CODE */
/*!
 * Bootstrap v4.3.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
 *,
 ::after,
 ::before {
     box-sizing: border-box;
 }
 :root {
    font-family: Inter, sans-serif;
    font-feature-settings: 'liga' 1, 'calt' 1;
 }

 @supports (font-variation-settings: normal) {
    :root { font-family: InterVariable, sans-serif; }
 }

 html {
     line-height: 1.15;
     -webkit-text-size-adjust: 100%;
     -webkit-tap-highlight-color: transparent;
 }
 article,
 aside,
 figcaption,
 figure,
 footer,
 header,
 hgroup,
 main,
 nav,
 section {
     display: block;
 }
 body {
     margin: 0;
     font-family: 'Inter', 'Roboto', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
     font-size: 1rem;
     font-weight: 400;
     line-height: 1.5;
     color: #212529;
     text-align: left;
     background-color: #fff;
 }
 [tabindex="-1"]:focus {
     outline: 0 !important;
 }
 hr {
     box-sizing: content-box;
     height: 0;
     overflow: visible;
 }
 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     margin-top: 0;
     margin-bottom: 0.5rem;
 }
 p {
     margin-top: 0;
     margin-bottom: 1rem;
 }
 abbr[data-original-title],
 abbr[title] {
     text-decoration: underline;
     -webkit-text-decoration: underline dotted;
     text-decoration: underline dotted;
     cursor: help;
     border-bottom: 0;
     -webkit-text-decoration-skip-ink: none;
     text-decoration-skip-ink: none;
 }
 address {
     margin-bottom: 1rem;
     font-style: normal;
     line-height: inherit;
 }
 dl,
 ol,
 ul {
     margin-top: 0;
     margin-bottom: 1rem;
 }
 ol ol,
 ol ul,
 ul ol,
 ul ul {
     margin-bottom: 0;
 }
 dt {
     font-weight: 700;
 }
 dd {
     margin-bottom: 0.5rem;
     margin-left: 0;
 }
 blockquote {
     margin: 0 0 1rem;
 }
 b,
 strong {
     font-weight: bolder;
 }
 small {
     font-size: 80%;
 }
 sub,
 sup {
     position: relative;
     font-size: 75%;
     line-height: 0;
     vertical-align: baseline;
 }
 sub {
     bottom: -0.25em;
 }
 sup {
     top: -0.5em;
 }
 a {
     color: #007bff;
     text-decoration: none;
     background-color: transparent;
 }
 span:hover {
     color: #0056b3;
     text-decoration: underline;
 }
 a:not([href]):not([tabindex]) {
     color: inherit;
     text-decoration: none;
 }
 a:not([href]):not([tabindex]):focus,
 a:not([href]):not([tabindex]):hover {
     color: inherit;
     text-decoration: none;
 }
 a:not([href]):not([tabindex]):focus {
     outline: 0;
 }
 code,
 kbd,
 pre,
 figure {
     margin: 0 0 1rem;
 }
 img {
     vertical-align: middle;
     border-style: none;
 }
 svg {
     overflow: hidden;
     vertical-align: middle;
 }
 table {
     border-collapse: collapse;
 }
 caption {
     padding-top: 0.75rem;
     padding-bottom: 0.75rem;
     color: #6c757d;
     text-align: left;
     caption-side: bottom;
 }
 th {
     text-align: inherit;
 }
 label {
     display: inline-block;
     margin-bottom: 0.5rem;
 }
 button {
     border-radius: 0;
 }
 button:focus {
     outline: 1px dotted;
     outline: 5px auto -webkit-focus-ring-color;
 }
 button,
 input,
 optgroup,
 select,
 textarea {
     margin: 0;
     font-family: inherit;
     font-size: inherit;
     line-height: inherit;
 }
 button,
 input {
     overflow: visible;
 }
 button,
 select {
     text-transform: none;
 }
 select {
     word-wrap: normal;
 }
 [type="button"],
 [type="reset"],
 [type="submit"],
 button {
     -webkit-appearance: button;
 }
 [type="button"]:not(:disabled),
 [type="reset"]:not(:disabled),
 [type="submit"]:not(:disabled),
 button:not(:disabled) {
     cursor: pointer;
 }
 [type="button"]::-moz-focus-inner,
 [type="reset"]::-moz-focus-inner,
 [type="submit"]::-moz-focus-inner,
 button::-moz-focus-inner {
     padding: 0;
     border-style: none;
 }
 input[type="checkbox"],
 input[type="radio"] {
     box-sizing: border-box;
     padding: 0;
 }
 input[type="date"],
 input[type="datetime-local"],
 input[type="month"],
 input[type="time"] {
     -webkit-appearance: listbox;
 }
 
 [type="number"]::-webkit-inner-spin-button,
 [type="number"]::-webkit-outer-spin-button {
     height: auto;
 }
 [type="search"] {
     outline-offset: -2px;
     -webkit-appearance: none;
 }
 [type="search"]::-webkit-search-decoration {
     -webkit-appearance: none;
 }
 ::-webkit-file-upload-button {
     font: inherit;
     -webkit-appearance: button;
 }
 
 .h1,
 .h2,
 .h3,
 .h4,
 .h5,
 .h6,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     margin-bottom: 0.5rem;
     font-weight: 500;
     line-height: 1.2;
 }
 .h1,
 h1 {
     font-size: 2.5rem;
 }
 .h2,
 h2 {
     font-size: 2rem;
 }
 .h3,
 h3 {
     font-size: 1.75rem;
 }
 .h4,
 h4 {
     font-size: 1.5rem;
 }
 .h5,
 h5 {
     font-size: 1.25rem;
 }
 .h6,
 h6 {
     font-size: 1rem;
 }
 
 .img-fluid {
     max-width: 100%;
     height: auto;
 }
 
 .container {
     width: 100%;
     padding-right: 15px;
     padding-left: 15px;
     margin-right: auto;
     margin-left: auto;
 }
 @media (min-width: 576px) {
     .container {
         max-width: 540px;
     }
 }
 @media (min-width: 768px) {
     .container {
         max-width: 720px;
     }
 }
 @media (min-width: 992px) {
     .container {
         max-width: 960px;
     }
 }
 @media (min-width: 1200px) {
     .container {
         max-width: 1140px;
     }
 }
 .container-fluid {
     width: 100%;
     padding-right: 15px;
     padding-left: 15px;
     margin-right: auto;
     margin-left: auto;
 }
 .row {
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     margin-right: -15px;
     margin-left: -15px;
 }
 
 .col,
 .col-1,
 .col-10,
 .col-11,
 .col-12,
 .col-2,
 .col-3,
 .col-4,
 .col-5,
 .col-6,
 .col-7,
 .col-8,
 .col-9,
 .col-auto,
 .col-lg,
 .col-lg-1,
 .col-lg-10,
 .col-lg-11,
 .col-lg-12,
 .col-lg-2,
 .col-lg-3,
 .col-lg-4,
 .col-lg-5,
 .col-lg-6,
 .col-lg-7,
 .col-lg-8,
 .col-lg-9,
 .col-lg-auto,
 .col-md,
 .col-md-1,
 .col-md-10,
 .col-md-11,
 .col-md-12,
 .col-md-2,
 .col-md-3,
 .col-md-4,
 .col-md-5,
 .col-md-6,
 .col-md-7,
 .col-md-8,
 .col-md-9,
 .col-md-auto,
 .col-sm,
 .col-sm-1,
 .col-sm-10,
 .col-sm-11,
 .col-sm-12,
 .col-sm-2,
 .col-sm-3,
 .col-sm-4,
 .col-sm-5,
 .col-sm-6,
 .col-sm-7,
 .col-sm-8,
 .col-sm-9,
 .col-sm-auto,
 .col-xl,
 .col-xl-1,
 .col-xl-10,
 .col-xl-11,
 .col-xl-12,
 .col-xl-2,
 .col-xl-3,
 .col-xl-4,
 .col-xl-5,
 .col-xl-6,
 .col-xl-7,
 .col-xl-8,
 .col-xl-9,
 .col-xl-auto {
     position: relative;
     width: 100%;
     padding-right: 15px;
     padding-left: 15px;
 }
 .col {
     -ms-flex-preferred-size: 0;
     flex-basis: 0;
     -ms-flex-positive: 1;
     flex-grow: 1;
     max-width: 100%;
 }
 .col-auto {
     -ms-flex: 0 0 auto;
     flex: 0 0 auto;
     width: auto;
     max-width: 100%;
 }
 .col-1 {
     -ms-flex: 0 0 8.333333%;
     flex: 0 0 8.333333%;
     max-width: 8.333333%;
 }
 .col-2 {
     -ms-flex: 0 0 16.666667%;
     flex: 0 0 16.666667%;
     max-width: 16.666667%;
 }
 .col-3 {
     -ms-flex: 0 0 25%;
     flex: 0 0 25%;
     max-width: 25%;
 }
 .col-4 {
     -ms-flex: 0 0 33.333333%;
     flex: 0 0 33.333333%;
     max-width: 33.333333%;
 }
 .col-5 {
     -ms-flex: 0 0 41.666667%;
     flex: 0 0 41.666667%;
     max-width: 41.666667%;
 }
 .col-6 {
     -ms-flex: 0 0 50%;
     flex: 0 0 50%;
     max-width: 50%;
 }
 .col-7 {
     -ms-flex: 0 0 58.333333%;
     flex: 0 0 58.333333%;
     max-width: 58.333333%;
 }
 .col-8 {
     -ms-flex: 0 0 66.666667%;
     flex: 0 0 66.666667%;
     max-width: 66.666667%;
 }
 .col-9 {
     -ms-flex: 0 0 75%;
     flex: 0 0 75%;
     max-width: 75%;
 }
 .col-10 {
     -ms-flex: 0 0 83.333333%;
     flex: 0 0 83.333333%;
     max-width: 83.333333%;
 }
 .col-11 {
     -ms-flex: 0 0 91.666667%;
     flex: 0 0 91.666667%;
     max-width: 91.666667%;
 }
 .col-12 {
     -ms-flex: 0 0 100%;
     flex: 0 0 100%;
     max-width: 100%;
 }
 
 @media (min-width: 576px) {
     .col-sm {
         -ms-flex-preferred-size: 0;
         flex-basis: 0;
         -ms-flex-positive: 1;
         flex-grow: 1;
         max-width: 100%;
     }
     .col-sm-auto {
         -ms-flex: 0 0 auto;
         flex: 0 0 auto;
         width: auto;
         max-width: 100%;
     }
     .col-sm-1 {
         -ms-flex: 0 0 8.333333%;
         flex: 0 0 8.333333%;
         max-width: 8.333333%;
     }
     .col-sm-2 {
         -ms-flex: 0 0 16.666667%;
         flex: 0 0 16.666667%;
         max-width: 16.666667%;
     }
     .col-sm-3 {
         -ms-flex: 0 0 25%;
         flex: 0 0 25%;
         max-width: 25%;
     }
     .col-sm-4 {
         -ms-flex: 0 0 33.333333%;
         flex: 0 0 33.333333%;
         max-width: 33.333333%;
     }
     .col-sm-5 {
         -ms-flex: 0 0 41.666667%;
         flex: 0 0 41.666667%;
         max-width: 41.666667%;
     }
     .col-sm-6 {
         -ms-flex: 0 0 50%;
         flex: 0 0 50%;
         max-width: 50%;
     }
     .col-sm-7 {
         -ms-flex: 0 0 58.333333%;
         flex: 0 0 58.333333%;
         max-width: 58.333333%;
     }
     .col-sm-8 {
         -ms-flex: 0 0 66.666667%;
         flex: 0 0 66.666667%;
         max-width: 66.666667%;
     }
     .col-sm-9 {
         -ms-flex: 0 0 75%;
         flex: 0 0 75%;
         max-width: 75%;
     }
     .col-sm-10 {
         -ms-flex: 0 0 83.333333%;
         flex: 0 0 83.333333%;
         max-width: 83.333333%;
     }
     .col-sm-11 {
         -ms-flex: 0 0 91.666667%;
         flex: 0 0 91.666667%;
         max-width: 91.666667%;
     }
     .col-sm-12 {
         -ms-flex: 0 0 100%;
         flex: 0 0 100%;
         max-width: 100%;
     }
 }
 @media (min-width: 768px) {
     .col-md {
         -ms-flex-preferred-size: 0;
         flex-basis: 0;
         -ms-flex-positive: 1;
         flex-grow: 1;
         max-width: 100%;
     }
     .col-md-auto {
         -ms-flex: 0 0 auto;
         flex: 0 0 auto;
         width: auto;
         max-width: 100%;
     }
     .col-md-1 {
         -ms-flex: 0 0 8.333333%;
         flex: 0 0 8.333333%;
         max-width: 8.333333%;
     }
     .col-md-2 {
         -ms-flex: 0 0 16.666667%;
         flex: 0 0 16.666667%;
         max-width: 16.666667%;
     }
     .col-md-3 {
         -ms-flex: 0 0 25%;
         flex: 0 0 25%;
         max-width: 25%;
     }
     .col-md-4 {
         -ms-flex: 0 0 33.333333%;
         flex: 0 0 33.333333%;
         max-width: 33.333333%;
     }
     .col-md-5 {
         -ms-flex: 0 0 41.666667%;
         flex: 0 0 41.666667%;
         max-width: 41.666667%;
     }
     .col-md-6 {
         -ms-flex: 0 0 50%;
         flex: 0 0 50%;
         max-width: 50%;
     }
     .col-md-7 {
         -ms-flex: 0 0 58.333333%;
         flex: 0 0 58.333333%;
         max-width: 58.333333%;
     }
     .col-md-8 {
         -ms-flex: 0 0 66.666667%;
         flex: 0 0 66.666667%;
         max-width: 66.666667%;
     }
     .col-md-9 {
         -ms-flex: 0 0 75%;
         flex: 0 0 75%;
         max-width: 75%;
     }
     .col-md-10 {
         -ms-flex: 0 0 83.333333%;
         flex: 0 0 83.333333%;
         max-width: 83.333333%;
     }
     .col-md-11 {
         -ms-flex: 0 0 91.666667%;
         flex: 0 0 91.666667%;
         max-width: 91.666667%;
     }
     .col-md-12 {
         -ms-flex: 0 0 100%;
         flex: 0 0 100%;
         max-width: 100%;
     }
 }
 @media (min-width: 992px) {
     .col-lg {
         -ms-flex-preferred-size: 0;
         flex-basis: 0;
         -ms-flex-positive: 1;
         flex-grow: 1;
         max-width: 100%;
     }
     .col-lg-auto {
         -ms-flex: 0 0 auto;
         flex: 0 0 auto;
         width: auto;
         max-width: 100%;
     }
     .col-lg-1 {
         -ms-flex: 0 0 8.333333%;
         flex: 0 0 8.333333%;
         max-width: 8.333333%;
     }
     .col-lg-2 {
         -ms-flex: 0 0 16.666667%;
         flex: 0 0 16.666667%;
         max-width: 16.666667%;
     }
     .col-lg-3 {
         -ms-flex: 0 0 25%;
         flex: 0 0 25%;
         max-width: 25%;
     }
     .col-lg-4 {
         -ms-flex: 0 0 33.333333%;
         flex: 0 0 33.333333%;
         max-width: 33.333333%;
     }
     .col-lg-5 {
         -ms-flex: 0 0 41.666667%;
         flex: 0 0 41.666667%;
         max-width: 41.666667%;
     }
     .col-lg-6 {
         -ms-flex: 0 0 50%;
         flex: 0 0 50%;
         max-width: 50%;
     }
     .col-lg-7 {
         -ms-flex: 0 0 58.333333%;
         flex: 0 0 58.333333%;
         max-width: 58.333333%;
     }
     .col-lg-8 {
         -ms-flex: 0 0 66.666667%;
         flex: 0 0 66.666667%;
         max-width: 66.666667%;
     }
     .col-lg-9 {
         -ms-flex: 0 0 75%;
         flex: 0 0 75%;
         max-width: 75%;
     }
     .col-lg-10 {
         -ms-flex: 0 0 83.333333%;
         flex: 0 0 83.333333%;
         max-width: 83.333333%;
     }
     .col-lg-11 {
         -ms-flex: 0 0 91.666667%;
         flex: 0 0 91.666667%;
         max-width: 91.666667%;
     }
     .col-lg-12 {
         -ms-flex: 0 0 100%;
         flex: 0 0 100%;
         max-width: 100%;
     }
 }
 @media (min-width: 1200px) {
     .col-xl {
         -ms-flex-preferred-size: 0;
         flex-basis: 0;
         -ms-flex-positive: 1;
         flex-grow: 1;
         max-width: 100%;
     }
     .col-xl-auto {
         -ms-flex: 0 0 auto;
         flex: 0 0 auto;
         width: auto;
         max-width: 100%;
     }
     .col-xl-1 {
         -ms-flex: 0 0 8.333333%;
         flex: 0 0 8.333333%;
         max-width: 8.333333%;
     }
     .col-xl-2 {
         -ms-flex: 0 0 16.666667%;
         flex: 0 0 16.666667%;
         max-width: 16.666667%;
     }
     .col-xl-3 {
         -ms-flex: 0 0 25%;
         flex: 0 0 25%;
         max-width: 25%;
     }
     .col-xl-4 {
         -ms-flex: 0 0 33.333333%;
         flex: 0 0 33.333333%;
         max-width: 33.333333%;
     }
     .col-xl-5 {
         -ms-flex: 0 0 41.666667%;
         flex: 0 0 41.666667%;
         max-width: 41.666667%;
     }
     .col-xl-6 {
         -ms-flex: 0 0 50%;
         flex: 0 0 50%;
         max-width: 50%;
     }
     .col-xl-7 {
         -ms-flex: 0 0 58.333333%;
         flex: 0 0 58.333333%;
         max-width: 58.333333%;
     }
     .col-xl-8 {
         -ms-flex: 0 0 66.666667%;
         flex: 0 0 66.666667%;
         max-width: 66.666667%;
     }
     .col-xl-9 {
         -ms-flex: 0 0 75%;
         flex: 0 0 75%;
         max-width: 75%;
     }
     .col-xl-10 {
         -ms-flex: 0 0 83.333333%;
         flex: 0 0 83.333333%;
         max-width: 83.333333%;
     }
     .col-xl-11 {
         -ms-flex: 0 0 91.666667%;
         flex: 0 0 91.666667%;
         max-width: 91.666667%;
     }
     .col-xl-12 {
         -ms-flex: 0 0 100%;
         flex: 0 0 100%;
         max-width: 100%;
     }
 }
 
 .btn {
     display: inline-block;
     font-weight: 400;
     color: #212529;
     text-align: center;
     vertical-align: middle;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     background-color: transparent;
     border: 1px solid transparent;
     padding: 0.375rem 0.75rem;
     font-size: 1rem;
     line-height: 1.5;
     border-radius: 0.25rem;
     transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
 }
 @media (prefers-reduced-motion: reduce) {
     .btn {
         transition: none;
     }
 }
 .btn:hover {
     color: #212529;
     text-decoration: none;
 }
 .btn.focus,
 .btn:focus {
     outline: 0;
     box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
 }
 .btn.disabled,
 .btn:disabled {
     opacity: 0.65;
 }
 a.btn.disabled,
 fieldset:disabled a.btn {
     pointer-events: none;
 }
 
 .btn-dark {
     color: #fff;
     background-color: #343a40;
     border-color: #343a40;
 }
 .btn-dark:hover {
     color: #fff;
     background-color: #23272b;
     border-color: #1d2124;
 }
 .btn-dark.focus,
 .btn-dark:focus {
     box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
 }
 .btn-dark.disabled,
 .btn-dark:disabled {
     color: #fff;
     background-color: #343a40;
     border-color: #343a40;
 }
 .btn-dark:not(:disabled):not(.disabled).active,
 .btn-dark:not(:disabled):not(.disabled):active,
 .show > .btn-dark.dropdown-toggle {
     color: #fff;
     background-color: #1d2124;
     border-color: #171a1d;
 }
 .btn-dark:not(:disabled):not(.disabled).active:focus,
 .btn-dark:not(:disabled):not(.disabled):active:focus,
 .show > .btn-dark.dropdown-toggle:focus {
     box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
 }
 
 .btn-link {
     font-weight: 400;
     color: #007bff;
     text-decoration: none;
 }
 .btn-link:hover {
     color: #0056b3;
     text-decoration: underline;
 }
 .btn-link.focus,
 .btn-link:focus {
     text-decoration: underline;
     box-shadow: none;
 }
 .btn-link.disabled,
 .btn-link:disabled {
     color: #6c757d;
     pointer-events: none;
 }
 .btn-group-lg > .btn,
 .btn-lg {
     padding: 0.5rem 1rem;
     font-size: 1.25rem;
     line-height: 1.5;
     border-radius: 0.3rem;
 }
 .btn-group-sm > .btn,
 .btn-sm {
     padding: 0.25rem 0.5rem;
     font-size: 0.875rem;
     line-height: 1.5;
     border-radius: 0.2rem;
 }
 
 .collapse:not(.show) {
     display: none;
 }
 
 .btn-group-sm > .btn + .dropdown-toggle-split,
 .btn-sm + .dropdown-toggle-split {
     padding-right: 0.375rem;
     padding-left: 0.375rem;
 }
 .btn-group-lg > .btn + .dropdown-toggle-split,
 .btn-lg + .dropdown-toggle-split {
     padding-right: 0.75rem;
     padding-left: 0.75rem;
 }
 
 .nav {
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     padding-left: 0;
     margin-bottom: 0;
     list-style: none;
 }
 .nav-link {
     display: block;
     padding: 0.5rem 1rem;
 }
 .nav-link:focus,
 .nav-link:hover {
     text-decoration: none;
 }
 .nav-link.disabled {
     color: #6c757d;
     pointer-events: none;
     cursor: default;
 }
 
 
 
 .navbar {
     position: relative;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -ms-flex-align: center;
     align-items: center;
     -ms-flex-pack: justify;
     justify-content: space-between;
     padding: 0.5rem 1rem;
 }
 .navbar > .container,
 .navbar > .container-fluid {
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -ms-flex-align: center;
     align-items: center;
     -ms-flex-pack: justify;
     justify-content: space-between;
 }
 .navbar-brand {
     display: inline-block;
     padding-top: 0.3125rem;
     padding-bottom: 0.3125rem;
     margin-right: 1rem;
     font-size: 1.25rem;
     line-height: inherit;
     white-space: nowrap;
 }
 .navbar-brand:focus,
 .navbar-brand:hover {
     text-decoration: none;
 }
 .navbar-nav {
     display: -ms-flexbox;
     display: flex;
     -ms-flex-direction: column;
     flex-direction: column;
     padding-left: 0;
     margin-bottom: 0;
     list-style: none;
 }
 .navbar-nav .nav-link {
     padding-right: 0;
     padding-left: 0;
 }
 .navbar-nav .dropdown-menu {
     position: static;
     float: none;
 }
 .navbar-text {
     display: inline-block;
     padding-top: 0.5rem;
     padding-bottom: 0.5rem;
 }
 .navbar-collapse {
     -ms-flex-preferred-size: 100%;
     flex-basis: 100%;
     -ms-flex-positive: 1;
     flex-grow: 1;
     -ms-flex-align: center;
     align-items: center;
 }
 .navbar-toggler {
     padding: 0.25rem 0.75rem;
     font-size: 1.25rem;
     line-height: 1;
     background-color: transparent;
     border: 1px solid transparent;
     border-radius: 0.25rem;
 }
 .navbar-toggler:focus,
 .navbar-toggler:hover {
     text-decoration: none;
 }
 .navbar-toggler-icon {
     display: inline-block;
     width: 1.5em;
     height: 1.5em;
     vertical-align: middle;
     content: "";
     background: no-repeat center center;
     background-size: 100% 100%;
 }
 
 @media (max-width: 991.98px) {
     .navbar-expand-lg > .container,
     .navbar-expand-lg > .container-fluid {
         padding-right: 0;
         padding-left: 0;
     }
 }
 @media (min-width: 992px) {
     .navbar-expand-lg {
         -ms-flex-flow: row nowrap;
         flex-flow: row nowrap;
         -ms-flex-pack: start;
         justify-content: flex-start;
     }
     .navbar-expand-lg .navbar-nav {
         -ms-flex-direction: row;
         flex-direction: row;
     }
     .navbar-expand-lg .navbar-nav .dropdown-menu {
         position: absolute;
     }
     .navbar-expand-lg .navbar-nav .nav-link {
         padding-right: 0.5rem;
         padding-left: 0.5rem;
     }
     .navbar-expand-lg > .container,
     .navbar-expand-lg > .container-fluid {
         -ms-flex-wrap: nowrap;
         flex-wrap: nowrap;
     }
     .navbar-expand-lg .navbar-collapse {
         display: -ms-flexbox !important;
         display: flex !important;
         -ms-flex-preferred-size: auto;
         flex-basis: auto;
     }
     .navbar-expand-lg .navbar-toggler {
         display: none;
     }
 }
 
 .m-0 {
     margin: 0 !important;
 }
 .mt-0,
 .my-0 {
     margin-top: 0 !important;
 }
 .mr-0,
 .mx-0 {
     margin-right: 0 !important;
 }
 .mb-0,
 .my-0 {
     margin-bottom: 0 !important;
 }
 .ml-0,
 .mx-0 {
     margin-left: 0 !important;
 }
 .m-1 {
     margin: 0.25rem !important;
 }
 .mt-1,
 .my-1 {
     margin-top: 0.25rem !important;
 }
 .mr-1,
 .mx-1 {
     margin-right: 0.25rem !important;
 }
 .mb-1,
 .my-1 {
     margin-bottom: 0.25rem !important;
 }
 .ml-1,
 .mx-1 {
     margin-left: 0.25rem !important;
 }
 .m-2 {
     margin: 0.5rem !important;
 }
 .mt-2,
 .my-2 {
     margin-top: 0.5rem !important;
 }
 .mr-2,
 .mx-2 {
     margin-right: 0.5rem !important;
 }
 .mb-2,
 .my-2 {
     margin-bottom: 0.5rem !important;
 }
 .ml-2,
 .mx-2 {
     margin-left: 0.5rem !important;
 }
 .m-3 {
     margin: 1rem !important;
 }
 .mt-3,
 .my-3 {
     margin-top: 1rem !important;
 }
 .mr-3,
 .mx-3 {
     margin-right: 1rem !important;
 }
 .mb-3,
 .my-3 {
     margin-bottom: 1rem !important;
 }
 .ml-3,
 .mx-3 {
     margin-left: 1rem !important;
 }
 .m-4 {
     margin: 1.5rem !important;
 }
 .mt-4,
 .my-4 {
     margin-top: 1.5rem !important;
 }
 .mr-4,
 .mx-4 {
     margin-right: 1.5rem !important;
 }
 .mb-4,
 .my-4 {
     margin-bottom: 1.5rem !important;
 }
 .ml-4,
 .mx-4 {
     margin-left: 1.5rem !important;
 }
 .m-5 {
     margin: 3rem !important;
 }
 .mt-5,
 .my-5 {
     margin-top: 3rem !important;
 }
 .mr-5,
 .mx-5 {
     margin-right: 3rem !important;
 }
 .mb-5,
 .my-5 {
     margin-bottom: 3rem !important;
 }
 .ml-5,
 .mx-5 {
     margin-left: 3rem !important;
 }
 .p-0 {
     padding: 0 !important;
 }
 .pt-0,
 .py-0 {
     padding-top: 0 !important;
 }
 .pr-0,
 .px-0 {
     padding-right: 0 !important;
 }
 .pb-0,
 .py-0 {
     padding-bottom: 0 !important;
 }
 .pl-0,
 .px-0 {
     padding-left: 0 !important;
 }
 .p-1 {
     padding: 0.25rem !important;
 }
 .pt-1,
 .py-1 {
     padding-top: 0.25rem !important;
 }
 .pr-1,
 .px-1 {
     padding-right: 0.25rem !important;
 }
 .pb-1,
 .py-1 {
     padding-bottom: 0.25rem !important;
 }
 .pl-1,
 .px-1 {
     padding-left: 0.25rem !important;
 }
 .p-2 {
     padding: 0.5rem !important;
 }
 .pt-2,
 .py-2 {
     padding-top: 0.5rem !important;
 }
 .pr-2,
 .px-2 {
     padding-right: 0.5rem !important;
 }
 .pb-2,
 .py-2 {
     padding-bottom: 0.5rem !important;
 }
 .pl-2,
 .px-2 {
     padding-left: 0.5rem !important;
 }
 .p-3 {
     padding: 1rem !important;
 }
 .pt-3,
 .py-3 {
     padding-top: 1rem !important;
 }
 .pr-3,
 .px-3 {
     padding-right: 1rem !important;
 }
 .pb-3,
 .py-3 {
     padding-bottom: 1rem !important;
 }
 .pl-3,
 .px-3 {
     padding-left: 1rem !important;
 }
 .p-4 {
     padding: 1.5rem !important;
 }
 .pt-4,
 .py-4 {
     padding-top: 1.5rem !important;
 }
 .pr-4,
 .px-4 {
     padding-right: 1.5rem !important;
 }
 .pb-4,
 .py-4 {
     padding-bottom: 1.5rem !important;
 }
 .pl-4,
 .px-4 {
     padding-left: 1.5rem !important;
 }
 .p-5 {
     padding: 3rem !important;
 }
 .pt-5,
 .py-5 {
     padding-top: 3rem !important;
 }
 .pr-5,
 .px-5 {
     padding-right: 3rem !important;
 }
 .pb-5,
 .py-5 {
     padding-bottom: 3rem !important;
 }
 .pl-5,
 .px-5 {
     padding-left: 3rem !important;
 }
 .m-auto {
     margin: auto !important;
 }
 .mt-auto,
 .my-auto {
     margin-top: auto !important;
 }
 .mr-auto,
 .mx-auto {
     margin-right: auto !important;
 }
 .mb-auto,
 .my-auto {
     margin-bottom: auto !important;
 }
 .ml-auto,
 .mx-auto {
     margin-left: auto !important;
 }
 
 .text-left {
     text-align: left !important;
 }
 .text-right {
     text-align: right !important;
 }
 .text-center {
     text-align: center !important;
 }

 /* STYLE */

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.shadow-1 {
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

html {
  /* text-rendering: optimizeLegibility; */
  -webkit-font-smoothing: antialiased;
}

body {
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-style: none;
  line-height: 24px;
  font-weight: 500;
  overflow-x: hidden !important;
  text-align: left;
  position: relative;
  color: #999999;
  opacity: 0.9;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Roboto", sans-serif;
}

p {
  opacity: 0.9;
}

.nav li span {
  text-decoration: none !important;
  display: inline-block;
  cursor: pointer;
  padding: 0px;
  background-color: transparent;
  -moz-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

.nav li span:hover {
  background-color: transparent;
}

.nav li span:focus {
  background-color: transparent;
  outline: 0 !important;
}

a {
  text-decoration: none !important;
  cursor: pointer;
  padding: 0px;
  background-color: transparent;
  -moz-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
  color: #000;
  opacity: 0.9;
}

a:hover {
  background-color: transparent;
}

a:focus {
  background-color: transparent;
  outline: 0 !important;
}

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

.section-title h3 {
  font-size: 30px;
  line-height: 40px;
  color: #fff;
  font-weight: bold;
  margin-bottom: 60px;
}

.btn {
  -moz-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
  outline: 0;
  padding: 8px 30px;
  font-weight: bold;
  border-radius: 20px;
}

.btn:last-child {
  margin-right: 0px !important;
}

.btn .icon {
  position: relative;
  top: 2px;
}

.btn .icon img {
  position: relative;
  top: -3px;
  width: 14px;
}

.btn.btn-fill {
  background-color: #0bceaf;
  color: #fff;
}

.btn.left-icon .icon {
  margin-right: 15px;
}

.btn.right-icon .icon {
  margin-left: 15px;
}

.btn.btn-border {
  background-color: transparent;
}

.btn.white-btn-border {
  background-color: transparent;
  border-color: #fff;
}

.btn.btn-round {
  padding: 15px;
  border-radius: 50%;
  width: 65px;
  height: 65px;
  font-size: 24px;
  text-align: center;
}

.btn.btn-round .icon {
  top: 7px;
}

.btn.apple,
.btn.androad {
  -webkit-border-radius: 3px !important;
  -moz-border-radius: 3px !important;
  border-radius: 3px !important;
  padding: 9px 28px;
  height: 82px;
}

.btn.apple img,
.btn.androad img {
  width: 35px;
  height: 100%;
  float: left;
}

.btn.apple .icon,
.btn.androad .icon {
  font-size: 60px;
  float: left;
}

.btn.apple span,
.btn.androad span {
  display: block;
  -moz-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

.btn.apple .group,
.btn.androad .group {
  float: right;
}

.btn.apple .big,
.btn.apple .small,
.btn.androad .big,
.btn.androad .small {
  text-align: left;
  margin-left: 7px;
  line-height: 30px;
}

.btn.apple .big,
.btn.androad .big {
  font-size: 24px;
  font-weight: 400;
}

.btn.apple .small,
.btn.androad .small {
  font-size: 16px;
}

.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
  outline: thin dotted;
  outline: 0px auto -webkit-focus-ring-color !important;
  outline-offset: -2px;
}

.btn-text-link {
  padding: 50px 0 0 0;
  text-align: center;
}

.btn-text-link a {
  margin-left: 10px;
}

/** 
 * -----------------
 * Social Icon Style
 * -----------------
 */
.social-icon {
  display: inline-block;
}

.social-icon li {
  list-style: none;
  float: left;
  margin-bottom: 0px;
  margin-right: 8px;
}

.social-icon li a {
  text-align: center;
  width: 45px;
  height: 45px;
  padding: 10px;
  border-radius: 50%;
}

.social-icon li:last-child a {
  margin-right: 0px;
}

ul {
  margin: 0;
  padding: 0;
}

ul li {
  list-style-type: none;
}

.vertical-middle-content {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  flex-direction: row;
  -webkit-flex-direction: row;
}

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

.dark-bg {
  background-color: #202026;
}

.section-separator {
  padding: 100px 0;
}

.section-separator-last {
  padding: 100px 0 0 0;
}

.image-bg {
  background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  margin: 0 auto;
  background-position: center center;
}

.map-image {
  background-image: url(../images/map-color-overlay.png);
}

button {
  outline: 0;
}

button:hover {
  outline: 0;
}

button:focus {
  outline: 0;
}

.btn {
  outline: 0;
}

.btn:hover {
  outline: 0;
}

.btn:focus {
  outline: 0;
}

/** 
 * -----------------
 * General CSS
 * -----------------
 */
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: bold;
}

.dark-vertion {
  opacity: 0.9;
}

.dark-vertion.black-bg {
  background-color: #100e17;
}

.dark-vertion ::placeholder {
  color: #fff;
}

.dark-vertion a {
  color: #fff;
}

.dark-vertion h2 {
  color: #fff;
}

.dark-vertion h3 {
  color: #fff;
}

.dark-vertion h4 {
  color: #fff;
}

.dark-vertion h5 {
  color: #fff;
}

.dark-vertion h6 {
  color: #fff;
}

.dark-vertion p {
  color: #fff;
}

.dark-vertion address {
  color: #fff;
}

.dark-vertion span {
  color: #fff;
}

.dark-vertion div {
  color: #fff;
}

.home .hero-img img {
  margin: 0 auto;
  float: none;
  text-align: center;
  border: 20px solid rgba(0, 0, 0, 0.17);
  border-radius: 50%;
}

.dark-vertion ul li {
  color: #fff;
}

.dark-vertion .nav-strict {
  background-color: #202026;
}

.dark-vertion .img-color-overlay {
  background-color: rgba(0, 0, 0, 0.9);
}

.dark-vertion .home .header-info .social-icon li .fae:hover {
  background-color: #fff;
}

.dark-vertion .page-item.active .page-link {
  background-color: #fff;
  border-color: #fff;
  color: #0bceaf;
}

.dark-vertion .navbar-toggler .icon,
.dark-vertion .navbar-toggler .icon::after,
.dark-vertion .navbar-toggler .icon::before {
  background-color: #fff;
}

.dark-vertion .header .navbar-nav li.active a {
  border-color: #fff;
  padding-right: 0;
  padding-left: 0;
}

.dark-vertion .work .experience-deatils .work-item {
  -webkit-box-shadow: -1rem 0 3rem #000;
  box-shadow: -1rem 0 3rem #000;
}

.dark-vertion .footer-address .address-footer-item {
  -webkit-box-shadow: -1rem 0 3rem #000;
  box-shadow: -1rem 0 3rem #000;
}

.dark-vertion .experince .education-deatils .education-item {
  -webkit-box-shadow: -1rem 0 3rem #000;
  box-shadow: -1rem 0 3rem #000;
}

.dark-vertion .service .service-item {
  -webkit-box-shadow: -1rem 0 3rem #000;
  box-shadow: -1rem 0 3rem #000;
}

.dark-vertion .home .hero-img img {
  border: 20px solid rgba(0, 0, 0, 0.4);
}

.dark-vertion .home .img-border {
  border: 5px solid rgba(0, 0, 0, 0.9);
}

.dark-vertion .tech-prefs .parcial .progressBar {
  background: rgba(199, 198, 198, 0.6);
}

.dark-vertion .progress path:nth-child(1) {
  stroke: rgba(255, 255, 255, 0.5);
}

body {
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.nav {
  width: 100%;
}

.header {
  padding: 20px 0;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.header.nav-strict {
  padding: 15px 0;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.header .navbar-nav li {
  margin: 0 20px;
}

.header .navbar-nav li span {
  border-bottom: 1px solid transparent;
  font-weight: bold;
  font-family: "Roboto", sans-serif;
  font-size: 18px;
  opacity: 1;
  line-height: 30px;
}

.header .navbar-nav li span.nav-link {
  padding-left: 0;
  padding-right: 0;
}

.header .navbar-nav li span:hover {
  color: #0bceaf;
}

.home .header-info {
  padding-top: 100px;
}

.home .header-info h1 {
  font-size: 60px;
  font-weight: 700;
  line-height: 65px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.home .header-info h2 {
  font-size: 60px;
  font-weight: 700;
  line-height: 65px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.home .header-info h4 {
  font-size: 26px;
  line-height: 34px;
  margin-bottom: 30px;
}

.home .header-info ul {
  margin-top: 20px;
}

.home .header-info ul li {
  margin: 10px 0;
}

.home .header-info ul li .fae {
  margin-right: 15px;
  display: inline-block;
}

.home .header-info ul li address {
  display: inline-block;
}

.home .header-info ul li:hover .fae {
  color: #0bceaf;
}

.home .header-info .social-icon {
  margin-top: 0;
}

.home .header-info .social-icon li .fae {
  font-size: 18px;
  line-height: 30px;
  padding: 4px 14px;
  margin: 0 5px;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  border-radius: 3px;
}

.home .header-info .social-icon li .fae:hover {
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.home .header-info .social-icon li a {
  font-size: 25px;
  text-align: center;
  width: 30px;
  height: 30px;
  padding: 0;
  margin-right: 0;
  border-radius: 50%;
}

.home .hero-img {
  margin: 0 auto;
  float: none;
  margin-top: 30px;
  text-align: center;
}

.home .img-border {
  height: 400px;
  width: 400px;
  border: 20px solid rgba(0, 0, 0, 0.07);
  margin: 0 auto;
  border-radius: 50%;
}

.about .about-inner {
  padding-left: 50px;
}

.about .about-inner h2 {
  margin-bottom: 20px;
  margin-top: 20px;
}

.about .about-inner p {
  margin-bottom: 30px;
}

.about .about-inner .btn {
  margin-top: 20px;
}

.about .about-inner .btn .fae {
  margin-left: 10px;
}

.about-tag {
  word-break: break-all;
  margin-bottom: 10px;
  margin-top: 10px;
}

.about-tag ul li {
  margin: 0px 6px;
  border-radius: 4px;
  margin-bottom: 10px;
  padding: 4px 0px;
  display: inline-block;
}

.about-tag ul li span {
  border: 1px solid #0bceaf;
  padding: 4px 10px;
  border-radius: 4px;
}

.about-tag ul li span:hover {
  background-color: transparent !important;
}

.skills .professional-skill {
  padding-right: 60px;
}

.skills .professional-skill h3 {
  font-size: 30px;
  line-height: 40px;
  text-align: center;
  font-weight: bold;
  margin-bottom: 60px;
}

.professional-skills {
  padding-left: 20%;
}

.professional-skills h3 {
  font-size: 30px;
  line-height: 40px;
  text-align: center;
  font-weight: bold;
  margin-bottom: 60px;
}

.professional-progress li {
  display: inline-block;
  margin: 0 auto;
  float: none;
  width: 48%;
  margin-bottom: 30px;
  text-align: center;
}

.progress {
  margin-bottom: 10px;
  font: 900 1.1428571429em/1 Cinzel, cursive;
}

.progress .progressbar-text {
  color: inherit !important;
  display: none;
}

.progress.progress-line {
  height: 10px;
  margin-right: 60px;
}

.progress.progress-line .progressbar-text {
  position: absolute;
  top: 50%;
  left: 100%;
  width: 60px;
  -webkit-transform: translateY(-35%);
  -ms-transform: translateY(-35%);
  transform: translateY(-35%);
  text-align: center;
}

.progress.progress-circle {
  display: inline-block;
  width: 100px;
  height: 100px;
}

.progress path:nth-child(1) {
  stroke: rgba(0, 0, 0, 0.7);
}

.progress path:nth-child(2) {
  stroke: #0bceaf;
}

.tech-prefs {
  position: relative;
  margin-bottom: 15px;
}

.tech-prefs .parcial {
  display: inline-block;
  width: 100%;
  vertical-align: middle;
}

.tech-prefs .parcial .info {
  position: relative;
}

.tech-prefs .parcial .info .nome {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 15px;
  font-weight: 700;
  opacity: 0.9;
}

.tech-prefs .parcial .info .eleito,
.tech-prefs .parcial .info .segundo-turno {
  padding: 0 5px 2px 5px;
  border-radius: 2px;
}

.tech-prefs .parcial .info .percentagem-num {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 14px;
  font-weight: normal;
}

.tech-prefs .parcial .progressBar {
  position: relative;
  width: 100%;
  height: 7px;
  margin: 30px 0 2px;
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.5);
}

.tech-prefs .parcial .percentagem {
  position: absolute;
  top: 0;
  left: 0;
  height: 7px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  background: #0bceaf;
  -webkit-transition: 3s all;
  -webkit-animation-duration: 3s;
  -webkit-animation-name: animationProgress;
}

.experince h3 {
  font-size: 30px;
  line-height: 40px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 60px;
}

.experince .education-deatils .education-item {
  margin-bottom: 30px;
  padding: 26px 30px;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.experince .education-deatils .education-item:last-child {
  margin-bottom: 0;
}

.experince .education-deatils .education-item h4 {
  font-size: 20px;
  line-height: 30px;
  font-weight: 700;
}

.experince .education-deatils .education-item h4 a {
  font-style: italic;
  margin-left: 4px;
  color: #0bceaf;
}

.experince .education-deatils .education-item .eduyear {
  margin: 10px 0;
  color: #0bceaf;
}

.experince .education-deatils .education-item p {
  font-size: 14px;
  line-height: 23px;
  margin-bottom: 0;
}

.work {
  padding-left: 0px;
}

.work h3 {
  font-size: 30px;
  line-height: 40px;
  font-weight: bold;
  margin-bottom: 60px;
}

.work .experience-deatils .work-item {
  margin-bottom: 30px;
  padding: 20px 30px;
  border-radius: 4px;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.work .experience-deatils .work-item:last-child {
  margin-bottom: 0;
}

.work .experience-deatils .work-item h4 {
  font-size: 20px;
  line-height: 30px;
  font-weight: 700;
}

.work .experience-deatils .work-item h4 a {
  color: #0bceaf;
}

.work .experience-deatils .work-item .eduyear {
  margin: 10px 0;
  color: #0bceaf;
}

.work .experience-deatils .work-item span {
  font-size: 12px;
  line-height: 22px;
}

.work .experience-deatils .work-item .work-responsibility li {
  font-size: 14px;
  line-height: 23px;
  margin: 2px 0;
}

.work .experience-deatils .work-item .work-responsibility li .fae {
  font-size: 10px;
  line-height: 23px;
  margin-right: 10px;
}

.testimonial .client-item {
  margin: 0 auto;
  float: none;
  text-align: center;
  padding: 30px;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.testimonial .client-item img {
  width: inherit;
  float: none;
  margin: 0 auto;
  border: 5px solid #0bceaf;
  margin: 0 auto;
  margin-bottom: 20px;
  border-radius: 50%;
}

.testimonial .client-item p {
  margin: 10px 0;
}

.testimonial .client-item p::before {
  content: open-quote;
  margin-right: 6px;
  font-size: 20px;
}

.testimonial .client-item p::after {
  content: close-quote;
  margin-left: 6px;
  font-size: 20px;
}

.testimonial .client-item h4 {
  font-size: 16px;
  line-height: 25px;
  margin-top: 30px;
  margin-bottom: 0;
}

.testimonial .client-item span {
  font-size: 14px;
  line-height: 24px;
}

.footer ::placeholder {
  opacity: 0.9;
}

.footer .form-control {
  padding: 20px;
  -webkit-box-shadow: 0 0px 2px 0 rgba(255, 255, 255, 0.8), 0 0px 1px 1px rgba(255, 255, 255, 0.8);
  -moz-box-shadow: 0 0px 2px 0 rgba(255, 255, 255, 0.8), 0 0px 1px 1px rgba(255, 255, 255, 0.8);
  box-shadow: 0 0px 2px 0 rgba(255, 255, 255, 0.8), 0 0px 1px 1px rgba(255, 255, 255, 0.8);
}

.footer .form-control:focus {
  -webkit-box-shadow: 0 0px 2px 0 rgba(255, 255, 255, 0.8), 0 0px 1px 1px rgba(255, 255, 255, 0.8);
  -moz-box-shadow: 0 0px 2px 0 rgba(255, 255, 255, 0.8), 0 0px 1px 1px rgba(255, 255, 255, 0.8);
  box-shadow: 0 0px 2px 0 rgba(255, 255, 255, 0.8), 0 0px 1px 1px rgba(255, 255, 255, 0.8);
  border-color: transparent;
}

.footer .contact-message {
  -webkit-box-shadow: 0 0px 2px 0 rgba(255, 255, 255, 0.8), 0 0px 1px 1px rgba(255, 255, 255, 0.8);
  -moz-box-shadow: 0 0px 2px 0 rgba(255, 255, 255, 0.8), 0 0px 1px 1px rgba(255, 255, 255, 0.8);
  box-shadow: 0 0px 2px 0 rgba(255, 255, 255, 0.8), 0 0px 1px 1px rgba(255, 255, 255, 0.8);
  background-color: transparent;
  border-color: transparent;
  border-radius: 4px;
  margin-bottom: 20px;
  width: 100%;
  padding: 20px;
  outline: 0;
}


.footer-address {
  margin-bottom: 60px;
}

.footer-address .address-footer-item {
  padding: 30px;
  text-align: center;
  margin-bottom: 30px;
}

.footer-address .address-footer-item h4 {
  margin-bottom: 20px;
}

.footer-address .address-footer-item address {
  margin-bottom: 0;
}

.footer-address .address-footer-item .each-icon {
  margin-bottom: 30px;
}

.footer-address .address-footer-item .each-icon .fae {
  text-align: center;
  width: 100px;
  height: 100px;
  border: 1px solid;
  border-radius: 50%;
  line-height: 100px;
  font-size: 20px;
  border-color: #0bceaf;
}

.fixed-nav {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

.copyright {
  margin-top: 60px;
}

.section-title h3 {
  margin-bottom: 60px;
}

.section-title h2 {
  margin-bottom: 60px;
}


.service .service-item {
  padding: 20px;
}

.service .service-item .fae {
  font-size: 30px;
  margin-bottom: 20px;
  margin-top: 16px;
}

.service .service-item .fae.purple-color {
  color: #9774fa;
}

.service .service-item .fae.iron-color {
  color: #ed7256;
}

.service .service-item .fae.sky-color {
  color: #2796e2;
}

.service .service-item h3 {
  margin-bottom: 18px;
  font-size: 25px;
  line-height: 34px;
}

.service .service-item a {
  color: #0bceaf;
}

.service .service-item a .fae {
  font-size: 16px;
  line-height: 27px;
  margin-left: 6px;
}

.nav-strict {
  z-index: 99;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}


@media only screen and (max-width: 991px) {
  .section-separator {
    padding: 40px 0; }

  .home-2 .header-info p {
    padding: 0 0px;
    font-weight: 300; }

  .home-section-separator {
    padding-top: 100px;
    padding-bottom: 100px; }

  .footer-address .address-footer-item .each-icon .fae {
    width: 60px;
    height: 60px;
    line-height: 60px; }

  .home-2 .header-info .about-tag {
    width: 80%; }

  .xs-mobile-nav {
    z-index: 99;
    /*-------------------------------*/
    /*            Overlay            */
    /*-------------------------------*/
    /*  Navigation Menu */ }
    .xs-mobile-nav .nav-btn .navbar-toggler.active {
      display: none; }
    .xs-mobile-nav .navbar-nav {
      padding-top: 80px; }
    .xs-mobile-nav .navbar-collapse {
      position: fixed;
      top: 0;
      bottom: 0;
      width: 320px;
      left: 0;
      z-index: 990;
      margin-top: 0px;
      padding: 0;
      background-color: #0bceaf;
      transform: translateX(-100%) translateY(0) translateZ(0) rotate(0deg) scale(1);
      -o-transform: translateX(-100%) translateY(0) translateZ(0) rotate(0deg) scale(1);
      -ms-transform: translateX(-100%) translateY(0) translateZ(0) rotate(0deg) scale(1);
      -moz-transform: translateX(-100%) translateY(0) translateZ(0) rotate(0deg) scale(1);
      -webkit-transform: translateX(-100%) translateY(0) translateZ(0) rotate(0deg) scale(1);
      -webkit-transition: all 0.4s ease-out;
      -moz-transition: all 0.4s ease-out;
      -o-transition: all 0.4s ease-out;
      -ms-transition: all 0.4s ease-out;
      transition: all 0.4s ease-out;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      overflow-y: none; }
    .xs-mobile-nav .navbar-collapse.active {
      transform: translateX(0) translateY(0) translateZ(0) rotate(0deg) scale(1);
      -o-transform: translateX(0) translateY(0) translateZ(0) rotate(0deg) scale(1);
      -ms-transform: translateX(0) translateY(0) translateZ(0) rotate(0deg) scale(1);
      -moz-transform: translateX(0) translateY(0) translateZ(0) rotate(0deg) scale(1);
      -webkit-transform: translateX(0) translateY(0) translateZ(0) rotate(0deg) scale(1); }
    .xs-mobile-nav .collapse {
      display: block; }
    .xs-mobile-nav .navbar-fixed-bottom .navbar-collapse,
    .xs-mobile-nav .navbar-fixed-top .navbar-collapse {
      max-height: inherit; }
    .xs-mobile-nav .navbar-header {
      position: fixed;
      z-index: 999;
      width: 100%;
      margin-top: 0px;
      left: 0; }
    .xs-mobile-nav .navbar-toggler .icon {
      transform: translateX(-50%) translateY(-50%) translateZ(0) rotate(0deg) scale(1);
      -o-transform: translateX(-50%) translateY(-50%) translateZ(0) rotate(0deg) scale(1);
      -ms-transform: translateX(-50%) translateY(-50%) translateZ(0) rotate(0deg) scale(1);
      -moz-transform: translateX(-50%) translateY(-50%) translateZ(0) rotate(0deg) scale(1);
      -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) rotate(0deg) scale(1); }
    .xs-mobile-nav .navbar-toggler .icon,
    .xs-mobile-nav .navbar-toggler .icon::after,
    .xs-mobile-nav .navbar-toggler .icon::before {
      width: 22px;
      height: 2px;
      position: absolute;
      border-radius: 2px;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden; }
    .xs-mobile-nav .navbar-toggler .icon::after,
    .xs-mobile-nav .navbar-toggler .icon::before {
      content: '';
      top: 0;
      right: 0;
      -webkit-transition: all 0.6s ease-out;
      -moz-transition: all 0.6s ease-out;
      -o-transition: all 0.6s ease-out;
      -ms-transition: all 0.6s ease-out;
      transition: all 0.6s ease-out;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
    .xs-mobile-nav .navbar-toggler .icon::after {
      transform: translateX(0) translateY(6px) translateZ(0) rotate(0deg) scale(1);
      -o-transform: translateX(0) translateY(6px) translateZ(0) rotate(0deg) scale(1);
      -ms-transform: translateX(0) translateY(6px) translateZ(0) rotate(0deg) scale(1);
      -moz-transform: translateX(0) translateY(6px) translateZ(0) rotate(0deg) scale(1);
      -webkit-transform: translateX(0) translateY(6px) translateZ(0) rotate(0deg) scale(1); }
    .xs-mobile-nav .navbar-toggler .icon::before {
      transform: translateX(0) translateY(-6px) translateZ(0) rotate(0deg) scale(1);
      -o-transform: translateX(0) translateY(-6px) translateZ(0) rotate(0deg) scale(1);
      -ms-transform: translateX(0) translateY(-6px) translateZ(0) rotate(0deg) scale(1);
      -moz-transform: translateX(0) translateY(-6px) translateZ(0) rotate(0deg) scale(1);
      -webkit-transform: translateX(0) translateY(-6px) translateZ(0) rotate(0deg) scale(1); }
    .xs-mobile-nav .navbar-toggler.active .icon::after {
      transform: translateX(0) translateY(0) translateZ(0) rotate(138deg) scale(1);
      -o-transform: translateX(0) translateY(0) translateZ(0) rotate(138deg) scale(1);
      -ms-transform: translateX(0) translateY(0) translateZ(0) rotate(138deg) scale(1);
      -moz-transform: translateX(0) translateY(0) translateZ(0) rotate(138deg) scale(1);
      -webkit-transform: translateX(0) translateY(0) translateZ(0) rotate(138deg) scale(1); }
    .xs-mobile-nav .navbar-toggler.active .icon::before {
      transform: translateX(0) translateY(0) translateZ(0) rotate(-135deg) scale(1);
      -o-transform: translateX(0) translateY(0) translateZ(0) rotate(-135deg) scale(1);
      -ms-transform: translateX(0) translateY(0) translateZ(0) rotate(-135deg) scale(1);
      -moz-transform: translateX(0) translateY(0) translateZ(0) rotate(-135deg) scale(1);
      -webkit-transform: translateX(0) translateY(0) translateZ(0) rotate(-135deg) scale(1); }
    .xs-mobile-nav .navbar-toggler.active .icon::after,
    .xs-mobile-nav .navbar-toggler.active .icon::before {
      background-color: #fff; }
    .xs-mobile-nav .navbar-toggler.active .icon {
      background-color: transparent; }
    .xs-mobile-nav .navbar-toggler:focus {
      outline: 0 !important; }
    .xs-mobile-nav .strict {
      background-color: rgba(0, 0, 0, 0.9);
      padding-bottom: 65px; }
    .xs-mobile-nav .navbar-toggler {
      padding: 15px;
      margin-right: 15px;
      margin-left: 40px;
      margin-top: 30px;
      z-index: 1000;
      -webkit-transition: all 0.4s ease-out;
      -moz-transition: all 0.4s ease-out;
      -o-transition: all 0.4s ease-out;
      -ms-transition: all 0.4s ease-out;
      transition: all 0.4s ease-out;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      display: block; }
    .xs-mobile-nav .navbar-header .navbar-toggler .icon-bar {
      background-color: #0bceaf;
      -webkit-transition: all 0.4s ease-out;
      -moz-transition: all 0.4s ease-out;
      -o-transition: all 0.4s ease-out;
      -ms-transition: all 0.4s ease-out;
      transition: all 0.4s ease-out;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
    .xs-mobile-nav .navbar-header .navbar-toggler.active .icon-bar {
      background-color: #fff; }
    .xs-mobile-nav .overlay {
      position: fixed;
      display: none;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-color: rgba(0, 0, 0, 0.8);
      z-index: 3; }
    .xs-mobile-nav .overlay.active {
      display: block; }
    .xs-mobile-nav .navbar-collapse {
      position: fixed;
      top: 0;
      bottom: 0;
      width: 320px;
      left: 0;
      z-index: 990;
      margin-top: 0px;
      padding: 0;
      background-color: black;
      transform: translateX(-100%) translateY(0) translateZ(0) rotate(0deg) scale(1);
      -o-transform: translateX(-100%) translateY(0) translateZ(0) rotate(0deg) scale(1);
      -ms-transform: translateX(-100%) translateY(0) translateZ(0) rotate(0deg) scale(1);
      -moz-transform: translateX(-100%) translateY(0) translateZ(0) rotate(0deg) scale(1);
      -webkit-transform: translateX(-100%) translateY(0) translateZ(0) rotate(0deg) scale(1);
      -webkit-transition: all 0.4s ease-out;
      -moz-transition: all 0.4s ease-out;
      -o-transition: all 0.4s ease-out;
      -ms-transition: all 0.4s ease-out;
      transition: all 0.4s ease-out;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      overflow-y: none; }
    .xs-mobile-nav .navbar-collapse .nav {
      margin-top: 75px;
      border-top: 1px solid;
      border-top-color: rgba(255, 255, 255, 0.1);
      padding: 20px; }
    .xs-mobile-nav .navbar-collapse .nav li {
      text-align: center;
      margin-bottom: 0px;
      width: 100%;
      display: block;
      -webkit-transition: all 0.4s ease-out;
      -moz-transition: all 0.4s ease-out;
      -o-transition: all 0.4s ease-out;
      -ms-transition: all 0.4s ease-out;
      transition: all 0.4s ease-out;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      transform: translate3d(-20px, -10px, 0); }
    .xs-mobile-nav .navbar-collapse .nav li span {
      background-color: transparent;
      text-transform: uppercase;
      font-size: 17px;
      line-height: 26px; }
    .xs-mobile-nav .navbar-collapse .nav li span:hover {
      color: white !important;
      background: transparent; }
    .xs-mobile-nav .navbar-collapse .nav li span.active {
      color: #fff; }
    .xs-mobile-nav .navbar-collapse .nav li.active {
      color: #fff; }
    .xs-mobile-nav .navbar-collapse.active {
      transform: translateX(0) translateY(0) translateZ(0) rotate(0deg) scale(1);
      -o-transform: translateX(0) translateY(0) translateZ(0) rotate(0deg) scale(1);
      -ms-transform: translateX(0) translateY(0) translateZ(0) rotate(0deg) scale(1);
      -moz-transform: translateX(0) translateY(0) translateZ(0) rotate(0deg) scale(1);
      -webkit-transform: translateX(0) translateY(0) translateZ(0) rotate(0deg) scale(1); }
    .xs-mobile-nav .collapse.in {
      background-color: rgba(0, 0, 0, 0.9); }
    .xs-mobile-nav .navbar-dark .navbar-toggler {
      border-color: transparent; }
    .xs-mobile-nav .navbar-dark .navbar-toggler-icon {
      background-image: inherit; }

  .home .header-info {
    padding: 0; }

  .header {
    padding: 10px 0; }

  .home-padding {
    padding: 100px 0; }

  .about .about-inner {
    padding-left: 5px; }

  .home .header-info h2 {
    font-size: 42px;
    font-weight: 700;
    line-height: 54px; }
  .home .header-info h4 {
    font-size: 20px;
    line-height: 24px; }

  .nav {
    padding: 0; }

  .professional-skills {
    padding-left: 0; }

  .skills .professional-skill {
    padding-right: 0; }

  .home .header-info .promo {
    margin-bottom: 20px; }

  .nav-strict .navbar-toggler {
    margin-top: 0px; }

  .footer-3 .footer-address .address-footer-item .each-info {
    padding-left: 20px; }

  .blog-sidebar .social-icon li {
    margin-right: 2px; }

  .xs-mobile-nav .navbar-nav {
    padding-top: 80px;
    padding-right: 20px; } }
@media only screen and (max-width: 768px) {
  .md-column-reverse {
    display: flex;
    flex-direction: column-reverse; }

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

  .blog-form-inner {
    padding: 10px; }

  .blog .blog-item .blog-inner {
    padding: 0px; }

  .blog-next-prev-post {
    text-align: center !important;
    margin: 10px 0; }

  .blog .blog-item img {
    margin-bottom: 30px;
    margin: 0 auto;
    float: none;
    text-align: center;
    margin-bottom: 20px;
    width: 100%; }

  .blog .blog-item h2 {
    margin-bottom: 14px;
    font-weight: bold;
    font-size: 18px;
    line-height: 30px; }

  .experince h3 {
    margin-bottom: 30px; }

  .work h3 {
    margin-bottom: 30px;
    margin-top: 30px; }

  .work {
    padding-left: 0; }

  .education {
    padding-right: 0; }

  .skills .professional-skill h3 {
    margin-bottom: 30px; }

  .professional-skills h3 {
    margin-top: 30px;
    margin-bottom: 30px; }

  .about .about-inner {
    margin-top: 40px; }

  .footer-address .address-footer-item .each-icon .fae {
    width: 70px;
    height: 70px;
    line-height: 70px; }

  .home-2 .header-info ul.home-contact li {
    display: inline-block;
    margin: 10px 15px;
    width: 40%;
    text-align: left; }

  .testimonial .client-item {
    padding: 30px 10px; }

  .home-2 .header-info .about-tag {
    width: 100%; }

  .blog .blog-item .blog-inner {
    text-align: left; }

  .single-comment {
    margin: 0 auto;
    text-align: center;
    display: block;
    margin-top: 30px; }
    .single-comment img {
      margin-bottom: 20px; }

  .blog .blog-item .blog-inner {
    text-align: right;
    padding: 0 12px; } }
@media only screen and (max-width: 575px) {
  .xs-column-reverse {
    display: flex;
    flex-direction: column-reverse; }

  .header {
    padding: 0; }

  .home-padding {
    padding: 100px 0; }

  .home .hero-img {
    margin-bottom: 30px; }

  .home .header-info {
    padding: 0;
    text-align: center;
    margin-top: 40px; }

  .about .about-inner {
    padding-left: 5px;
    text-align: center;
    margin: 30px 15px; }

  .skills .professional-skill {
    padding-right: 0;
    padding: 0 15px; }

  .experince h3 {
    margin-bottom: 30px;
    text-align: center; }

  .education {
    margin-bottom: 30px;
    padding-right: 0; }

  .work {
    padding-left: 0;
    margin-bottom: 30px; }

  .portfolio-nav ul li {
    margin-bottom: 20px; }

  .skills .professional-skill {
    margin-bottom: 50px; }

  .section-separator {
    padding: 30px 0; }

  .home .header-info .promo {
    margin-bottom: 20px; }

  .featured-project-content {
    margin-top: 40px;
    text-align: center; }

  .featured-project .featured-item .featured-project-content p {
    text-align: center; }

  .service .service-item {
    margin-bottom: 20px; }

  .social-icon {
    display: block;
    margin: 0 auto;
    float: none;
    text-align: center; }

  .social-icon li {
    list-style: none;
    float: none;
    text-align: center;
    display: inline-block;
    margin-bottom: 0px;
    margin-right: 4px;
    margin-left: 4px; }

  .text-left.text-xs-center {
    text-align: center !important; } }
@media only screen and (max-width: 420px) {
  .home .img-border {
    height: 280px;
    width: 280px; }

}

/* FONTAWESOME BASE CLASS */
.fae {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.fae-5x {
  font-size: 5em;
}

/* FLAGS */

.flag-icon {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  position: relative;
  display: inline-block;
  width: 1.33333333em;
  line-height: 1em;
}

.link-underline:hover {
  text-decoration: underline !important;
}

.word-break {
  word-break: break-all;
}

.about-img {
  display: none;
}

@media (min-width: 992px) {
  .about-img {
    display: flex;
  }
}