@charset "UTF-8";
:root {
  --primary-color: #0D59DD;
  --secondary-color: #00205b;
  --tertiary-color: #24252F;
  --blue: #00205b;
  --text: #3A3A3E;
}

body#errorpage .errors {
  min-height: 90vh;
  display: flex;
  justify-content: center;
  align-items: center;
}
body#errorpage .errors .container {
  text-align: center;
}
body#errorpage .errors .container h3 {
  font-size: 200px;
  line-height: 1em;
  margin: 0;
  color: var(--dark-typography-color);
}
body#errorpage .errors .container h4 {
  font-size: 44px;
  line-height: 1em;
  margin: 0;
  color: var(--dark-typography-color);
}
body#errorpage .errors .container p {
  font-size: 24px;
  margin: 10px 0 30px 0;
  color: var(--dark-typography-color);
}

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

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: "";
  content: none;
}

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

img {
  max-width: 100%;
}

a {
  text-decoration: none;
}

input {
  border: 0px;
}

button {
  border: 0px;
  background: transparent;
}

em {
  font-style: normal;
}

a {
  color: inherit;
}

form {
  font-size: 0;
}

textarea {
  border: 0px;
  padding: 0px;
  margin: 0px;
  resize: none;
}

.text h1 {
  display: block;
  font-size: 2em;
  margin-block-start: 0.67em;
  margin-block-end: 0.67em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  font-weight: bold;
}
.text h2 {
  font-size: 1.5em;
  display: block;
  font-size: 1.5em;
  margin-block-start: 0.83em;
  margin-block-end: 0.83em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  font-weight: bold;
}
.text h3 {
  display: block;
  font-size: 1.17em;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  font-weight: bold;
}
.text h4 {
  font-size: 1em;
  display: block;
  margin-block-start: 1.33em;
  margin-block-end: 1.33em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  font-weight: bold;
}
.text h5 {
  display: block;
  font-size: 0.83em;
  margin-block-start: 1.67em;
  margin-block-end: 1.67em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  font-weight: bold;
}
.text h6 {
  display: block;
  font-size: 0.67em;
  margin-block-start: 2.33em;
  margin-block-end: 2.33em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  font-weight: bold;
}
.text pre {
  display: block;
  font-family: monospace;
  white-space: pre;
  margin: 1em 0px;
}
.text sup {
  vertical-align: super;
  font-size: smaller;
}
.text sub {
  vertical-align: sub;
  font-size: smaller;
}
.text code {
  font-family: monospace;
}

@font-face {
  font-family: "Avenir Next LT Pro";
  src: url(/fonts/AvenirNextLTPro-Regular.eot?bd7056935a2cca895cb8408b92b59475);
  src: url(/fonts/AvenirNextLTPro-Regular.eot?bd7056935a2cca895cb8408b92b59475?#iefix) format("embedded-opentype"), url(/fonts/AvenirNextLTPro-Regular.woff2?04ec2518e547a1cce1ab21c41208e88b) format("woff2"), url(/fonts/AvenirNextLTPro-Regular.woff?d3a976bfc1a4e4b09718b64bd13bbfe6) format("woff"), url(/fonts/AvenirNextLTPro-Regular.ttf?e0958e347b1034021a7c02ceaf50ec6a) format("truetype"), url(/fonts/AvenirNextLTPro-Regular.svg?9de3cea836b35b95bc9df6d92d8d7908#AvenirNextLTPro-Regular) format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Avenir Next LT Pro";
  src: url(/fonts/AvenirNextLTPro-Bold.eot?6a9f9407fa59a4f263ecdbbd46a03fbf);
  src: url(/fonts/AvenirNextLTPro-Bold.eot?6a9f9407fa59a4f263ecdbbd46a03fbf?#iefix) format("embedded-opentype"), url(/fonts/AvenirNextLTPro-Bold.woff2?d6664a0fafd036ca6304143363e586d5) format("woff2"), url(/fonts/AvenirNextLTPro-Bold.woff?a257dd54e77949f8a6365120754b48ab) format("woff"), url(/fonts/AvenirNextLTPro-Bold.ttf?f6b016afbb4d8bd077ca27c67d51aff4) format("truetype"), url(/fonts/AvenirNextLTPro-Bold.svg?85c2b5267d80977ec45cd360efa85744#AvenirNextLTPro-Bold) format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
body h1, body h2, body h3, body h4, body h5, body a {
  font-family: "Avenir Next LT Pro", sans-serif;
}
body * {
  font-family: "Roboto", sans-serif;
}

h2, h3, h4, h5 {
  line-height: 1.1;
}

p, ol, li {
  line-height: 1.2;
}

h2 {
  font-size: 44px;
}
@media screen and (max-width: 1366px) {
  h2 {
    font-size: 38px;
  }
}
@media screen and (max-width: 991px) {
  h2 {
    font-size: 28px;
  }
}

h3 {
  font-size: 32px;
  margin-bottom: 10px;
}
@media screen and (max-width: 1366px) {
  h3 {
    font-size: 28px;
  }
}
@media screen and (max-width: 991px) {
  h3 {
    font-size: 24px;
  }
}

h4 {
  font-size: 26px;
  margin-bottom: 10px;
}
@media screen and (max-width: 1366px) {
  h4 {
    font-size: 22px;
  }
}
@media screen and (max-width: 991px) {
  h4 {
    font-size: 18px;
  }
}

h5 {
  font-size: 22px;
  margin-bottom: 10px;
}
@media screen and (max-width: 1366px) {
  h5 {
    font-size: 18px;
  }
}
@media screen and (max-width: 991px) {
  h5 {
    font-size: 16px;
  }
}

p, a, li {
  font-size: 18px;
  line-height: 1.4;
}
@media screen and (max-width: 1366px) {
  p, a, li {
    font-size: 16px;
  }
}

input, select, textarea, button {
  font-size: 16px;
  line-height: 1.5;
}
@media screen and (max-width: 1366px) {
  input, select, textarea, button {
    font-size: 16px;
  }
}
@media screen and (max-width: 991px) {
  input, select, textarea, button {
    font-size: 14px;
  }
}

@font-face {
  font-family: "icomoon";
  src: url(/fonts/icomoon.eot?ce59a164287437ce92d92067ec7fceab);
  src: url(/fonts/icomoon.eot?ce59a164287437ce92d92067ec7fceab#iefix) format("embedded-opentype"), url(/fonts/icomoon.ttf?a1a5d55e20f388a25c5ed70b9c1b2801) format("truetype"), url(/fonts/icomoon.woff?98ddeac026c1ff8126c073ee6125a751) format("woff"), url(/fonts/icomoon.svg?ab968ce5d76582bda16cf254ea20f759#icomoon) format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
[class^=icon-], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@font-face {
  font-family: "icomoon";
  src: url(/fonts/icomoon.eot?ce59a164287437ce92d92067ec7fceab);
  src: url(/fonts/icomoon.eot?ce59a164287437ce92d92067ec7fceab#iefix) format("embedded-opentype"), url(/fonts/icomoon.ttf?a1a5d55e20f388a25c5ed70b9c1b2801) format("truetype"), url(/fonts/icomoon.woff?98ddeac026c1ff8126c073ee6125a751) format("woff"), url(/fonts/icomoon.svg?ab968ce5d76582bda16cf254ea20f759#icomoon) format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
[class^=icon-],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-arrow-right:before {
  content: "\e900";
}

.icon-arrow-left:before {
  content: "\e901";
}

.icon-tick:before {
  content: "\e902";
}

.icon-calendar1:before {
  content: "\e903";
}

.icon-calendar:before {
  content: "\e904";
}

.icon-linkedin:before {
  content: "\e905";
}

.icon-instagram:before {
  content: "\e906";
}

.icon-whatsapp:before {
  content: "\e907";
}

.icon-youtube:before {
  content: "\e908";
}

.icon-twitter:before {
  content: "\e909";
}

.icon-facebook:before {
  content: "\e90a";
}

.icon-pin:before {
  content: "\e90b";
}

.icon-user:before {
  content: "\e90c";
}

.icon-close:before {
  content: "\e90d";
}

.icon-search:before {
  content: "\e90e";
}

.icon-menu:before {
  content: "\e90f";
}

.icon-add:before {
  content: "\e910";
}

.icon-up:before {
  content: "\e911";
}

.icon-right:before {
  content: "\e912";
}

.icon-left:before {
  content: "\e913";
}

.icon-down:before {
  content: "\e914";
}

.icon-phone:before {
  content: "\e915";
}

.icon-mail:before {
  content: "\e916";
}

.icon-spotify:before {
  content: "\e917";
}

.icon-download:before {
  content: "\e918";
}

.icon-eye:before {
  content: "\e9ce";
}

.icon-arrow-down:before {
  content: "\ea36";
}

.icon-skype:before {
  content: "\eac5";
}

.icon-check:before {
  content: "\f058";
}

.icon-submenu:before {
  content: "\f142";
}

.icon-cart-plus:before {
  content: "\e91a";
}

.icon-sign-out:before {
  content: "\e919";
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* Slider */
.slick-loading .slick-list {
  background: #fff url(/images/ajax-loader.gif?eb723adbb6d316d2e90205c4a4a5191a) center center no-repeat;
}

/* Icons */
@font-face {
  font-family: "slick";
  src: url(/fonts/slick.eot?a4e97f5a2a64f0ab132323fbeb33ae29);
  src: url(/fonts/slick.eot?a4e97f5a2a64f0ab132323fbeb33ae29?#iefix) format("embedded-opentype"), url(/fonts/slick.woff?295183786cd8a138986521d9f388a286) format("woff"), url(/fonts/slick.ttf?c94f7671dcc99dce43e22a89f486f7c2) format("truetype"), url(/fonts/slick.svg?2630a3e3eab21c607e21576571b95b9d#slick) format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}
[dir=rtl] .slick-prev {
  left: auto;
  right: -25px;
}
.slick-prev:before {
  content: "←";
}
[dir=rtl] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: -25px;
}
[dir=rtl] .slick-next {
  left: -25px;
  right: auto;
}
.slick-next:before {
  content: "→";
}
[dir=rtl] .slick-next:before {
  content: "←";
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}

.contact {
  position: relative;
}
.contact .post-send {
  position: absolute;
  z-index: 11;
  left: 0;
  top: 0;
  width: 0%;
  height: 0%;
  display: none;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 50px;
  text-align: center;
  background: rgba(255, 255, 255, 0.5);
  -webkit-backdrop-filter: blur(7px);
          backdrop-filter: blur(7px);
  overflow: hidden;
}
.contact .post-send__btns {
  margin-top: 15px;
}
.contact .post-send__btns a:nth-child(2) {
  margin-left: 10px;
}
@media screen and (max-width: 991px) {
  .contact .post-send__btns a:nth-child(2) {
    margin-left: 0;
  }
}
.contact .post-send p {
  font-size: 24px;
  line-height: 1.25em;
  color: var(--dark-typography-color);
}
.contact .post-send p strong {
  color: inherit;
  display: block;
  font-size: inherit;
}
@media screen and (max-width: 991px) {
  .contact .post-send p {
    font-size: 20px;
  }
}
.contact.sucess .post-send, .contact.onError .post-send {
  display: flex;
  width: 100%;
  height: 100%;
}
.contact .spinner {
  content: "";
  display: block !important;
  position: absolute;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  width: 0px;
  height: 0px;
  z-index: 9999;
  top: 50%;
  left: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.25s cubic-bezier(0.52, 0.04, 0, 1.01);
  overflow: hidden;
}
.contact .spinner svg {
  width: 100%;
  height: auto;
}
.contact:after {
  content: "";
  display: block !important;
  position: absolute;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  width: 0px;
  height: 0px;
  top: 0;
  left: 0;
  transition: all 0.25s cubic-bezier(0.52, 0.04, 0, 1.01);
  background: rgba(255, 255, 255, 0.5);
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
}
.contact.submiting .spinner {
  width: 60px;
  height: 60px;
}
.contact.submiting:after {
  width: 100%;
  height: 100%;
}
.contact.sucess .spinner {
  width: 0px;
  height: 0px;
}
.contact.sucess:after {
  width: 100%;
  height: 100%;
}
.contact.error:before {
  width: 0px;
  height: 0px;
}

@media screen and (max-width: 991px) {
  .form {
    padding: 25px 0px;
  }
}
.form :focus {
  outline: none;
}
.form form {
  padding: 10px 0;
}
@media screen and (max-width: 991px) {
  .form form {
    padding: 25px 15px;
  }
}
.form .form__component {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  transition: all 0.25s cubic-bezier(0.52, 0.04, 0, 1.01);
}
.form .form__component input,
.form .form__component textarea,
.form .form__component select {
  padding: 8px 15px;
  width: 100%;
  color: rgba(0, 0, 0, 0.9);
  border: none;
  border-bottom: 3px solid #ecf0f3;
  background: #ecf0f3;
  border-radius: 5px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-weight: 400;
  font-size: 16px;
}
.form .form__component input::-moz-placeholder, .form .form__component textarea::-moz-placeholder, .form .form__component select::-moz-placeholder {
  color: rgba(0, 0, 0, 0.65);
}
.form .form__component input::placeholder,
.form .form__component textarea::placeholder,
.form .form__component select::placeholder {
  color: rgba(0, 0, 0, 0.65);
}
.form .form__component input.error,
.form .form__component textarea.error,
.form .form__component select.error {
  border-color: red !important;
}
.form .form__component input.pildora,
.form .form__component textarea.pildora,
.form .form__component select.pildora {
  border-radius: 50px;
}
.form .form__component input[disabled],
.form .form__component textarea[disabled],
.form .form__component select[disabled] {
  cursor: no-drop;
}
.form .form__component.row {
  margin: 0 !important;
}
.form .form__component label.error {
  font-size: 14px;
  width: 100%;
  text-align: left;
  margin: 7px 5px 5px 5px;
  display: block;
  color: red;
}
.form .form__component textarea {
  min-height: 100px;
}
.form .form__component textarea.pildora {
  border-radius: 15px;
}
.form .form__component input[type=date] {
  font-size: 17px;
  padding: 8px 15px;
  height: 43px;
}
.form .form__component input[type=date]::-webkit-inner-spin-button, .form .form__component input[type=date]::-webkit-calendar-picker-indicator {
  display: none;
  -webkit-appearance: none;
}
.form .form__component i.icon-down {
  pointer-events: none;
}
.form .form__component i.icon.icon-calendar {
  position: absolute;
  right: 20px;
  top: 47%;
  transform: translateY(-50%);
  color: white;
  font-size: 20px;
  opacity: 0.4;
}
.form .form__component .recaptcha__container {
  padding: 25px 0;
  display: none;
}
.form .form__component fieldset {
  padding: 5px;
}
.form .form__component fieldset .error {
  border-color: red !important;
}
.form .form__component .hidden {
  display: none;
}
.form option[value=""][disabled] {
  color: #b5b7bb;
}
.form .btn__content {
  width: 100%;
}
@media screen and (max-width: 991px) {
  .form .btn__content {
    padding: 0 !important;
  }
}
.form .btn__content button {
  cursor: pointer;
  width: 100%;
  margin-top: 0;
}

fieldset.hidden {
  display: none;
}
fieldset.hidden.enabled {
  display: block !important;
}

.file div {
  padding: 35px 10px 25px 10px;
  position: relative;
  background: transparent;
  color: white;
  border: 2px dashed rgba(255, 255, 255, 0.3);
  text-align: center;
}
.file div .icon {
  border-radius: 50%;
  border: 2px solid #ccc;
  color: #ccc;
  font-size: 28px;
  width: 40px;
  height: 40px;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin: 0 auto;
}
.file div p {
  padding-top: 10px;
}
.file div label {
  text-align: center !important;
  margin: 10px 0 0 0 !important;
}
.file input {
  cursor: pointer;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.1)";
  filter: alpha(opacity=0.1);
  -moz-opacity: 0.001;
  -khtml-opacity: 0.001;
  opacity: 0.001;
  position: absolute;
  left: 0px;
  top: 0px;
  height: 100%;
  width: 100%;
}
.file .selected-file {
  color: var(--primary-color);
}

.g-recaptcha,
.grecaptcha-badge {
  display: none !important;
}

.select {
  position: relative;
}
.select i {
  font-size: 20px;
  position: absolute;
  right: 10px;
  top: 26px;
  opacity: 0.6;
}

html {
  box-sizing: border-box;
  -ms-overflow-style: scrollbar;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

.container, .container-fluid {
  width: 100%;
  padding-right: 20px;
  padding-left: 20px;
  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;
  }
}
@media (min-width: 1450px) {
  .container {
    max-width: 1366px;
  }
}
.container-fluid {
  width: 100%;
  padding-right: 20px;
  padding-left: 20px;
  margin-right: auto;
  margin-left: auto;
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -20px;
  margin-left: -20px;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .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-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .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-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .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-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .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-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto, .col-lg-25, .col-25, .col-md-25, .col-xl-25, .col-sm-25 {
  position: relative;
  width: 100%;
  padding-right: 20px;
  padding-left: 20px;
}

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}

.col-1 {
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}

.col-2 {
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}

.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

.col-5 {
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}

.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}

.col-8 {
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}

.col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}

.col-11 {
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
}

.col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

.col-25 {
  flex: 0 0 20%;
  max-width: 20%;
}

.col-18 {
  flex: 0 0 12.5%;
  max-width: 12.5%;
}

.col-14 {
  flex: 0 0 14.28%;
  max-width: 14.28%;
}

@media (min-width: 576px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-sm-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-sm-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-sm-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-sm-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-sm-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .col-sm-25 {
    flex: 0 0 20%;
    max-width: 20%;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-md-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-md-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-md-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-md-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-md-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .col-md-25 {
    flex: 0 0 20%;
    max-width: 20%;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-lg-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-lg-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-lg-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-lg-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-lg-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .col-lg-25 {
    flex: 0 0 20%;
    max-width: 20%;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-xl-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-xl-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-xl-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-xl-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-xl-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .col-xl-25 {
    flex: 0 0 20%;
    max-width: 20%;
  }
}
#search {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  background: rgba(23, 69, 186, 0.8);
  background: linear-gradient(160deg, rgba(23, 69, 186, 0.95) 0%, rgba(8, 28, 105, 0.95) 100%);
  z-index: -1;
  opacity: 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 50px;
  padding-top: 80px;
  transition: 0.3s;
  transform: translateY(-25px);
}
#search.open__search {
  z-index: 9999999999;
  opacity: 1;
  transform: translateY(0px);
}
#search .search-title {
  text-align: left;
  margin-bottom: 15px;
  margin-top: 30px;
}
#search .search-title h4 {
  color: white;
  font-weight: 500;
}
#search .search-bar {
  position: relative;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
  padding: 12px 80px 10px 20px;
  width: 768px;
}
#search .search-bar:hover input::-moz-placeholder {
  color: white;
}
#search .search-bar:hover .icon-search, #search .search-bar:hover input::placeholder {
  color: white;
}
#search .search-bar input {
  font-size: 40px;
  width: 100%;
  background: transparent;
  outline: none;
  color: white;
  margin-top: -5px;
  font-weight: 300;
}
#search .search-bar input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.75);
  -moz-transition: 0.2s;
  transition: 0.2s;
}
#search .search-bar input::placeholder {
  color: rgba(255, 255, 255, 0.75);
  transition: 0.2s;
}
#search .search-bar .icon-search {
  position: absolute;
  right: 20px;
  top: 20px;
  font-size: 30px;
  color: rgba(255, 255, 255, 0.75);
  transition: 0.2s;
}
@media screen and (max-width: 767px) {
  #search .search-bar {
    width: 90%;
    padding: 10px 35px 10px 15px;
  }
  #search .search-bar input {
    font-size: 24px;
    padding-right: 0;
    margin-top: 0;
  }
  #search .search-bar .icon-search {
    font-size: 24px;
    top: 8px;
  }
}
#search .close {
  position: absolute;
  right: 20px;
  top: 20px;
  width: 30px;
  height: 30px;
  cursor: pointer;
}
@media screen and (max-width: 991px) {
  #search .close {
    right: 21px;
    top: 27px;
    width: 30px;
    height: 28px;
  }
}
#search .close:before, #search .close:after {
  content: "";
  position: absolute;
  width: 3px;
  height: 100%;
  top: 0;
  left: 50%;
  border-radius: 3px;
  background: #f5e1e4;
  transition: 0.3s;
}
#search .close:hover:before, #search .close:hover:after {
  background: white;
}
#search .close:before {
  transform: rotate(45deg);
}
#search .close:after {
  transform: rotate(-45deg);
}
#search .search-results {
  margin-top: 30px;
}
@media screen and (max-width: 991px) {
  #search .search-results {
    margin-top: 15px;
  }
}
#search .search-results h2 {
  width: 100%;
  color: white;
  font-size: 18px;
  margin: 10px 0;
}
#search .search-results__row__item a {
  padding: 20px;
  background: white;
  border-radius: 5px;
  margin: 0 0 30px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.3s;
  line-height: 1.3em;
}
@media screen and (max-width: 991px) {
  #search .search-results__row__item a {
    margin: 0 0 15px 0;
  }
}
#search .search-results__row__item a:hover {
  background: rgba(255, 255, 255, 0.8);
}
#search .search-results__row__item a div {
  width: 100%;
  text-align: left;
}
#search .search-results__row__item a .row span {
  font-size: 20px;
}
#search .search-results__row__item a img {
  padding-right: 0;
}

.lds-ripple {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
  margin: 80px auto;
}

.lds-ripple div {
  position: absolute;
  border: 4px solid #999;
  opacity: 1;
  border-radius: 50%;
  animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}

.lds-ripple div:nth-child(2) {
  animation-delay: -0.5s;
}

@keyframes lds-ripple {
  0% {
    top: 28px;
    left: 28px;
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    top: -1px;
    left: -1px;
    width: 58px;
    height: 58px;
    opacity: 0;
  }
}
/* required styles */
.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
  position: absolute;
  left: 0;
  top: 0;
}

.leaflet-container {
  overflow: hidden;
}

.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
}

/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
.leaflet-safari .leaflet-tile {
  image-rendering: -webkit-optimize-contrast;
}

/* hack that prevents hw layers "stretching" when loading new tiles */
.leaflet-safari .leaflet-tile-container {
  width: 1600px;
  height: 1600px;
  -webkit-transform-origin: 0 0;
}

.leaflet-marker-icon,
.leaflet-marker-shadow {
  display: block;
}

/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container .leaflet-overlay-pane svg,
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer {
  max-width: none !important;
}

.leaflet-container.leaflet-touch-zoom {
  touch-action: pan-x pan-y;
}

.leaflet-container.leaflet-touch-drag {
  -ms-touch-action: pinch-zoom;
}

.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
  touch-action: none;
}

.leaflet-tile {
  filter: inherit;
  visibility: hidden;
}

.leaflet-tile-loaded {
  visibility: inherit;
}

.leaflet-zoom-box {
  width: 0;
  height: 0;
  box-sizing: border-box;
  z-index: 800;
}

/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
  -moz-user-select: none;
}

.leaflet-pane {
  z-index: 400;
}

.leaflet-tile-pane {
  z-index: 200;
}

.leaflet-overlay-pane {
  z-index: 400;
}

.leaflet-shadow-pane {
  z-index: 500;
}

.leaflet-marker-pane {
  z-index: 600;
}

.leaflet-tooltip-pane {
  z-index: 650;
}

.leaflet-popup-pane {
  z-index: 700;
}

.leaflet-map-pane canvas {
  z-index: 100;
}

.leaflet-map-pane svg {
  z-index: 200;
}

.leaflet-vml-shape {
  width: 1px;
  height: 1px;
}

.lvml {
  behavior: url(#default#VML);
  display: inline-block;
  position: absolute;
}

/* control positioning */
.leaflet-control {
  position: relative;
  z-index: 800;
  pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
  pointer-events: auto;
}

.leaflet-top,
.leaflet-bottom {
  position: absolute;
  z-index: 1000;
  pointer-events: none;
}

.leaflet-top {
  top: 0;
}

.leaflet-right {
  right: 0;
}

.leaflet-bottom {
  bottom: 0;
}

.leaflet-left {
  left: 0;
}

.leaflet-control {
  float: left;
  clear: both;
}

.leaflet-right .leaflet-control {
  float: right;
}

.leaflet-top .leaflet-control {
  margin-top: 10px;
}

.leaflet-bottom .leaflet-control {
  margin-bottom: 10px;
}

.leaflet-left .leaflet-control {
  margin-left: 10px;
}

.leaflet-right .leaflet-control {
  margin-right: 10px;
}

/* zoom and fade animations */
.leaflet-fade-anim .leaflet-tile {
  will-change: opacity;
}

.leaflet-fade-anim .leaflet-popup {
  opacity: 0;
  transition: opacity 0.2s linear;
}

.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
  opacity: 1;
}

.leaflet-zoom-animated {
  transform-origin: 0 0;
}

.leaflet-zoom-anim .leaflet-zoom-animated {
  will-change: transform;
}

.leaflet-zoom-anim .leaflet-zoom-animated {
  transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1);
}

.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
  transition: none;
}

.leaflet-zoom-anim .leaflet-zoom-hide {
  visibility: hidden;
}

/* cursors */
.leaflet-interactive {
  cursor: pointer;
}

.leaflet-grab {
  cursor: -moz-grab;
}

.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
  cursor: crosshair;
}

.leaflet-popup-pane,
.leaflet-control {
  cursor: auto;
}

.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
  cursor: move;
  cursor: -moz-grabbing;
}

/* marker & overlays interactivity */
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
  pointer-events: none;
}

.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive {
  pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
  pointer-events: auto;
}

/* visual tweaks */
.leaflet-container {
  background: #ddd;
  outline: 0;
}

.leaflet-container a {
  color: #0078A8;
}

.leaflet-container a.leaflet-active {
  outline: 2px solid orange;
}

.leaflet-zoom-box {
  border: 2px dotted #38f;
  background: rgba(255, 255, 255, 0.5);
}

/* general typography */
.leaflet-container {
  font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
}

/* general toolbar styles */
.leaflet-bar {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
  border-radius: 4px;
}

.leaflet-bar a,
.leaflet-bar a:hover {
  background-color: #fff;
  border-bottom: 1px solid #ccc;
  width: 26px;
  height: 26px;
  line-height: 26px;
  display: block;
  text-align: center;
  text-decoration: none;
  color: black;
}

.leaflet-bar a,
.leaflet-control-layers-toggle {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  display: block;
}

.leaflet-bar a:hover {
  background-color: #f4f4f4;
}

.leaflet-bar a:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.leaflet-bar a:last-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom: none;
}

.leaflet-bar a.leaflet-disabled {
  cursor: default;
  background-color: #f4f4f4;
  color: #bbb;
}

.leaflet-touch .leaflet-bar a {
  width: 30px;
  height: 30px;
  line-height: 30px;
}

/* zoom control */
.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
  font: bold 18px "Lucida Console", Monaco, monospace;
  text-indent: 1px;
}

.leaflet-control-zoom-out {
  font-size: 20px;
}

.leaflet-touch .leaflet-control-zoom-in {
  font-size: 22px;
}

.leaflet-touch .leaflet-control-zoom-out {
  font-size: 24px;
}

/* layers control */
.leaflet-control-layers {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
  background: #fff;
  border-radius: 5px;
}

.leaflet-control-layers-toggle {
  width: 36px;
  height: 36px;
}

.leaflet-retina .leaflet-control-layers-toggle {
  background-size: 26px 26px;
}

.leaflet-touch .leaflet-control-layers-toggle {
  width: 44px;
  height: 44px;
}

.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
  display: none;
}

.leaflet-control-layers-expanded .leaflet-control-layers-list {
  display: block;
  position: relative;
}

.leaflet-control-layers-expanded {
  padding: 6px 10px 6px 6px;
  color: #333;
  background: #fff;
}

.leaflet-control-layers-scrollbar {
  overflow-y: scroll;
  padding-right: 5px;
}

.leaflet-control-layers-selector {
  margin-top: 2px;
  position: relative;
  top: 1px;
}

.leaflet-control-layers label {
  display: block;
}

.leaflet-control-layers-separator {
  height: 0;
  border-top: 1px solid #ddd;
  margin: 5px -10px 5px -6px;
}

/* Default icon URLs */
/* attribution and scale controls */
.leaflet-container .leaflet-control-attribution {
  background: #fff;
  background: rgba(255, 255, 255, 0.7);
  margin: 0;
}

.leaflet-control-attribution,
.leaflet-control-scale-line {
  padding: 0 5px;
  color: #333;
}

.leaflet-control-attribution a {
  text-decoration: none;
}

.leaflet-control-attribution a:hover {
  text-decoration: underline;
}

.leaflet-container .leaflet-control-attribution,
.leaflet-container .leaflet-control-scale {
  font-size: 11px;
}

.leaflet-left .leaflet-control-scale {
  margin-left: 5px;
}

.leaflet-bottom .leaflet-control-scale {
  margin-bottom: 5px;
}

.leaflet-control-scale-line {
  border: 2px solid #777;
  border-top: none;
  line-height: 1.1;
  padding: 2px 5px 1px;
  font-size: 11px;
  white-space: nowrap;
  overflow: hidden;
  box-sizing: border-box;
  background: #fff;
  background: rgba(255, 255, 255, 0.5);
}

.leaflet-control-scale-line:not(:first-child) {
  border-top: 2px solid #777;
  border-bottom: none;
  margin-top: -2px;
}

.leaflet-control-scale-line:not(:first-child):not(:last-child) {
  border-bottom: 2px solid #777;
}

.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
  box-shadow: none;
}

.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
  border: 2px solid rgba(0, 0, 0, 0.2);
  background-clip: padding-box;
}

/* popup */
.leaflet-popup {
  position: absolute;
  text-align: center;
  margin-bottom: 20px;
}

.leaflet-popup-content-wrapper {
  padding: 1px;
  text-align: left;
  border-radius: 12px;
}

.leaflet-popup-content {
  margin: 13px 19px;
  line-height: 1.4;
}

.leaflet-popup-content p {
  margin: 18px 0;
}

.leaflet-popup-tip-container {
  width: 40px;
  height: 20px;
  position: absolute;
  left: 50%;
  margin-left: -20px;
  overflow: hidden;
  pointer-events: none;
}

.leaflet-popup-tip {
  width: 17px;
  height: 17px;
  padding: 1px;
  margin: -10px auto 0;
  transform: rotate(45deg);
}

.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
  background: white;
  color: #333;
  box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4);
}

.leaflet-container a.leaflet-popup-close-button {
  position: absolute;
  top: 0;
  right: 0;
  padding: 4px 4px 0 0;
  border: none;
  text-align: center;
  width: 18px;
  height: 14px;
  font: 16px/14px Tahoma, Verdana, sans-serif;
  color: #c3c3c3;
  text-decoration: none;
  font-weight: bold;
  background: transparent;
}

.leaflet-container a.leaflet-popup-close-button:hover {
  color: #999;
}

.leaflet-popup-scrolled {
  overflow: auto;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
}

.leaflet-oldie .leaflet-popup-content-wrapper {
  zoom: 1;
}

.leaflet-oldie .leaflet-popup-tip {
  width: 24px;
  margin: 0 auto;
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
  filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
}

.leaflet-oldie .leaflet-popup-tip-container {
  margin-top: -1px;
}

.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
  border: 1px solid #999;
}

/* div icon */
.leaflet-div-icon {
  background: #fff;
  border: 1px solid #666;
}

/* Tooltip */
/* Base styles for the element that has a tooltip */
.leaflet-tooltip {
  position: absolute;
  padding: 6px;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 3px;
  color: #222;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  pointer-events: none;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}

.leaflet-tooltip.leaflet-clickable {
  cursor: pointer;
  pointer-events: auto;
}

.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
  position: absolute;
  pointer-events: none;
  border: 6px solid transparent;
  background: transparent;
  content: "";
}

/* Directions */
.leaflet-tooltip-bottom {
  margin-top: 6px;
}

.leaflet-tooltip-top {
  margin-top: -6px;
}

.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
  left: 50%;
  margin-left: -6px;
}

.leaflet-tooltip-top:before {
  bottom: 0;
  margin-bottom: -12px;
  border-top-color: #fff;
}

.leaflet-tooltip-bottom:before {
  top: 0;
  margin-top: -12px;
  margin-left: -6px;
  border-bottom-color: #fff;
}

.leaflet-tooltip-left {
  margin-left: -6px;
}

.leaflet-tooltip-right {
  margin-left: 6px;
}

.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
  top: 50%;
  margin-top: -6px;
}

.leaflet-tooltip-left:before {
  right: 0;
  margin-right: -12px;
  border-left-color: #fff;
}

.leaflet-tooltip-right:before {
  left: 0;
  margin-left: -12px;
  border-right-color: #fff;
}
@keyframes leaflet-gestures-fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.leaflet-container:after {
  animation: leaflet-gestures-fadein 0.8s backwards;
  color: #fff;
  font-family: "Roboto", Arial, sans-serif;
  font-size: 22px;
  justify-content: center;
  display: flex;
  align-items: center;
  padding: 15px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 461;
  pointer-events: none;
}

.leaflet-gesture-handling-touch-warning:after,
.leaflet-gesture-handling-scroll-warning:after {
  animation: leaflet-gestures-fadein 0.8s forwards;
}

.leaflet-gesture-handling-touch-warning:after {
  content: attr(data-gesture-handling-touch-content);
}

.leaflet-gesture-handling-scroll-warning:after {
  content: attr(data-gesture-handling-scroll-content);
}

.parallax {
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: center center;
}

.text_align_left {
  text-align: left;
}
.text_align_right {
  text-align: right;
}
.text_align_center {
  text-align: center;
}

.flex_top_left {
  justify-content: flex-start;
  align-items: flex-start;
}
.flex_top_right {
  justify-content: flex-end;
  align-items: flex-start;
}
.flex_center {
  justify-content: center;
  align-items: center;
}
.flex_bottom_left {
  align-items: flex-end;
  justify-content: flex-start;
}
.flex_bottom_right {
  justify-content: flex-end;
  align-items: flex-end;
}

.row__reverse {
  flex-direction: row-reverse;
}
@media screen and (max-width: 991px) {
  .row__reverse {
    flex-direction: column-reverse;
  }
}

.main_container {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
}

a {
  cursor: pointer;
}

.fancybox-container {
  z-index: 10000000000000000 !important;
}

.cucarda {
  position: relative;
}
.cucarda__item {
  position: absolute;
  left: 0;
  top: 10px;
  padding: 3px 15px;
  font-size: 14px;
  font-weight: 600;
}

.iframe_container {
  display: block;
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 56.25%;
}
.iframe_container iframe, .iframe_container video {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

.slick-slide {
  height: auto !important;
}

.gallery_blurred {
  position: relative;
}
.gallery_blurred::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 200px;
  height: 100%;
  background: rgb(255, 255, 255);
  background: linear-gradient(-90deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
  z-index: 1;
  pointer-events: none;
}
@media screen and (max-width: 991px) {
  .gallery_blurred::before {
    content: none;
  }
}
.gallery_blurred::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 200px;
  height: 100%;
  background: rgb(255, 255, 255);
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
  z-index: 1;
  pointer-events: none;
}
@media screen and (max-width: 991px) {
  .gallery_blurred::after {
    content: none;
  }
}

.leaflet-control-attribution {
  display: none;
}

.related_news {
  padding: 100px 0;
  background: #f8fafc;
}
@media screen and (max-width: 991px) {
  .related_news {
    padding: 50px 0;
  }
}
.related_news__item {
  margin-top: 30px;
  display: block;
}
.related_news__item:hover h4 {
  color: var(--secondary-color);
}
.related_news__item h4 {
  font-size: 20px;
  font-weight: 500;
  margin-top: 12px;
  transition: 0.2s;
}

.btn {
  padding: 13px 30px;
  color: white;
  display: inline-block;
  margin-top: 10px;
  font-weight: 600;
  text-transform: uppercase;
  transition: ease 0.3s all;
  border-radius: 10px;
  font-size: 16px;
  background: var(--primary-color);
  vertical-align: middle;
}
.btn:hover {
  background: var(--secondary-color);
  color: white;
}
.btn__outline {
  padding: 11px 30px 12px 30px;
  display: inline-block;
  font-weight: 600;
  transition: ease 0.3s all;
  text-transform: uppercase;
  background: transparent;
  color: var(--primary-color);
  border: 2px solid var(--primary-color) !important;
  font-size: 16px;
  letter-spacing: 1px;
  border-radius: 10px;
  vertical-align: middle;
  margin-top: 10px;
}
.btn__outline i {
  position: relative;
  top: 1px;
}
.btn__outline:hover {
  background: var(--primary-color);
  color: white;
}
.btn__animation {
  animation: shakeEffect 4s infinite ease-in-out;
  -webkit-animation-delay: 3s;
  -webkit-transform-origin: 50% 50%;
  -webkit-animation-iteration-count: infinite;
}

.btn.see-more {
  padding: 10px 20px;
  cursor: pointer;
  font-size: 16px;
  margin: 0 auto;
  text-align: center;
  display: inherit;
}
.btn.see-more.disabled {
  display: none;
}

header {
  padding: 30px 0 0 0;
  z-index: 99999999;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  background: transparent;
  transition: 0.2s;
  background: white !important;
  box-shadow: 0px 0px 30px rgba(36, 36, 39, 0.3);
}
@media screen and (max-width: 991px) {
  header {
    padding: 15px 0;
  }
}
header.scrolled .nav-toggle.open:hover .bar {
  background: #2F2F2F !important;
}
header a.logo img {
  width: auto !important;
  height: 65px !important;
}
header a.logo svg {
  height: 65px !important;
  width: auto !important;
}
@media screen and (max-width: 991px) {
  header a.logo svg {
    height: 45px !important;
  }
}
header .container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media (max-width: 1400px) {
  header .container {
    max-width: 100%;
  }
}
header .nav-toggle {
  display: none;
}
@media screen and (max-width: 991px) {
  header .nav-toggle {
    display: block;
    top: 25px;
    right: 15px;
    position: absolute;
    width: 40px;
    height: 30px;
    z-index: 99;
    transition: all 0.2s ease-in-out;
  }
  header .nav-toggle .bar {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 5px 7px;
    width: 27px;
    height: 3px;
    background: #2F2F2F;
    display: block;
    transition: all 0.2s ease-in-out;
    transform: translateY(0px);
    cursor: pointer;
  }
  header .nav-toggle .bar.bar-2 {
    transform: translateY(8px);
  }
  header .nav-toggle .bar.bar-3 {
    transform: translateY(16px);
  }
  header .nav-toggle.open {
    top: 35px;
    right: 15px;
  }
  header .nav-toggle.open:hover .bar {
    background: #2F2F2F !important;
  }
  header .nav-toggle.open .bar-1 {
    transform: rotate(45deg);
  }
  header .nav-toggle.open .bar-2 {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
  }
  header .nav-toggle.open .bar-3 {
    transform: rotate(-45deg);
  }
}
@media screen and (max-width: 991px) and (max-width: 1200px) {
  header .nav-toggle.open + .header__menu .social {
    display: block;
  }
}
@media screen and (max-width: 991px) {
  header .nav-toggle.open + .header__menu nav {
    display: block;
  }
}
@media screen and (max-width: 991px) {
  header#header nav {
    position: fixed;
    left: 0;
    top: 75px;
    height: 0%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    background: white;
    overflow: hidden;
    transition: 0.2s;
  }
  header#header nav.active {
    height: 100%;
    padding-top: 10px;
  }
}
header#header nav a, header#header nav .submenu {
  font-weight: 600;
  font-family: "Avenir Next LT Pro", sans-serif;
  font-size: 16px;
  color: #2F2F2F;
  position: relative;
  margin: 0 12px;
  transition: 0.2s;
  text-transform: uppercase;
}
header#header nav a:first-child, header#header nav .submenu:first-child {
  margin-left: 0;
}
@media screen and (max-width: 991px) {
  header#header nav a:first-child, header#header nav .submenu:first-child {
    margin: 0 12px;
  }
}
header#header nav a:hover, header#header nav .submenu:hover {
  color: var(--primary-color);
}
header#header nav a.active, header#header nav .submenu.active {
  color: rgba(47, 47, 47, 0.5);
}
@media screen and (max-width: 1366px) {
  header#header nav a, header#header nav .submenu {
    font-size: 16px;
  }
}
@media screen and (max-width: 991px) {
  header#header nav a, header#header nav .submenu {
    width: 90%;
    text-align: left;
    padding: 16px;
    font-size: 18px;
    border-bottom: 1px solid rgba(0, 58, 111, 0.15);
    line-height: 1em;
  }
  header#header nav a:last-child, header#header nav .submenu:last-child {
    border-bottom: 0;
  }
}
header .weather {
  margin-right: 10px;
  display: flex;
  align-items: center;
  transition: 0.2s;
  opacity: 0;
}
header .weather.active {
  opacity: 1;
}
header .weather img {
  height: 50px;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
  width: 70px;
}
header .weather span {
  font-size: 18px;
  color: var(--text);
  margin-right: 5px;
  font-family: inherit;
  display: block;
  font-weight: 600;
}
header .weather small {
  font-size: 13px;
}
header .nav__primary {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #CFD0CF;
}
@media screen and (max-width: 991px) {
  header .nav__primary {
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
  }
}
header .nav__primary__item {
  display: flex;
  align-items: center;
}
header .nav__primary__item .btn {
  margin-top: 0px;
  margin-left: 10px;
}
@media screen and (max-width: 991px) {
  header .nav__primary__item:last-child {
    display: none;
  }
}
header .nav__primary .dollar {
  opacity: 1;
  transition: 0.2s;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
}
header .nav__primary .dollar.hidden {
  opacity: 0;
}
header .nav__primary .dollar div {
  display: flex;
}
header .nav__primary .dollar div span {
  font-size: 18px;
  color: #2F2F2F;
  margin-right: 5px;
  font-family: "Avenir Next LT Pro", sans-serif;
}
header .nav__primary .dollar div span#dollar-buy, header .nav__primary .dollar div span#dollar-sale {
  font-weight: 600;
}
@media screen and (max-width: 1366px) {
  header .nav__primary .dollar div span {
    font-size: 16px;
  }
}
header .nav__primary .dollar div .dollar__item {
  margin-right: 15px;
  padding-right: 10px !important;
  border-right: 1px solid #CFD0CF;
  padding: 3px 0;
}
header .nav__primary .dollar .dollar__item {
  align-items: center;
  justify-content: center;
}
header .nav__primary .dollar .dollar__item.update {
  margin-bottom: 3px;
}
header .nav__primary .dollar .dollar__item.update span {
  font-size: 14px !important;
  display: block;
}
header .nav__primary .weather {
  margin-right: 10px;
}
header .nav__primary .weather span {
  font-size: 18px;
  color: #2F2F2F;
  margin-right: 5px;
  font-family: "Avenir Next LT Pro", sans-serif;
}
@media screen and (max-width: 1366px) {
  header .nav__primary .weather span {
    font-size: 16px;
  }
}
header .nav__primary .weather span#weather {
  font-weight: 600;
}
header .nav__primary .lang {
  display: flex;
  align-items: center;
}
header .nav__primary .lang svg {
  margin-right: 5px;
}
header .nav__primary .lang svg * {
  fill: #2F2F2F !important;
}
header .nav__primary .lang select {
  background: transparent;
  color: #2F2F2F;
  border: none;
  cursor: pointer;
}
header .nav__primary .lang select .option {
  color: var(--text);
}
header .nav__primary .btn:hover {
  color: white;
  background: var(--secondary-color);
}
header .nav__secondary {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  flex-direction: column;
  position: relative;
}
header .nav__secondary nav {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
header .nav__secondary__item {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
  justify-content: space-between;
  width: 100%;
}
@media screen and (max-width: 991px) {
  header .nav__secondary__item {
    flex-direction: column;
    width: 100%;
  }
}
header .nav__secondary__item .lang {
  display: flex;
  margin-right: 10px;
}
header .nav__secondary__item .lang select {
  margin-left: 5px;
  border: none;
  color: #2F2F2F;
  background-color: transparent;
  cursor: pointer;
}
header .nav__secondary__item .lang select option {
  color: var(--text);
}
header .social {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 991px) {
  header .social {
    margin: 0;
    padding: 0;
    justify-content: center;
    width: 100%;
    border: none;
  }
}
header .social a {
  margin: 0 0 0 8px !important;
  transition: 0.1s;
  width: 30px !important;
  height: 30px !important;
  padding: 0 !important;
  border-radius: 50%;
  background: rgba(207, 208, 207, 0.3);
  border: 1px solid #2F2F2F;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  color: #2F2F2F;
}
@media screen and (max-width: 991px) {
  header .social a {
    width: 40px !important;
    height: 40px !important;
    border: 0px !important;
  }
}
header .social a::before {
  content: none !important;
}
header .social a:hover {
  color: white;
}
header .social a.facebook:hover {
  border-color: #3b5998 !important;
  background: #3b5998 !important;
}
header .social a.twitter:hover {
  border-color: #1da1f2 !important;
  background: #1da1f2 !important;
}
header .social a.instagram:hover {
  border-color: #e1306c !important;
  background: #e1306c !important;
}
header .social a.youtube:hover {
  border-color: #ff0000 !important;
  background: #ff0000 !important;
}
header .social a.linkedin:hover {
  border-color: #0077b5 !important;
  background: #0077b5 !important;
}
header .profile {
  color: #2F2F2F;
  margin-left: 10px;
  text-align: right;
}
header .profile__item {
  font-size: 16px;
}
header .profile__item .logout {
  font-size: 13px;
  margin-top: 3px;
  display: block;
  opacity: 0.5;
  transition: 0.2s;
}
header .profile__item .logout:hover {
  opacity: 1;
}
@media screen and (max-width: 1366px) {
  header .contact-submenu .submenu__item {
    min-width: 200px;
    margin-left: -77px;
  }
}
@media screen and (max-width: 991px) {
  header .contact-submenu .submenu__item {
    min-width: 250px;
    margin-left: 0;
  }
}

header .submenu {
  display: inline-flex;
  position: initial !important;
}
@media screen and (max-width: 767px) {
  header .submenu i.icon.icon-down {
    transform: rotate(-90deg);
    position: absolute;
    right: 20px;
  }
}
header .submenu__item {
  position: absolute;
  top: 30px;
  background: #FFFFFF;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25);
  padding: 15px 25px;
  border-radius: 10px;
  opacity: 0;
  pointer-events: none;
  min-width: 250px;
}
@media screen and (max-width: 767px) {
  header .submenu__item {
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    left: 0;
    margin: 0;
    border-radius: 0;
    flex-direction: column;
  }
}
header .submenu__item.active {
  opacity: 1;
  pointer-events: all;
}
@media screen and (max-width: 767px) {
  header .submenu__item__children {
    width: 100%;
  }
}
header .submenu__item__children a {
  margin: 0 !important;
  display: block !important;
  color: #2F2F2F !important;
  font-weight: 400 !important;
  font-family: inherit !important;
  padding: 5px 0 !important;
  font-size: 17px !important;
  text-transform: none !important;
}
@media screen and (max-width: 1366px) {
  header .submenu__item__children a {
    font-size: 15px !important;
  }
}
@media screen and (max-width: 767px) {
  header .submenu__item__children a {
    width: 100% !important;
    margin-bottom: 10px !important;
    border-bottom: 1px solid rgba(0, 58, 111, 0.15) !important;
    padding-bottom: 10px !important;
  }
  header .submenu__item__children a:last-child {
    border-bottom: 0px !important;
  }
}
header .submenu__item__children a:hover {
  color: var(--primary-color) !important;
}
header .submenu__item .close {
  display: none;
}
@media screen and (max-width: 767px) {
  header .submenu__item .close {
    display: block;
    margin: 15px 0;
    font-size: 16px;
  }
}

footer {
  padding: 0;
  z-index: 1;
  position: relative;
}
@media screen and (max-width: 991px) {
  footer {
    z-index: 111;
  }
}
footer .row * {
  color: #2f2f2f;
  font-family: "Roboto", sans-serif;
}
footer .row h2 {
  font-family: "Avenir Next LT Pro", sans-serif;
}
footer .footer {
  background: white;
  box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1);
  padding: 50px 0;
}
@media screen and (max-width: 991px) {
  footer .footer {
    padding: 50px 0 0 0;
  }
}
footer .footer__item {
  text-align: left;
  padding: 0 30px;
  position: relative;
}
@media screen and (max-width: 991px) {
  footer .footer__item {
    padding: 0 15px !important;
  }
}
footer .footer__item:first-child svg {
  margin-bottom: 30px;
}
footer .footer__item:first-child a {
  margin-bottom: 10px;
}
footer .footer__item:last-child {
  padding: 0;
  border-radius: 10px;
  overflow: hidden;
}
@media screen and (max-width: 991px) {
  footer .footer__item {
    padding: 0;
    margin: 0;
    border: 0;
    text-align: center;
    margin-bottom: 30px;
  }
}
footer .footer__item h3 {
  font-size: 24px;
  margin-bottom: 10px;
}
footer .footer__item p {
  line-height: 1.2em;
}
footer .footer__item a {
  transition: 0.2s;
  display: block;
  margin-bottom: 5px;
}
footer .footer__item a:hover {
  color: var(--primary-color);
}
@media screen and (max-width: 991px) {
  footer .footer__item p,
  footer .footer__item a {
    margin-bottom: 8px;
    font-size: 20px;
  }
}
footer .footer__item .social {
  display: flex;
  align-items: center;
  padding: 0;
  margin: 0;
  margin-top: 15px;
}
@media screen and (max-width: 991px) {
  footer .footer__item .social {
    justify-content: center;
  }
}
footer .footer__item .social a {
  transition: 0.2s;
  margin: 5px;
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: var(--secondary-color);
}
footer .footer__item .social a:hover {
  opacity: 1;
  background: var(--primary-color);
}
footer .footer__item .social i {
  font-size: 18px;
  position: initial;
  color: white;
}
footer .footer__item #footer_map {
  height: calc(100% - 80px);
}
@media screen and (max-width: 991px) {
  footer .footer__item #footer_map {
    height: 250px;
  }
}
footer .footer__item .btn {
  width: 100%;
  text-align: center;
  border-radius: 0;
  color: white;
  margin-top: 0;
  background: var(--secondary-color);
}
footer .footer__item .btn:hover {
  background: var(--primary-color);
  color: white !important;
}
footer .terms {
  background: var(--secondary-color);
  padding: 5px 0;
}
@media screen and (max-width: 991px) {
  footer .terms {
    padding: 15px 0;
  }
}
footer .terms__container {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 991px) {
  footer .terms__container {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 20px;
  }
}
footer .terms__container__item {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 991px) {
  footer .terms__container__item {
    flex-direction: column;
  }
}
footer .terms__container__item img {
  margin-right: 10px;
}
@media screen and (max-width: 991px) {
  footer .terms__container__item img {
    margin: 0px 0px 15px 0px;
  }
}
footer .terms__container__item p {
  font-size: 14px;
  line-height: 1.3em;
  color: white;
}
@media screen and (max-width: 991px) {
  footer .terms__container__item p {
    text-align: center;
  }
}
footer .terms__container__item logokodear {
  display: block;
  position: relative;
  transform: scale(0.75);
  height: 65px;
  overflow: hidden;
  opacity: 1;
}
footer .logo_gif {
  position: relative;
  margin-bottom: 30px;
}
footer .logo_gif img {
  width: 250px;
  height: 90px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
footer .logo_gif .static {
  position: absolute;
  background: white;
}
footer .logo_gif .static:hover {
  opacity: 0;
}

body#thanks {
  padding-top: 0px;
}
body#thanks header, body#thanks footer, body#thanks .whatsapp__sticky {
  display: none;
}
body#thanks .thanks__container {
  height: 100vh;
  background: #319322;
  background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 991px) {
  body#thanks .thanks__container {
    height: auto;
    min-height: 100vh;
    align-items: center;
    justify-content: flex-start;
    padding: 50px 20px;
  }
}
body#thanks .thanks__container .container {
  text-align: center;
  max-width: 768px;
}
body#thanks .thanks__container .container svg {
  max-width: 300px;
  height: auto;
  margin-bottom: 30px;
  fill: white;
}
@media screen and (max-width: 991px) {
  body#thanks .thanks__container .container svg {
    max-width: 200px;
  }
}
body#thanks .thanks__container .container h2 {
  font-size: 48px;
  line-height: 1em;
  margin-bottom: 20px;
}
@media screen and (max-width: 991px) {
  body#thanks .thanks__container .container h2 {
    font-size: 28px;
  }
}
body#thanks .thanks__container .container p {
  font-size: 26px;
  line-height: 1.3em;
}
@media screen and (max-width: 991px) {
  body#thanks .thanks__container .container p {
    font-size: 18px;
  }
}
body#thanks .thanks__container .container .btn__outline {
  border-color: white !important;
  margin-top: 40px;
}
@media screen and (max-width: 991px) {
  body#thanks .thanks__container .container .btn__outline {
    margin-top: 30px;
  }
}
body#thanks .thanks__container .container .btn__outline:hover {
  background-color: white !important;
  color: var(--primary-color) !important;
}
body#thanks .thanks__container .container * {
  color: white;
}

body#home .main__slider {
  clip-path: polygon(0 0, 100% 0, 100% 85%, 50% 100%, 0 85%);
}
body#home .main__slider .slider__item {
  position: relative;
}
body#home .main__slider .slider__item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background: rgb(2, 0, 36);
  background: linear-gradient(0deg, rgba(2, 0, 36, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
  z-index: 1;
}
body#home .main__slider h1 {
  font-size: 58px;
  line-height: 1em;
  margin-bottom: 15px;
}
@media screen and (max-width: 991px) {
  body#home .main__slider h1 {
    font-size: 36px;
  }
}
body#home .items {
  margin-top: -150px;
  padding-top: 0;
}
@media screen and (max-width: 991px) {
  body#home .items {
    margin-top: -110px;
  }
  body#home .items .row {
    margin: 0;
  }
  body#home .items .row .col-6 {
    padding: 0 5px;
  }
}
body#home .items__item {
  background: #ffffff;
  box-shadow: 0px 0px 40px rgba(84, 84, 100, 0.15);
  border-radius: 30px;
  display: block;
  padding: 30px;
  transition: 0.2s;
}
@media screen and (max-width: 991px) {
  body#home .items__item {
    margin-bottom: 10px;
    padding: 20px;
    border-radius: 10px;
    min-height: 180px;
  }
}
body#home .items__item:hover {
  background: linear-gradient(136.82deg, var(--primary-color) 1.79%, var(--secondary-color) 81.06%);
}
body#home .items__item:hover h4,
body#home .items__item:hover p {
  color: white;
}
body#home .items__item:hover .items__item__icon {
  border-color: white;
}
body#home .items__item:hover .items__item__icon svg {
  fill: white !important;
}
body#home .items__item__icon {
  width: 100px;
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid var(--primary-color);
  border-radius: 50%;
}
@media screen and (max-width: 1366px) {
  body#home .items__item__icon {
    width: 70px;
    height: 70px;
  }
}
@media screen and (max-width: 991px) {
  body#home .items__item__icon {
    border: none;
    width: auto;
    height: auto;
    justify-content: flex-start;
  }
}
body#home .items__item__icon svg {
  fill: var(--primary-color);
}
@media screen and (max-width: 1366px) {
  body#home .items__item__icon svg {
    height: 40px;
    width: auto;
  }
}
@media screen and (max-width: 991px) {
  body#home .items__item__icon svg {
    height: 35px;
    width: auto;
  }
}
body#home .items__item h4 {
  font-size: 24px;
  color: var(--text);
  margin: 15px 0 10px 0;
}
@media screen and (max-width: 1366px) {
  body#home .items__item h4 {
    font-size: 24px;
  }
}
@media screen and (max-width: 991px) {
  body#home .items__item h4 {
    font-size: 16px;
    margin: 10px 0 5px 0;
  }
}
body#home .items__item p {
  font-size: 20px;
  color: var(--text);
  opacity: 0.77;
}
@media screen and (max-width: 1366px) {
  body#home .items__item p {
    font-size: 16px;
  }
}
@media screen and (max-width: 991px) {
  body#home .items__item p {
    font-size: 14px;
  }
}
body#home .online_services {
  background-repeat: no-repeat;
  background-position: top;
  background-size: cover;
}
@media screen and (max-width: 991px) {
  body#home .online_services {
    padding-top: 0;
  }
}
body#home .online_services .title {
  margin-bottom: 30px;
  text-align: center;
}
body#home .online_services .row {
  justify-content: center;
}
@media screen and (max-width: 991px) {
  body#home .online_services .row {
    margin: 0;
    display: flex;
    align-items: stretch;
  }
  body#home .online_services .row .col-6 {
    padding: 0 5px;
    margin-bottom: 10px;
  }
}
body#home .online_services__item {
  border-radius: 30px;
  display: block;
  padding: 30px 10px;
  text-align: center;
  transition: 0.2s;
}
@media screen and (max-width: 991px) {
  body#home .online_services__item {
    border-radius: 10px;
    margin-bottom: 10px;
    background: #ffffff;
    box-shadow: 0px 0px 40px rgba(84, 84, 100, 0.15);
    padding: 30px 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
  }
}
body#home .online_services__item:hover {
  background: #ffffff;
  box-shadow: 0px 0px 40px rgba(84, 84, 100, 0.15);
}
body#home .online_services__item__icon {
  width: 100px;
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid var(--primary-color);
  border-radius: 50%;
  margin: 0 auto;
}
@media screen and (max-width: 991px) {
  body#home .online_services__item__icon {
    width: auto;
    height: auto;
    border: none;
  }
}
body#home .online_services__item__icon img {
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
body#home .online_services__item__icon svg {
  fill: var(--primary-color);
}
@media screen and (max-width: 991px) {
  body#home .online_services__item__icon svg {
    width: auto;
    height: 40px;
  }
}
body#home .online_services__item h4 {
  font-size: 24px;
  color: var(--text);
  margin: 15px 0 10px 0;
}
@media screen and (max-width: 1366px) {
  body#home .online_services__item h4 {
    font-size: 24px;
  }
}
@media screen and (max-width: 991px) {
  body#home .online_services__item h4 {
    font-size: 16px;
    margin: 10px 0 5px 0;
  }
}
body#home .online_services__item p {
  font-size: 20px;
  color: var(--text);
  opacity: 0.77;
}
body#home .carousel__access {
  padding: 0;
}
body#home .carousel__access__container .slick-dots li button:before {
  color: white !important;
}
body#home .carousel__access__container__item {
  position: relative;
  height: 500px;
}
body#home .carousel__access__container__item.toned::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 80%;
  height: 100%;
  background: rgb(2, 0, 36);
  background: linear-gradient(270deg, rgba(2, 0, 36, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
  z-index: 1;
}
@media screen and (max-width: 991px) {
  body#home .carousel__access__container__item.toned::before {
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
  }
}
body#home .carousel__access__container__item__text {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 11;
}
body#home .carousel__access__container__item__text * {
  color: white;
}
@media screen and (max-width: 991px) {
  body#home .carousel__access__container__item__text .col-md-12 {
    text-align: center;
  }
}
body#home .carousel__access__container__item__text h4 {
  font-size: 48px;
}
@media screen and (max-width: 991px) {
  body#home .carousel__access__container__item__text h4 {
    font-size: 24px;
  }
}
body#home .carousel__access__container__item__text .btn {
  margin-top: 30px;
}
body#home .carousel__access__container__item img {
  width: 100%;
  height: auto;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
}
body#home .news {
  padding: 100px 0;
  background-repeat: no-repeat;
  background-position: top;
  background-size: cover;
}
@media screen and (max-width: 991px) {
  body#home .news {
    padding: 50px 0;
  }
}
body#home .news .title,
body#home .news .center {
  text-align: center;
}
body#home .news .center {
  margin-top: 30px;
}
body#home .news__item {
  margin-top: 30px;
}
@media screen and (max-width: 991px) {
  body#home .news__item {
    margin-top: 15px;
  }
}
body#home .news__item.big a {
  background: var(--primary-color);
}
body#home .news__item.big a:hover .btn {
  color: var(--secondary-color);
}
body#home .news__item.big a h5,
body#home .news__item.big a .title-aux {
  color: white;
  margin-bottom: 15px;
}
body#home .news__item.big a h4 {
  -webkit-line-clamp: 3;
  color: white;
  margin-bottom: 15px;
  font-size: 30px;
}
body#home .news__item.big a p {
  -webkit-line-clamp: 4;
  color: white;
}
body#home .news__item.big a .btn {
  margin-top: 30px;
  background: white;
  color: var(--primary-color);
}
body#home .news__item a {
  padding: 50px;
  background: #ffffff;
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.08);
  border-radius: 30px;
  display: block;
  height: 100%;
  transition: 0.2s;
}
@media screen and (max-width: 991px) {
  body#home .news__item a {
    padding: 30px;
    height: auto;
    border-radius: 10px;
  }
}
body#home .news__item a:hover {
  background: var(--secondary-color);
}
body#home .news__item a:hover h5,
body#home .news__item a:hover h4,
body#home .news__item a:hover p {
  color: white;
}
body#home .news__item a h5,
body#home .news__item a .title-aux {
  font-size: 16px;
  font-weight: 400;
  color: white;
  transition: 0.2s;
}
body#home .news__item a h4 {
  font-size: 24px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: var(--secondary-color);
  margin-bottom: 10px;
  transition: 0.2s;
}
body#home .news__item a p {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: #5c5d65;
  line-height: 1.2em;
  transition: 0.2s;
}

.map {
  padding: 0;
}
.map #map_content {
  height: 100%;
}
.map .leaflet-control-attribution {
  display: none;
}
.map .row {
  margin: 0;
}
@media screen and (max-width: 991px) {
  .map .row {
    flex-direction: column-reverse;
  }
}
.map .row .col-md-8 {
  padding: 0;
}
@media screen and (max-width: 991px) {
  .map .row .col-md-8 {
    height: 250px;
  }
}
.map .row .col-md-4 {
  padding: 50px;
  background: linear-gradient(150.41deg, var(--primary-color) 4.31%, var(--secondary-color) 100.84%), var(--primary-color);
}
@media screen and (max-width: 991px) {
  .map .row .col-md-4 {
    padding: 50px 30px;
  }
}
.map .row .col-md-4 * {
  color: white;
}
.map__item {
  margin-top: 15px;
}
.map__item p,
.map__item a {
  font-family: "Roboto", sans-serif;
}
.map__item p strong,
.map__item a strong {
  display: block;
  margin-bottom: 3px;
}
.map__item a {
  transition: 0.2s;
}
.map__item a:hover {
  opacity: 0.8;
}
.map .btn {
  margin-top: 30px;
  color: var(--primary-color) !important;
  background: white;
}
.map .btn:hover {
  color: var(--secondary-color) !important;
}

body#company .main-container {
  max-width: 1920px;
  margin: 0 auto;
}
body#company .about,
body#company .our_people {
  padding: 150px 0;
}
@media screen and (max-width: 991px) {
  body#company .about,
  body#company .our_people {
    padding: 50px 0;
  }
}
body#company .about img,
body#company .our_people img {
  border-radius: 30px;
}
body#company .about__description,
body#company .our_people__description {
  margin-top: 30px;
}
@media screen and (max-width: 991px) {
  body#company .about__description,
  body#company .our_people__description {
    margin-top: 10px;
  }
}
body#company .about__description__btns,
body#company .our_people__description__btns {
  margin-top: 20px;
}
@media screen and (max-width: 991px) {
  body#company .about__description__btns a,
  body#company .our_people__description__btns a {
    width: 100%;
    text-align: center;
  }
}
@media screen and (max-width: 991px) {
  body#company .about {
    margin-top: 50px;
  }
}
body#company .about .row {
  align-items: center;
}
body#company .about .row .col-md-6:last-child {
  padding-left: 100px;
}
@media screen and (max-width: 991px) {
  body#company .about .row .col-md-6:last-child {
    padding-left: 15px;
  }
}
@media screen and (max-width: 991px) {
  body#company .about__carousel {
    margin-bottom: 30px;
  }
}
body#company .about__carousel::before {
  content: "";
  position: absolute;
  top: -50px;
  left: -50px;
  width: 100%;
  height: 100%;
  border-radius: 30px;
  background: linear-gradient(150.41deg, var(--secondary-color) 4.31%, var(--primary-color) 100.84%);
}
@media screen and (max-width: 991px) {
  body#company .our_people {
    padding-top: 0;
  }
}
body#company .our_people .row {
  align-items: center;
}
@media screen and (max-width: 991px) {
  body#company .our_people .row {
    flex-direction: column-reverse;
  }
}
body#company .our_people .row .col-md-6:first-child {
  padding-right: 100px;
}
@media screen and (max-width: 991px) {
  body#company .our_people .row .col-md-6:first-child {
    padding-right: 15px;
  }
}
@media screen and (max-width: 991px) {
  body#company .our_people__carousel {
    margin: 30px 0;
  }
}
body#company .our_people__carousel::before {
  content: "";
  position: absolute;
  top: -50px;
  right: -50px;
  width: 100%;
  height: 100%;
  border-radius: 30px;
  background: linear-gradient(150.41deg, var(--primary-color) 4.31%, var(--secondary-color) 100.84%);
}
body#company .mission-vision-values {
  padding-top: 0;
}
@media screen and (max-width: 991px) {
  body#company .mission-vision-values {
    padding-bottom: 30px;
  }
}
@media screen and (max-width: 991px) {
  body#company .tour {
    background: #eff3f6;
    padding-bottom: 0;
  }
}
body#company .tour .title {
  text-align: center;
}
body#company .tour .title h2 {
  margin-top: 0;
}
body#company .tour ul {
  margin: 30px 0;
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 991px) {
  body#company .tour ul {
    overflow-x: scroll;
    justify-content: flex-start;
  }
}
body#company .tour ul li {
  font-family: "Fira Sans", sans-serif;
  font-size: 18px;
  font-weight: 700;
  display: inline-block;
  padding: 10px 20px;
  border-right: 2px solid rgba(95, 95, 95, 0.5);
  transition: 0.2s;
}
body#company .tour ul li:hover {
  color: var(--primary-color);
}
body#company .tour ul li:last-child {
  border-right: 0px;
}
body#company .tour ul li.active {
  color: var(--primary-color);
}
@media (min-width: 991px) {
  body#company .tour__content {
    min-height: 700px;
  }
}
body#company .tour__content__item {
  width: 25%;
  height: 350px;
  overflow: hidden;
}
@media screen and (max-width: 991px) {
  body#company .tour__content__item {
    height: auto;
    width: 50%;
  }
}
body#company .tour__content__item__text {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
  padding: 30px;
}
@media screen and (max-width: 991px) {
  body#company .tour__content__item__text {
    padding: 20px;
  }
}
body#company .tour__content__item__text h5 {
  color: white;
}
body#company .tour__content__item img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 991px) {
  body#company .tour__content__item img {
    height: auto;
  }
}
@media screen and (max-width: 991px) {
  body#company .video {
    padding-top: 0;
  }
}
body#company .video_company {
  padding: 0;
}
body#company .video_company .row {
  margin: 0;
}
body#company .video_company .row .col-md-5 {
  padding: 0;
}
body#company .video_company .row .col-md-5 img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
body#company .video_company .row .col-md-7 {
  padding: 50px;
  background: linear-gradient(150.41deg, var(--primary-color) 4.31%, var(--secondary-color) 100.84%);
}
@media screen and (max-width: 991px) {
  body#company .video_company .row .col-md-7 {
    padding: 20px;
  }
}
body#company .video_company .row .col-md-7 * {
  color: white;
}
body#company .video_company .row .col-md-7 .video_company__text {
  max-width: 650px;
}
body#company .video_company .row .col-md-7 .video_company__text h3 {
  font-size: 42px;
  text-transform: uppercase;
}
@media screen and (max-width: 991px) {
  body#company .video_company .row .col-md-7 .video_company__text h3 {
    font-size: 32px;
  }
}
body#company .video_company .row .col-md-7 .video_company__text p {
  line-height: 1.4em;
}
body#company .hitos {
  padding: 50px 0 100px 0;
}
body#company .hitos .title {
  margin-bottom: 30px;
}
body#company .hitos .slick-prev:before,
body#company .hitos .slick-next:before {
  color: rgb(160, 162, 163);
}
body#company .hitos .slick-prev {
  left: 25% !important;
  top: 250px;
  z-index: 111;
}
@media screen and (max-width: 1366px) {
  body#company .hitos .slick-prev {
    left: 14% !important;
  }
}
@media (max-width: 1250px) {
  body#company .hitos .slick-prev {
    left: 10% !important;
  }
}
body#company .hitos .slick-next {
  right: 25% !important;
  top: 250px;
  z-index: 111;
}
@media screen and (max-width: 1366px) {
  body#company .hitos .slick-next {
    right: 14% !important;
  }
}
@media (max-width: 1250px) {
  body#company .hitos .slick-next {
    right: 10% !important;
  }
}
body#company .hitos .slick-dots {
  bottom: -50px;
}
body#company .hitos .slick-dots li button:before {
  color: #0d2a84;
}
body#company .hitos .slick-slide.slick-current.slick-active .hitos__carousel__item {
  transform: scale(1);
}
body#company .hitos .slick-slide.slick-current.slick-active .hitos__carousel__item__text {
  height: auto;
  padding-top: 30px;
}
body#company .hitos__carousel__item {
  position: relative;
  display: block;
  transition: 0.2s;
  max-width: 750px;
  width: 750px !important;
  margin: 30px;
  transform: scale(0.8);
}
@media screen and (max-width: 991px) {
  body#company .hitos__carousel__item {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0;
  }
}
body#company .hitos__carousel__item img {
  width: 100%;
  max-width: none;
  border-radius: 20px;
  box-shadow: 0px 0px 40px rgba(84, 84, 100, 0.15);
}
@media screen and (max-width: 991px) {
  body#company .hitos__carousel__item img {
    box-shadow: none;
  }
}
body#company .hitos__carousel__item__text {
  height: 0;
  overflow: hidden;
}
body#company .hitos__carousel__item__text h5 {
  font-size: 24px;
  margin-bottom: 0;
  color: var(--text);
  opacity: 0.7;
}
@media screen and (max-width: 991px) {
  body#company .hitos__carousel__item__text h5 {
    font-size: 18px;
  }
}
body#company .hitos__carousel__item__text h2 {
  font-size: 30px;
  font-weight: 700;
  color: var(--text);
  margin-bottom: 15px;
}
@media screen and (max-width: 991px) {
  body#company .hitos__carousel__item__text h2 {
    font-size: 24px;
  }
}
body#company .hitos__carousel__item__text p {
  font-size: 18px;
  color: var(--text);
  line-height: 1.4em;
}
@media screen and (max-width: 991px) {
  body#company .hitos__carousel__item__text p {
    font-size: 14px;
  }
}
body#company .company-code {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top;
  padding: 100px 0 150px 0;
}
@media screen and (max-width: 991px) {
  body#company .company-code {
    padding: 50px 15px 100px 15px;
  }
}
body#company .company-code * {
  color: var(--text);
}
body#company .company-code .row {
  min-height: auto;
  align-items: flex-start;
}
body#company .company-code .row .col-md-6:first-child {
  padding-left: 50px;
  padding-top: 50px;
}
@media screen and (max-width: 991px) {
  body#company .company-code .row .col-md-6:first-child {
    padding-left: 30px;
    padding-top: 30px;
    padding-right: 0;
  }
}
body#company .company-code .row .col-md-6:last-child {
  padding-left: 50px;
}
@media screen and (max-width: 991px) {
  body#company .company-code .row .col-md-6:last-child {
    padding: 0px !important;
  }
}
body#company .company-code .links {
  margin-top: 30px;
}
body#company .company-code .links--item {
  display: flex;
  align-items: center;
  padding: 15px 50px 15px 70px;
  position: relative;
  border-bottom: 1px solid #cfd0cf;
  transition: 0.2s;
}
@media screen and (max-width: 991px) {
  body#company .company-code .links--item {
    padding: 10px 40px 10px 60px;
  }
}
body#company .company-code .links--item:last-child {
  border-bottom: 0px;
}
body#company .company-code .links--item.with-hover:hover {
  background: var(--primary-color);
}
body#company .company-code .links--item.with-hover:hover h4,
body#company .company-code .links--item.with-hover:hover span {
  color: white;
}
body#company .company-code .links--item.with-hover:hover svg path {
  fill: white;
}
body#company .company-code .links--item h4 {
  margin-bottom: 0;
  font-size: 22px;
  transition: 0.2s;
}
body#company .company-code .links--item span {
  color: var(--primary-color);
  transition: 0.2s;
}
body#company .company-code .links--item svg {
  transition: 0.2s;
}
body#company .company-code .links--item svg.check {
  position: absolute;
  left: 20px;
}
@media screen and (max-width: 991px) {
  body#company .company-code .links--item svg.check {
    left: 15px;
  }
}
body#company .company-code .links--item svg.arrow {
  position: absolute;
  right: 20px;
  transition: 0.2s;
}
@media screen and (max-width: 991px) {
  body#company .company-code .links--item svg.arrow {
    right: 15px;
  }
}
@media screen and (max-width: 991px) {
  body#company .company-code__carousel {
    margin-bottom: 30px;
  }
}
body#company .company-code__carousel img {
  border-radius: 30px;
}
body#company .company-code__carousel::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% - 50px);
  height: calc(100% - 50px);
  border-radius: 30px;
  background: linear-gradient(150.41deg, var(--secondary-color) 4.31%, var(--primary-color) 100.84%);
}

.title {
  margin-bottom: 30px;
}
.title.text-center {
  text-align: center;
}
@media screen and (max-width: 991px) {
  .title {
    margin-bottom: 15px;
  }
  .title h2,
  .title h3 {
    margin-top: 10px;
    font-size: 28px;
  }
}
.title h2,
.title h3 {
  font-weight: 900;
}

.item {
  background: #ffffff;
  box-shadow: 0px 0px 40px rgba(36, 36, 39, 0.1);
  border-radius: 30px;
  display: block;
  overflow: hidden;
  margin-bottom: 30px;
}
.item__text {
  padding: 30px 60px 30px 30px;
  position: relative;
}
.item__text h3 {
  font-size: 24px;
  margin: 0;
  padding-bottom: 10px;
}
.item__img {
  position: relative;
}
.item__img img {
  width: 100%;
  max-width: none;
}

.why .item {
  background: #ffffff;
  box-shadow: 0px 0px 40px rgba(36, 36, 39, 0.1);
  border-radius: 30px;
  display: block;
  overflow: hidden;
  margin-bottom: 30px;
  padding: 30px 60px 30px 30px;
  position: relative;
}
.why .item.text-center {
  text-align: center;
}
.why .item h3 {
  font-size: 24px;
  margin: 0;
  padding-bottom: 10px;
}

.icon_svg {
  width: 100px;
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid var(--primary-color);
  border-radius: 50%;
  overflow: hidden;
  margin-bottom: 15px;
}
@media screen and (max-width: 991px) {
  .icon_svg {
    border: none;
    width: auto;
    height: auto;
    justify-content: flex-start;
    overflow: initial;
    margin-bottom: 8px;
  }
}
.icon_svg svg {
  fill: var(--primary-color);
}
.icon_svg svg * {
  fill: var(--primary-color);
}
@media screen and (max-width: 991px) {
  .icon_svg svg {
    height: 35px;
    width: auto;
  }
}
@media screen and (max-width: 991px) {
  .icon_svg img {
    width: 40px;
  }
}

body#port_security .main-container {
  max-width: 1920px;
  margin: 0 auto;
}
body#port_security .slick-dots li button:before {
  color: white;
}
body#port_security .about {
  padding: 150px 0;
  background-position: center bottom;
  background-size: cover;
  background-repeat: no-repeat;
}
@media screen and (max-width: 991px) {
  body#port_security .about {
    padding: 50px 0;
  }
}
body#port_security .about img {
  border-radius: 30px;
}
body#port_security .about h2 {
  margin-bottom: 15px;
}
body#port_security .about__description {
  margin-bottom: 30px;
}
body#port_security .about__description ul li {
  position: relative;
  padding-left: 30px;
  margin-bottom: 15px;
  font-weight: 600;
  color: #5C5D65;
}
body#port_security .about__description ul li::before {
  font-family: "icomoon" !important;
  content: "\e902";
  position: absolute;
  left: 0;
  font-size: 24px;
  top: -6px;
  color: var(--secondary-color);
}
body#port_security .about .row {
  align-items: center;
}
body#port_security .about .row.last {
  margin-top: 200px;
}
@media screen and (max-width: 991px) {
  body#port_security .about .row.last {
    margin-top: 30px;
    flex-direction: column-reverse;
  }
}
body#port_security .about .row.last .col-md-6:first-child {
  padding-right: 100px;
}
@media screen and (max-width: 991px) {
  body#port_security .about .row.last .col-md-6:first-child {
    padding-right: 20px;
  }
}
body#port_security .about .row.last .col-md-6:last-child {
  padding-left: 0;
}
body#port_security .about .row.last .about__carousel::before {
  left: initial;
  right: -50px;
}
body#port_security .about .row .col-md-6:last-child {
  padding-left: 100px;
}
@media screen and (max-width: 991px) {
  body#port_security .about .row .col-md-6:last-child {
    padding-left: 15px;
  }
}
@media screen and (max-width: 991px) {
  body#port_security .about__carousel {
    margin-top: 50px;
  }
}
body#port_security .about__carousel::before {
  content: "";
  position: absolute;
  top: -50px;
  left: -50px;
  width: 100%;
  height: 100%;
  border-radius: 30px;
  background: linear-gradient(150.41deg, var(--secondary-color) 4.31%, var(--primary-color) 100.84%);
  z-index: -1;
}
body#port_security .title {
  margin-bottom: 30px;
}
body#port_security .title.text-center {
  text-align: center;
}
@media screen and (max-width: 991px) {
  body#port_security .title {
    margin-bottom: 15px;
    margin-top: 20px;
  }
  body#port_security .title h2 {
    margin-top: 10px;
    font-size: 28px;
  }
}
body#port_security .title h2 {
  font-weight: 900;
}

.separator {
  padding: 150px 0;
  background-color: var(--text);
  position: relative;
  background-attachment: fixed;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media screen and (max-width: 991px) {
  .separator {
    padding: 50px 0;
  }
}
.separator::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: linear-gradient(90deg, rgba(22, 27, 32, 0.8) 55.76%, rgba(22, 27, 32, 0) 98.93%);
}
.separator * {
  color: white;
}
.separator ul li {
  position: relative;
  padding-left: 30px;
  margin-bottom: 15px;
  font-weight: 600;
}
.separator ul li::before {
  font-family: "icomoon" !important;
  content: "\e902";
  position: absolute;
  left: 0;
  font-size: 24px;
  top: -6px;
}

body#safety_health_and_sustainability .politics h2 {
  margin-bottom: 15px;
}
body#safety_health_and_sustainability .politics__item {
  text-align: center;
  margin-bottom: 30px;
}
body#safety_health_and_sustainability .politics__item .icon_svg {
  margin: 0 auto 15px auto;
}
@media screen and (max-width: 991px) {
  body#safety_health_and_sustainability .politics__item .icon_svg {
    margin: 0;
    justify-content: center;
  }
}
@media screen and (max-width: 991px) {
  body#safety_health_and_sustainability .politics__item {
    margin-bottom: 0;
    margin-top: 30px;
  }
}
body#safety_health_and_sustainability .politics__item h3 {
  font-size: 22px;
  margin-bottom: 0;
}
@media screen and (max-width: 991px) {
  body#safety_health_and_sustainability .politics__item h3 {
    font-size: 16px;
    margin-top: 10px;
  }
}
body#safety_health_and_sustainability .system {
  padding: 0;
}
body#safety_health_and_sustainability .system .row {
  margin: 0;
}
body#safety_health_and_sustainability .system .row .col-md-5 {
  padding: 0;
}
body#safety_health_and_sustainability .system .row .col-md-5 img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
body#safety_health_and_sustainability .system .row .col-md-7 {
  padding: 100px;
  background: linear-gradient(150.41deg, var(--primary-color) 4.31%, var(--secondary-color) 100.84%);
}
@media screen and (max-width: 991px) {
  body#safety_health_and_sustainability .system .row .col-md-7 {
    padding: 20px;
  }
}
body#safety_health_and_sustainability .system .row .col-md-7 * {
  color: white;
}
body#safety_health_and_sustainability .system .row .col-md-7 .system__text {
  max-width: 650px;
}
body#safety_health_and_sustainability .system .row .col-md-7 .system__text h3 {
  font-size: 42px;
  text-transform: uppercase;
}
@media screen and (max-width: 991px) {
  body#safety_health_and_sustainability .system .row .col-md-7 .system__text h3 {
    font-size: 28px;
  }
}
body#safety_health_and_sustainability .system .row .col-md-7 .system__text p {
  line-height: 1.4em;
  font-size: 20px;
}
@media screen and (max-width: 991px) {
  body#safety_health_and_sustainability .system .row .col-md-7 .system__text p {
    font-size: 16px;
  }
}
@media screen and (max-width: 991px) {
  body#safety_health_and_sustainability .functions .row {
    flex-direction: column-reverse;
  }
}
body#safety_health_and_sustainability .functions .first {
  padding-right: 100px;
}
@media screen and (max-width: 991px) {
  body#safety_health_and_sustainability .functions .first {
    padding-right: 20px;
    margin-top: 30px;
  }
}
body#safety_health_and_sustainability .functions .first p {
  margin-bottom: 30px;
  color: #5C5D65;
}
body#safety_health_and_sustainability .functions .first ul li {
  position: relative;
  padding-left: 30px;
  margin-bottom: 15px;
  font-weight: 600;
  color: #5C5D65;
}
body#safety_health_and_sustainability .functions .first ul li::before {
  font-family: "icomoon" !important;
  content: "\e902";
  position: absolute;
  left: 0;
  font-size: 24px;
  top: -6px;
  color: var(--secondary-color);
}

body#geographic_location .map {
  padding: 0;
}
body#geographic_location .map #map_content {
  height: 100%;
}
body#geographic_location .map .leaflet-control-attribution {
  display: none;
}
body#geographic_location .map .row {
  margin: 0;
  overflow: hidden;
}
body#geographic_location .map .row .col-md-8 {
  padding: 0;
}
body#geographic_location .map .row .col-md-4 {
  padding: 50px;
  background: linear-gradient(150.41deg, var(--primary-color) 4.31%, var(--secondary-color) 100.84%), var(--primary-color);
}
body#geographic_location .map .row .col-md-4 * {
  color: white;
}
body#geographic_location .map__item {
  margin-top: 15px;
}
body#geographic_location .map__item p,
body#geographic_location .map__item a {
  font-family: "Roboto", sans-serif;
}
body#geographic_location .map__item p strong,
body#geographic_location .map__item a strong {
  display: block;
  margin-bottom: 3px;
}
body#geographic_location .map__item a {
  transition: 0.2s;
}
body#geographic_location .map__item a:hover {
  opacity: 0.8;
}
body#geographic_location .map .btn {
  margin-top: 30px;
  color: var(--primary-color) !important;
  background: white;
}
body#geographic_location .map .btn:hover {
  color: var(--secondary-color) !important;
}

body#infrastructure_and_equipment .slick-dots li button:before {
  color: white;
}
body#infrastructure_and_equipment .about {
  padding: 150px 0;
}
@media screen and (max-width: 991px) {
  body#infrastructure_and_equipment .about {
    padding: 50px 0;
    margin-top: 50px;
  }
}
body#infrastructure_and_equipment .about img {
  border-radius: 30px;
}
body#infrastructure_and_equipment .about h2 {
  margin-bottom: 15px;
}
body#infrastructure_and_equipment .about__description {
  margin-bottom: 30px;
}
body#infrastructure_and_equipment .about__description ul li {
  position: relative;
  padding-left: 30px;
  margin-bottom: 15px;
  font-weight: 600;
  color: #5C5D65;
}
body#infrastructure_and_equipment .about__description ul li::before {
  font-family: "icomoon" !important;
  content: "\e902";
  position: absolute;
  left: 0;
  font-size: 24px;
  top: -6px;
  color: var(--secondary-color);
}
body#infrastructure_and_equipment .about .row {
  align-items: center;
}
body#infrastructure_and_equipment .about .row.last {
  margin-top: 200px;
}
body#infrastructure_and_equipment .about .row.last .about__carousel::before {
  left: initial;
  right: -50px;
}
body#infrastructure_and_equipment .about .row .col-md-6:last-child {
  padding-left: 100px;
}
@media screen and (max-width: 991px) {
  body#infrastructure_and_equipment .about .row .col-md-6:last-child {
    padding-left: 15px;
  }
}
@media screen and (max-width: 991px) {
  body#infrastructure_and_equipment .about__carousel {
    margin-bottom: 30px;
  }
}
body#infrastructure_and_equipment .about__carousel::before {
  content: "";
  position: absolute;
  top: -50px;
  left: -50px;
  width: 100%;
  height: 100%;
  border-radius: 30px;
  background: linear-gradient(150.41deg, var(--secondary-color) 4.31%, var(--primary-color) 100.84%);
}
body#infrastructure_and_equipment .equipment {
  padding-top: 0;
}
@media screen and (max-width: 991px) {
  body#infrastructure_and_equipment .equipment {
    padding-bottom: 0;
  }
}
body#infrastructure_and_equipment .equipment .title {
  text-align: center;
}
body#infrastructure_and_equipment .equipment .row {
  margin: 0 -1px;
}
body#infrastructure_and_equipment .equipment .row .col-md-3 {
  padding: 1px;
}
body#infrastructure_and_equipment .equipment img {
  width: 100%;
  max-width: none;
}
body#infrastructure_and_equipment .equipment__item {
  position: relative;
}
body#infrastructure_and_equipment .equipment__item__text {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  padding: 30px;
}
body#infrastructure_and_equipment .equipment__item__text * {
  color: white;
}
body#infrastructure_and_equipment .equipment__item__text h3 {
  font-size: 20px;
  margin-bottom: 3px;
}
body#infrastructure_and_equipment .equipment__item__text p {
  font-size: 16px;
}

.p-l-100 {
  padding-left: 100px;
}
@media screen and (max-width: 767px) {
  .p-l-100 {
    padding: 0;
  }
}

.p-r-100 {
  padding-right: 100px;
}
@media screen and (max-width: 767px) {
  .p-r-100 {
    padding: 0;
  }
}

body#contact .areas {
  padding: 0;
}
body#contact .areas .right {
  margin-top: -150px;
  padding: 250px 0 100px 0;
  background-position: top;
}
@media screen and (max-width: 991px) {
  body#contact .areas .right {
    margin-top: 0;
    padding: 100px 0 0 0;
    background: none !important;
  }
  body#contact .areas .right .row {
    flex-direction: column-reverse;
  }
}
body#contact .areas .right .areas__carousel::before {
  top: -50px;
  right: -50px;
  left: initial;
  background: linear-gradient(50.41deg, var(--primary-color) 4.31%, var(--secondary-color) 100.84%);
}
body#contact .areas .right .col-md-6:first-child {
  padding-right: 100px;
}
@media screen and (max-width: 991px) {
  body#contact .areas .right .col-md-6:first-child {
    padding: 0 20px;
  }
}
body#contact .areas .left {
  padding: 150px 0;
}
@media screen and (max-width: 991px) {
  body#contact .areas .left {
    padding: 100px 0 0 0;
  }
}
body#contact .areas .left .col-md-6:last-child {
  padding-left: 100px;
}
@media screen and (max-width: 991px) {
  body#contact .areas .left .col-md-6:last-child {
    padding: 0 20px;
  }
}
body#contact .areas img {
  border-radius: 30px;
}
body#contact .areas h3 {
  margin-bottom: 15px;
}
body#contact .areas .row {
  align-items: center;
}
body#contact .areas .btn {
  margin-top: 40px;
  cursor: pointer;
}
body#contact .areas__carousel img {
  width: 100%;
  z-index: 1;
  position: relative;
}
body#contact .areas__carousel::before {
  content: "";
  position: absolute;
  top: -50px;
  left: -50px;
  width: 100%;
  height: 100%;
  border-radius: 30px;
  background: linear-gradient(150.41deg, var(--secondary-color) 4.31%, var(--primary-color) 100.84%);
}
body#contact .map {
  padding-top: 0px;
}
body#contact .map-content {
  width: 100%;
  border-radius: 0;
}
body#contact .contact {
  padding: 50px 0 100px 0;
}
@media screen and (max-width: 991px) {
  body#contact .contact {
    padding: 50px 0;
  }
}
body#contact .contact .title {
  margin-bottom: 30px;
  text-align: center;
}
@media screen and (max-width: 991px) {
  body#contact .contact .title {
    margin-bottom: 0;
  }
}
body#contact .contact .contactus {
  max-width: 900px;
  margin: 0 auto;
}
@media screen and (max-width: 991px) {
  body#contact .contact .contactus {
    padding: 0;
  }
}
body#contact .contact .contactus .btn__content {
  text-align: center;
}
body#contact .contact .contactus .btn__content .btn {
  width: auto;
  padding: 10px 50px;
  margin-top: 20px;
}

body#news .all-news {
  padding: 100px 0;
}
@media screen and (max-width: 991px) {
  body#news .all-news {
    padding: 50px 0;
  }
}
body#news .all-news .title {
  margin-bottom: 30px;
  text-align: center;
}
body#news .all-news .title h2 {
  text-transform: uppercase;
  font-weight: 900;
}
body#news .all-news__item {
  margin-bottom: 30px !important;
  border-radius: 20px;
  position: relative;
  width: 100%;
  display: block;
  overflow: hidden;
  background: white;
  box-shadow: 0px 0px 40px rgba(36, 36, 39, 0.1);
  transition: 0.2s;
  transform: translateY(0px);
}
body#news .all-news__item:hover {
  transform: translateY(-10px);
}
body#news .all-news__item:hover h2 {
  color: var(--primary-color);
}
body#news .all-news__item:hover .btn {
  background: var(--secondary-color);
  color: white;
}
body#news .all-news__item__text {
  padding: 30px;
}
body#news .all-news__item__text h4 {
  font-weight: 400;
  font-size: 16px;
}
@media screen and (max-width: 991px) {
  body#news .all-news__item__text h4 {
    font-size: 16px;
  }
}
body#news .all-news__item__text h2 {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 15px;
  transition: 0.2s;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media screen and (max-width: 991px) {
  body#news .all-news__item__text h2 {
    font-size: 18px;
  }
}
body#news .all-news__item__text p {
  font-size: 16px;
  line-height: 1.2em;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media screen and (max-width: 991px) {
  body#news .all-news__item__text p {
    font-size: 14px;
  }
}
body#news .all-news__item__text .btn {
  margin-top: 30px;
  display: block;
  text-align: center;
}
@media screen and (max-width: 991px) {
  body#news .all-news__item__text .btn {
    display: none;
  }
}

body#new .mainheader h4 {
  font-weight: 400;
  font-size: 16px;
  text-transform: uppercase;
}
body#new .mainheader p,
body#new .mainheader h4,
body#new .mainheader h1 {
  max-width: 70%;
  max-width: 100%;
}
body#new .gallery h3 {
  margin: 30px 0 10px 0;
  font-size: 24px !important;
  text-transform: uppercase;
}
@media screen and (max-width: 991px) {
  body#new .gallery h3 {
    font-size: 18px !important;
  }
}
body#new .gallery .row {
  margin: 0;
}
body#new .gallery .fancy-item {
  padding: 5px;
}
body#new .gallery .fancy-item:first-child {
  padding-left: 0;
}
body#new .gallery .fancy-item img {
  transition: 0.3s;
}
body#new .gallery .fancy-item:hover img {
  opacity: 0.5;
}
body#new .gallery .fancy-item .fancy {
  background: black;
  display: block;
  padding: 0;
}
body#new .gallery .fancy-item .video {
  position: relative;
  display: block;
}
body#new .gallery .fancy-item .video i {
  z-index: 1;
  color: white !important;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 50px;
}
body#new .content {
  padding: 50px 0 100px 0;
}
@media screen and (max-width: 991px) {
  body#new .content {
    padding: 50px 0;
  }
}
body#new .content .row {
  justify-content: center;
}
body#new .content .row .col-md-8 .row {
  justify-content: flex-start;
}
body#new .content__social {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 30px;
  align-items: center;
}
@media screen and (max-width: 991px) {
  body#new .content__social {
    justify-content: center;
    flex-wrap: wrap;
  }
}
body#new .content__social:hover span {
  opacity: 1;
  transform: translateX(0px);
}
body#new .content__social:hover a {
  opacity: 1;
}
body#new .content__social span {
  opacity: 0;
  transition: 0.2s;
  transform: translateX(-10px);
  margin-right: 10px;
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing: 2px;
  font-weight: 600;
}
@media screen and (max-width: 991px) {
  body#new .content__social span {
    transform: none;
    opacity: 1;
    display: block;
    text-align: center;
    margin: 0 0 10px 0;
    width: 100%;
  }
}
body#new .content__social a {
  width: 40px;
  height: 40px;
  border: 2px solid var(--text);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 3px;
  opacity: 0.5;
  transition: 0.2s;
}
body#new .content__social a i {
  font-size: 16px;
}
@media screen and (max-width: 991px) {
  body#new .content__social a {
    opacity: 1;
    margin: 8px;
  }
  body#new .content__social a i {
    color: white !important;
  }
}
body#new .content__social a:hover {
  opacity: 1;
}
body#new .content__social a:hover i {
  color: white !important;
}
@media screen and (max-width: 991px) {
  body#new .content__social a.facebook {
    background: #3b5998;
    border-color: #3b5998;
  }
}
body#new .content__social a.facebook:hover {
  background: #3b5998;
  border-color: #3b5998;
}
@media screen and (max-width: 991px) {
  body#new .content__social a.twitter {
    background: #1da1f2;
    border-color: #1da1f2;
  }
}
body#new .content__social a.twitter:hover {
  background: #1da1f2;
  border-color: #1da1f2;
}
@media screen and (max-width: 991px) {
  body#new .content__social a.linkedin {
    background: #0077b5;
    border-color: #0077b5;
  }
}
body#new .content__social a.linkedin:hover {
  background: #0077b5;
  border-color: #0077b5;
}
@media screen and (max-width: 991px) {
  body#new .content__social a.whatsapp {
    background: #25d366;
    border-color: #25d366;
  }
}
body#new .content__social a.whatsapp:hover {
  background: #25d366;
  border-color: #25d366;
}
body#new .content__social a.whatsapp i {
  font-size: 20px;
}
@media screen and (max-width: 991px) {
  body#new .related {
    margin-top: 50px;
  }
}
body#new .related h2 {
  font-size: 24px;
  text-transform: uppercase;
  margin-bottom: 15px;
}
@media screen and (max-width: 991px) {
  body#new .related h2 {
    font-size: 18px;
  }
}
body#new .related__item {
  margin-bottom: 30px;
}
body#new .related__item:hover h3 {
  color: var(--primary-color);
}
body#new .related__item img {
  border-radius: 20px;
  margin-bottom: 10px;
}
body#new .related__item h3 {
  font-size: 20px;
  font-weight: 500;
  color: #505050;
}

body#services .icon_svg {
  margin: 0 auto 15px auto;
}
@media screen and (max-width: 991px) {
  body#services .icon_svg {
    justify-content: center;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 991px) {
  body#services .why .item h3 {
    padding: 0;
  }
}
body#services .tabs {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top;
  height: 0;
  overflow: hidden;
  opacity: 0;
  transition: opacity 0.2s;
}
body#services .tabs.active {
  opacity: 1;
  height: auto;
  padding: 0 0 150px 0;
}
@media screen and (max-width: 991px) {
  body#services .tabs.active {
    padding: 0 0 50px 0;
  }
}
body#services .tabs__nav {
  display: flex;
  overflow-x: auto;
  padding: 0;
  margin-bottom: 50px;
  border-bottom: 2px solid #cfd0cf;
}
body#services .tabs__nav a {
  margin-right: 30px;
  position: relative;
  border-bottom: 8px solid transparent;
  padding-bottom: 10px;
  display: block;
  min-width: -moz-max-content;
  min-width: max-content;
  font-weight: 600;
  opacity: 0.5;
  transition: 0.2s;
}
body#services .tabs__nav a.active {
  border-color: var(--primary-color);
  opacity: 1;
  color: var(--primary-color);
}
body#services .tabs__nav a:hover {
  opacity: 1;
}
body#services .tabs__nav a::before {
  content: "";
}
body#services .tabs__nav__first {
  margin-bottom: 50px;
}
body#services .tabs__nav__first .container {
  display: flex;
  overflow-x: auto;
}
body#services .tabs__nav__first a {
  font-size: 30px;
  font-weight: 700;
  margin-right: 30px;
  display: block;
  min-width: -moz-max-content;
  min-width: max-content;
  opacity: 0.5;
  transition: 0.2s;
}
body#services .tabs__nav__first a:hover {
  opacity: 1;
}
@media screen and (max-width: 991px) {
  body#services .tabs__nav__first a {
    font-size: 22px;
  }
}
body#services .tabs__nav__first a:last-child {
  margin-right: 0;
}
body#services .tabs__nav__first a.active {
  color: var(--primary-color);
  opacity: 1;
}
body#services .tabs__container {
  background: transparent !important;
  padding: 0;
  height: auto;
}
body#services .tabs__container * {
  color: var(--text);
}
body#services .tabs__container__item {
  height: 0px;
  overflow: hidden;
  opacity: 0;
  transition: opacity 0.2s;
}
body#services .tabs__container__item .row {
  min-height: auto;
  align-items: flex-start;
}
body#services .tabs__container__item .row .col-md-6:first-child {
  padding-left: 50px;
  padding-top: 50px;
}
@media screen and (max-width: 991px) {
  body#services .tabs__container__item .row .col-md-6:first-child {
    padding-left: 30px;
    padding-top: 30px;
    padding-right: 0;
  }
}
body#services .tabs__container__item .row .col-md-6:last-child {
  padding-left: 50px;
}
@media screen and (max-width: 991px) {
  body#services .tabs__container__item .row .col-md-6:last-child {
    padding: 0px !important;
  }
}
body#services .tabs__container__item.active {
  height: auto;
  opacity: 1;
}
body#services .tabs__container__item .links {
  margin-top: 30px;
}
body#services .tabs__container__item .links--item {
  display: flex;
  align-items: center;
  padding: 15px 50px 15px 70px;
  position: relative;
  border-bottom: 1px solid #cfd0cf;
  transition: 0.2s;
}
@media screen and (max-width: 991px) {
  body#services .tabs__container__item .links--item {
    padding: 10px 40px 10px 60px;
  }
}
body#services .tabs__container__item .links--item:last-child {
  border-bottom: 0px;
}
body#services .tabs__container__item .links--item.with-hover:hover {
  background: var(--primary-color);
}
body#services .tabs__container__item .links--item.with-hover:hover h4,
body#services .tabs__container__item .links--item.with-hover:hover span {
  color: white;
}
body#services .tabs__container__item .links--item.with-hover:hover svg path {
  fill: white;
}
body#services .tabs__container__item .links--item h4 {
  margin-bottom: 0;
  font-size: 22px;
  transition: 0.2s;
}
body#services .tabs__container__item .links--item span {
  color: var(--primary-color);
  transition: 0.2s;
}
body#services .tabs__container__item .links--item svg {
  transition: 0.2s;
}
body#services .tabs__container__item .links--item svg.check {
  position: absolute;
  left: 20px;
}
@media screen and (max-width: 991px) {
  body#services .tabs__container__item .links--item svg.check {
    left: 15px;
  }
}
body#services .tabs__container__item .links--item svg.arrow {
  position: absolute;
  right: 20px;
  transition: 0.2s;
}
@media screen and (max-width: 991px) {
  body#services .tabs__container__item .links--item svg.arrow {
    right: 15px;
  }
}
@media screen and (max-width: 991px) {
  body#services .tabs__container__item__carousel {
    margin-bottom: 30px;
  }
}
body#services .tabs__container__item__carousel img {
  border-radius: 30px;
}
body#services .tabs__container__item__carousel::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% - 50px);
  height: calc(100% - 50px);
  border-radius: 30px;
  background: linear-gradient(150.41deg, var(--secondary-color) 4.31%, var(--primary-color) 100.84%);
}

body#projects .presentation {
  padding: 0 0 50px 0;
}
body#projects .presentation .row {
  justify-content: center;
}
body#projects .presentation .col-md-6 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  min-height: 476px;
  padding: 100px;
  border-radius: 30px;
  overflow: hidden;
  position: relative;
}
@media screen and (max-width: 991px) {
  body#projects .presentation .col-md-6 {
    min-height: auto !important;
    padding: 60px;
  }
}
body#projects .presentation .col-md-6:first-child {
  margin-right: -50px;
}
@media screen and (max-width: 991px) {
  body#projects .presentation .col-md-6:first-child {
    margin-right: 0px;
    border-radius: 0px !important;
  }
}
body#projects .presentation .col-md-6:first-child h2, body#projects .presentation .col-md-6:first-child p {
  position: relative;
  z-index: 1;
  color: white;
  text-align: center;
}
body#projects .presentation .col-md-6:first-child h2 {
  margin-bottom: 5px;
}
body#projects .presentation .col-md-6:first-child p {
  font-weight: 600;
  font-size: 22px;
  line-height: 1.2;
}
body#projects .presentation .col-md-6:first-child img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  z-index: -1;
}
body#projects .presentation .col-md-6:first-child::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(150.41deg, var(--primary-color) 4.31%, var(--secondary-color) 100.84%);
  opacity: 0.8;
}
body#projects .presentation .col-md-6:last-child {
  margin-left: -50px;
  background: #FFFFFF;
  box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.08);
  margin-top: 250px;
  align-items: flex-start;
}
@media screen and (max-width: 991px) {
  body#projects .presentation .col-md-6:last-child {
    margin-top: -25px;
    margin-left: 0;
    width: 90%;
  }
}
body#projects .projects {
  padding: 0;
}
body#projects .projects .right {
  margin-top: -150px;
  padding: 250px 0 100px 0;
  background-position: top;
  background-repeat: no-repeat;
}
@media screen and (max-width: 991px) {
  body#projects .projects .right {
    margin-top: -200px;
    padding: 250px 0 40px 0;
  }
  body#projects .projects .right .row {
    flex-direction: column-reverse;
  }
}
body#projects .projects .right .projects__carousel::before {
  top: -50px;
  right: -50px;
  left: initial;
  background: linear-gradient(50.41deg, var(--primary-color) 4.31%, var(--secondary-color) 100.84%);
}
body#projects .projects .right .col-md-6:first-child {
  padding-right: 100px;
}
@media screen and (max-width: 991px) {
  body#projects .projects .right .col-md-6:first-child {
    padding-right: 20px;
  }
}
body#projects .projects .left {
  padding: 150px 0;
}
@media screen and (max-width: 991px) {
  body#projects .projects .left {
    padding: 110px 0 40px 0;
  }
}
body#projects .projects .left .col-md-6:last-child {
  padding-left: 100px;
}
@media screen and (max-width: 991px) {
  body#projects .projects .left .col-md-6:last-child {
    padding-left: 20px;
  }
}
body#projects .projects img {
  border-radius: 30px;
}
body#projects .projects h2 {
  margin-bottom: 15px;
}
body#projects .projects .row {
  align-items: center;
}
body#projects .projects__carousel::before {
  content: "";
  position: absolute;
  top: -50px;
  left: -50px;
  width: 100%;
  height: 100%;
  border-radius: 30px;
  background: linear-gradient(150.41deg, var(--secondary-color) 4.31%, var(--primary-color) 100.84%);
}

.horarios {
  margin-bottom: 20px !important;
}
.horarios__summary {
  margin-bottom: 75px;
}
@media screen and (max-width: 991px) {
  .horarios__summary {
    margin-bottom: 40px;
  }
}
.horarios .col-18 {
  border-right: 1px solid rgba(92, 93, 101, 0.4);
}
.horarios .col-18:last-child {
  border-right: 0;
}
@media screen and (max-width: 991px) {
  .horarios .scroll_mobile .table__items .row {
    width: 991px !important;
  }
}

.table {
  box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.08);
  margin-bottom: 75px;
  border-radius: 30px;
  overflow: hidden;
}
@media screen and (max-width: 991px) {
  .table {
    border-radius: 0;
    margin-bottom: 10px;
  }
}
.table__title {
  background: linear-gradient(150.41deg, #1745BA 4.31%, #081C69 100.84%), #FFFFFF;
  text-align: center;
  color: white;
  padding: 15px;
}
@media screen and (max-width: 991px) {
  .table__title h2 {
    font-size: 24px;
  }
}
.table .scroll_mobile {
  width: 100%;
}
@media screen and (max-width: 991px) {
  .table .scroll_mobile {
    width: 600px;
    overflow-x: scroll;
  }
  .table .scroll_mobile .table__items .row {
    width: 600px;
    align-items: center;
    padding: 15px 0;
  }
  .table .scroll_mobile .table__items .row .col-18, .table .scroll_mobile .table__items .row .col-14, .table .scroll_mobile .table__items .row .col-2, .table .scroll_mobile .table__items .row .col-1 {
    padding: 0px 20px;
    border: none;
  }
}
.table__items h3, .table__items p {
  font-size: 16px;
  line-height: 1.1em;
  margin: 0;
}
@media screen and (max-width: 991px) {
  .table__items h3, .table__items p {
    font-size: 16px;
  }
}
.table__items:nth-child(odd) .row {
  background: #EFF0F6;
}
.table__items .col-4, .table__items .col-18, .table__items .col-14, .table__items .col-2, .table__items .col-md-12, .table__items .col-1 {
  padding: 15px 30px;
  display: flex;
  align-items: center;
  border-right: 1px solid rgba(92, 93, 101, 0.4);
}
.table__items .col-4.text-center, .table__items .col-18.text-center, .table__items .col-14.text-center, .table__items .col-2.text-center, .table__items .col-md-12.text-center, .table__items .col-1.text-center {
  justify-content: center;
  text-align: center;
}
.table__items .col-4:last-child, .table__items .col-18:last-child, .table__items .col-14:last-child, .table__items .col-2:last-child, .table__items .col-md-12:last-child, .table__items .col-1:last-child {
  border-right: 0;
}

@media screen and (max-width: 991px) {
  body#tariff .tariff, body#vessel_schedule .tariff, body#ship_service_request .tariff {
    padding: 0;
  }
}

@media screen and (max-width: 991px) {
  body#vessel_schedule .table .scroll_mobile .table__items .row,
  body#ship_service_request .table .scroll_mobile .table__items .row,
  body#ship_service_request .table .scroll_mobile {
    width: 1200px;
  }
}

.search_in_table {
  display: flex;
  justify-content: center;
  margin: 40px 0;
}
.search_in_table input {
  padding: 20px 30px;
  background: #FFFFFF;
  box-shadow: 0px 0px 50px rgba(84, 84, 100, 0.1);
  border-radius: 65px;
  max-width: 768px;
  width: 100%;
}

.no-results {
  display: none !important;
  padding: 15px 30px;
}
.no-results p {
  text-align: center;
  font-weight: 600;
}
.no-results.active {
  display: block !important;
}

body#tariff .no-results {
  margin-bottom: 50px;
}

body#online_dock iframe {
  width: 100%;
  height: 100%;
}

body#certifications .certifications {
  padding: 100px 0;
}
@media screen and (max-width: 991px) {
  body#certifications .certifications {
    padding: 50px 0;
  }
}
body#certifications .certifications a {
  display: block;
  box-shadow: 0px 0px 40px rgba(36, 36, 39, 0.1);
  background: white;
  border-radius: 20px;
  overflow: hidden;
  transition: 0.2s;
  margin-bottom: 30px;
}
body#certifications .certifications a:hover {
  background: var(--primary-color);
}
body#certifications .certifications a:hover h2 {
  color: white;
}
body#certifications .certifications a h2 {
  padding: 20px 25px;
  margin: 0;
  font-size: 20px;
}

body#certification .content {
  padding: 100px 0;
}
@media screen and (max-width: 991px) {
  body#certification .content {
    padding: 50px 0;
  }
}
body#certification .content h2 {
  color: var(--secondary-color);
}
body#certification .btn_download {
  padding: 13px 30px;
  color: #fff;
  display: inline-flex;
  margin-top: 15px;
  font-weight: 600;
  text-transform: uppercase;
  transition: all 0.3s ease;
  border-radius: 10px;
  font-size: 16px;
  background: var(--primary-color);
  vertical-align: middle;
}
body#certification .btn_download svg {
  margin-left: 4px;
}
body#certification .btn_download:hover {
  background: var(--secondary-color);
}
body#certification .related {
  padding: 100px 0 0 0;
}
@media screen and (max-width: 991px) {
  body#certification .related {
    margin-top: 50px;
    padding: 50px 0;
    background: var(--secondary-color);
  }
}
body#certification .related h2 {
  font-size: 24px;
  margin-bottom: 0px;
  text-align: center;
  opacity: 0.77;
  color: var(--text);
}
@media screen and (max-width: 991px) {
  body#certification .related h2 {
    color: white;
  }
}
body#certification .related a {
  display: block;
  box-shadow: 0px 0px 40px rgba(36, 36, 39, 0.1);
  background: white;
  border-radius: 20px;
  overflow: hidden;
  transition: 0.2s;
  margin-top: 30px;
}
body#certification .related a:hover {
  background: var(--primary-color);
}
body#certification .related a:hover h4 {
  color: white;
}
body#certification .related a h4 {
  padding: 20px 25px;
  margin: 0;
  font-size: 20px;
}

body#suggestions .contact {
  max-width: 896px;
  margin: 0 auto;
}
body#suggestions .contact h2 {
  color: #2F2F2F;
  text-align: center;
}
body#suggestions .contact p {
  color: #5C5D65;
  text-align: center;
}
body#suggestions .contact .title {
  margin-bottom: 20px;
}
body#suggestions .contact textarea {
  min-height: 200px;
}
@media screen and (max-width: 1366px) {
  body#suggestions .contact textarea {
    min-height: 100px;
  }
}
@media screen and (max-width: 1366px) {
  body#suggestions .contact .file div {
    min-height: 100px;
  }
}
body#suggestions .contact .btn__content {
  margin-top: 10px;
}
@media screen and (max-width: 991px) {
  body#suggestions .contact .form {
    padding-top: 0;
  }
}
body#suggestions .contact .form__component {
  padding-top: 0;
}

body#complaints .contact {
  max-width: 896px;
  margin: 0 auto;
}
@media screen and (max-width: 991px) {
  body#complaints .contact {
    max-width: 100%;
  }
}
body#complaints .contact .title {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
body#complaints .contact .title h2 {
  color: #2F2F2F;
}
body#complaints .contact .title p {
  color: #5C5D65;
}
body#complaints .contact h3 {
  font-family: "Roboto", sans-serif;
  font-size: 22px;
  font-weight: 600;
  color: #2F2F2F;
  margin-bottom: 5px;
  line-height: 1.3em;
}
@media screen and (max-width: 1366px) {
  body#complaints .contact h3 {
    font-size: 18px;
  }
}
@media screen and (max-width: 991px) {
  body#complaints .contact h3 {
    font-size: 17px;
  }
}
body#complaints .contact p {
  color: rgba(0, 0, 0, 0.5);
  margin-bottom: 5px;
}
@media screen and (max-width: 991px) {
  body#complaints .contact p {
    margin: 15px 0;
  }
}
body#complaints .contact .form__component fieldset {
  padding: 5px 0;
}
body#complaints .contact .input, body#complaints .contact .legajo {
  padding-right: 5px !important;
}
body#complaints .contact .col-md-12 {
  margin-top: 15px;
}
@media screen and (max-width: 1366px) {
  body#complaints .contact .col-md-12 {
    margin-top: 10px;
  }
}
body#complaints .contact textarea {
  margin-top: 10px;
  min-height: 202px;
}
@media screen and (max-width: 1366px) {
  body#complaints .contact textarea {
    min-height: 100px;
  }
}
body#complaints .contact .checkbox {
  padding: 0;
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto;
  width: auto;
  transform: scale(1.3);
  margin: 0;
  margin-right: 20px;
}
body#complaints .contact .checkbox__title {
  margin: 0;
  margin-right: 5px;
}
body#complaints .contact .checkbox-container {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 991px) {
  body#complaints .contact .checkbox-container {
    flex-direction: column;
  }
}
body#complaints .contact .checkbox-container div {
  display: flex;
  align-items: center;
}
body#complaints .contact .checkbox-container p {
  margin-right: 20px;
}
body#complaints .contact .paragraph-small {
  font-size: 16px;
  margin-bottom: 10px;
}
body#complaints .contact .file div {
  margin: 15px 0;
}
@media screen and (max-width: 1366px) {
  body#complaints .contact .file div {
    min-height: 100px;
  }
}
body#complaints .contact .btn__content {
  margin-top: 10px;
}
@media screen and (max-width: 991px) {
  body#complaints .contact .form {
    padding-top: 0;
  }
}
body#complaints .contact .form__component {
  padding-top: 0;
}

body#providers .tabs {
  padding: 100px 0 150px 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top;
}
@media screen and (max-width: 991px) {
  body#providers .tabs {
    padding: 50px 0;
  }
}
body#providers .tabs__nav {
  display: flex;
  overflow-x: auto;
  padding: 0;
  margin-bottom: 50px;
  border-bottom: 2px solid #cfd0cf;
}
body#providers .tabs__nav a {
  margin-right: 30px;
  position: relative;
  border-bottom: 8px solid transparent;
  padding-bottom: 10px;
  display: block;
  min-width: -moz-max-content;
  min-width: max-content;
  font-weight: 600;
  opacity: 0.5;
  transition: 0.2s;
}
body#providers .tabs__nav a:hover {
  opacity: 1;
}
body#providers .tabs__nav a.active {
  border-color: var(--primary-color);
  opacity: 1;
  color: var(--primary-color);
}
body#providers .tabs__nav a::before {
  content: "";
}
body#providers .tabs__container {
  background: transparent !important;
  padding: 0;
  height: auto;
}
body#providers .tabs__container * {
  color: var(--text);
}
body#providers .tabs__container__item {
  height: 0px;
  overflow: hidden;
  opacity: 0;
  transition: opacity 0.2s;
}
body#providers .tabs__container__item .row {
  min-height: auto;
  align-items: flex-start;
}
body#providers .tabs__container__item .row .col-md-6:first-child {
  padding-left: 50px;
  padding-top: 50px;
}
@media screen and (max-width: 991px) {
  body#providers .tabs__container__item .row .col-md-6:first-child {
    padding-left: 30px;
    padding-top: 30px;
    padding-right: 0;
  }
}
body#providers .tabs__container__item .row .col-md-6:last-child {
  padding-left: 50px;
}
@media screen and (max-width: 991px) {
  body#providers .tabs__container__item .row .col-md-6:last-child {
    padding: 0px !important;
  }
}
body#providers .tabs__container__item.active {
  height: auto;
  opacity: 1;
}
body#providers .tabs__container__item .links {
  margin-top: 30px;
}
body#providers .tabs__container__item .links--item {
  display: flex;
  align-items: center;
  padding: 15px 50px 15px 70px;
  position: relative;
  border-bottom: 1px solid #cfd0cf;
  transition: 0.2s;
}
@media screen and (max-width: 991px) {
  body#providers .tabs__container__item .links--item {
    padding: 10px 40px 10px 60px;
  }
}
body#providers .tabs__container__item .links--item:last-child {
  border-bottom: 0px;
}
body#providers .tabs__container__item .links--item.with-hover:hover {
  background: var(--primary-color);
}
body#providers .tabs__container__item .links--item.with-hover:hover h4,
body#providers .tabs__container__item .links--item.with-hover:hover span {
  color: white;
}
body#providers .tabs__container__item .links--item.with-hover:hover svg path {
  fill: white;
}
body#providers .tabs__container__item .links--item h4 {
  margin-bottom: 0;
  font-size: 22px;
  transition: 0.2s;
}
body#providers .tabs__container__item .links--item span {
  color: var(--primary-color);
  transition: 0.2s;
}
body#providers .tabs__container__item .links--item svg {
  transition: 0.2s;
}
body#providers .tabs__container__item .links--item svg.check {
  position: absolute;
  left: 20px;
}
@media screen and (max-width: 991px) {
  body#providers .tabs__container__item .links--item svg.check {
    left: 15px;
  }
}
body#providers .tabs__container__item .links--item svg.arrow {
  position: absolute;
  right: 20px;
  transition: 0.2s;
}
@media screen and (max-width: 991px) {
  body#providers .tabs__container__item .links--item svg.arrow {
    right: 15px;
  }
}
@media screen and (max-width: 991px) {
  body#providers .tabs__container__item__carousel {
    margin-bottom: 30px;
  }
}
body#providers .tabs__container__item__carousel img {
  border-radius: 30px;
}
body#providers .tabs__container__item__carousel::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% - 50px);
  height: calc(100% - 50px);
  border-radius: 30px;
  background: linear-gradient(150.41deg, var(--secondary-color) 4.31%, var(--primary-color) 100.84%);
}

body#integrated_management_policy .main-container {
  max-width: 1920px;
  margin: 0 auto;
}
body#integrated_management_policy .about, body#integrated_management_policy .our_people {
  padding: 150px 0;
}
@media screen and (max-width: 991px) {
  body#integrated_management_policy .about, body#integrated_management_policy .our_people {
    padding: 50px 0;
  }
}
body#integrated_management_policy .about img, body#integrated_management_policy .our_people img {
  border-radius: 30px;
}
body#integrated_management_policy .about__description, body#integrated_management_policy .our_people__description {
  margin-top: 30px;
}
@media screen and (max-width: 991px) {
  body#integrated_management_policy .about__description, body#integrated_management_policy .our_people__description {
    margin-top: 10px;
  }
}
body#integrated_management_policy .about__description__btns, body#integrated_management_policy .our_people__description__btns {
  margin-top: 20px;
}
@media screen and (max-width: 991px) {
  body#integrated_management_policy .about__description__btns a, body#integrated_management_policy .our_people__description__btns a {
    width: 100%;
    text-align: center;
  }
}
@media screen and (max-width: 991px) {
  body#integrated_management_policy .about {
    margin-top: 50px;
  }
}
body#integrated_management_policy .about .row {
  align-items: center;
}
body#integrated_management_policy .about .row .col-md-6:last-child {
  padding-left: 40px !important;
}
@media screen and (max-width: 991px) {
  body#integrated_management_policy .about .row .col-md-6:last-child {
    padding-left: 15px !important;
  }
}
@media screen and (max-width: 991px) {
  body#integrated_management_policy .about__carousel {
    margin-bottom: 30px;
  }
}
body#integrated_management_policy .about__carousel::before {
  content: "";
  position: absolute;
  top: -34px;
  left: -24px;
  width: calc(100% - 50px);
  height: calc(100% - 50px);
  border-radius: 30px;
  background: linear-gradient(150.41deg, var(--secondary-color) 4.31%, var(--primary-color) 100.84%);
  z-index: -1;
}
@media screen and (max-width: 991px) {
  body#integrated_management_policy .about__carousel::before {
    top: -22px;
    left: 5px;
  }
}

body#ships_turn .addBarc .btn {
  background: #546e7a;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  cursor: pointer;
}
body#ships_turn .addBarc .btn:hover {
  background: #37474f;
}
body#ships_turn #barcaza-block,
body#ships_turn #addBarcContent {
  width: 100%;
}
body#ships_turn .barcazaField {
  display: flex;
  width: 100%;
  gap: 15px;
}
body#ships_turn .barcazaField .barcaza-field {
  width: 100%;
}
body#ships_turn .barcazaField .barcaza-delete {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  height: 45px;
  width: 45px;
  border-radius: 50%;
  background: #ffcdd2;
  flex: none;
  transition: 0.2s;
}
body#ships_turn .barcazaField .barcaza-delete svg line,
body#ships_turn .barcazaField .barcaza-delete svg polyline,
body#ships_turn .barcazaField .barcaza-delete svg path {
  stroke: #b71c1c;
}
body#ships_turn .barcazaField .barcaza-delete:hover {
  background: #b71c1c;
}
body#ships_turn .barcazaField .barcaza-delete:hover svg line,
body#ships_turn .barcazaField .barcaza-delete:hover svg polyline,
body#ships_turn .barcazaField .barcaza-delete:hover svg path {
  stroke: #fff;
}

.main__slider {
  padding: 0 !important;
  margin: 0 auto !important;
  position: relative;
}
@media (min-width: 1920px) {
  .main__slider {
    max-width: 1920px;
  }
}
@media screen and (max-width: 991px) {
  .main__slider .slick-next,
  .main__slider .slick-prev {
    display: none !important;
  }
}
.main__slider .slider__item {
  position: relative;
}
.main__slider .slider__item__content {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin: 0;
  padding: 0;
  text-align: left;
  left: 0;
  top: 0;
  z-index: 1;
}
@media screen and (max-width: 991px) {
  .main__slider .slider__item__content {
    height: 100%;
  }
}
@media screen and (max-width: 767px) {
  .main__slider .slider__item__content {
    padding: 20px 20px 80px;
  }
}
.main__slider .slider__item__content__text {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  max-width: 610px;
}
.main__slider .slider__item__content__text * {
  color: white;
}
@media screen and (max-width: 991px) {
  .main__slider .slider__item__content__text {
    text-align: center;
    max-width: 100%;
    justify-content: center;
    align-items: center;
  }
}
.main__slider .slider__item.toned {
  position: relative;
}
.main__slider .slider__item.toned::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: black;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.2) 100%);
  z-index: 0;
  pointer-events: none;
  opacity: 0.6;
}
.main__slider .slider__item img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  width: 100%;
  height: 600px;
}
.main__slider .slider__item .video__container {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  overflow: hidden;
}
.main__slider .slider__item video {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  width: 100%;
}

.slick-dots > li {
  display: inline-block;
}
.slick-dots > li:only-child {
  display: none;
}

.slick-slide {
  height: auto;
}

.slick-next {
  right: 5px;
  z-index: 1;
  width: auto;
  height: auto;
}

.slick-prev {
  left: 5px;
  z-index: 1;
  width: auto;
  height: auto;
}

.slick-prev:before,
.slick-next:before {
  font-family: "icomoon";
  font-size: 50px;
  line-height: 1;
  opacity: 0.3;
}

.slick-next:before {
  content: "\e912";
}

.slick-prev:before {
  content: "\e913";
}

.slick-dots {
  bottom: 20px;
  z-index: 1;
}
@media screen and (max-width: 991px) {
  .slick-dots {
    bottom: 15px;
  }
}
.slick-dots li {
  margin: 0;
}
.slick-dots li button:before {
  font-size: 12px;
  opacity: 0.65;
}
.slick-dots li.slick-active button:before {
  font-size: 16px;
  opacity: 1;
}

.slick-dotted.slick-slider {
  margin-bottom: 0;
}

.contact {
  position: relative;
}
.contact .post-send {
  position: absolute;
  z-index: 11;
  left: 0;
  top: 0;
  width: 0%;
  height: 0%;
  display: none;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 50px;
  text-align: center;
  background: rgba(255, 255, 255, 0.5);
  -webkit-backdrop-filter: blur(7px);
          backdrop-filter: blur(7px);
  overflow: hidden;
}
.contact .post-send__btns {
  margin-top: 15px;
}
.contact .post-send__btns a:nth-child(2) {
  margin-left: 10px;
}
@media screen and (max-width: 991px) {
  .contact .post-send__btns a:nth-child(2) {
    margin-left: 0;
  }
}
.contact .post-send p {
  font-size: 24px;
  line-height: 1.25em;
  color: var(--dark-typography-color);
}
.contact .post-send p strong {
  color: inherit;
  display: block;
  font-size: inherit;
}
@media screen and (max-width: 991px) {
  .contact .post-send p {
    font-size: 20px;
  }
}
.contact.sucess .post-send, .contact.onError .post-send {
  display: flex;
  width: 100%;
  height: 100%;
}
.contact .spinner {
  content: "";
  display: block !important;
  position: absolute;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  width: 0px;
  height: 0px;
  z-index: 9999;
  top: 50%;
  left: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.25s cubic-bezier(0.52, 0.04, 0, 1.01);
  overflow: hidden;
}
.contact .spinner svg {
  width: 100%;
  height: auto;
}
.contact:after {
  content: "";
  display: block !important;
  position: absolute;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  width: 0px;
  height: 0px;
  top: 0;
  left: 0;
  transition: all 0.25s cubic-bezier(0.52, 0.04, 0, 1.01);
  background: rgba(255, 255, 255, 0.5);
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
}
.contact.submiting .spinner {
  width: 60px;
  height: 60px;
}
.contact.submiting:after {
  width: 100%;
  height: 100%;
}
.contact.sucess .spinner {
  width: 0px;
  height: 0px;
}
.contact.sucess:after {
  width: 100%;
  height: 100%;
}
.contact.error:before {
  width: 0px;
  height: 0px;
}

@media screen and (max-width: 991px) {
  .form {
    padding: 25px 0px;
  }
}
.form :focus {
  outline: none;
}
.form form {
  padding: 10px 0;
}
@media screen and (max-width: 991px) {
  .form form {
    padding: 25px 15px;
  }
}
.form h5 {
  font-size: 18px;
  font-weight: 600;
  opacity: 0.5;
  margin-top: 30px;
  margin-left: -5px;
}
.form .summary {
  margin: 30px 0 50px 0;
}
.form .summary ul {
  padding-left: 30px;
  list-style: initial;
}
.form .form__component {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  transition: all 0.25s cubic-bezier(0.52, 0.04, 0, 1.01);
}
.form .form__component input,
.form .form__component textarea,
.form .form__component select {
  padding: 8px 15px;
  width: 100%;
  color: #444;
  border: none;
  border-bottom: 3px solid #ecf0f3;
  background: #ecf0f3;
  border-radius: 10px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-weight: 400;
  font-size: 16px;
}
.form .form__component input::-moz-placeholder, .form .form__component textarea::-moz-placeholder, .form .form__component select::-moz-placeholder {
  color: rgba(0, 0, 0, 0.5);
}
.form .form__component input::placeholder,
.form .form__component textarea::placeholder,
.form .form__component select::placeholder {
  color: rgba(0, 0, 0, 0.5);
}
.form .form__component input.error,
.form .form__component textarea.error,
.form .form__component select.error {
  border-color: red !important;
}
.form .form__component input.pildora,
.form .form__component textarea.pildora,
.form .form__component select.pildora {
  border-radius: 50px;
}
.form .form__component input.hidden,
.form .form__component textarea.hidden,
.form .form__component select.hidden {
  display: none;
}
.form .form__component input.other,
.form .form__component textarea.other,
.form .form__component select.other {
  margin-top: 5px;
}
.form .form__component label {
  font-size: 14px;
  width: 100%;
  text-align: left;
  display: block;
  margin: 7px 5px 5px 5px;
  opacity: 0.7;
  position: relative;
}
.form .form__component label.error {
  margin: 7px 5px 5px 5px;
  color: red;
  opacity: 1;
}
.form .form__component textarea {
  min-height: 100px;
}
.form .form__component textarea.pildora {
  border-radius: 15px;
}
.form .form__component input[type=date] {
  font-size: 17px;
  padding: 8px 15px;
  height: 43px;
}
.form .form__component input[type=date]::-webkit-inner-spin-button, .form .form__component input[type=date]::-webkit-calendar-picker-indicator {
  display: none;
  -webkit-appearance: none;
}
.form .form__component i.icon-down {
  pointer-events: none;
}
.form .form__component i.icon.icon-calendar {
  position: absolute;
  right: 20px;
  top: 47%;
  transform: translateY(-50%);
  color: white;
  font-size: 20px;
  opacity: 0.4;
}
.form .form__component .recaptcha__container {
  padding: 25px 0;
  display: none;
}
.form .form__component fieldset {
  padding: 5px;
}
.form .form__component fieldset .error {
  border-color: red !important;
}
.form .form__component .hidden {
  display: none;
}
.form option[value=""][disabled] {
  color: #b5b7bb;
}
.form .btn__content {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 991px) {
  .form .btn__content {
    padding: 0 !important;
  }
}
.form .btn__content button {
  cursor: pointer;
  width: auto;
  margin-top: 0;
}

fieldset.hidden {
  display: none;
}
fieldset.hidden.enabled {
  display: block !important;
}

.file div {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: relative;
  background: transparent;
  color: black;
  border: 2px dashed #ccc;
  text-align: center;
  min-height: 150px;
  border-radius: 10px;
}
.file div .icon {
  border-radius: 50%;
  border: 2px solid #ccc;
  color: #ccc;
  font-size: 28px;
  width: 40px;
  height: 40px;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin: 0 auto;
}
.file div p {
  padding-top: 10px;
}
.file div p small {
  font-size: 12px;
}
.file div label {
  text-align: center !important;
  margin: 10px 0 0 0 !important;
}
.file input {
  cursor: pointer;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.1)";
  filter: alpha(opacity=0.1);
  -moz-opacity: 0.001;
  -khtml-opacity: 0.001;
  opacity: 0.001;
  position: absolute;
  left: 0px;
  top: 0px;
  height: 100%;
  width: 100%;
}
.file .selected-file {
  color: var(--primary-color);
}

.g-recaptcha,
.grecaptcha-badge {
  display: none !important;
}

.select {
  position: relative;
}
.select i {
  font-size: 20px;
  position: absolute;
  right: 10px;
  top: 17px;
  opacity: 0.6;
}
.select .refresh-span {
  margin-left: 8px;
  cursor: pointer;
}
.select .refresh-span svg {
  width: 12px;
}

.form__sticky {
  transition: 0.2s;
}
.form__sticky i.icon-close {
  display: none;
}
.form__sticky.open {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 11111111111111112;
  overflow-y: auto;
  justify-content: center;
  align-items: center;
  pointer-events: all;
  padding: 30px;
  box-sizing: border-box;
}
@media screen and (max-width: 1366px) {
  .form__sticky.open {
    justify-content: flex-start;
    align-items: flex-start;
  }
}
@media screen and (max-width: 991px) {
  .form__sticky.open {
    padding: 100px 20px 20px 20px;
  }
}
.form__sticky.open::before {
  background: var(--tertiary-color);
  opacity: 0.9;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  content: "";
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.form__sticky.open i.icon-close {
  position: absolute;
  top: 0;
  right: 0;
  width: 60px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.35);
  font-size: 30px;
  color: white;
  cursor: pointer;
  transition: 0.2s;
}
.form__sticky.open i.icon-close:hover {
  background: rgba(0, 0, 0, 0.85);
}
.form__sticky.open .form__sticky__container {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 100px;
}
@media screen and (max-width: 991px) {
  .form__sticky.open .form__sticky__container {
    padding: 0px;
  }
}
.form__sticky.open .form__sticky__container .contact {
  width: 650px;
  background: white;
  padding: 30px;
  box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.1);
  pointer-events: all;
  overflow: hidden;
}
@media screen and (max-width: 991px) {
  .form__sticky.open .form__sticky__container .contact {
    width: 100%;
    margin-top: -30px;
  }
  .form__sticky.open .form__sticky__container .contact .form {
    padding: 10px 0 0 0;
  }
  .form__sticky.open .form__sticky__container .contact .form form {
    padding: 0 15px;
  }
  .form__sticky.open .form__sticky__container .contact .form form .btn__content {
    margin-top: 10px;
  }
}

.new__social, .product__social, .service__social {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 30px;
  align-items: center;
}
@media screen and (max-width: 991px) {
  .new__social, .product__social, .service__social {
    justify-content: center;
    flex-wrap: wrap;
  }
}
.new__social:hover span, .product__social:hover span, .service__social:hover span {
  opacity: 1;
  transform: translateX(0px);
}
.new__social:hover a, .product__social:hover a, .service__social:hover a {
  opacity: 1;
}
.new__social span, .product__social span, .service__social span {
  opacity: 0;
  transition: 0.2s;
  transform: translateX(-10px);
  margin-right: 10px;
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing: 2px;
  font-weight: 600;
}
@media screen and (max-width: 991px) {
  .new__social span, .product__social span, .service__social span {
    transform: none;
    opacity: 1;
    display: block;
    text-align: center;
    margin: 0 0 10px 0;
    width: 100%;
  }
}
.new__social a, .product__social a, .service__social a {
  width: 40px;
  height: 40px;
  border: 2px solid var(--text);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 3px;
  opacity: 0.5;
  transition: 0.2s;
}
.new__social a i, .product__social a i, .service__social a i {
  font-size: 16px;
}
@media screen and (max-width: 991px) {
  .new__social a, .product__social a, .service__social a {
    opacity: 1;
    margin: 8px;
  }
  .new__social a i, .product__social a i, .service__social a i {
    color: white !important;
  }
}
.new__social a:hover, .product__social a:hover, .service__social a:hover {
  opacity: 1;
}
.new__social a:hover i, .product__social a:hover i, .service__social a:hover i {
  color: white !important;
}
@media screen and (max-width: 991px) {
  .new__social a.facebook, .product__social a.facebook, .service__social a.facebook {
    background: #3b5998;
    border-color: #3b5998;
  }
}
.new__social a.facebook:hover, .product__social a.facebook:hover, .service__social a.facebook:hover {
  background: #3b5998;
  border-color: #3b5998;
}
@media screen and (max-width: 991px) {
  .new__social a.twitter, .product__social a.twitter, .service__social a.twitter {
    background: #1da1f2;
    border-color: #1da1f2;
  }
}
.new__social a.twitter:hover, .product__social a.twitter:hover, .service__social a.twitter:hover {
  background: #1da1f2;
  border-color: #1da1f2;
}
@media screen and (max-width: 991px) {
  .new__social a.linkedin, .product__social a.linkedin, .service__social a.linkedin {
    background: #0077b5;
    border-color: #0077b5;
  }
}
.new__social a.linkedin:hover, .product__social a.linkedin:hover, .service__social a.linkedin:hover {
  background: #0077b5;
  border-color: #0077b5;
}
@media screen and (max-width: 991px) {
  .new__social a.whatsapp, .product__social a.whatsapp, .service__social a.whatsapp {
    background: #25d366;
    border-color: #25d366;
  }
}
.new__social a.whatsapp:hover, .product__social a.whatsapp:hover, .service__social a.whatsapp:hover {
  background: #25d366;
  border-color: #25d366;
}
.new__social a.whatsapp i, .product__social a.whatsapp i, .service__social a.whatsapp i {
  font-size: 20px;
}

.breadcrumb {
  padding: 15px 0 !important;
  background: #F1F4F5;
}
.breadcrumb .container {
  display: flex;
  align-items: center;
}
.breadcrumb .container span {
  display: inline-block;
  margin: 0 10px;
  opacity: 0.5;
}
@media screen and (max-width: 991px) {
  .breadcrumb .container span {
    margin: 0 5px;
  }
}
.breadcrumb .container span.none {
  opacity: 0;
}
.breadcrumb .container p {
  width: 100%;
  padding-right: 370px;
}
@media (max-width: 1200px) {
  .breadcrumb .container p {
    padding-right: 320px;
  }
}
@media screen and (max-width: 991px) {
  .breadcrumb .container p {
    padding: 0;
  }
}
.breadcrumb a {
  line-height: 0;
  font-size: 14px;
  transition: 0.2s;
}
.breadcrumb a:hover {
  color: var(--primary-color);
}
.breadcrumb a.current {
  font-weight: 600;
}

.mainheader {
  padding: 0;
  position: relative;
  text-align: center;
  background: #37474f;
  height: 350px;
}
@media screen and (max-width: 991px) {
  .mainheader {
    height: auto;
  }
}
.mainheader.toned:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: rgb(0, 0, 0);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%);
  opacity: 0.77;
}
@media screen and (max-width: 991px) {
  .mainheader.toned:after {
    content: none;
  }
}
.mainheader img {
  margin: 0 auto;
  height: 350px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 991px) {
  .mainheader img {
    height: auto;
    width: 100%;
  }
}
.mainheader__text {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  text-align: left;
  color: white;
  z-index: 111;
  padding: 0;
}
@media screen and (max-width: 991px) {
  .mainheader__text {
    align-items: center;
    justify-content: center;
    padding: 75px 0 30px 0;
    text-align: center;
  }
}
.mainheader__text h1 {
  font-size: 48px;
  margin-bottom: 8px;
}
@media screen and (max-width: 991px) {
  .mainheader__text h1 {
    font-size: 32px;
  }
}
.mainheader__text h2 {
  font-size: 22px;
  line-height: 1.2em;
  max-width: 550px;
}
@media screen and (max-width: 991px) {
  .mainheader__text h2 {
    font-size: 20px;
    max-width: none;
  }
  .mainheader__text h2 br {
    display: none;
  }
}

.whatsapp__sticky {
  position: fixed;
  z-index: 111;
  bottom: 20px;
  right: 20px;
  padding: 20px;
  background: #4dc247;
  border-radius: 50%;
  height: 50px;
  width: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.3s;
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
}
.whatsapp__sticky i {
  font-size: 24px;
  color: white;
}
@media screen and (max-width: 991px) {
  .whatsapp__sticky {
    bottom: 10px;
    right: 10px;
    padding: 15px;
  }
}
.whatsapp__sticky__text {
  position: fixed;
  right: 77px;
  color: #4dc247;
  padding: 10px 20px;
  background: white;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  font-weight: 600;
  border-radius: 10px;
  transform: translateX(50px);
  transition: 0.2s;
  opacity: 0;
}
@media screen and (max-width: 991px) {
  .whatsapp__sticky__text {
    display: none;
  }
}
.whatsapp__sticky:hover .whatsapp__sticky__text {
  transform: translateX(0px);
  opacity: 1;
}

body.hidden {
  overflow: hidden !important;
}

.modal {
  position: fixed;
  left: 0;
  top: 0;
  display: flex;
  justify-content: center;
  overflow: hidden;
  width: 0;
  height: 0;
  animation: fadeOut ease 0.3s;
  -webkit-animation: fadeOut ease 0.3s;
  -moz-animation: fadeOut ease 0.3s;
}
.modal.active {
  width: 100%;
  height: 100%;
  z-index: 9999999999;
  background: rgba(0, 0, 0, 0.9);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  overflow-y: auto;
  animation: fadeIn ease 0.3s;
  -webkit-animation: fadeIn ease 0.3s;
  -moz-animation: fadeIn ease 0.3s;
}
@media screen and (max-width: 991px) {
  .modal.active {
    background: rgb(255, 255, 255);
  }
}
.modal.active .modal__container {
  transform: translateY(0px);
  opacity: 1;
}
.modal * :focus {
  outline: none;
}
.modal__close {
  position: absolute;
  right: 0;
  top: 0;
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(93, 99, 120, 0.8);
  font-size: 30px;
  cursor: pointer;
  transition: 0.2s;
  z-index: 1;
}
.modal__close:hover {
  color: rgb(255, 255, 255);
  background: rgb(93, 99, 120);
}
@media (max-width: 1366px) {
  .modal__close {
    width: 40px;
    height: 40px;
  }
}
@media screen and (max-width: 991px) {
  .modal__close {
    position: fixed;
    transform: translateX(20px);
    width: 50px;
    height: 50px;
  }
}
.modal__container {
  max-width: 850px;
  width: 850px;
  margin: 70px 0;
  transition: 0.5s;
  transform: translateY(100px);
  opacity: 0;
}
@media (max-width: 1366px) {
  .modal__container {
    max-width: 650px;
    width: 650px;
    margin: 20px 0;
  }
}
@media screen and (max-width: 991px) {
  .modal__container {
    margin: 0;
    max-width: 90%;
    width: 90%;
  }
}
.modal__container__text {
  background-color: white;
  padding: 50px 50px 40px 50px;
}
@media (max-width: 1366px) {
  .modal__container__text {
    padding: 40px 40px 25px 30px;
  }
}
@media screen and (max-width: 991px) {
  .modal__container__text {
    padding: 60px 0 15px 0;
    background: transparent;
  }
}
.modal__container__text h3 {
  margin-bottom: 5px;
  color: #455A64;
  line-height: 1.1em;
  font-size: 26px;
}
.modal__container__text p {
  color: #455A64;
  line-height: 1.4;
}
.modal__container__media img {
  max-width: none;
  width: 100%;
}
.modal__container__media .iframe_container {
  display: block;
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 56.25%;
}
.modal__container__media .iframe_container iframe {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.modal__container .contact.sucess .post-send, .modal__container .contact.onError .post-send {
  width: calc(100% + 20px) !important;
  margin-left: -10px !important;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.tabs {
  padding: 0;
}
.tabs .row {
  margin: 0;
  overflow: hidden;
  min-height: 750px;
}
@media screen and (max-width: 991px) {
  .tabs .row {
    min-height: auto;
  }
}
.tabs .row .col-md-4,
.tabs .row .col-md-8 {
  padding: 0;
}
.tabs__container {
  height: 100%;
  padding: 40px;
  background: linear-gradient(150.41deg, var(--primary-color) 4.31%, var(--secondary-color) 100.84%), var(--primary-color);
}
@media screen and (max-width: 991px) {
  .tabs__container {
    padding: 40px 20px;
  }
}
.tabs__container * {
  color: white;
}
.tabs__container .title {
  cursor: pointer;
  position: relative;
  border-bottom: 1px solid rgba(255, 255, 255, 0.65);
  margin-bottom: 10px;
  padding: 0 15px;
  opacity: 0.7;
  transition: 0.2s;
}
.tabs__container .title.active {
  opacity: 1;
}
.tabs__container .title:hover {
  opacity: 1;
}
.tabs__container .title i {
  position: absolute;
  top: 1px;
  font-size: 30px;
  right: 0px;
  transition: 0.2s;
}
.tabs__container__item:last-child .title,
.tabs__container__item:last-child .tabs__container__item__submenu {
  border-bottom: 0px !important;
}
.tabs__container__item.active .title {
  opacity: 1;
}
.tabs__container__item.submenu.active .title {
  border-bottom: 0px;
  opacity: 1;
}
.tabs__container__item.submenu.active .title i {
  transform: rotate(180deg);
}
.tabs__container__item.submenu.active .tabs__container__item__submenu {
  height: auto;
  border-bottom: 1px solid rgba(255, 255, 255, 0.65);
  margin-bottom: 10px;
  padding-bottom: 10px;
}
.tabs__container__item__submenu {
  height: 0px;
  overflow: hidden;
}
.tabs__container__item__submenu ul {
  padding: 0 15px 5px 15px;
}
.tabs__container__item__submenu ul li {
  padding-bottom: 3px;
  cursor: pointer;
  opacity: 0.7;
  transition: 0.2s;
}
.tabs__container__item__submenu ul li.active {
  opacity: 1;
}
.tabs__container__item__submenu ul li:hover {
  opacity: 1;
}
.tabs__container__item__submenu ul li:hover span::before {
  width: 100%;
  left: 0%;
  transform: translateY(0%);
  opacity: 1;
}
.tabs__container__item__submenu ul li span {
  position: relative;
}
.tabs__container__item__submenu ul li span::before {
  content: "";
  position: absolute;
  bottom: -3px;
  left: 50%;
  transform: translateY(-50%);
  width: 0%;
  height: 2px;
  background: white;
  opacity: 0;
  transition: 0.2s;
}
@media screen and (max-width: 991px) {
  .tabs__iframe {
    min-height: 500px;
  }
}
.tabs__iframe iframe {
  width: 100%;
  height: 100%;
}
.tabs__iframe.wait .spinner {
  opacity: 1;
}
.tabs__iframe .spinner {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(229, 229, 237, 0.95);
  opacity: 0;
  transition: 0.2s;
  pointer-events: none;
}
@media screen and (max-width: 991px) {
  .tabs__iframe .spinner {
    background: rgba(209, 209, 219, 0.8);
  }
}
.tabs__iframe .spinner svg {
  width: 50px;
  height: auto;
}

.select2 {
  border-bottom: 3px solid #ECF0F3;
  border-radius: 10px;
  overflow: hidden;
}
.select2-container {
  width: 100%;
  font-weight: 400;
  font-size: 16px;
  width: 100%;
}
.select2-container .select2-selection--single {
  background: #ECF0F3 !important;
  color: rgba(0, 0, 0, 0.9);
  height: 43px !important;
  border: 0px !important;
  border-radius: 10px !important;
}
.select2-container .select2-selection--single .select2-selection__rendered {
  line-height: 43px !important;
  padding-left: 15px !important;
  padding-right: 30px !important;
}
.select2-container .select2-selection--single .select2-selection__arrow {
  height: 43px !important;
  width: 40px !important;
}

body#login label {
  font-size: 16px;
  display: block;
}
body#login .login {
  padding: 0 0 100px 0;
  margin-top: -150px;
  position: relative;
  z-index: 111;
}
body#login .login h2 {
  color: var(--primary-color);
  text-align: center;
  font-size: 36px;
}
body#login .login p {
  text-align: center;
  opacity: 0.8;
  color: var(--text);
  margin-bottom: 15px;
}
body#login .login span.has-error {
  display: block;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 15px;
  text-align: center;
  color: red;
}
body#login .login .alert-success {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(255, 255, 255, 0.8);
  z-index: 1;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  flex-direction: column;
  padding: 60px;
}
body#login .login .alert-success h3 {
  color: var(--green-dark-color);
  text-align: center;
}
body#login .login .alert-success p {
  color: var(--text);
}
body#login .login form {
  max-width: 500px;
  background: white;
  padding: 50px 50px 40px 50px;
  border-radius: 15px;
  margin: 0 auto;
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2);
  position: relative;
  overflow: hidden;
}
body#login .login form fieldset {
  margin-bottom: 15px;
}
body#login .login form fieldset input {
  width: 100%;
  background: #e5e5ed;
  border-radius: 5px;
  padding: 15px;
  margin-top: 5px;
}
body#login .login form fieldset.checkbox label {
  display: flex;
  align-items: center;
  justify-content: center;
}
body#login .login form fieldset.checkbox label span {
  position: relative;
  top: 1px;
}
body#login .login form fieldset.checkbox input {
  width: 20px;
  height: 20px;
  margin: 0 7px 0 0;
}
body#login .login form fieldset .btn {
  width: 100%;
  margin-top: 0;
  transform: none;
  background: var(--primary-color);
  color: white;
  cursor: pointer;
}
body#login .login form fieldset .btn:hover {
  background: var(--secondary-color);
}
body#login .login form fieldset .btn-link {
  background: transparent;
  color: var(--secondary-color);
  padding: 0;
  margin-top: 10px;
  opacity: 0.5;
  box-shadow: none;
  text-align: center;
  font-family: inherit;
  transition: 0.2s;
}
body#login .login form fieldset .btn-link:hover {
  opacity: 1;
  background: transparent;
}

body#profile label {
  font-size: initial;
  display: block;
  margin: 5px 0;
}
body#profile .mainheader__text {
  text-align: center;
  justify-content: center;
  align-items: center;
}
body#profile .mainheader__text p {
  margin: 0 auto;
}
body#profile section.profile {
  padding-top: 45px;
  padding-bottom: 100px;
}
@media screen and (max-width: 991px) {
  body#profile section.profile {
    padding-top: 0;
  }
}
body#profile section.profile .col-first {
  padding-right: 50px;
}
@media screen and (max-width: 991px) {
  body#profile section.profile .col-first {
    padding-right: 15px;
  }
}
body#profile section.profile h2 {
  font-size: 24px;
  margin: 15px 0 5px 0;
}
@media screen and (max-width: 991px) {
  body#profile section.profile h2 {
    line-height: 1.1em;
  }
}
body#profile section.profile .btn__content {
  width: auto;
  margin: 10px auto 0 auto;
}
@media screen and (max-width: 991px) {
  body#profile section.profile .btn__content {
    position: sticky;
    bottom: 10px;
    z-index: 11;
  }
}
body#profile section.profile .btn__content .btn {
  padding: 15px 50px;
}
@media screen and (max-width: 991px) {
  body#profile section.profile .btn__content .btn {
    padding: 15px 30px;
  }
}
body#profile .swal-button--danger {
  color: white !important;
}

.checkbox_items {
  margin: 15px 0;
}

.checkbox__container {
  display: inline-flex !important;
  align-items: center !important;
  position: relative;
  padding: 0 30px;
  margin: 10px 0 !important;
  cursor: pointer;
  font-weight: 400 !important;
  font-family: "Open Sans", sans-serif !important;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  opacity: 1 !important;
  min-height: 25px;
  font-size: initial;
}
.checkbox__container:hover input ~ .checkmark {
  background-color: #d4d7da;
}
.checkbox__container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.checkbox__container input:checked ~ .checkmark {
  background-color: var(--primary-color);
}
.checkbox__container input:checked ~ .checkmark:after {
  display: block;
}
.checkbox__container .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #ecf0f3;
  transition: 0.2s;
}
.checkbox__container .checkmark:after {
  content: "";
  position: absolute;
  display: none;
  left: 10px;
  top: 7px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}

label small {
  font-size: 13px;
  opacity: 0.77;
}

form[data-validation=profile] {
  justify-content: center;
}
@media screen and (max-width: 991px) {
  form[data-validation=profile] {
    padding: 0;
  }
}
form[data-validation=profile] .btn {
  position: relative;
}
form[data-validation=profile] .btn span {
  opacity: 1;
}
form[data-validation=profile] .spinner {
  width: 40px;
  height: 40px;
  overflow: hidden;
  opacity: 0;
  transition: 0.2s;
}
form[data-validation=profile].submiting .btn span {
  opacity: 0;
}
form[data-validation=profile].submiting .btn .spinner {
  opacity: 1;
}
form[data-validation=profile].submiting .btn .spinner svg {
  fill: var(--primary-color);
}

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

.swal-footer .swal-button--confirm {
  color: white !important;
}

.swal-overlay {
  z-index: 111111111111 !important;
  -webkit-backdrop-filter: blur(5px) !important;
          backdrop-filter: blur(5px) !important;
}

.g-recaptcha {
  display: none !important;
}

body {
  overflow-x: hidden;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 163px;
}
@media screen and (max-width: 991px) {
  body {
    padding-top: 75px;
  }
}
body :focus {
  outline: none;
}
body.hidden {
  overflow: hidden !important;
}

.mainheader {
  padding: 0;
  text-align: center;
}

section {
  padding: 50px 0px;
}

.spinner {
  text-align: center;
  width: 100%;
}
.spinner img {
  width: 100px;
  margin: 0 auto;
}

.only__mobile {
  display: none !important;
}
@media screen and (max-width: 991px) {
  .only__mobile {
    display: block !important;
  }
}
@media screen and (max-width: 991px) {
  .only__desktop {
    display: none !important;
  }
}