@charset "UTF-8";

/* CSS Document */
/** @group */
a:focus,
button:focus {
	outline: none !important;
}

button::-moz-focus-inner {
	border: 0;
}

*:focus {
	outline: none;
}

blockquote {
	padding: 0;
	margin: 0;
}

input,
button,
select,
textarea {
	outline: none;
}

label {
	margin-bottom: 0;
}

p {
	margin: 0;
}

ul,
ol {
	list-style: none;
	padding: 0;
	margin: 0;
}

ul li,
ol li {
	display: block;
}

dl {
	margin: 0;
}

dt,
dd {
	line-height: inherit;
}

dt {
	font-weight: inherit;
}

dd {
	margin-bottom: 0;
}

cite {
	font-style: normal;
}

form {
	margin-bottom: 0;
}

blockquote {
	padding-left: 0;
	border-left: 0;
}

address {
	margin-top: 0;
	margin-bottom: 0;
}

figure {
	margin-bottom: 0;
}

html p a:hover {
	text-decoration: none;
}
body {
  font-family: Montserrat, sans-serif, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.71429;
  font-weight: 400;
  letter-spacing: normal;
  color: #151515;
  background-color: #ffffff;
  -webkit-text-size-adjust: none;
  -webkit-font-smoothing: subpixel-antialiased;
  overflow-x: hidden;
}
[class*="heading-"],
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
  font-family: Montserrat, sans-serif, Arial, sans-serif;
  letter-spacing: normal;
  color: #151515;
}
[class*="heading-"] a,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: inherit;
}
[class*="heading-"] a:hover,
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
  color: #016fb3;
}
.heading-1,
h1 {
  line-height: 1.2;
  font-size: 16px;
  line-height: 0.88;
  font-weight: 400;
  letter-spacing: 0.075em;
}
.heading-2,
h2 {
  font-size: 32px;
  line-height: 1.2;
}
@media (min-width: 768px) {
  .heading-2,
  h2 {
    font-size: 36px;
  }
}
@media (min-width: 992px) {
  .heading-2,
  h2 {
    font-size: 40px;
  }
}
@media (min-width: 1200px) {
  .heading-2,
  h2 {
    font-size: 48px;
    line-height: 1.2;
  }
}
.heading-3,
h3 {
  font-size: 28px;
  line-height: 1.2;
}
@media (min-width: 768px) {
  .heading-3,
  h3 {
    font-size: 30px;
  }
}
@media (min-width: 992px) {
  .heading-3,
  h3 {
    font-size: 36px;
    line-height: 1.2;
  }
}
.heading-4,
h4 {
  font-size: 20px;
  line-height: 1.2;
}
@media (min-width: 768px) {
  .heading-4,
  h4 {
    font-size: 24px;
    line-height: 1.2;
  }
}
.heading-5,
h5 {
  font-size: 21px;
  line-height: 1.2;
  font-weight: 500;
}
.heading-6,
h6 {
  font-size: 18px;
  line-height: 1.2;
  font-weight: 500;
}
.big {
  font-size: 18px;
  line-height: 1.55556;
}
code {
  padding: 10px 5px;
  border-radius: 0.2rem;
  font-size: 90%;
  color: #111;
  background: #f2f2f2;
}
p [data-toggle="tooltip"] {
  color: #b7b7b7;
}
p [style*="max-width"] {
  display: inline-block;
}
.brand {
  display: inline-block;
}
.brand .brand-logo-light {
  display: none;
}
.brand .brand-logo-dark {
  display: block;
}
a {
  transition: all 0.3s ease-in-out;
}
a,
a:active,
a:focus,
a:hover {
  text-decoration: none;
}
a,
a:active,
a:focus {
  color: #0178b3;
}
a:hover {
  color: #015367;
}
a[href*="mailto"],
a[href*="tel"] {
  white-space: nowrap;
}

#ui-to-top {
  display: none !important;
}
.link-hover {
  color: #013667;
}
.link-classic {
  display: inline-block;
  font-size: 18px;
  line-height: 1.334;
  letter-spacing: normal;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif, Arial, sans-serif;
}
.link-classic,
.link-classic:active,
.link-classic:focus {
  color: rgba(21, 21, 21, 0.4);
}
.link-classic:hover {
  color: #151515;
}
.link-classic span {
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 3px 10px;
  line-height: 24px;
  width: 25px;
  opacity: 0.13;
  transition: all 0.3s ease;
}
.link-classic span::after,
.link-classic span::before {
  display: inline-block;
  vertical-align: middle;
  content: "";
  transition: inherit;
}
.link-classic span::before {
  height: 2px;
  flex-grow: 1;
  background-color: #151515;
}
.link-classic span::after {
  width: 0;
  height: 0;
  margin-left: 3px;
  border-style: solid;
  border-width: 3px 0 3px 6px;
  border-color: transparent transparent transparent #151515;
}
.link-classic:hover span {
  width: 40px;
  opacity: 1;
}
* + .link-classic {
  margin-top: 30px;
}
@media (min-width: 768px) {
  * + .link-classic {
    margin-top: 40px;
  }
}
@media (min-width: 992px) {
  .container + .link-classic {
    margin-top: 56px;
  }
}
.gallery-title {
  display: inline-block;
  min-width: 210px;
  padding: 8px 40px 10px;
  font-weight: 400;
  letter-spacing: 0.05em;
  background: #fff;
}
.gallery-title a,
.gallery-title a:active,
.gallery-title a:focus {
  color: #508cba;
}
.gallery-title a:hover {
  color: #0189b3;
}
.gallery-title {
  font-weight: 500;
  font-size: 14px;
}
.gallery-title a {
  color: #0175b3;
  text-transform: uppercase;
  display: inline-block;
  margin-left: 6px;
  font-weight: 500;
}
.gallery-title a:hover {
  color: #50a3ba;
}
.block-center,
.block-lg,
.block-sm {
  margin-left: auto;
  margin-right: auto;
}
.block-sm {
  max-width: 560px;
}
.block-lg {
  max-width: 768px;
}
.block-center {
  padding: 10px;
}
.block-center:hover .block-center-header {
  background-color: #0175b3;
}
.block-center-title {
  background-color: #fff;
}
@media (max-width: 1599.98px) {
  .block-center {
    padding: 20px;
  }
  .block-center:hover .block-center-header {
    background-color: #fff;
  }
  .block-center-header {
    background-color: #0172b3;
  }
}
.box-icon-creative {
  text-align: left;
  max-width: 270px;
  margin-left: auto;
  margin-right: auto;
}
.box-icon-creative-2 .box-icon-creative-icon {
  color: #509aba;
}
.box-icon-creative-2 .box-icon-creative-title a:hover {
  color: #50a1ba;
}
.box-icon-creative-header > * {
  display: inline-block;
  vertical-align: bottom;
}
@media (min-width: 576px) {
  .box-icon-creative-header {
    margin: 0 5px;
  }
}
@media (min-width: 768px) {
  .box-icon-creative-header {
    margin: 0;
  }
}
.box-icon-creative-icon {
  position: relative;
  text-align: center;
  width: 64px;
  height: 64px;
  font-size: 36px;
  line-height: 64px;
  color: #01b3a7;
}
.box-icon-creative-icon::after {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 2px solid #151515;
  transition: all 0.3s ease;
}
.box-icon-creative-title {
  font-weight: 400;
}
.box-icon-creative-title a,
.box-icon-creative-title a:active,
.box-icon-creative-title a:focus {
  color: inherit;
}
.box-icon-creative-title a:hover {
  color: #01b3a7;
}
.box-icon-creative-text {
  letter-spacing: 0.025em;
  color: #9b9b9b;
}
@media (min-width: 992px) {
  .desktop .box-icon-creative:hover .box-icon-creative-icon::after {
    border-color: #01b3a7;
    transform: rotate(32deg);
  }
  .desktop .box-icon-creative-2:hover .box-icon-creative-icon::after {
    border-color: #50ba87;
  }
}
* + .box-icon-creative-title {
  margin-top: 16px;
}
* + .box-icon-creative-text {
  margin-top: 10px;
}
@media (min-width: 1200px) {
  .box-icon-creative-text {
    max-width: 94%;
  }
}
.box-icon-classic {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 30px 18px;
  min-height: 100%;
  background: #fff;
  transition: all 0.2s ease;
  z-index: 1;
}
.box-icon-classic::before {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 8px solid #f4f4f4;
  transition: all 0.2s ease;
  z-index: -1;
}
.box-icon-classic-2 .box-icon-classic-icon {
  color: #50ba87;
}
.box-icon-classic-3::before {
  top: 8px;
  right: 8px;
  bottom: 8px;
  left: 8px;
  border: 1px solid #e1e1e1;
}
.box-icon-classic-3 .box-icon-classic-icon {
  color: #151515;
}
.box-icon-classic-icon {
  font-size: 36px;
  line-height: 1;
  color: #01b3a7;
  transition: all 0.2s ease-in-out;
}
.box-icon-classic-title {
  font-weight: 500;
}
.box-icon-classic-title a,
.box-icon-classic-title a:active,
.box-icon-classic-title a:focus {
  color: inherit;
}
.box-icon-classic-title a:hover {
  color: #01b3a7;
}
.box-icon-classic-text {
  color: #9b9b9b;
}
@media (min-width: 992px) {
  .desktop .box-icon-classic:hover {
    transition-delay: 0.1s;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.17);
  }
  .desktop .box-icon-classic:hover::before {
    border-width: 0;
  }
  .desktop .box-icon-classic-3:hover {
    transition-delay: 0s;
  }
  .desktop .box-icon-classic-3:hover::before {
    border-width: 1px;
    top: 15px;
    right: 15px;
    bottom: 15px;
    left: 15px;
  }
  .desktop .box-icon-classic-3:hover .box-icon-classic-icon {
    color: #50ba87;
  }
}
* + .box-icon-classic-text {
  margin-top: 10px;
}
@media (min-width: 768px) {
  .box-icon-classic {
    padding-top: 54px;
    padding-bottom: 54px;
  }
}
.ie-10 .box-icon-classic,
.ie-11 .box-icon-classic,
.ie-edge .box-icon-classic {
  height: 100%;
}
.box-contacts {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 310px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.17);
  transition: all 0.3s ease;
}
.box-contacts-body {
  max-width: 250px;
}
.box-contacts-icon {
  font-size: 60px;
  line-height: 1;
  color: #01b3a7;
}
.box-contacts-link {
  font-size: 18px;
  line-height: 1.67;
  letter-spacing: 0.025em;
}
.box-contacts-link a,
.box-contacts-link a:active,
.box-contacts-link a:focus {
  color: inherit;
}
.box-contacts-link a:hover {
  color: #50ba87;
}
@media (min-width: 992px) {
  .desktop .box-contacts {
    box-shadow: none;
    border: 1px solid #e1e1e1;
  }
  .desktop .box-contacts:hover {
    border-color: transparent;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.17);
  }
}
.box-contacts-icon + .box-contacts-link {
  margin-top: 40px;
}
* + .box-contacts-link {
  margin-top: 0;
}
.ie-10 .box-contacts,
.ie-11 .box-contacts,
.ie-edge .box-contacts {
  height: 310px;
}
.box-project {
  display: flex;
  align-items: center;
  max-width: 270px;
  margin-left: auto;
  margin-right: auto;
  min-height: 100%;
  text-align: center;
  padding: 30px 15px;
  border: 2px solid #252525;
}
.box-project-title {
  line-height: 1.042;
}
.box-project-title > span {
  color: #01b3a7;
}
.box-project-text {
  letter-spacing: 0.025em;
}
* + .box-project-text {
  margin-top: 10px;
}
.box-project-text + .button {
  margin-top: 24px;
}
@media (min-width: 768px) {
  .box-project {
    text-align: left;
  }
}
@media (min-width: 992px) {
  .box-project-title {
    font-size: 40px;
    line-height: 0.88;
  }
}
@media (min-width: 1200px) {
  .box-project {
    padding-left: 40px;
  }
  .box-project-title {
    font-size: 48px;
    line-height: 1.20833;
  }
}
html .group {
  margin-bottom: -20px;
  margin-left: -15px;
}
html .group:empty {
  margin-bottom: 0;
  margin-left: 0;
}
html .group > * {
  display: inline-block;
  margin-top: 0;
  margin-bottom: 20px;
  margin-left: 15px;
}
html .group-xs {
  margin-bottom: -11px;
  margin-left: -9px;
}
html .group-xs:empty {
  margin-bottom: 0;
  margin-left: 0;
}
html .group-xs > * {
  display: inline-block;
  margin-top: 0;
  margin-bottom: 11px;
  margin-left: 9px;
}
html .group-sm {
  margin-bottom: -12px;
  margin-left: -12px;
}
html .group-sm:empty {
  margin-bottom: 0;
  margin-left: 0;
}
html .group-sm > * {
  display: inline-block;
  margin-top: 0;
  margin-bottom: 12px;
  margin-left: 12px;
}
html .group-md {
  margin-bottom: -17px;
  margin-left: -17px;
}
html .group-md:empty {
  margin-bottom: 0;
  margin-left: 0;
}
html .group-md > * {
  display: inline-block;
  margin-top: 0;
  margin-bottom: 17px;
  margin-left: 17px;
}
html .group-lg {
  margin-bottom: -20px;
  margin-left: -30px;
}
html .group-lg:empty {
  margin-bottom: 0;
  margin-left: 0;
}
html .group-lg > * {
  display: inline-block;
  margin-top: 0;
  margin-bottom: 20px;
  margin-left: 30px;
}
html .group-xl {
  margin-bottom: -30px;
  margin-left: -30px;
}
html .group-xl:empty {
  margin-bottom: 0;
  margin-left: 0;
}
html .group-xl > * {
  display: inline-block;
  margin-top: 0;
  margin-bottom: 30px;
  margin-left: 30px;
}
html .group-justify {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
html .group-sm-justify {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
@media (min-width: 576px) {
  html .group-sm-justify {
    justify-content: space-between;
  }
}
html .group-lg-justify {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
@media (min-width: 992px) {
  html .group-lg-justify {
    justify-content: space-between;
  }
}
html .group-middle {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
@media (min-width: 768px) {
  html .group-middle {
    justify-content: flex-start;
  }
}
* + .group-sm {
  margin-top: 40px;
}
* + .group-md {
  margin-top: 40px;
}
* + .group-xl {
  margin-top: 40px;
}
.row + .group-md {
  margin-top: 35px;
}
.unit {
  display: flex;
  flex: 0 1 100%;
  margin-bottom: -30px;
  margin-left: -20px;
}
.unit > * {
  margin-bottom: 30px;
  margin-left: 20px;
}
.unit:empty {
  margin-bottom: 0;
  margin-left: 0;
}
.unit-body {
  flex: 0 1 auto;
}
.unit-body > a {
  color: #016760;
}
.unit-left{
  flex: 0 0 auto;
  max-width: 100%;
  overflow: hidden;
  
}
.unit-right {
  flex: 0 0 auto;
  max-width: 100%;
}

.button-contact {
 display: flex;
 align-items: center;
 justify-content: center;
 gap: 10px;
 font-family: inherit;
 font-size: 13px;
 font-weight: 500;
 text-transform: uppercase;
 letter-spacing: 0.4px;
 color: #ffffff;
 background: linear-gradient(to right, #143960 0, #23458f 51%, #143960 100%);
 border-style: solid;
 border-width: 2px 2px 2px 2px;
 border-color: rgba(42, 68, 110, 0.333);
 border-radius: 40px 40px 40px 40px;
 padding: 16px 24px 16px 28px;
 transform: translate(0px, 0px) rotate(0deg);
 transition: 0.2s;
 box-shadow: -4px -2px 16px 0px #2c426d49, 4px 2px 16px 0px rgba(119, 138, 162, 0.48);
}

.button-contact:hover {
  color: #ffffff;
  background: linear-gradient(to right, #435272 0%, #5672aa 51%, #435272 100%);
  box-shadow: -2px -1px 8px 0px #ffffff, 2px 1px 8px 0px rgb(95 157 231 / 48%);
}

.button-contact:active {
 box-shadow: none;
}




.unit-left svg {
  width: 30px;
  height: 30px;
  box-shadow: rgba(255, 107, 107, 0.3) 0px 4px 15px;
  background: linear-gradient(to right, rgb(85, 98, 112) 0%, rgb(152, 179, 200) 51%, rgb(85, 98, 112) 100%);
  border-radius: 50%;
  transition: all 0.3s ease;
}
.unit-spacing-xs {
  display: flex;
  align-items: center;
}
.unit-spacing-sm {
  margin-bottom: -10px;
  margin-left: -16px;
}
.unit-spacing-sm > * {
  margin-bottom: 10px;
  margin-left: 16px;
}
.unit-spacing-md {
  margin-bottom: -20px;
  margin-left: -24px;
}
.unit-spacing-md > * {
  margin-bottom: 20px;
  margin-left: 24px;
}
.unit-spacing-lg {
  margin-bottom: -20px;
  margin-left: -30px;
}
.unit-spacing-lg > * {
  margin-bottom: 20px;
  margin-left: 30px;
}
.list-inline > li {
  display: inline-block;
}
html .list-inline-sm {
  transform: translate3d(0, -8px, 0);
  margin-bottom: -8px;
  margin-left: -8px;
  margin-right: -8px;
}
html .list-inline-sm > * {
  margin-top: 8px;
  padding-left: 8px;
  padding-right: 8px;
}
html .list-inline-md {
  transform: translate3d(0, -8px, 0);
  margin-bottom: -8px;
  margin-left: -10px;
  margin-right: -10px;
}
html .list-inline-md > * {
  margin-top: 8px;
  padding-left: 10px;
  padding-right: 10px;
}
.index-list {
  counter-reset: li;
}
.list-marked {
  text-align: left;
}
.list-marked > li {
  text-indent: -25px;
  padding-left: 25px;
}
.list-marked > li::before {
  position: relative;
  display: inline-block;
  left: 0;
  top: 0;
  content: "";
  height: 9px;
  width: 9px;
  margin-right: 16px;
  border-radius: 50%;
  background: #d7d7d7;
}
.list-marked > li + li {
  margin-top: 10px;
}
.list-marked-2 {
  text-align: left;
}
.list-marked-2 > li {
  text-indent: -15px;
  padding-left: 15px;
}
.list-marked-2 > li::before {
  position: relative;
  display: inline-block;
  content: "";
  width: 0;
  height: 0;
  margin-right: 9px;
  border-style: solid;
  border-width: 4px 0 4px 6px;
  border-color: transparent transparent transparent rgba(21, 21, 21, 0.5);
}
.list-marked-2 > li + li {
  margin-top: 12px;
}
.list-marked-sm > li {
  text-indent: -15px;
  padding-left: 15px;
}
.list-marked-sm > li::before {
  height: 7px;
  width: 7px;
  margin-right: 8px;
}
.list-marked-md > li {
  text-indent: -18px;
  padding-left: 18px;
}
.list-marked-md > li::before {
  height: 8px;
  width: 8px;
  margin-right: 10px;
}
.list-marked-3 {
  text-align: left;
  font-size: 18px;
  line-height: 1;
  font-weight: 500;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #9fa3a7;
  font-family: Montserrat, sans-serif, Arial, sans-serif;
}
.list-marked-3 > li {
  text-indent: -40px;
  padding-left: 40px;
}
.list-marked-3 > li::before {
  position: relative;
  display: inline-block;
  left: 0;
  top: -4px;
  content: "";
  height: 2px;
  width: 26px;
  margin-right: 14px;
  background: #151515;
}
.list-marked-3 > li + li {
  margin-top: 18px;
}
.list-marked-secondary > li::before {
  background: #50ba87;
}
.list-marked-primary > li::before {
  background: #01b3a7;
}
* + .list-marked {
  margin-top: 15px;
}
p + .list-marked {
  margin-top: 10px;
}
.list-contacts {
  text-align: left;
  font-size: 0;
  line-height: 0;
}
.list-contacts .icon {
  text-align: center;
  min-width: 21px;
  font-size: 24px;
  line-height: 24px;
  color: #01b3a7;
}
.list-contacts .fa-envelope {
  font-size: 20px;
}
.list-contacts a {
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0.025em;
}
.list-contacts a,
.list-contacts a:active,
.list-contacts a:focus {
  color: #151515;
}
.list-contacts a:hover {
  color: #01b3a7;
}
.list-contacts li + li {
  margin-top: 30px;
}
.list > li + li {
  margin-top: 10px;
}
.list-0 > li + li {
  margin-top: 0;
}
.list-xs > li + li {
  margin-top: 5px;
}
.list-sm > li + li {
  margin-top: 14px;
}
.list-md > li + li {
  margin-top: 18px;
}
.list-lg > li + li {
  margin-top: 25px;
}
.list-xl > li + li {
  margin-top: 40px;
}
.list-custom {
  display: inline-block;
}
@media (min-width: 576px) {
  .list-custom {
    columns: 2;
    break-inside: avoid;
    -moz-column-gap: 28px;
    -webkit-column-gap: 28px;
  }
  .list-custom li {
    display: inline-block;
    width: 100%;
  }
}
@media (min-width: 768px) {
  .list-custom {
    columns: 3;
  }
}
@media (min-width: 992px) {
  .list-custom {
    columns: 2;
  }
}
@media (min-width: 1200px) {
  .list-custom {
    columns: 3;
  }
}
p + .list-custom {
  margin-top: 30px;
}
@media (max-width: 991.98px) {
  .list-custom-2 {
    margin-left: -20px;
  }
  .list-custom-2 li {
    display: inline-block;
    margin-left: 20px;
  }
}
@media (min-width: 992px) {
  .list-custom-2 {
    columns: 2;
    break-inside: avoid;
    -moz-column-gap: 30px;
    -webkit-column-gap: 30px;
  }
}
video {
  display: inline-block;
  max-width: 100%;
  height: auto;
}
.card {
  width: 250px;
  background: #fff;
  border-radius: 20px;
  overflow: hidden;
  z-index: 999;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease;
}
.card:hover {
  transform: translateY(-10px);
  box-shadow: 0 30px 60px rgba(0, 0, 0, 0.15);
}
.card-header {
  background: linear-gradient(135deg, #2b6cb8 0, #1e4a73 50%, #0f2a44 100%);
  height: 150px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.card-header::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url(data:image/svg+xml,SVG_REPLACED);
  opacity: 0.3;
}
.icon-container {
  width: 100px;
  height: 100px;
  background: rgba(255, 255, 255, 0.15);
  border: 2px solid rgba(255, 255, 255, 0.679);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 2;
  backdrop-filter: blur(10px);
  
}
.icon-container svg {
  width: 70%;
  height: 70%;
  
}
.icon-container svg path {
    fill: #e6d8d8e1;
}

.icon-container::before {
  content: "";
  position: absolute;
  inset: -3px;
  background: linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.4),
    rgba(255, 255, 255, 0.1)
  );
  border-radius: 50%;
  z-index: -1;
}
.markise-icon {
  width: 50px;
  height: 50px;
  stroke: #fff;
  stroke-width: 2;
  fill: none;
}
.card-body {
  padding: 30px 25px;
  text-align: center;
}
.card-title {
  font-size: 22px;
  font-weight: 600;
  color: #2c3e50;
  margin-bottom: 15px;
  position: relative;
}
.card-title::after {
  content: "";
  position: absolute;
  bottom: -8px;
  left: 50%;
  transform: translateX(-50%);
  width: 50px;
  height: 3px;
  background: linear-gradient(135deg, #2b6cb8 0, #1e4a73 100%);
  border-radius: 2px;
}
.card-text {
  color: #444849;
  line-height: 1.6;
  font-size: 16px;
  margin-bottom: 20px;
  text-align: center;
}
.card-link {
  display: inline-block;
  padding: 12px 30px;
  background: linear-gradient(135deg, #2b6cb8 0, #1e4a73 100%);
  color: #fff;
  text-decoration: none;
  border-radius: 25px;
  font-weight: 500;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
}
.card-link::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.2),
    transparent
  );
  transition: left 0.5s ease;
}
.card-link:hover::before {
  left: 100%;
}
.card-link:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 20px rgba(102, 126, 234, 0.3);
}
@keyframes float {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
}
.icon-container {
  animation: float 3s ease-in-out infinite;
}
@media (min-width: 1200px) {
  .card {
    margin-left: 20%;
  }
}
.parent2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto auto;
  gap: 20px;
  padding: 20px;
}
h2.text-products2 {
  color: #3f5270;
  font-family: "Montserrat Alternates", sans-serif;
  text-align: center;
  font-weight: 700;
  letter-spacing: 1.5px;
  font-size: clamp(1.3rem, -2.9375rem + 10.5vw, 2rem);
}
.title-reviews {
  grid-column: span 2;
  color: #fff;
  padding: 20px 15px;
  text-align: center;
}
.text-reviews {
  background-color: #123c5654;
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 1.4rem;
  line-height: 1.4;
  margin: 0;
  color: #00264d;
}
.text-reviews strong {
  font-weight: 600;
  color: #a67c52;
  display: block;
  margin-bottom: 0.5rem;
  font-size: 1.5rem;
}
.text-reviews h2 {
  font-size: 2rem;
  font-weight: 400;
  color: #2c2c2c;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.text-reviews h2 strong {
  font-weight: 700;
  color: #036;
}
.plugin-reviewrs {
  background-color: #fff;
  padding: 15px;
  border-radius: 8px;
  min-height: 200px;
}
.div9 {
  background-color: #fff;
  padding: 15px;
  border-radius: 8px;
  min-height: 200px;
}
@media (max-width: 768px) {
  .parent2 {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto;
  }
  .title-reviews {
    grid-column: span 1;
  }
  .plugin-reviewrs {
    grid-row: 2;
  }
  .div9 {
    grid-row: 3;
  }
  .text-reviews {
    font-size: 1.4rem;
  }
}
@media (max-width: 480px) {
  .text-reviews {
    font-size: 1.2rem;
  }
  .div9,
  .plugin-reviewrs {
    padding: 10px;
    min-height: 150px;
  }
}
img {
  display: inline-block;
  max-width: 100%;
  height: auto;
}
.img-responsive {
  width: 100%;
}
.img-categories {
  border: 2px solid #0ff;
  box-shadow:
    0 0 10px #0ff,
    0 0 20px #0ff,
    0 0 30px #0ff,
    inset 0 0 10px rgba(0, 255, 255, 0.1);
  transition: all 0.3s ease;
}
.figure-classic {
  position: relative;
  display: inline-block;
  margin-top: 16px;
}
.figure-classic::before {
  display: inline-block;
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 2px solid #363636;
  transition: all 0.3s ease;
  z-index: 0;
}
.figure-classic img {
  position: relative;
  transition: all 0.3s ease;
}
.figure-classic-left {
  margin-left: 16px;
}
.figure-classic-left::before {
  transform: translate3d(-16px, -16px, 0);
}
.figure-classic-right {
  margin-right: 16px;
}
.figure-classic-right::before {
  transform: translate3d(16px, -16px, 0);
}
@media (min-width: 992px) {
  .desktop .figure-classic:hover::before {
    transform: none;
  }
  .desktop .figure-classic-left:hover img {
    transform: translate3d(-16px, -16px, 0);
  }
  .desktop .figure-classic-right:hover img {
    transform: translate3d(16px, -16px, 0);
  }
}
@media (min-width: 768px) {
  .figure-classic {
    margin-top: 22px;
  }
  .figure-classic-left {
    margin-left: 22px;
  }
  .figure-classic-left::before {
    transform: translate3d(-22px, -22px, 0);
  }
  .figure-classic-right {
    margin-right: 22px;
  }
  .figure-classic-right::before {
    transform: translate3d(22px, -22px, 0);
  }
}
@media (min-width: 768px) and (min-width: 992px) {
  .desktop .figure-classic-left:hover img {
    transform: translate3d(-22px, -22px, 0);
  }
  .desktop .figure-classic-right:hover img {
    transform: translate3d(22px, -22px, 0);
  }
}
.icon {
  display: inline-block;
  font-size: 16px;
  line-height: 1;
}
.icon::before {
  position: relative;
  display: inline-block;
  font-weight: 400;
  font-style: normal;
  speak: none;
  text-transform: none;
}
.button {
  position: relative;
  overflow: hidden;
  display: inline-block;
  min-width: 200px;
  padding: 17px 33px 15px;
  font-size: 16px;
  line-height: 0.8;
  border: 4px solid;
  font-family: Montserrat, sans-serif, Arial, sans-serif;
  font-weight: 500;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: center;
  cursor: pointer;
  vertical-align: middle;
  user-select: none;
  transition: 250ms all ease-in-out;
}
.button-block {
  display: block;
  width: 100%;
}
.button-default,
.button-default:focus {
  color: #ccc;
  background-color: #2c343b;
  border-color: #2c343b;
}
.button-default:active,
.button-default:hover {
  color: #fff;
  background-color: #23458f;
  border-color: #01b3a7;
}
.button-default.button-ujarak::before {
  background: #23458f;
}
.button-default.button-pipaluk,
.button-default.button-pipaluk:focus {
  background: 0 0;
}
.button-default.button-pipaluk::before,
.button-default.button-pipaluk:focus::before {
  background: #2c343b;
  border-color: #01b3a7;
}
.button-default.button-pipaluk::after,
.button-default.button-pipaluk:focus::after {
  border-color: #01b3a7;
}
.button-default.button-pipaluk:active,
.button-default.button-pipaluk:hover {
  color: #01b3a7;
  background: 0 0;
}
.button-primary,
.button-primary:focus {
  color: #fff;
  background-color: #01b3a7;
  border-color: #01b3a7;
}
.button-primary:active,
.button-primary:hover {
  color: #fff;
  background-color: #151515;
  border-color: #151515;
}
.button-primary.button-ujarak::before {
  background: #151515;
}
.button-primary.button-pipaluk,
.button-primary.button-pipaluk:focus {
  background: 0 0;
}
.button-primary.button-pipaluk::before,
.button-primary.button-pipaluk:focus::before {
  background: #23458f;
  border-color: #151515;
}
.button-primary.button-pipaluk::after,
.button-primary.button-pipaluk:focus::after {
  border-color: #151515;
}
.button-primary.button-pipaluk:active,
.button-primary.button-pipaluk:hover {
  color: #151515;
  background: 0 0;
}
.button-secondary,
.button-secondary:focus {
  color: #fff;
  background-color: #01b3a7;
  border-color: #01b3a7;
}
.button-secondary:active,
.button-secondary:hover {
  color: #fff;
  background-color: #151515;
  border-color: #151515;
}
.button-secondary.button-ujarak::before {
  background: #151515;
}
.button-secondary.button-pipaluk,
.button-secondary.button-pipaluk:focus {
  background: 0 0;
}
.button-secondary.button-pipaluk::before,
.button-secondary.button-pipaluk:focus::before {
  background: #23458f;
  border-color: #151515;
}
.button-secondary.button-pipaluk::after,
.button-secondary.button-pipaluk:focus::after {
  border-color: #d3c1b7;
}
.button-secondary.button-pipaluk:active,
.button-secondary.button-pipaluk:hover {
  color: #444e64;
  background: #d3c1b7;
}
.button-secondary-4,
.button-secondary-4:focus {
  color: #fff;
  background-color: #50ba87;
  border-color: #50ba87;
}
.button-secondary-4:active,
.button-secondary-4:hover {
  color: #fff;
  background-color: #151515;
  border-color: #151515;
}
.button-secondary-4.button-ujarak::before {
  background: #151515;
}
.button-secondary-4.button-pipaluk,
.button-secondary-4.button-pipaluk:focus {
  background: 0 0;
}
.button-secondary-4.button-pipaluk::before,
.button-secondary-4.button-pipaluk:focus::before {
  background: #50ba87;
  border-color: #151515;
}
.button-secondary-4.button-pipaluk::after,
.button-secondary-4.button-pipaluk:focus::after {
  border-color: #151515;
}
.button-secondary-4.button-pipaluk:active,
.button-secondary-4.button-pipaluk:hover {
  color: #151515;
  background: 0 0;
}
.button-white,
.button-white:focus {
  color: #151515;
  background-color: #fff;
  border-color: #fff;
}
.button-white:active,
.button-white:hover {
  color: #fff;
  background-color: #50ba87;
  border-color: #50ba87;
}
.button-white.button-ujarak::before {
  background: #50ba87;
}
.button-white.button-pipaluk,
.button-white.button-pipaluk:focus {
  background: 0 0;
}
.button-white.button-pipaluk::before,
.button-white.button-pipaluk:focus::before {
  background: #fff;
  border-color: #50ba87;
}
.button-white.button-pipaluk::after,
.button-white.button-pipaluk:focus::after {
  border-color: #50ba87;
}
.button-white.button-pipaluk:active,
.button-white.button-pipaluk:hover {
  color: #50ba87;
  background: 0 0;
}
.button-gray-100,
.button-gray-100:focus {
  color: #151515;
  background-color: #f2f2f2;
  border-color: #f2f2f2;
}
.button-gray-100:active,
.button-gray-100:hover {
  color: #151515;
  background-color: #e5e5e5;
  border-color: #e5e5e5;
}
.button-gray-100.button-ujarak::before {
  background: #e5e5e5;
}
.button-gray-100.button-pipaluk,
.button-gray-100.button-pipaluk:focus {
  background: 0 0;
}
.button-gray-100.button-pipaluk::before,
.button-gray-100.button-pipaluk:focus::before {
  background: #f2f2f2;
  border-color: #e5e5e5;
}
.button-gray-100.button-pipaluk::after,
.button-gray-100.button-pipaluk:focus::after {
  border-color: #e5e5e5;
}
.button-gray-100.button-pipaluk:active,
.button-gray-100.button-pipaluk:hover {
  color: #e5e5e5;
  background: 0 0;
}
.button-gray-4,
.button-gray-4:focus {
  color: #151515;
  background-color: #f7f7f7;
  border-color: #f7f7f7;
}
.button-gray-4:active,
.button-gray-4:hover {
  color: #fff;
  background-color: #151515;
  border-color: #151515;
}
.button-gray-4.button-ujarak::before {
  background: #151515;
}
.button-gray-4.button-pipaluk,
.button-gray-4.button-pipaluk:focus {
  background: 0 0;
}
.button-gray-4.button-pipaluk::before,
.button-gray-4.button-pipaluk:focus::before {
  background: #f7f7f7;
  border-color: #151515;
}
.button-gray-4.button-pipaluk::after,
.button-gray-4.button-pipaluk:focus::after {
  border-color: #151515;
}
.button-gray-4.button-pipaluk:active,
.button-gray-4.button-pipaluk:hover {
  color: #151515;
  background: 0 0;
}
.button-gray-7,
.button-gray-7:focus {
  color: #fff;
  background-color: #414141;
  border-color: #414141;
}
.button-gray-7:active,
.button-gray-7:hover {
  color: #151515;
  background-color: #fff;
  border-color: #fff;
}
.button-gray-7.button-ujarak::before {
  background: #fff;
}
.button-gray-7.button-pipaluk,
.button-gray-7.button-pipaluk:focus {
  background: 0 0;
}
.button-gray-7.button-pipaluk::before,
.button-gray-7.button-pipaluk:focus::before {
  background: #414141;
  border-color: #fff;
}
.button-gray-7.button-pipaluk::after,
.button-gray-7.button-pipaluk:focus::after {
  border-color: #fff;
}
.button-gray-7.button-pipaluk:active,
.button-gray-7.button-pipaluk:hover {
  color: #fff;
  background: 0 0;
}
.button-gray-8,
.button-gray-8:focus {
  color: #fff;
  background-color: #353535;
  border-color: #353535;
}
.button-gray-8:active,
.button-gray-8:hover {
  color: #fff;
  background-color: #50ba87;
  border-color: #50ba87;
}
.button-gray-8.button-ujarak::before {
  background: #50ba87;
}
.button-gray-8.button-pipaluk,
.button-gray-8.button-pipaluk:focus {
  background: 0 0;
}
.button-gray-8.button-pipaluk::before,
.button-gray-8.button-pipaluk:focus::before {
  background: #353535;
  border-color: #50ba87;
}
.button-gray-8.button-pipaluk::after,
.button-gray-8.button-pipaluk:focus::after {
  border-color: #50ba87;
}
.button-gray-8.button-pipaluk:active,
.button-gray-8.button-pipaluk:hover {
  color: #50ba87;
  background: 0 0;
}
.button-gray-11,
.button-gray-11:focus {
  color: #fff;
  background-color: #303233;
  border-color: #303233;
}
.button-gray-11:active,
.button-gray-11:hover {
  color: #151515;
  background-color: #fff;
  border-color: #fff;
}
.button-gray-11.button-ujarak::before {
  background: #fff;
}
.button-gray-11.button-pipaluk,
.button-gray-11.button-pipaluk:focus {
  background: 0 0;
}
.button-gray-11.button-pipaluk::before,
.button-gray-11.button-pipaluk:focus::before {
  background: #303233;
  border-color: #fff;
}
.button-gray-11.button-pipaluk::after,
.button-gray-11.button-pipaluk:focus::after {
  border-color: #fff;
}
.button-gray-11.button-pipaluk:active,
.button-gray-11.button-pipaluk:hover {
  color: #fff;
  background: 0 0;
}
.button-gray-14,
.button-gray-14:focus {
  color: #fff;
  background-color: #2f2f2f;
  border-color: #2f2f2f;
}
.button-gray-14:active,
.button-gray-14:hover {
  color: #151515;
  background-color: #fff;
  border-color: #fff;
}
.button-gray-14.button-ujarak::before {
  background: #fff;
}
.button-gray-14.button-pipaluk,
.button-gray-14.button-pipaluk:focus {
  background: 0 0;
}
.button-gray-14.button-pipaluk::before,
.button-gray-14.button-pipaluk:focus::before {
  background: #2f2f2f;
  border-color: #fff;
}
.button-gray-14.button-pipaluk::after,
.button-gray-14.button-pipaluk:focus::after {
  border-color: #fff;
}
.button-gray-14.button-pipaluk:active,
.button-gray-14.button-pipaluk:hover {
  color: #fff;
  background: 0 0;
}
.button-gray-31,
.button-gray-31:focus {
  color: #fff;
  background-color: #53575b;
  border-color: #53575b;
}
.button-gray-31:active,
.button-gray-31:hover {
  color: #fff;
  background-color: #151515;
  border-color: #151515;
}
.button-gray-31.button-ujarak::before {
  background: #151515;
}
.button-gray-31.button-pipaluk,
.button-gray-31.button-pipaluk:focus {
  background: 0 0;
}
.button-gray-31.button-pipaluk::before,
.button-gray-31.button-pipaluk:focus::before {
  background: #53575b;
  border-color: #151515;
}
.button-gray-31.button-pipaluk::after,
.button-gray-31.button-pipaluk:focus::after {
  border-color: #151515;
}
.button-gray-31.button-pipaluk:active,
.button-gray-31.button-pipaluk:hover {
  color: #151515;
  background: 0 0;
}
.button-gray-32,
.button-gray-32:focus {
  color: #fff;
  background-color: #292929;
  border-color: #292929;
}
.button-gray-32:active,
.button-gray-32:hover {
  color: #fff;
  background-color: #151515;
  border-color: #151515;
}
.button-gray-32.button-ujarak::before {
  background: #151515;
}
.button-gray-32.button-pipaluk,
.button-gray-32.button-pipaluk:focus {
  background: 0 0;
}
.button-gray-32.button-pipaluk::before,
.button-gray-32.button-pipaluk:focus::before {
  background: #292929;
  border-color: #151515;
}
.button-gray-32.button-pipaluk::after,
.button-gray-32.button-pipaluk:focus::after {
  border-color: #151515;
}
.button-gray-32.button-pipaluk:active,
.button-gray-32.button-pipaluk:hover {
  color: #151515;
  background: 0 0;
}
.button-default-outline,
.button-default-outline:focus {
  color: #fff;
  background-color: transparent;
  border-color: #fff;
}
.button-default-outline:active,
.button-default-outline:hover {
  color: #fff;
  background-color: #23458f;
  border-color: #23458f;
}
.button-default-outline.button-ujarak::before {
  background: #23458f;
}
.button-default-outline.button-pipaluk,
.button-default-outline.button-pipaluk:focus {
  background: 0 0;
}
.button-default-outline.button-pipaluk::before,
.button-default-outline.button-pipaluk:focus::before {
  background: 0 0;
  border-color: #23458f;
}
.button-default-outline.button-pipaluk::after,
.button-default-outline.button-pipaluk:focus::after {
  border-color: #23458f;
}
.button-default-outline.button-pipaluk:active,
.button-default-outline.button-pipaluk:hover {
  color: #23458f;
  background: 0 0;
}
.button-default-outline-2,
.button-default-outline-2:focus {
  color: #fff;
  border-color: #fff;
  border-style: solid;
  border-width: 1.5px;
  cursor: pointer;
  border-radius: 4%;
  background: linear-gradient(to right, #143960 0, #23458f 51%, #143960 100%);
  box-shadow: 0 4px 10px rgba(85, 98, 112, 0.836);
}
.button-default-outline-2:active,
.button-default-outline-2:hover {
  color: #fff;
  border-color: #fff;
}
.button-default-outline-2.button-ujarak::before {
  background: #d3c1b7;
  border-color: #fff;
  border-radius: 4%;
}
.button-default-outline-2.button-pipaluk,
.button-default-outline-2.button-pipaluk:focus {
  background: 0 0;
}
.button-default-outline-2.button-pipaluk::before,
.button-default-outline-2.button-pipaluk:focus::before {
  background: 0 0;
  border-color: #50ba87;
}
.button-default-outline-2.button-pipaluk::after,
.button-default-outline-2.button-pipaluk:focus::after {
  border-color: #50ba87;
}
.button-default-outline-2.button-pipaluk:active,
.button-default-outline-2.button-pipaluk:hover {
  color: #50ba87;
  background: 0 0;
}
.button-white-outline,
.button-white-outline:focus {
  color: #fff;
  background-color: transparent;
  border-color: #fff;
}
.button-white-outline:active,
.button-white-outline:hover {
  color: #fff;
  background-color: #01b3a7;
  border-color: #01b3a7;
}
.button-white-outline.button-ujarak::before {
  background: #01b3a7;
}
.button-white-outline.button-pipaluk,
.button-white-outline.button-pipaluk:focus {
  background: 0 0;
}
.button-white-outline.button-pipaluk::before,
.button-white-outline.button-pipaluk:focus::before {
  background: 0 0;
  border-color: #01b3a7;
}
.button-white-outline.button-pipaluk::after,
.button-white-outline.button-pipaluk:focus::after {
  border-color: #01b3a7;
}
.button-white-outline.button-pipaluk:active,
.button-white-outline.button-pipaluk:hover {
  color: #01b3a7;
  background: 0 0;
}
.button-black-outline,
.button-black-outline:focus {
  color: #70797d;
  background-color: transparent;
  border-color: #989898;
}
.button-black-outline:active,
.button-black-outline:hover {
  color: #fff;
  background-color: #23458f;
  border-color: #fff;
}
.button-black-outline.button-ujarak::before {
  background: #23458f;
}
.button-black-outline.button-pipaluk,
.button-black-outline.button-pipaluk:focus {
  background: 0 0;
}
.button-black-outline.button-pipaluk::before,
.button-black-outline.button-pipaluk:focus::before {
  background: 0 0;
  border-color: #01b3a7;
}
.button-black-outline.button-pipaluk::after,
.button-black-outline.button-pipaluk:focus::after {
  border-color: #01b3a7;
}
.button-black-outline.button-pipaluk:active,
.button-black-outline.button-pipaluk:hover {
  color: #01b3a7;
  background: 0 0;
}
.button-facebook,
.button-facebook:focus {
  color: #fff;
  background-color: #6576ad;
  border-color: #6576ad;
}
.button-facebook:active,
.button-facebook:hover {
  color: #fff;
  background-color: #5668a2;
  border-color: #5668a2;
}
.button-facebook.button-ujarak::before {
  background: #5668a2;
}
.button-facebook.button-pipaluk,
.button-facebook.button-pipaluk:focus {
  background: 0 0;
}
.button-facebook.button-pipaluk::before,
.button-facebook.button-pipaluk:focus::before {
  background: #6576ad;
  border-color: #5668a2;
}
.button-facebook.button-pipaluk::after,
.button-facebook.button-pipaluk:focus::after {
  border-color: #5668a2;
}
.button-facebook.button-pipaluk:active,
.button-facebook.button-pipaluk:hover {
  color: #5668a2;
  background: 0 0;
}
.button-twitter,
.button-twitter:focus {
  color: #fff;
  background-color: #63bbe8;
  border-color: #63bbe8;
}
.button-twitter:active,
.button-twitter:hover {
  color: #fff;
  background-color: #4db1e5;
  border-color: #4db1e5;
}
.button-twitter.button-ujarak::before {
  background: #4db1e5;
}
.button-twitter.button-pipaluk,
.button-twitter.button-pipaluk:focus {
  background: 0 0;
}
.button-twitter.button-pipaluk::before,
.button-twitter.button-pipaluk:focus::before {
  background: #63bbe8;
  border-color: #4db1e5;
}
.button-twitter.button-pipaluk::after,
.button-twitter.button-pipaluk:focus::after {
  border-color: #4db1e5;
}
.button-twitter.button-pipaluk:active,
.button-twitter.button-pipaluk:hover {
  color: #4db1e5;
  background: 0 0;
}
.button-google,
.button-google:focus {
  color: #fff;
  background-color: #eb6e6e;
  border-color: #eb6e6e;
}
.button-google:active,
.button-google:hover {
  color: #fff;
  background-color: #e85858;
  border-color: #e85858;
}
.button-google.button-ujarak::before {
  background: #e85858;
}
.button-google.button-pipaluk,
.button-google.button-pipaluk:focus {
  background: 0 0;
}
.button-google.button-pipaluk::before,
.button-google.button-pipaluk:focus::before {
  background: #eb6e6e;
  border-color: #e85858;
}
.button-google.button-pipaluk::after,
.button-google.button-pipaluk:focus::after {
  border-color: #e85858;
}
.button-google.button-pipaluk:active,
.button-google.button-pipaluk:hover {
  color: #e85858;
  background: 0 0;
}
.button-ujarak {
  position: relative;
  z-index: 0;
  transition:
    background 0.4s,
    border-color 0.4s,
    color 0.4s;
}
.button-ujarak::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 101%;
  height: 101%;
  background: #50ba87;
  z-index: -1;
  opacity: 0;
  transform: scale3d(0.7, 1, 1);
  transition:
    transform 0.42s,
    opacity 0.42s;
  border-radius: inherit;
}
.button-ujarak,
.button-ujarak::before {
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.button-ujarak:hover {
  transition:
    background 0.4s 0.4s,
    border-color 0.4s 0s,
    color 0.2s 0s;
}
.button-ujarak:hover::before {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
}
.button-xs {
  padding: 8px 17px;
}
.button-sm {
  padding: 5px 25px 3px;
  font-size: 12px;
  line-height: 1.5;
}
.button-md {
  min-width: 140px;
  padding: 12px 23px 10px;
  font-size: 18px;
  line-height: 1.5;
}
.button-md.button-gradient,
.button-md.button-pipaluk {
  padding: 14px 25px 12px;
}
.button-lg {
  padding: 20px 33px 18px;
  line-height: 1.33;
}
.button-lg.button-gradient,
.button-lg.button-pipaluk {
  padding: 22px 35px 20px;
}
.button-xl {
  padding: 16px 50px 14px;
  font-size: 16px;
  line-height: 28px;
}
@media (min-width: 992px) {
  .button-xl {
    padding: 20px 80px;
  }
}
.button.button-icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  vertical-align: middle;
}
.button.button-icon .icon {
  position: relative;
  display: inline-block;
  top: -1px;
  vertical-align: middle;
  color: inherit;
  font-size: 14px;
  line-height: 1;
}
.button.button-icon-left .icon {
  padding-right: 8px;
}
.button.button-icon-right {
  flex-direction: row-reverse;
}
.button.button-icon-right .icon {
  padding-left: 8px;
}
.button.button-icon.button-link .icon {
  top: 5px;
  font-size: 1em;
}
.button.button-icon.button-xs .icon {
  top: 0.05em;
  font-size: 1.2em;
  padding-right: 8px;
}
.button.button-icon.button-xs .button-icon-right {
  padding-left: 8px;
}
.button.button-icon.button-facebook .icon,
.button.button-icon.button-google .icon,
.button.button-icon.button-twitter .icon {
  font-size: 18px;
}
.btn-primary {
  border-radius: 3px;
  font-family: Montserrat, sans-serif, Arial, sans-serif;
  font-weight: 500;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  transition: 0.33s;
}
.btn-primary,
.btn-primary:active,
.btn-primary:focus {
  color: #fff;
  background: #01b3a7;
  border-color: #01b3a7;
}
.btn-primary:hover {
  color: #fff;
  background: #000;
  border-color: #000;
}
.button-pipaluk {
  position: relative;
  overflow: visible;
  padding: 14px 35px 15px;
  border: none;
  z-index: 1;
}
.button-pipaluk::before {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  transition: all 0.3s ease-in-out;
}
.button-pipaluk::after {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-width: 2px;
  border-style: solid;
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s ease 0s;
  transform: scale(1.05);
  will-change: transform;
  z-index: -1;
}
.button-pipaluk:active::before,
.button-pipaluk:hover::before {
  opacity: 0;
  visibility: hidden;
  transform: scale(0.9);
  transition-duration: 0.2s;
}
.button-pipaluk:active::after,
.button-pipaluk:hover::after {
  opacity: 1;
  visibility: visible;
  transform: none;
  transition-duration: 0.3s;
  transition-delay: 0.1s;
}
.button-social {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: -14px;
  margin-left: -14px;
}
.button-social:empty {
  margin-bottom: 0;
  margin-left: 0;
}
.button-social > * {
  display: inline-block;
  margin-top: 0;
  margin-bottom: 14px;
  margin-left: 14px;
}
.button-social > * {
  min-width: 175px;
  flex-grow: 1;
}
.button-social * + .button {
  margin-top: 0;
}
.button-width-170 {
  min-width: 170px;
}
@media (min-width: 1200px) {
  .button-width-xl-230 {
    min-width: 230px;
  }
  .button-width-xl-310 {
    min-width: 310px;
  }
}
.button-gradient {
  border: none;
  padding: 19px 35px 17px;
  background-size: auto 200%;
}
.button-primary-gradient {
  background-image: linear-gradient(
    to bottom,
    #01b3a7 0,
    #01b3a7 50%,
    #50ba87 100%
  );
  background-repeat: no-repeat;
}
.button-primary-gradient,
.button-primary-gradient:focus {
  color: #fff;
  background-color: #01b3a7;
  border-color: transparent;
}
.button-primary-gradient:active,
.button-primary-gradient:hover {
  color: #fff;
  background-color: #50ba87;
  border-color: transparent;
}
.button-primary-gradient.button-ujarak::before {
  background: #50ba87;
}
.button-primary-gradient.button-pipaluk,
.button-primary-gradient.button-pipaluk:focus {
  background: 0 0;
}
.button-primary-gradient.button-pipaluk::before,
.button-primary-gradient.button-pipaluk:focus::before {
  background: #01b3a7;
  border-color: transparent;
}
.button-primary-gradient.button-pipaluk::after,
.button-primary-gradient.button-pipaluk:focus::after {
  border-color: transparent;
}
.button-primary-gradient.button-pipaluk:active,
.button-primary-gradient.button-pipaluk:hover {
  color: transparent;
  background: 0 0;
}
.button-primary-gradient:active,
.button-primary-gradient:hover {
  background-position: 50% 100%;
}
.rd-form {
  position: relative;
  text-align: left;
}
.rd-form .button {
  min-width: 222px;
}
@media (max-width: 575.98px) {
  .rd-form .button {
    display: block;
    width: 100%;
  }
}
.rd-form * + .button {
  margin-top: 33px;
}
.rd-form-variant-2 .button {
  min-width: 256px;
}
* + .rd-form {
  margin-top: 26px;
}
p + .rd-form {
  margin-top: 30px;
}
h5 + .rd-form {
  margin-top: 40px;
}
h4 + .rd-form-variant-2 {
  margin-top: 34px;
}
.form-wrap {
  position: relative;
}
.form-wrap + * {
  margin-top: 20px;
}
#form-output-global {
  position: fixed;
  bottom: 30px;
  left: 15px;
  z-index: 2000;
  visibility: hidden;
  transform: translate3d(-500px, 0, 0);
  transition: 0.3s all ease;
}
#form-output-global.active {
  visibility: visible;
  transform: translate3d(0, 0, 0);
}
@media (min-width: 576px) {
  #form-output-global {
    left: 30px;
  }
}
.form-output {
  position: absolute;
  top: 100%;
  left: 0;
  font-size: 10px;
  font-weight: 400;
  line-height: 1.2;
  margin-top: 2px;
  transition: 0.3s;
  opacity: 0;
  visibility: hidden;
}
.form-output.active {
  opacity: 1;
  visibility: visible;
}
.form-output.error {
  color: #f5543f;
}
.toggle-custom {
  padding-left: 60px;
  -webkit-appearance: none;
}
.rd-form-inline {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: space-between;
  text-align: center;
  max-width: 480px;
  margin-left: auto;
  margin-right: auto;
}
.rd-form-inline > * {
  margin-top: 0;
}
.rd-form-inline .form-wrap {
  width: 100%;
}
.rd-form-inline .form-button {
  flex-grow: 1;
  flex-shrink: 0;
  min-height: 60px;
  margin-top: 10px;
}
.rd-form-inline .form-button .button {
  display: block;
  min-height: inherit;
  min-width: auto;
  width: 100%;
}
@media (min-width: 576px) {
  .rd-form-inline .form-wrap {
    flex: 1;
    min-width: 185px;
  }
  .rd-form-inline .form-button {
    flex-grow: 0;
    margin-top: 0;
    margin-left: 7px;
  }
  .rd-form-inline .form-button .button {
    display: inline-block;
  }
}
.form-sm .button {
  padding-top: 9px;
  padding-bottom: 9px;
  min-height: 40px;
}
.form-sm * + .button {
  margin-top: 10px;
}
.form-lg .form-button {
  min-height: 60px;
}
.box-form {
  text-align: center;
  padding: 30px 20px;
  background: #f7f7f7;
}
.box-form .button.button-ujarak:not([class*="button-secondary"]) {
  color: #fff;
}
.box-form .button.button-ujarak:not([class*="button-secondary"])::before {
  background: #50ba87;
}
.box-form .button.button-ujarak:not([class*="button-secondary"]):active,
.box-form .button.button-ujarak:not([class*="button-secondary"]):hover {
  border-color: #50ba87;
}
.box-form .form-wrap + * {
  margin-top: 10px;
}
.box-form * + .rd-form {
  margin-top: 16px;
}
.box-form .row + .button {
  margin-top: 16px;
}
.box-form-title {
  letter-spacing: 0.05em;
}
.box-form-text {
  color: #9b9b9b;
}
@media (min-width: 576px) {
  .box-form {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (min-width: 992px) {
  .box-form * + .rd-form {
    margin-top: 16px;
  }
}
@media (min-width: 1200px) {
  .box-form {
    padding: 50px 60px;
  }
  .box-form-text {
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
}
.post {
  text-align: left;
}
.post-classic-title {
  letter-spacing: 0.1em;
}
.post-classic-panel {
  margin-bottom: -20px;
  margin-left: -36px;
  font-size: 18px;
  line-height: 1;
  letter-spacing: 0.1em;
  font-family: Montserrat, sans-serif, Arial, sans-serif;
}
.post-classic-panel:empty {
  margin-bottom: 0;
  margin-left: 0;
}
.post-classic-panel > * {
  display: inline-block;
  margin-top: 0;
  margin-bottom: 20px;
  margin-left: 36px;
}
.post-classic-panel > :not(.badge) {
  position: relative;
  top: 2px;
}
.post-classic-time .icon {
  color: #9b9b9b;
}
.post-classic-time > * {
  display: inline-block;
  vertical-align: middle;
}
.post-classic-time .icon {
  position: relative;
  top: -2px;
  font-size: 20px;
}
.post-classic-time span + * {
  margin-left: 3px;
}
.post-classic-figure {
  display: block;
  overflow: hidden;
}
.post-classic-figure img {
  width: 100%;
  transition: all 0.3s ease;
}
.post-classic-gallery {
  display: block;
  overflow: hidden;
}
@media (min-width: 992px) {
  .desktop .post-classic-figure img {
    transform: scale(1.1);
    will-change: transform;
  }
  .desktop .post-classic:hover .post-classic-figure img {
    transform: none;
  }
}
* + .post-classic-panel {
  margin-top: 20px;
}
.post-classic-panel + * {
  margin-top: 30px;
}
.post-classic-panel + .owl-carousel {
  margin-top: 30px;
}
* + .post-classic-text {
  margin-top: 26px;
}
* + .post-classic-figure {
  margin-top: 30px;
}
.post-classic + .post-classic {
  margin-top: 60px;
}
@media (max-width: 575.98px) {
  .col-custom-right {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .col-custom-right > div {
    max-width: calc(50% - 5px);
  }
}
@media (min-width: 576px) {
  .col-custom-left {
    max-width: 62.5%;
    flex: 0 0 62.5%;
  }
  .col-custom-right {
    max-width: 37.5%;
    flex: 0 0 37.5%;
  }
}
.post-creative {
  position: relative;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.17);
  transition: all 0.3s ease-in-out;
  z-index: 1;
}
.post-creative-2 .post-creative-time,
.post-creative-2 .post-creative-title a:hover {
  color: #50ba87;
}
.post-creative-header {
  padding: 19px 15px 13px;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: normal;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif, Arial, sans-serif;
}
.post-creative-header > div {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media (min-width: 576px) {
  .post-creative-header > div {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: center;
    flex-direction: row;
  }
}
@media (min-width: 576px) {
  .post-creative-header > div {
    align-items: center;
    justify-content: space-between;
  }
}
.post-creative-time {
  color: #01b3a7;
}
.post-creative-figure {
  position: relative;
  overflow: hidden;
  display: block;
}
.post-creative-figure img {
  width: 100%;
  transition: all 0.3s ease;
}
.post-creative-footer {
  padding: 24px 15px 27px;
}
.post-creative-title {
  line-height: 1.18;
  font-weight: 400;
}
@media (min-width: 992px) {
  .desktop .post-creative {
    box-shadow: none;
    border: 1px solid #d7d7d7;
  }
  .desktop .post-creative-figure {
    margin-right: -1px;
    margin-left: -1px;
  }
  .desktop .post-creative-figure img {
    transform: scale(1.1);
    will-change: transform;
  }
  .desktop .post-creative:hover {
    border-color: transparent;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.17);
  }
  .desktop .post-creative:hover .post-creative-figure img {
    transform: none;
  }
}
@media (min-width: 576px) {
  .post-creative-header {
    padding-left: 20px;
    padding-right: 20px;
  }
  .post-creative-footer {
    padding-left: 20px;
  }
}
.list-categories {
  font-size: 16px;
  text-align: left;
}
.list-categories li {
  position: relative;
  padding-left: 50px;
}
.list-categories a,
.list-categories a:active,
.list-categories a:focus {
  color: inherit;
}
.list-categories a:hover {
  color: #01b3a7;
}
.list-categories a::before {
  position: absolute;
  content: "";
  top: 12px;
  left: 0;
  width: 0;
  height: 3px;
  background: #01b3a7;
  transition: all 0.2s ease;
}
.list-categories a.active {
  color: #01b3a7;
}
.list-categories a.active::before {
  width: 32px;
}
.list-categories > li + li {
  margin-top: 11px;
}
@media (min-width: 768px) {
  .list-categories li {
    padding-left: 70px;
  }
  .list-categories a.active::before {
    width: 52px;
  }
}
.post-minimal-figure {
  display: block;
  overflow: hidden;
}
.post-minimal-figure img {
  width: 100%;
  transition: all 0.3s ease;
}
.post-minimal-title {
  font-size: 16px;
  line-height: 1.5;
}
.post-minimal-title a,
.post-minimal-title a:active,
.post-minimal-title a:focus {
  color: inherit;
}
.post-minimal-title a:hover {
  color: #50ba87;
}
@media (min-width: 992px) {
  .desktop .post-minimal-figure img {
    transform: scale(1.1);
    will-change: transform;
  }
  .desktop .post-minimal:hover .post-minimal-figure img {
    transform: none;
  }
}
* + .post-minimal-title {
  margin-top: 17px;
}
.post-minimal + .post-minimal {
  margin-top: 30px;
}
.post-minimal-2 {
  max-width: 220px;
}
.post-minimal-2-title a,
.post-minimal-2-title a:active,
.post-minimal-2-title a:focus {
  color: #50ba87;
}
.post-minimal-2-title a:hover {
  color: #01b3a7;
}
.post-minimal-2-time {
  font-size: 12px;
  line-height: 1;
  font-weight: 500;
  letter-spacing: 0.075em;
  font-family: Montserrat, sans-serif, Arial, sans-serif;
  color: #151515;
}
* + .post-minimal-2 {
  margin-top: 24px;
}
* + .post-minimal-2-time {
  margin-top: 10px;
}
.post-minimal-2 + .post-minimal-2 {
  margin-top: 26px;
}
@supports (object-fit: cover) {
  .quote-nancy-figure img {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: none;
    transform: none;
    object-fit: cover;
    -webkit-object-fit: cover;
    object-position: center center;
    -webkit-object-position: center center;
  }
}
* + .unit {
  margin-top: 20px;
}
.thumbnail {
  position: relative;
}
.thumbnail-xs {
  max-width: 270px;
  margin-left: auto;
  margin-right: auto;
}
.thumbnail-sm {
  max-width: 370px;
  margin-left: auto;
  margin-right: auto;
}
.thumbnail-md {
  max-width: 420px;
  margin-left: auto;
  margin-right: auto;
}
.thumbnail-lg {
  max-width: 570px;
  margin-left: auto;
  margin-right: auto;
}
.thumbnail-xl {
  max-width: 870px;
  margin-left: auto;
  margin-right: auto;
}
.thumbnail-classic {
  text-align: left;
  overflow: hidden;
}
.thumbnail-classic-figure {
  display: block;
}
.thumbnail-classic-figure img {
  width: 100%;
  transition: all 0.3s ease;
}
.thumbnail-classic-caption {
  text-align: center;
  position: absolute;
  content: "";
  left: 50%;
  bottom: 0;
  padding: 10px 15px;
  min-width: 230px;
  transform: translate3d(-50%, 0, 0);
  background: #fff;
  pointer-events: none;
  transition: all 0.3s ease;
}
.thumbnail-classic-caption > [class*="thumbnail-classic-"] {
  pointer-events: auto;
  width: 100%;
}
.thumbnail-classic-title-wrap > * {
  display: inline-block;
  vertical-align: middle;
}
.thumbnail-classic-title-wrap .icon {
  margin-top: 3px;
  margin-right: 16px;
  font-size: 26px;
}
.thumbnail-classic-title-wrap .icon img {
  display: none;
}
.thumbnail-classic-title-wrap .icon,
.thumbnail-classic-title-wrap .icon:active,
.thumbnail-classic-title-wrap .icon:focus {
  color: #151515;
}
.thumbnail-classic-title-wrap .icon:hover {
  color: #50ba87;
}
.thumbnail-classic-title {
  color: #01b3a7;
}
.thumbnail-classic-title a,
.thumbnail-classic-title a:active,
.thumbnail-classic-title a:focus {
  color: inherit;
}
.thumbnail-classic-title a:hover {
  color: #50ba87;
}
.thumbnail-classic-text {
  display: none;
}
@media (max-width: 575.98px) {
  @supports (object-fit: cover) {
    .thumbnail-custom-mobile img {
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      transform: none;
      object-fit: cover;
      object-position: center center;
    }
  }
}
@media (min-width: 992px) {
  .desktop .thumbnail-classic-figure img {
    transform: scale(1.1);
    will-change: transform;
  }
  .desktop .thumbnail-classic-caption {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    text-align: inherit;
    padding: 20px;
    top: 20px;
    right: 20px;
    bottom: 20px;
    left: 20px;
    opacity: 0;
    visibility: hidden;
    transform: translate3d(-20px, -20px, 0);
    will-change: transform;
  }
  .desktop .thumbnail-classic-title-wrap .icon {
    margin-right: 24px;
    font-size: 36px;
  }
  .desktop .thumbnail-classic-text {
    display: block;
    font-size: 13px;
    width: 100%;
  }
  .desktop .thumbnail-classic:hover .thumbnail-classic-figure img {
    transform: none;
  }
  .desktop .thumbnail-classic:hover .thumbnail-classic-caption {
    opacity: 1;
    visibility: visible;
    transform: none;
  }
}
@media (min-width: 1200px) {
  .desktop .thumbnail-classic-caption {
    padding: 30px;
  }
  .desktop .thumbnail-classic-text {
    font-size: inherit;
  }
}
@media (min-width: 1800px) {
  .thumbnail-md .thumbnail-classic-caption {
    padding-left: 40px;
    padding-right: 40px;
  }
}
* + .thumbnail-classic-text {
  margin-top: 14px;
}
.thumbnail-creative {
  overflow: hidden;
  text-align: left;
}
.thumbnail-creative-figure {
  display: block;
}
.thumbnail-creative-figure img {
  width: 100%;
  transition: all 0.3s ease;
}
.thumbnail-creative-caption {
  text-align: center;
  padding: 15px;
  background: #303233;
}
.thumbnail-creative-caption > * {
  position: relative;
  z-index: 1;
}
.thumbnail-creative-title {
  color: #fff;
  transition-delay: 0s;
}
.thumbnail-creative-time {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.075em;
  font-family: Montserrat, sans-serif, Arial, sans-serif;
  text-transform: uppercase;
  color: #01b3a7;
  transition-delay: 0.5s;
}
.thumbnail-creative-button {
  transition-delay: 0.1s;
}
.thumbnail-creative-button .button {
  padding-left: 20px;
  padding-right: 20px;
  font-weight: 600;
  min-width: 125px;
}
.thumbnail-creative-button .button::after {
  border-color: #fff;
}
.thumbnail-creative-button .button:active,
.thumbnail-creative-button .button:hover {
  color: #fff;
  background: 0 0;
  border-color: #fff;
}
@media (min-width: 992px) {
  .desktop .thumbnail-creative-figure img {
    transform: scale(1.1);
    transform-origin: 100% 50%;
    will-change: transform;
  }
  .desktop .thumbnail-creative-caption {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    text-align: inherit;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 50%;
    min-width: 180px;
    padding: 30px 15px 30px 30px;
    background: 0 0;
  }
  .desktop .thumbnail-creative-caption::before {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #303233;
    transform: translate3d(200%, 0, 0);
    will-change: transform;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease;
  }
  .desktop .thumbnail-creative-button,
  .desktop .thumbnail-creative-time,
  .desktop .thumbnail-creative-title {
    transform: translate3d(-40px, 0, 0);
    will-change: transform;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
  }
  .desktop .thumbnail-creative:hover .thumbnail-creative-figure img {
    transform-origin: 0 50%;
  }
  .desktop .thumbnail-creative:hover .thumbnail-creative-caption::before {
    transform: none;
    visibility: visible;
    opacity: 1;
  }
  .desktop .thumbnail-creative:hover .thumbnail-creative-button,
  .desktop .thumbnail-creative:hover .thumbnail-creative-time,
  .desktop .thumbnail-creative:hover .thumbnail-creative-title {
    transform: none;
    opacity: 1;
    visibility: visible;
  }
  .desktop .thumbnail-creative:hover .thumbnail-creative-title {
    transition-delay: 0.25s;
  }
  .desktop .thumbnail-creative:hover .thumbnail-creative-time {
    transition-delay: 0.32s;
  }
  .desktop .thumbnail-creative:hover .thumbnail-creative-button {
    transition-delay: 0.39s;
  }
}
* + .thumbnail-creative-time {
  margin-top: 5px;
}
* + .thumbnail-creative-button {
  margin-top: 12px;
}
.thumbnail-mary {
  text-align: center;
  overflow: hidden;
  transition: all 0.3s ease;
}
.thumbnail-mary::after,
.thumbnail-mary::before {
  position: absolute;
  content: "";
  transition: inherit;
  pointer-events: none;
}
.thumbnail-mary::before {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(25, 24, 24, 0.45);
  z-index: 1;
}
.thumbnail-mary::after {
  display: inline-block;
  top: 10px;
  right: 10px;
  bottom: 10px;
  left: 10px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  z-index: 1;
}
.thumbnail-mary-2::after {
  display: none;
}
.thumbnail-mary-2 .thumbnail-mary-caption .icon:hover {
  color: #01b3a7;
}
.thumbnail-mary-3::before {
  background: rgba(22, 46, 68, 0.37);
}
.thumbnail-mary-figure {
  display: block;
}
.thumbnail-mary-figure img {
  width: 100%;
  transition: all 0.3s ease;
}
.thumbnail-mary-caption {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  z-index: 1;
}
.thumbnail-mary-caption > * {
  pointer-events: auto;
}
.thumbnail-mary-caption .icon {
  font-size: 36px;
}
.thumbnail-mary-caption .icon img {
  display: none;
}
.thumbnail-mary-caption .icon,
.thumbnail-mary-caption .icon:active,
.thumbnail-mary-caption .icon:focus {
  color: #fff;
}
.thumbnail-mary-caption .icon:hover {
  color: rgba(255, 255, 255, 0.5);
}
.thumbnail-mary-title {
  color: #fff;
}
.thumbnail-mary-title a,
.thumbnail-mary-title a:active,
.thumbnail-mary-title a:focus {
  color: inherit;
}
.thumbnail-mary-title a:hover {
  color: #01b3a7;
}
.thumbnail-mary-project {
  font-weight: 400;
}
.thumbnail-mary-time {
  font-weight: 400;
  color: #01b3a7;
}
@media (min-width: 992px) {
  .desktop .thumbnail-mary::before {
    opacity: 0;
    visibility: hidden;
  }
  .desktop .thumbnail-mary::after {
    transform: scale(0.85);
    opacity: 0;
    visibility: hidden;
  }
  .desktop .thumbnail-mary-figure img {
    transform: scale(1.2);
    will-change: transform;
  }
  .desktop .thumbnail-mary-caption .icon,
  .desktop .thumbnail-mary-title {
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
  }
  .desktop .thumbnail-mary-caption .icon {
    transform: translate3d(0, -10px, 0);
  }
  .desktop .thumbnail-mary-title {
    transform: translate3d(0, 10px, 0);
  }
  .desktop .thumbnail-mary:hover::before {
    opacity: 1;
    visibility: visible;
  }
  .desktop .thumbnail-mary:hover::after {
    opacity: 1;
    visibility: visible;
    transform: none;
  }
  .desktop .thumbnail-mary:hover .thumbnail-mary-figure img {
    transform: none;
  }
  .desktop .thumbnail-mary:hover .icon,
  .desktop .thumbnail-mary:hover .thumbnail-mary-title {
    opacity: 1;
    visibility: visible;
    transform: none;
  }
}
@keyframes item1B {
  25% {
    opacity: 1;
    transform: none;
    visibility: visible;
  }
  100% {
    opacity: 0;
    transform: scale(3);
    visibility: hidden;
  }
}
@keyframes item1A {
  100% {
    opacity: 0;
    transform: scale(4);
    visibility: hidden;
  }
}
* + .thumbnail-mary-title {
  margin-top: 16px;
}
.project-minimal {
  text-align: center;
}
.project-minimal-figure {
  display: block;
  overflow: hidden;
}
.project-minimal-figure img {
  width: 100%;
  transition: all 0.3s ease;
}
.project-minimal-title {
  font-size: 18px;
  line-height: 1.25;
  font-weight: 500;
  letter-spacing: 0.025em;
}
.project-minimal-title a,
.project-minimal-title a:active,
.project-minimal-title a:focus {
  color: inherit;
}
.project-minimal-title a:hover {
  color: #01b3a7;
}
.project-minimal-text {
  color: #9b9b9b;
}
* + .project-minimal-title {
  margin-top: 10px;
}
.project-minimal-title a {
  display: block;
}
.project-minimal-title a span {
  display: block;
  font-size: 20px;
  font-weight: 500;
}
@media (min-width: 992px) {
  .desktop .project-minimal-figure img {
    transform: scale(1.1);
    will-change: transform;
  }
  .desktop .project-minimal:hover .project-minimal-figure img {
    transform: none;
  }
}
@media (min-width: 1200px) {
  .project-minimal-title {
    font-size: 24px;
  }
}
.pagination {
  align-items: center;
  justify-content: center;
  font-size: 0;
  line-height: 0;
  margin-bottom: -14px;
  margin-left: -14px;
}
.pagination:empty {
  margin-bottom: 0;
  margin-left: 0;
}
.pagination > * {
  display: inline-block;
  margin-top: 0;
  margin-bottom: 14px;
  margin-left: 14px;
}
@media (min-width: 576px) {
  .pagination {
    margin-bottom: -18px;
    margin-left: -18px;
  }
  .pagination:empty {
    margin-bottom: 0;
    margin-left: 0;
  }
  .pagination > * {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 18px;
    margin-left: 18px;
  }
}
.page-item {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
}
.page-item:first-child .page-link,
.page-item:last-child .page-link {
  color: #151515;
  border-radius: 50%;
}
.page-item:first-child .page-link:active,
.page-item:first-child .page-link:focus,
.page-item:first-child .page-link:hover,
.page-item:last-child .page-link:active,
.page-item:last-child .page-link:focus,
.page-item:last-child .page-link:hover {
  color: #01b3a7;
}
.page-item:last-child .page-link {
  padding: 4px 4px 2px 6px;
}
.page-item:first-child .page-link {
  padding: 4px 6px 2px 4px;
}
@media (min-width: 576px) {
  .page-item:last-child .page-link {
    padding: 8px 8px 6px 10px;
  }
  .page-item:first-child .page-link {
    padding: 8px 10px 6px 8px;
  }
}
.page-link {
  display: inline-block;
  min-width: 38px;
  padding: 6px 5px 4px;
  font-size: 20px;
  line-height: 1.2;
  font-weight: 400;
  letter-spacing: 0.075em;
  font-family: Montserrat, sans-serif, Arial, sans-serif;
  color: #151515;
  background-color: #fff;
  border-radius: 50%;
  border: 2px solid transparent;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.17);
  transition: all 0.3s ease-in-out;
}
.page-link .icon {
  font-size: 22px;
}
@media (min-width: 576px) {
  .page-link {
    min-width: 45px;
    padding: 9px 9px 7px;
    font-size: 24px;
    line-height: 1.04167;
  }
}
.page-link:active,
.page-link:focus,
.page-link:hover {
  color: #50ba87;
  background-color: transparent;
  border-color: transparent;
}
.page-item.active > .page-link,
.page-item.active > .page-link:active,
.page-item.active > .page-link:focus,
.page-item.active > .page-link:hover {
  color: #50ba87;
  background-color: transparent;
  border-color: transparent;
}
* + .pagination-wrap {
  margin-top: 50px;
}
.snackbars {
  padding: 9px 16px;
  margin-left: auto;
  margin-right: auto;
  color: #fff;
  text-align: left;
  background-color: #151515;
  border-radius: 0;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15);
  font-size: 14px;
}
.snackbars p span:last-child {
  padding-left: 14px;
}
.snackbars-left {
  display: inline-block;
  margin-bottom: 0;
}
.snackbars-right {
  display: inline-block;
  float: right;
  text-transform: uppercase;
}
.snackbars-right:hover {
  text-decoration: underline;
}
@media (min-width: 576px) {
  .snackbars {
    max-width: 540px;
    padding: 12px 15px;
    font-size: 15px;
  }
}
.footer-classic {
  color: rgba(255, 255, 255, 0.3);
  background: #fff;
}
.footer-classic [class*="heading-"],
.footer-classic h1,
.footer-classic h2,
.footer-classic h3,
.footer-classic h4,
.footer-classic h5,
.footer-classic h6 {
  color: rgba(255, 255, 255, 0.15);
}
.footer-classic .contact-classic-title {
  color: #01b3a7;
}
.footer-classic .contact-classic-link {
  color: #fff;
}
.footer-bottom-panel {
  padding-top: 30px;
  padding-bottom: 30px;
}
.footer-classic-2 .box-footer {
  background: #11263a;
}
.box-footer {
  text-align: left;
  min-height: 100%;
  padding: 40px 15px;
  letter-spacing: 0.025em;
  background: #2c2e31;
}
.box-footer a,
.box-footer a:active,
.box-footer a:focus {
  color: #fff;
}
.box-footer a:hover {
  color: #50ba87;
}
.box-footer .form-wrap + * {
  margin-top: 12px;
}
.box-footer * + .rd-form {
  margin-top: 20px;
}
.box-footer .button.button-ujarak::before {
  background: #fff;
}
.box-footer .button.button-ujarak:active,
.box-footer .button.button-ujarak:hover {
  color: #151515;
  border-color: #fff;
}
.contact-classic .unit-left {
  min-width: 45px;
}
.contact-classic a {
  display: inline-block;
}
.contact-classic-item {
  padding: 20px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
.contact-classic-title {
  margin-top: 2px;
  letter-spacing: 0.025em;
  color: #01b3a7;
}
.contact-classic-link {
  color: #fff;
}
* + .contact-classic {
  margin-top: 3px;
}
.footer-brand + p {
  margin-top: 22px;
}
@media (min-width: 480px) {
  .box-footer {
    padding: 40px 30px;
  }
}
@media (min-width: 992px) {
  .box-footer * + .rd-form {
    margin-top: 8px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .box-footer {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (min-width: 1800px) {
  .box-footer {
    padding: 60px 60px 50px;
  }
}
.box-footer-2 {
  text-align: left;
  padding: 30px 20px;
  min-height: 100%;
  background: #fff;
  border: 1px solid #e1e1e1;
}
.box-footer-2 .footer-contacts .icon {
  color: #01b3a7;
}
.box-footer-form {
  padding: 30px 20px;
  background: #01b3a7;
}
.box-footer-form .button {
  min-width: auto;
  padding-left: 20px;
  padding-right: 20px;
}
.box-footer-form .form-wrap + * {
  margin-top: 10px;
}
.box-footer-2-title {
  letter-spacing: 0.025em;
}
.box-footer-2-text {
  letter-spacing: 0.025em;
  color: #9b9b9b;
}
* + .box-footer-2-text {
  margin-top: 8px;
}
@media (min-width: 768px) {
  .box-footer-2 {
    border: none;
  }
}
@media (min-width: 992px) {
  .box-footer-2 {
    padding: 35px 30px 25px;
  }
  .box-footer-2 .footer-contacts li + li {
    margin-top: 28px;
  }
  .box-footer-form {
    padding: 35px 25px;
  }
  .box-footer-2-text + .footer-contacts {
    margin-top: 40px;
  }
}
@media (min-width: 1200px) {
  .box-footer-2-text + .footer-contacts {
    margin-top: 50px;
  }
}
.footer-social-list .icon {
  position: relative;
  text-align: center;
  width: 46px;
  height: 46px;
  font-size: 20px;
  line-height: 46px;
  border-radius: 50%;
  box-shadow: inset 0 0 0 4px #3a3e43;
  transition: color 0.3s;
  z-index: 1;
}
.footer-social-list .icon,
.footer-social-list .icon:active,
.footer-social-list .icon:focus {
  color: #fff;
}
.footer-social-list .icon:hover {
  color: #01b3a7;
}
.footer-social-list .icon::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 2px;
  border-radius: 50%;
  background: #3a3e43;
  pointer-events: none;
  transition:
    transform 0.2s,
    opacity 0.3s;
  z-index: -1;
}
.footer-social-list .icon:hover:after {
  opacity: 0;
  transform: scale(1.3);
}
* + .footer-social-list {
  margin-top: 26px;
}
@media (min-width: 480px) {
  .footer-social-list .icon {
    width: 56px;
    height: 56px;
    font-size: 25px;
    line-height: 56px;
  }
}
.footer-variant-2 {
  text-align: center;
  letter-spacing: 0.025em;
}
.footer-variant-2 .rights {
  font-size: 12px;
}
.footer-variant-2 .rd-form * + .button {
  margin-top: 10px;
}
.footer-variant-2 * + .rd-form {
  margin-top: 25px;
}
.footer-variant-2 * + .group-lg {
  margin-top: 30px;
}
.footer-variant-2 * + .row {
  margin-top: 24px;
}
.footer-variant-2 * + .footer-contacts {
  margin-top: 22px;
  padding-top: 32px;
  border-top: 1px solid #d7d7d7;
}
@media (min-width: 768px) {
  .footer-variant-2 {
    text-align: left;
  }
}
.footer-variant-2-content {
  padding: 50px 0;
}
@media (min-width: 768px) {
  .footer-variant-2-content {
    padding-top: 65px;
    padding-bottom: 65px;
  }
}
.footer-variant-2-bottom-panel {
  padding: 30px 0;
}
.footer-contacts {
  text-align: left;
  font-size: 0;
  line-height: 0;
}
.footer-contacts .icon {
  vertical-align: middle;
  text-align: left;
  min-width: 21px;
  font-size: 24px;
  line-height: 24px;
  color: #01b3a7;
}
.footer-contacts .fa-envelope {
  font-size: 20px;
}
.footer-contacts .fa-clock-o {
  font-size: 22px;
}
.footer-contacts .link-phone {
  font-size: 18px;
  line-height: 1.34;
  letter-spacing: 0.025em;
}
.footer-contacts .link-location {
  max-width: 192px;
}
.footer-contacts p {
  font-size: 14px;
  line-height: 1.72;
  letter-spacing: 0.025em;
}
.footer-contacts a {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  line-height: 1.72;
  letter-spacing: 0.025em;
}
.footer-contacts a,
.footer-contacts a:active,
.footer-contacts a:focus {
  color: #151515;
}
.footer-contacts a:hover {
  color: #01b3a7;
}
.footer-contacts li + li {
  margin-top: 18px;
}
* + .footer-contacts {
  margin-top: 28px;
}
.footer-social-list-2 .icon {
  font-size: 16px;
}
.footer-social-list-2 a,
.footer-social-list-2 a:active,
.footer-social-list-2 a:focus {
  color: #ffffff;
}
.footer-social-list-2 a:hover {
  color: #50ba87;
}
.footer-creative {
  background: #383b40;
}
.footer-creative .footer-variant-2-bottom-panel {
  background: #2f3439;
}
.footer-link-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  font-size: 12px;
  line-height: 2;
  font-weight: 500;
  margin-bottom: -5px;
  margin-left: -20px;
}
.footer-link-list:empty {
  margin-bottom: 0;
  margin-left: 0;
}
.footer-link-list > * {
  display: inline-block;
  margin-top: 0;
  margin-bottom: 5px;
  margin-left: 20px;
}
.footer-link-list a,
.footer-link-list a:active,
.footer-link-list a:focus {
  color: #151515;
}
.footer-link-list a:hover {
  color: #50ba87;
}
@media (min-width: 768px) {
  .footer-link-list {
    justify-content: flex-start;
  }
}
@media (min-width: 992px) {
  .footer-link-list {
    justify-content: space-between;
  }
}
.footer-corporate {
  text-align: center;
  background: #162e44;
}
.footer-corporate h6 {
  font-size: 16px;
}
.footer-corporate .footer-contacts .link-phone {
  font-size: 14px;
  line-height: 1.72;
}
.footer-corporate .footer-contacts a {
  letter-spacing: 0.05em;
}
.footer-corporate .footer-contacts .link-location {
  letter-spacing: 0.025em;
}
.footer-corporate .footer-contacts .unit {
  margin-bottom: -10px;
  margin-left: -22px;
}
.footer-corporate .footer-contacts .unit > * {
  margin-bottom: 10px;
  margin-left: 22px;
}
.footer-corporate .rights {
  font-size: 12px;
}
.footer-corporate .list-marked a,
.footer-corporate .list-marked a:active,
.footer-corporate .list-marked a:focus {
  color: inherit;
}
.footer-corporate .list-marked a:hover {
  color: #01b3a7;
}
.footer-corporate .button {
  min-width: auto;
  padding-left: 30px;
  padding-right: 30px;
}
.footer-corporate * + .list-marked {
  margin-top: 22px;
}
.footer-corporate * + .group-md {
  margin-top: 30px;
}
@media (max-width: 575.98px) {
  .footer-corporate .post-minimal-2 {
    margin-left: auto;
    margin-right: auto;
  }
  .footer-corporate .list-marked {
    text-align: center;
  }
}
@media (min-width: 576px) {
  .footer-corporate {
    text-align: left;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .footer-corporate .footer-contacts {
    margin-bottom: -10px;
    margin-left: -40px;
  }
  .footer-corporate .footer-contacts:empty {
    margin-bottom: 0;
    margin-left: 0;
  }
  .footer-corporate .footer-contacts > * {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 10px;
    margin-left: 40px;
  }
  .footer-corporate .footer-contacts .unit {
    align-items: center;
  }
}
@media (min-width: 992px) {
  .footer-corporate .list-marked {
    max-width: 90%;
  }
}
.footer-corporate-2 {
  background: #474b4e;
}
.footer-corporate-2 .footer-corporate-bottom-panel {
  background: #3c4043;
}
.footer-corporate-2 .post-minimal-2-title a,
.footer-corporate-2 .post-minimal-2-title a:active,
.footer-corporate-2 .post-minimal-2-title a:focus {
  color: #01b3a7;
}
.footer-corporate-2 .post-minimal-2-title a:hover {
  color: #fff;
}
.footer-corporate-2 .list-custom-2 {
  -moz-column-gap: 20px;
  -webkit-column-gap: 20px;
}
@media (min-width: 992px) {
  .footer-corporate-2 .list-marked {
    max-width: none;
  }
}
.footer-corporate-inset {
  padding: 50px 0;
}
@media (min-width: 992px) {
  .footer-corporate-inset {
    padding: 65px 0;
  }
}
@media (min-width: 1200px) {
  .footer-corporate-inset {
    padding-top: 75px;
  }
}
.footer-corporate-bottom-panel {
  padding: 30px 0;
  background: #11263a;
  color: rgba(255, 255, 255, 0.3);
}
.footer-minimal {
  background: #303233;
}
.footer-minimal .rights {
  font-size: 12px;
}
.footer-minimal-inset {
  padding: 40px 0;
}
.footer-minimal-bottom-panel {
  padding: 35px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.13);
}
@media (min-width: 768px) {
  .footer-minimal-inset {
    padding: 60px 0;
  }
}
.footer-corporate-inset .post-minimal-2 a {
  color: #01b3a7;
}
.footer-corporate-inset .post-minimal-2 a:hover {
  color: #50ba87;
}
.footer-corporate-inset .list-marked li:before {
  background: #01b3a7;
}
.card-form {
  background: #fff;
  transition: all 0.2s ease;
}
.card-form * + .form-wrap {
  margin-top: 14px;
}
* + .card-form {
  margin-top: 26px;
}
.card-top-panel {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.card-toggle {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 43px;
  height: 17px;
  background: #f7f7f7;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}
.card-top-panel-left {
  position: relative;
}
.card-title {
  margin-bottom: 0;
  letter-spacing: 0.05em;
  transition: all 0.3s ease;
}
@media (max-width: 575.98px) {
  .card-top-panel-right {
    width: 200px;
    margin: 4px auto 0;
  }
}
@media (min-width: 576px) {
  .card-top-panel {
    flex-direction: row;
  }
}
.product {
  position: relative;
  text-align: center;
  max-width: 270px;
  margin-left: auto;
  margin-right: auto;
}
.product-2 {
  text-align: left;
  max-width: 260px;
}
.product-2 .unit {
  align-items: center;
  flex-direction: column;
  margin-bottom: -14px;
  margin-left: -20px;
}
.product-2 .unit > * {
  margin-bottom: 14px;
  margin-left: 20px;
}
.product-2 .button.button-sm {
  min-width: auto;
}
.product-2 .product-figure {
  max-width: 100px;
}
.product-2 .product-button {
  display: none;
}
.product-2 * + .button {
  margin-top: 6px;
}
@media (min-width: 576px) {
  .product-2 {
    max-width: none;
  }
}
@media (max-width: 991.98px) {
  .product-title {
    font-size: 20px;
  }
}
@media (min-width: 992px) {
  .product-2 {
    text-align: center;
  }
  .product-2 .product-figure {
    max-width: none;
  }
  .product-2 .product-button {
    display: block;
  }
  .product-2 .button.button-sm {
    display: none;
  }
}
.product-figure {
  position: relative;
  overflow: hidden;
  background: #f4f4f4;
  transition: all 0.3s ease;
}
.product-figure img {
  width: 100%;
  transform: none;
  transition: inherit;
}
.product-button {
  margin: 0 10px 10px;
}
.product-button .button {
  width: 100%;
}
.product-title {
  font-weight: 400;
}
.product-title a,
.product-title a:active,
.product-title a:focus {
  color: inherit;
}
.product-title a:hover {
  color: #50ba87;
}
.product-price {
  display: inline-block;
  vertical-align: middle;
  font-size: 18px;
  line-height: 1;
  letter-spacing: 0.075em;
  font-family: Montserrat, sans-serif, Arial, sans-serif;
  color: #01b3a7;
}
@media (min-width: 992px) {
  .desktop .product-figure::before {
    position: absolute;
    text-align: center;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    background: rgba(17, 17, 17, 0.39);
    transition: all 0.3s ease;
    pointer-events: none;
    z-index: 1;
  }
  .desktop .product-button {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    margin: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transform: translate3d(0, 15px, 0);
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    pointer-events: none;
    z-index: 1;
  }
  .desktop .product-button .button {
    width: auto;
    pointer-events: auto;
  }
  .desktop .product.active .product-figure::before,
  .desktop .product:hover .product-figure::before {
    transform: scale(0.93);
    opacity: 1;
    visibility: visible;
  }
  .desktop .product.active .product-figure img,
  .desktop .product:hover .product-figure img {
    transform: scale(1.04);
  }
  .desktop .product.active .product-button,
  .desktop .product:hover .product-button {
    transform: none;
    opacity: 1;
    visibility: visible;
    transition-delay: 0.18s;
  }
}
* + .product-title {
  margin-top: 14px;
}
* + .product-price-wrap {
  margin-top: 2px;
}
.product-minimal {
  align-items: center;
}
.product-minimal-figure {
  position: relative;
  display: block;
  overflow: hidden;
  background: #f4f4f4;
}
.product-minimal-figure::before {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(17, 17, 17, 0.39);
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
  z-index: 1;
}
.product-minimal-figure img {
  width: 100%;
  transform: none;
  transition: all 0.3s ease;
}
.product-minimal-title {
  font-weight: 400;
}
.product-minimal-title a,
.product-minimal-title a:active,
.product-minimal-title a:focus {
  color: inherit;
}
.product-minimal-title a:hover {
  color: #50ba87;
}
.product-minimal-price {
  display: inline-block;
  vertical-align: middle;
  font-size: 18px;
  line-height: 1;
  letter-spacing: 0.075em;
  font-family: Montserrat, sans-serif, Arial, sans-serif;
  color: #01b3a7;
}
.product-minimal:hover .product-minimal-figure::before {
  transform: scale(0.9);
  opacity: 1;
  visibility: visible;
}
.product-minimal:hover .product-minimal-figure img {
  transform: scale(1.1);
}
* + .product-minimal-price {
  margin-top: 6px;
}
.product-top-panel {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.product-top-panel-title {
  font-size: 16px;
  letter-spacing: 0.075em;
}
@media (min-width: 768px) {
  .product-top-panel {
    justify-content: space-between;
  }
}
.social-title {
  font-size: 16px;
  line-height: 1;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif, Arial, sans-serif;
}
.social-list .icon {
  font-size: 20px;
}
.social-list .icon,
.social-list .icon:active,
.social-list .icon:focus {
  color: inherit;
}
.social-list .icon:hover {
  color: #01b3a7;
}
.box-rating .icon {
  font-size: 19px;
  color: #fc0;
}
.box-rating .icon + .icon {
  margin-left: 4px;
}
[class*="product-image-marker"] {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 43px;
  height: 43px;
  padding: 0 4px;
  background: rgba(1, 179, 167, 0.79);
  border-radius: 50%;
  cursor: pointer;
  z-index: 1;
}
[class*="product-image-marker"] span {
  width: 25px;
  height: 25px;
  padding-top: 2px;
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
  letter-spacing: 0;
  font-family: Montserrat, sans-serif, Arial, sans-serif;
  border-radius: inherit;
  background: #fff;
}
[class*="product-image-marker"]::after,
[class*="product-image-marker"]::before {
  display: inline-block;
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  opacity: 0;
  visibility: visible;
  will-change: transform;
  pointer-events: none;
  transform: none;
  z-index: -1;
}
[class*="product-image-marker"]::before {
  opacity: 1;
  transform: scale(1.3);
  background: rgba(1, 179, 167, 0.46);
}
[class*="product-image-marker"]::after {
  background: rgba(1, 179, 167, 0.3);
}
@media (min-width: 992px) {
  .desktop [class*="product-image-marker"].active::before,
  .desktop [class*="product-image-marker"]:hover::before {
    animation: item1B 1s ease infinite;
  }
  .desktop [class*="product-image-marker"].active::after,
  .desktop [class*="product-image-marker"]:hover::after {
    animation: item1A 1s ease infinite;
  }
}
@keyframes item1B {
  0% {
    opacity: 0;
    transform: none;
  }
  25% {
    opacity: 1;
    transform: none;
    visibility: visible;
  }
  100% {
    opacity: 0;
    transform: scale(1.8);
    visibility: hidden;
  }
}
@keyframes item1A {
  5% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: scale(2.5);
    visibility: hidden;
  }
}
.product-categories {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 120px;
  padding: 10px 15px 20px;
}
.product-categories-body {
  transition: all 0.3s ease;
}
* + .product-categories-title {
  margin-top: 10px;
}
@media (min-width: 768px) {
  .product-categories {
    min-height: 150px;
    padding: 20px 20px 30px;
  }
}
@media (min-width: 992px) {
  .desktop .product-categories:hover {
    background: #f7f7f7;
  }
  .desktop .product-categories:hover .product-categories-body {
    transform: translate3d(0, -6px, 0);
  }
}
@media (min-width: 1200px) {
  .product-categories {
    min-height: 183px;
  }
}
.box-categories {
  position: relative;
  text-align: left;
  max-width: 370px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  background: #fff;
  transition: all 0.3s ease;
  z-index: 1;
}
.box-categories::before {
  position: absolute;
  content: "";
  top: 12px;
  right: 12px;
  bottom: 12px;
  left: 12px;
  border: 1px solid #e1e1e1;
  background: 0 0;
  will-change: transform;
  pointer-events: none;
  transition: inherit;
  z-index: -1;
}
.box-categories-content {
  margin: 50px auto;
}
@media (min-width: 992px) {
  .box-categories-content {
    margin: 100px auto;
  }
}
.box-categories-title {
  font-weight: 400;
  letter-spacing: 0.1em;
}
.box-categories-list {
  letter-spacing: 0.025em;
}
.box-categories-list img {
  border: 4px solid transparent;
  border-radius: 8px;
  background:
    linear-gradient(white, #fff) padding-box,
    linear-gradient(45deg, #aa4b6b, #6b6b83, #3b8d99) border-box;
  box-shadow: 0 0 20px rgba(255, 107, 107, 0.5);
  transition: all 0.3s ease;
}
.box-categories-list li {
  transition: all 0.2s ease;
}
.box-categories-list li::before {
  transition: all 0.3s ease-in-out;
}
.box-categories-list a,
.box-categories-list a:active,
.box-categories-list a:focus {
  color: inherit;
}
.box-categories-list a:hover {
  color: #01b3a7;
}
* + .box-categories-list {
  margin-top: 20px;
}
.product-big {
  position: relative;
  text-align: left;
  overflow: hidden;

}
.product-big .unit {
  margin-bottom: -30px;
  margin-left: 0;
}
.product-big .unit > * {
  margin-bottom: 30px;
  margin-left: 0;
}
.product-big .unit-body {
  display: flex;
  align-items: center;
}
.product-big * + .group-sm {
  margin-top: 12px;
}
.product-big * + .button {
  margin-top: 25px;
  min-width: 170px;
  padding: 17px 28px 15px;
}
.product-big-figure {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0; /* Elimina márgenes */
  padding: 0; /* Elimina padding */
  width: 100%; /* Añade esto */
  max-width: 100%; /* Añade esto */
}

.product-big-image {
  position: relative; /* Añade esto */
  overflow: hidden;
  width: 100%; /* Asegura que tenga un ancho definido */
  height: 100%; /* Asegura que tenga una altura definida */
  max-width: 100%; /* Añade esto */

}

.product-big-image img {
    display: block; /* Elimina espacios extra */
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    transition: transform 0.4s ease; /* Añade transición suave */
    transform-origin: center center; /* Añade esto para zoom centrado */
}
  
.product-big-image img:hover {
    transform: scale(1.2); /* Aumenta 20% al hacer hover */
}



.product-big-title {
  font-weight: 500;
  color: #00264d;
  letter-spacing: normal;
  font-size: 28px;
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
}

.top-subtitle{
  font-size: 19px; 
  color:#e48b57;
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  font-weight: 200;
}

.top-subtitle:hover{ 
  color:#00264d;
}

.product-big-title a:hover{ 
  color:#00274dad;
}

.button-theend{
  font-weight: 500;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  transition-duration: 0.4s;
  cursor: pointer;
}

.product-big-rating .icon {
  font-size: 19px;
  letter-spacing: 0;
  line-height: 24px;
  color: #e48b57;
}
.product-big-rating .icon + .icon {
  margin-left: 0;
}
.product-big-reviews {
  display: inline-block;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.1em;
  font-family: Montserrat, sans-serif, Arial, sans-serif;
}
.product-big-reviews,
.product-big-reviews:active,
.product-big-reviews:focus {
  color: #9b9b9b;
}
.product-big-reviews:hover {
  color: #50ba87;
}
.product-big-text {
  letter-spacing: 0.025em;
  font-size: clamp(0.875rem, 0.3594rem + 1.375vw, 1.0625rem);
  font-family: Fredoka;
  color: #627a87;
  text-align: justify;
  line-height: 1.4;
}
.product-big-price-wrap {
  position: absolute;
  overflow: hidden;
  text-align: center;
  padding: 8px 10px 6px;
  top: 0;
  right: 0;
  font-size: 18px;
  line-height: 1;
  font-weight: 500;
  letter-spacing: 0.025em;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif, Arial, sans-serif;
  color: rgba(255, 255, 255, 0.4);
  background: 0 0;
  z-index: 1;
}
.product-big-price-wrap > * {
  display: block;
}
.product-big-price-wrap::before {
  position: absolute;
  content: "";
  bottom: 0;
  left: 14px;
  width: 400%;
  height: 100%;
  background: #e48b57;
  transform: skew(45deg);
  transform-origin: 50% 100%;
  will-change: transform;
  pointer-events: none;
  z-index: -1;
}
.product-big-price {
  font-size: 21px;
  letter-spacing: 0.025em;
  color: #fff;
}
* + .product-big-text {
  margin-top: 6px;
}
@media (min-width: 768px) {
  .product-big {
    border: 1px solid #e1e1e1;
  }
  .product-big .unit {
    min-height: 366px;
  }
  .product-big .unit-left {
    flex-basis: 45%;
  }
  .product-big-body {
    padding: 30px 70px 30px 10%;
  }
  .product-big-figure {
    min-height: 100%;
  }
  .product-big-figure img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-height: 100%;
    min-width: 100%;
    width: auto;
    height: auto;
    max-width: none;
  }
  @supports (object-fit: cover) {
    .product-big-figure img {
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      transform: none;
      object-fit: cover;
      object-position: center center;
    }
  }
  .product-big-price-wrap {
    top: -1px;
    right: -1px;
    padding: 20px 10px 16px;
    font-size: 20px;
  }
  .product-big-price-wrap::before {
    left: 24px;
  }
}
@media (min-width: 992px) {
  .product-big .unit-left {
    flex-basis: 50%;
  }
  .product-big-body {
    padding-left: 12%;
    padding-right: 85px;
  }
  .product-big-price-wrap {
    font-size: 24px;
    padding: 30px 17px 26px;
  }
  .desktop .product-big-figure img {
    transform: translate(-50%, -50%) scale(1.2);
    transition: all 0.3s ease;
  }
  @supports (object-fit: cover) {
    .desktop .product-big-figure img {
      transform: scale(1.1);
    }
  }
  .desktop .product-big:hover .product-big-figure img {
    transform: translate(-50%, -50%) scale(1);
  }
  @supports (object-fit: cover) {
    .desktop .product-big:hover .product-big-figure img {
      transform: none;
    }
  }
}
.ie-10 .product-big .unit,
.ie-11 .product-big .unit,
.ie-edge .product-big .unit {
  height: 366px;
}
.parent {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, 300px);
  gap: 15px;
}
.title-products-original {
  grid-column: span 3;
  text-align: center;
  padding: 60px 20px;
  overflow: hidden;
}

.title-products-original h1 {
  font-size: clamp(0.35rem, 0.5793rem + 0.4808vw, 1rem);
  font-family: "Montserrat Alternates", sans-serif;
  color: #9d9fa0;
  font-weight: 600
}
.text-products1 {
  opacity: 0;
  transform: translateX(60px);
  transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.text-products1.animate {
  opacity: 1;
  transform: translateX(0);
}
.text-products1 {
  font-size: clamp(1.3rem, -2.9375rem + 10.5vw, 2rem);
  font-family: "Montserrat Alternates", sans-serif;
  color: red;
  margin-bottom: 20px;
  letter-spacing: 0.5px;
}
.text-products1 strong {
  color: #d3c1b7;
  font-weight: 700;
  position: relative;
}

p.text-products1 strong::after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 5px;
  background: #d3c1b7;
  transition: width 0.6s ease 0.8s;
}
.text-products1.animate strong::after {
  width: 60%;
}
h2.text-products1 {
  font-size: clamp(1.3rem, -2.9375rem + 10.5vw, 1.55rem);
  color: #37434acb;
  font-weight: 500;
  /* line-height: 1.4; */
  margin-top: 10px;
}
h2.text-products1 strong {
  font-size: clamp(1.3rem, -2.9375rem + 10.5vw, 1.75rem);
  color: #ffd9c6;
  font-weight: 700;
  position: relative;
  background: linear-gradient(135deg, #3f5270, #2a4b78);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.title-products-original > div:nth-child(1) .text-products1 {
  transition-delay: 0.1s;
}
.title-products-original > div:nth-child(2) .text-products1 {
  transition-delay: 0.3s;
}

.camper-konni {
  color: #3f5270;
  font-family: "Montserrat Alternates", sans-serif;
  text-align: center;
  font-weight: 700;
  letter-spacing: 1.5px;
  font-size: clamp(1.3rem, -2.9375rem + 10.5vw, 2rem);
}

.title-products-original .text-descri {
	font-size: clamp(1.3rem, -2.9375rem + 10.5vw, 1.55rem);
	color:#37434acb;
  font-weight: 500;
  font-family: "Montserrat Alternates", sans-serif;
  letter-spacing: 0.5px;
  line-height: 1.1; 
}

.products-item1 {
  grid-column-start: 2;
  grid-row-start: 2;
}
.products-item2 {
  grid-column-start: 3;
  grid-row-start: 2;
  margin-right: 20px;
}
.products-item3 {

  grid-column-start: 2;
  grid-row-start: 3;
}
.products-item4 {

  grid-column-start: 3;
  grid-row-start: 3;
  margin-right: 20px;
}
.products-original {
  grid-row: span 2 / span 2;
  grid-column-start: 1;
  grid-row-start: 2;
  margin-left: 20px;
}
.project-item {
  position: relative;
  overflow: hidden;
  border-radius: 12px;
  height: 100%;
  cursor: pointer;
  transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  opacity: 0;
  transform: translateY(30px);
}
.project-item.visible {
  opacity: 1;
  transform: translateY(0);
}
.project-item:hover {
  transform: scale(1.02) translateY(0);
}
.project-link {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  text-decoration: none;
}
.project-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: transform 0.4s ease;
}
.project-item:hover .project-image {
  transform: scale(1.1);
}
.hover-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(
    180deg,
    #5a6b8a 0,
    rgba(188, 175, 156, 0.75) 50%,
    #3f5270 100%
  );
  opacity: 0;
  transition: opacity 0.4s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}
.project-item:hover .hover-overlay {
  opacity: 1;
}
.project-item.active .hover-overlay {
  opacity: 0.85;
  background: linear-gradient(
    180deg,
    rgba(90, 107, 138, 0.9) 0,
    rgba(188, 175, 156, 0.8) 50%,
    rgba(63, 82, 112, 0.9) 100%
  );
}
.project-item.active:hover .hover-overlay {
  opacity: 1;
}
.project-title {
  color: #fff;
  font-size: clamp(1.4rem, -1.9375rem + 9.5vw, 1.95rem);
  font-family: "Montserrat Alternates", sans-serif;
  font-weight: 700;
  text-align: center;
  transform: translateY(20px);
  transition: transform 0.4s ease 0.1s;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}
.project-item:hover .project-title {
  transform: translateY(0);
}
.project-item.active .project-title {
  transform: translateY(0);
  font-weight: 700;
}
@media (max-width: 768px) {
  .parent {
    grid-template-columns: 1fr;
    grid-template-rows: auto repeat(5, 200px);
    gap: 12px;
  }
  .title-products-original {
    grid-column: 1;
  }
  .title-products-original h1 {
    font-size: 2.5rem;
  }
  .products-original {
    grid-column: 1;
    grid-row: 2;
  }
  .products-item1 {
    grid-column: 1;
    grid-row: 3;
  }
  .products-item2 {
    grid-column: 1;
    grid-row: 4;
  }
  .products-item3 {
    grid-column: 1;
    grid-row: 5;
  }
  .products-item4 {
    grid-column: 1;
    grid-row: 6;
  }
}
@media (max-width: 480px) {
  .parent {
    grid-template-rows: auto repeat(5, 180px);
    gap: 10px;
  }
  .products-item1,
  .products-item2,
  .products-item3,
  .products-item4,
  .products-original {
    margin-top: -10%;
    margin-left: 15px;
    margin-right: 15px;
  }
  .text-products1 h2 {
    font-size: 2rem;
  }
  .project-title {
    font-size: 1.2rem;
  }
}
.margin-konni {
  margin-top: 5%;
}
.margin-konni h3 {
  color: #3f5270;
  font-family: "Montserrat Alternates", sans-serif;
  text-align: center;
  font-weight: 700;
}
.margin-konni p {
  font-family: "Montserrat Alternates", sans-serif;
  text-align: justify;
  font-weight: 400;
}
.parent-konni {
  margin-top: 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
  gap: 15px;
}
.title-konni {
  grid-column: span 2 / span 2;
  text-align: center;
  padding: 60px 20px;
  overflow: hidden;
}
.title-classic {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin-bottom: -15px;
  margin-left: -32px;
}
.title-classic:empty {
  margin-bottom: 0;
  margin-left: 0;
}
.title-classic > * {
  display: inline-block;
  margin-top: 0;
  margin-bottom: 15px;
  margin-left: 32px;
}
.title-classic-title {
  flex-shrink: 0;
}
.title-classic-title > h3 {
  margin-top: 6px;
}
.title-classic-text {
  font-size: 16px;
  padding-top: 20px;
  border-top: 1px solid #e1e1e1;
}
* + .title-classic-text {
  margin-top: 0;
}
@media (min-width: 576px) {
  .title-classic {
    text-align: left;
    flex-direction: row;
  }
  .title-classic-text {
    padding-top: 0;
    padding-left: 28px;
    border-top: none;
    border-left: 1px solid #e1e1e1;
  }
}
@media (min-width: 768px) {
  .title-classic-text {
    font-size: 18px;
  }
}
h2.text-products {
  font-size: clamp(1.2rem, -2.9375rem + 10.5vw, 2.25rem);
  color: #20323b;
}
p.text-products {
  display: flex;
  flex-direction: column;
  font-size: clamp(0.9rem, -2.9375rem + 10.5vw, 1.75rem);
  color: #d3c1b7;
  align-items: center;
}
p.text-products span {
  border-bottom: 4px solid #d3c1b7;
  padding-bottom: 0dvi;
}
a.btn-back-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 9999;
  width: 60px;
  height: 60px;
  background: #25d366 !important;
  border-radius: 50%;
  box-shadow: 0 4px 15px rgba(37, 211, 102, 0.4);
  transition: all 0.3s ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  outline: 0;
  text-decoration: none;
}
a.btn-back-to-top::before {
  content: "Chatten Sie mit uns";
  font-weight: 500;
  position: absolute;
  right: 70px;
  top: 50%;
  transform: translateY(-50%);
  background: #25d365d2;
  color: #ffffff;
  padding: 8px 12px;
  border-radius: 6px;
  font-size: 12px;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}

a.btn-back-to-top.show-text::before {
  opacity: 1;
}
a.btn-back-to-top:hover {
  transform: scale(1.1);
  box-shadow: 0 6px 20px rgba(37, 211, 102, 0.6);
  background: #128c7e !important;
}
a.btn-back-to-top .whatsapp-float {
  width: 35px;
  height: 35px;
}
a.btn-back-to-top svg {
  width: 100%;
  height: 100%;
  fill: #fff;
}
a.btn-back-to-top::after {
  content: "";
  position: absolute;
  right: 65px;
  top: 50%;
  transform: translateY(-50%);
  border: 5px solid transparent;
  border-left-color: rgba(0, 0, 0, 0.8);
  opacity: 0;
  transition: opacity 0.3s ease;
}
.btn-back-to-top:hover::after {
  opacity: 1;
}
@keyframes titleColor {
  50% {
    color: rgba(255, 255, 255, 0.3);
  }
  100% {
    color: rgba(255, 255, 255, 0.07);
  }
}
.title-opacity-9 {
  color: rgba(21, 21, 21, 0.09);
}
.heading-panel + .owl-services-2 {
  margin-top: 50px;
}
@media (max-width: 575.98px) {
  .heading-panel * + .owl-custom-nav {
    margin-top: 20px;
  }
}
@media (min-width: 576px) {
  .heading-panel {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
  }
  .heading-panel-left {
    position: relative;
    text-align: left;
    margin-top: 4px;
    padding-left: 110px;
  }
  .heading-panel-title {
    position: absolute;
    top: 50%;
    left: 0;
    color: rgba(21, 21, 21, 0.09);
    transform: translate3d(0, -50%, 0);
  }
}
@media (min-width: 768px) {
  .heading-panel-left {
    padding-left: 160px;
    margin-top: 8px;
  }
}
@media (min-width: 992px) {
  .heading-panel {
    padding: 10px 0;
  }
  .heading-panel-left {
    padding-left: 200px;
  }
}
@media (min-width: 1200px) {
  .heading-panel {
    padding-bottom: 30px;
  }
  .heading-panel-left {
    padding-left: 240px;
  }
  .heading-panel-title {
    top: 60%;
  }
}
.services-classic {
  text-align: left;
  max-width: 370px;
  margin-left: auto;
  margin-right: auto;
}
.services-classic-figure {
  position: relative;
  overflow: hidden;
  display: block;
}
.services-classic-figure img {
  width: 100%;
  transition: all 0.3s ease;
}
.services-classic-caption {
  display: flex;
  align-items: center;
  position: relative;
  padding: 25px 0 14px 20px;
  border-bottom: 1px solid #e1e1e1;
  transition: all 0.3s ease;
}
.services-classic-caption::before {
  position: absolute;
  content: "";
  top: 54%;
  left: 1px;
  height: 34px;
  width: 1px;
  background: #e1e1e1;
  transform: translate3d(0, -50%, 0);
  transition:
    height 0.3s ease 0.3s,
    width 0.3s ease 0s;
}
.services-classic-title {
  margin-left: 16px;
  max-width: 262px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.services-classic-title a {
  transition:
    all 0.3s ease-in-out,
    color 0.3s ease-in-out;
}
* + .services-classic-title {
  margin-top: 0;
}
@media (min-width: 992px) {
  .desktop .services-classic-figure img {
    transform: scale(1.1);
    will-change: transform;
  }
  .desktop .services-classic:hover .services-classic-figure img {
    transform: none;
  }
  .desktop .services-classic:hover .services-classic-caption {
    padding-left: 58px;
    transition-delay: 0.3s;
  }
  .desktop .services-classic:hover .services-classic-caption::before {
    height: 1px;
    width: 40px;
    transition-delay: 0s, 0.3s;
  }
  .desktop .services-classic:hover .services-classic-title {
    letter-spacing: 0.2em;
  }
  .desktop .services-classic:hover .services-classic-title a {
    transition-delay: 0.3s, 0s;
  }
}
@media (min-width: 768px) {
  .services-classic-title {
    margin-bottom: 4px;
  }
  .services-classic-caption::before {
    height: 40px;
  }
}
.video-classic {
  position: relative;
  max-width: 570px;
  margin-left: auto;
  margin-right: auto;
}
.video-classic .video-classic-play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
}
.video-classic-play {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  padding: 0;
  border: none;
  background: 0 0;
  border-radius: 50%;
  transition: all 0.3s ease;
  cursor: pointer;
  z-index: 1;
}
.video-classic-play > span {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  border-style: solid;
  border-width: 6.5px 0 6.5px 12px;
  border-color: transparent transparent transparent #151515;
  transition: all 0.3s ease;
  z-index: 0;
}
.video-classic-play::after,
.video-classic-play::before {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 50%;
  will-change: transform;
  transition: inherit;
  z-index: -1;
}
.video-classic-play::before {
  background: rgba(255, 255, 255, 0.61);
}
.video-classic-play::after {
  background: #01b3a7;
  transform: scale(0.7);
  opacity: 0;
}
.video-classic-play:hover > span {
  border-left-color: #fff;
}
.video-classic-play:hover::before {
  transform: scale(1.2);
}
.video-classic-play:hover::after {
  opacity: 1;
  transform: none;
}
.video-classic-play-2 {
  width: 100px;
  height: 100px;
}
.video-classic-play-2::before {
  background: rgba(21, 21, 21, 0.61);
}
.video-classic-play-2 > span {
  border-left-color: #fff;
  border-width: 11.5px 0 11.5px 20px;
}
.page {
  position: relative;
  overflow: hidden;
  min-height: 100vh;
  text-align: center;
}
[data-x-mode] .page {
  opacity: 1;
}
.text-normal {
  font-style: normal;
}
.font-weight-light {
  font-weight: 300;
}
.font-weight-medium {
  font-weight: 500;
}
.text-spacing-0 {
  letter-spacing: 0;
}
.text-spacing-25 {
  letter-spacing: 0.025em;
}
.text-spacing-50 {
  letter-spacing: 0.05em;
}
.text-spacing-75 {
  letter-spacing: 0.075em;
}
.text-spacing-100 {
  letter-spacing: 0.025em;
}
.text-primary {
  color: #01b3a7;
}
.text-secondary {
  color: #50ba87;
}
.text-gray-500 {
  color: #9b9b9b;
}
.text-img {
  display: inline-block;
  overflow: hidden;
  font-size: 250px;
  line-height: 85%;
  font-weight: 700;
  font-family: Montserrat, sans-serif, Arial, sans-serif;
  color: #151515;
}
.text-img:hover {
  color: #9b9b9b;
}
@media (min-width: 576px) {
  .text-img {
    font-size: 330px;
  }
}
@media (min-width: 992px) {
  .text-img {
    letter-spacing: 0.05em;
  }
}
@supports (-webkit-background-clip: text) {
  .text-img {
    -webkit-text-fill-color: transparent;
    background: -webkit-linear-gradient(transparent, transparent);
    background: -o-linear-gradient(transparent, transparent);
    background: url(https://2nn9t4f7-3001.uks1.devtunnels.ms/images/text-image.jpg)
      repeat;
    -webkit-background-clip: text;
    background-position-y: 40%;
    animation: imgPos 5s linear normal infinite paused;
  }
  .text-img > span {
    pointer-events: none;
  }
  .text-img:hover {
    animation-play-state: running;
    color: red;
  }
  @media (min-width: 576px) {
    .text-img {
      background-position-y: 22%;
    }
  }
}
@keyframes imgPos {
  0% {
    background-position-x: 0;
  }
  50% {
    background-position-x: 100%;
  }
  100% {
    background-position-x: 0;
  }
}
.text-style-1 {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 500;
  letter-spacing: 0.025em;
  text-indent: -28px;
  padding-left: 28px;
}
.text-style-1 .icon {
  vertical-align: middle;
  font-size: 20px;
  line-height: 24px;
  min-width: 18px;
  margin-right: 10px;
  text-indent: 0;
}
* + .text-style-1 {
  margin-top: 20px;
}
* + p {
  margin-top: 15px;
}
h1 + h2 {
  margin-top: 4px;
}
h2 + h3 {
  margin-top: 9px;
}
h3 + h4 {
  margin-top: 13px;
}
h4 + h5 {
  margin-top: 19px;
}
h5 + h6 {
  margin-top: 27px;
}
h1 + p {
  margin-top: 4px;
}
h2 + p {
  margin-top: 15px;
}
h3 + p {
  margin-top: 20px;
}
h4 + p {
  margin-top: 16px;
}
h5 + p {
  margin-top: 17px;
}
h6 + p {
  margin-top: 17px;
}
h3.font-weight-normal + p {
  margin-top: 16px;
}
p + .heading-2,
p + h2 {
  margin-top: 15px;
}
p + p {
  margin-top: 12px;
}
img + p {
  margin-top: 15px;
}
h3 + img {
  margin-top: 40px;
}
* + .row {
  margin-top: 40px;
}
* + .row-xs {
  margin-top: 20px;
}
* + .row-sm {
  margin-top: 30px;
}
* + .row-lg {
  margin-top: 50px;
}
* + .row-xl {
  margin-top: 60px;
}
* + .row-xxl {
  margin-top: 70px;
}
* + .owl-carousel {
  margin-top: 30px;
}
* + .offset-top-30 {
  margin-top: 30px;
}
* + .offset-top-50 {
  margin-top: 50px;
}
* + .offset-top-80 {
  margin-top: 80px;
}
* + .big {
  margin-top: 20px;
}
* + .button {
  margin-top: 30px;
}
* + .button-wrap {
  margin-top: 35px;
}
h3 + .section-relative {
  margin-top: 35px;
}
.row + .heading-3,
.row + h3 {
  margin-top: 80px;
}
.container + .container {
  margin-top: 35px;
}
.row + .row {
  margin-top: 35px;
}
.row + .button-wrap {
  margin-top: 45px;
}
@media (min-width: 1200px) {
  .container + .container {
    margin-top: 60px;
  }
  .row + .row {
    margin-top: 60px;
  }
}
.row-0 {
  margin-bottom: 0;
}
.row-0:empty {
  margin-bottom: 0;
}
.row-0 > * {
  margin-bottom: 0;
}
.row-4 {
  margin-bottom: -4px;
}
.row-4:empty {
  margin-bottom: 0;
}
.row-4 > * {
  margin-bottom: 4px;
}
.row-6 {
  margin-bottom: -6px;
}
.row-6:empty {
  margin-bottom: 0;
}
.row-6 > * {
  margin-bottom: 6px;
}
.row-10 {
  margin-bottom: -10px;
}
.row-10:empty {
  margin-bottom: 0;
}
.row-10 > * {
  margin-bottom: 10px;
}
.row-14 {
  margin-bottom: -14px;
}
.row-14:empty {
  margin-bottom: 0;
}
.row-14 > * {
  margin-bottom: 14px;
}
.row-15 {
  margin-bottom: -15px;
}
.row-15:empty {
  margin-bottom: 0;
}
.row-15 > * {
  margin-bottom: 15px;
}
.row-16 {
  margin-bottom: -16px;
}
.row-16:empty {
  margin-bottom: 0;
}
.row-16 > * {
  margin-bottom: 16px;
}
.row-20 {
  margin-bottom: -20px;
}
.row-20:empty {
  margin-bottom: 0;
}
.row-20 > * {
  margin-bottom: 20px;
}
.row-30 {
  margin-bottom: -30px;
}
.row-30:empty {
  margin-bottom: 0;
}
.row-30 > * {
  margin-bottom: 30px;
}
.row-40 {
  margin-bottom: -40px;
}
.row-40:empty {
  margin-bottom: 0;
}
.row-40 > * {
  margin-bottom: 40px;
}
.row-50 {
  margin-bottom: -50px;
}
.row-50:empty {
  margin-bottom: 0;
}
.row-50 > * {
  margin-bottom: 50px;
}
.row-55 {
  margin-bottom: -55px;
}
.row-55:empty {
  margin-bottom: 0;
}
.row-55 > * {
  margin-bottom: 55px;
}
.row-60 {
  margin-bottom: -60px;
}
.row-60:empty {
  margin-bottom: 0;
}
.row-60 > * {
  margin-bottom: 60px;
}
.row-70 {
  margin-bottom: -70px;
}
.row-70:empty {
  margin-bottom: 0;
}
.row-70 > * {
  margin-bottom: 70px;
}
.row-90 {
  margin-bottom: -90px;
}
.row-90:empty {
  margin-bottom: 0;
}
.row-90 > * {
  margin-bottom: 90px;
}
@media (min-width: 768px) {
  .row-md-50 {
    margin-bottom: -50px;
  }
  .row-md-50:empty {
    margin-bottom: 0;
  }
  .row-md-50 > * {
    margin-bottom: 50px;
  }
  .row-md-80 {
    margin-bottom: -80px;
  }
  .row-md-80:empty {
    margin-bottom: 0;
  }
  .row-md-80 > * {
    margin-bottom: 80px;
  }
}
@media (min-width: 992px) {
  .row-lg-40 {
    margin-bottom: -40px;
  }
  .row-lg-40:empty {
    margin-bottom: 0;
  }
  .row-lg-40 > * {
    margin-bottom: 40px;
  }
  .row-lg-80 {
    margin-bottom: -80px;
  }
  .row-lg-80:empty {
    margin-bottom: 0;
  }
  .row-lg-80 > * {
    margin-bottom: 80px;
  }
  .row-lg-90 {
    margin-bottom: -90px;
  }
  .row-lg-90:empty {
    margin-bottom: 0;
  }
  .row-lg-90 > * {
    margin-bottom: 90px;
  }
}
@media (min-width: 1200px) {
  .row-xl-24 {
    margin-bottom: -24px;
  }
  .row-xl-24:empty {
    margin-bottom: 0;
  }
  .row-xl-24 > * {
    margin-bottom: 24px;
  }
}
.section-xs {
  padding-top: 40px;
  padding-bottom: 40px;
}
.section-sm {
  padding: 30px 0;
}
.section-sm.section-first {
  padding-top: 60px;
}
.section-60,
.section-lg,
.section-md,
.section-xl {
  padding: 0 0;
}
html [class*="section-"].section-bottom-0 {
  padding-bottom: 0;
}
html [class*="section-"].section-top-0 {
  padding-top: 0;
}
@media (min-width: 992px) {
  html [class*="section-"].section-lg-0 {
    padding: 0;
  }
}
@media (min-width: 768px) {
  .section-sm {
    padding: 40px 0;
  }
  .section-sm.section-first {
    padding-top: 80px;
  }
  .section-md {
    padding: 70px 0;
  }
  .section-lg {
    padding: 0;
  }
  .section-xl {
    padding: 90px 0;
  }
}
@media (min-width: 992px) {
  .section-sm {
    padding: 50px 0;
  }
  .section-sm.section-first {
    padding-top: 100px;
  }
  .section-md {
    padding: 80px 0;
  }
  .section-lg {
    padding: 0;
  }
  .section-inset-custom-6,
  .section-xl {
    padding: 100px 0;
  }
  .desktop .section-top-1 {
    padding-top: 0;
    padding-bottom: 150px;
    margin-bottom: -10%;
  }
}
@media (min-width: 1600px) {
  .section-inset-custom-1 {
    padding-top: 120px;
    padding-bottom: 160px;
  }
  .section-inset-custom-2 {
    padding-top: 90px;
    padding-bottom: 130px;
  }
  .section-inset-custom-3 {
    padding-top: 100px;
    padding-bottom: 130px;
  }
  .section-inset-custom-4 {
    padding-top: 125px;
    padding-bottom: 140px;
  }
  .section-inset-custom-5 {
    padding-top: 135px;
    padding-bottom: 135px;
  }
}
@media (min-width: 1600px) {
  .section-fluid {
    padding-left: 75px;
    padding-right: 75px;
  }
  .section-fluid .container-fluid {
    padding-left: 0;
    padding-right: 0;
    max-width: 1770px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 1200px) {
  .section-404 * + .button {
    margin-top: 120px;
  }
}
@supports (display: grid) {
  .section-single-inner {
    display: grid;
    justify-items: center;
    align-content: space-between;
    grid-template-columns: 1fr;
  }
}
.bg-gray-dark,
.bg-gray-dark [class*="heading-"],
.bg-gray-dark h1,
.bg-gray-dark h2,
.bg-gray-dark h3,
.bg-gray-dark h4,
.bg-gray-dark h5,
.bg-gray-dark h6,
.bg-primary,
.bg-primary [class*="heading-"],
.bg-primary h1,
.bg-primary h2,
.bg-primary h3,
.bg-primary h4,
.bg-primary h5,
.bg-primary h6,
.context-dark,
.context-dark [class*="heading-"],
.context-dark h1,
.context-dark h2,
.context-dark h3,
.context-dark h4,
.context-dark h5,
.context-dark h6 {
  color: rgb(255, 255, 255);
}
.bg-gray-dark .rights,
.bg-primary .rights,
.context-dark .rights {
  color: rgb(255, 255, 255);
}
.bg-gray-dark .rights a,
.bg-gray-dark .rights a:active,
.bg-gray-dark .rights a:focus,
.bg-primary .rights a,
.bg-primary .rights a:active,
.bg-primary .rights a:focus,
.context-dark .rights a,
.context-dark .rights a:active,
.context-dark .rights a:focus {
  color: inherit;
}
.bg-gray-dark .rights a:hover,
.bg-primary .rights a:hover,
.context-dark .rights a:hover {
  color: #01b3a7;
}
.bg-gray-dark .button.button-pipaluk::after,
.bg-primary .button.button-pipaluk::after,
.context-dark .button.button-pipaluk::after {
  border-color: #fff;
}
.bg-gray-dark .button.button-pipaluk:active,
.bg-gray-dark .button.button-pipaluk:hover,
.bg-primary .button.button-pipaluk:active,
.bg-primary .button.button-pipaluk:hover,
.context-dark .button.button-pipaluk:active,
.context-dark .button.button-pipaluk:hover {
  color: #fff;
}
.bg-gray-dark .button.button-ujarak:not([class*="button-secondary"])::before,
.bg-primary .button.button-ujarak:not([class*="button-secondary"])::before,
.context-dark .button.button-ujarak:not([class*="button-secondary"])::before {
  background: #23458f;
}
.bg-gray-dark .button.button-ujarak:not([class*="button-secondary"]):active,
.bg-gray-dark .button.button-ujarak:not([class*="button-secondary"]):hover,
.bg-primary .button.button-ujarak:not([class*="button-secondary"]):active,
.bg-primary .button.button-ujarak:not([class*="button-secondary"]):hover,
.context-dark .button.button-ujarak:not([class*="button-secondary"]):active,
.context-dark .button.button-ujarak:not([class*="button-secondary"]):hover {
  border-color: #23458f;
}
.bg-gray-dark .button-secondary.button-ujarak::before,
.bg-primary .button-secondary.button-ujarak::before,
.context-dark .button-secondary.button-ujarak::before {
  background: #01b3a7;
}
.bg-gray-dark .button-secondary.button-ujarak:active,
.bg-gray-dark .button-secondary.button-ujarak:hover,
.bg-primary .button-secondary.button-ujarak:active,
.bg-primary .button-secondary.button-ujarak:hover,
.context-dark .button-secondary.button-ujarak:active,
.context-dark .button-secondary.button-ujarak:hover {
  border-color: #01b3a7;
}
.footer-variant-2.bg-gray-dark,
.footer-variant-2.bg-primary,
.footer-variant-2.context-dark {
  color: rgba(255, 255, 255, 0.3);
}
.footer-variant-2.bg-gray-dark .rights,
.footer-variant-2.bg-primary .rights,
.footer-variant-2.context-dark .rights {
  color: rgba(255, 255, 255, 0.3);
}
.footer-variant-2.bg-gray-dark .button.button-ujarak::before,
.footer-variant-2.bg-primary .button.button-ujarak::before,
.footer-variant-2.context-dark .button.button-ujarak::before {
  background: #fff;
}
.footer-variant-2.bg-gray-dark .button.button-ujarak:active,
.footer-variant-2.bg-gray-dark .button.button-ujarak:hover,
.footer-variant-2.bg-primary .button.button-ujarak:active,
.footer-variant-2.bg-primary .button.button-ujarak:hover,
.footer-variant-2.context-dark .button.button-ujarak:active,
.footer-variant-2.context-dark .button.button-ujarak:hover {
  color: #50ba87;
  border-color: #fff;
}
.bg-gray-dark .footer-contacts,
.bg-primary .footer-contacts,
.context-dark .footer-contacts {
  border-top-color: rgba(255, 255, 255, 0.2);
}
.bg-gray-dark .footer-contacts .icon,
.bg-primary .footer-contacts .icon,
.context-dark .footer-contacts .icon {
  color: #01b3a7;
}
.bg-gray-dark .footer-contacts p,
.bg-primary .footer-contacts p,
.context-dark .footer-contacts p {
  color: #fff;
}
.bg-gray-dark .footer-contacts a,
.bg-gray-dark .footer-contacts a:active,
.bg-gray-dark .footer-contacts a:focus,
.bg-primary .footer-contacts a,
.bg-primary .footer-contacts a:active,
.bg-primary .footer-contacts a:focus,
.context-dark .footer-contacts a,
.context-dark .footer-contacts a:active,
.context-dark .footer-contacts a:focus {
  color: #fff;
}
.bg-gray-dark .footer-contacts a:hover,
.bg-primary .footer-contacts a:hover,
.context-dark .footer-contacts a:hover {
  color: #01b3a7;
}
.bg-gray-dark .footer-link-list a,
.bg-gray-dark .footer-link-list a:active,
.bg-gray-dark .footer-link-list a:focus,
.bg-primary .footer-link-list a,
.bg-primary .footer-link-list a:active,
.bg-primary .footer-link-list a:focus,
.context-dark .footer-link-list a,
.context-dark .footer-link-list a:active,
.context-dark .footer-link-list a:focus {
  color: inherit;
}
.bg-gray-dark .footer-link-list a:hover,
.bg-primary .footer-link-list a:hover,
.context-dark .footer-link-list a:hover {
  color: #01b3a7;
}
.bg-gray-dark .footer-social-list-2 a,
.bg-gray-dark .footer-social-list-2 a:active,
.bg-gray-dark .footer-social-list-2 a:focus,
.bg-primary .footer-social-list-2 a,
.bg-primary .footer-social-list-2 a:active,
.bg-primary .footer-social-list-2 a:focus,
.context-dark .footer-social-list-2 a,
.context-dark .footer-social-list-2 a:active,
.context-dark .footer-social-list-2 a:focus {
  color: #fff;
}
.bg-gray-dark .footer-social-list-2 a:hover,
.bg-primary .footer-social-list-2 a:hover,
.context-dark .footer-social-list-2 a:hover {
  color: #01b3a7;
}
.footer-corporate.bg-gray-dark .footer-corporate-bottom-panel,
.footer-corporate.bg-gray-dark .footer-minimal-bottom-panel,
.footer-corporate.bg-primary .footer-corporate-bottom-panel,
.footer-corporate.bg-primary .footer-minimal-bottom-panel,
.footer-corporate.context-dark .footer-corporate-bottom-panel,
.footer-corporate.context-dark .footer-minimal-bottom-panel,
.footer-minimal.bg-gray-dark .footer-corporate-bottom-panel,
.footer-minimal.bg-gray-dark .footer-minimal-bottom-panel,
.footer-minimal.bg-primary .footer-corporate-bottom-panel,
.footer-minimal.bg-primary .footer-minimal-bottom-panel,
.footer-minimal.context-dark .footer-corporate-bottom-panel,
.footer-minimal.context-dark .footer-minimal-bottom-panel {
  color: rgba(255, 255, 255, 0.3);
}
.footer-corporate.bg-gray-dark .footer-corporate-bottom-panel a,
.footer-corporate.bg-gray-dark .footer-corporate-bottom-panel a:active,
.footer-corporate.bg-gray-dark .footer-corporate-bottom-panel a:focus,
.footer-corporate.bg-gray-dark .footer-minimal-bottom-panel a,
.footer-corporate.bg-gray-dark .footer-minimal-bottom-panel a:active,
.footer-corporate.bg-gray-dark .footer-minimal-bottom-panel a:focus,
.footer-corporate.bg-primary .footer-corporate-bottom-panel a,
.footer-corporate.bg-primary .footer-corporate-bottom-panel a:active,
.footer-corporate.bg-primary .footer-corporate-bottom-panel a:focus,
.footer-corporate.bg-primary .footer-minimal-bottom-panel a,
.footer-corporate.bg-primary .footer-minimal-bottom-panel a:active,
.footer-corporate.bg-primary .footer-minimal-bottom-panel a:focus,
.footer-corporate.context-dark .footer-corporate-bottom-panel a,
.footer-corporate.context-dark .footer-corporate-bottom-panel a:active,
.footer-corporate.context-dark .footer-corporate-bottom-panel a:focus,
.footer-corporate.context-dark .footer-minimal-bottom-panel a,
.footer-corporate.context-dark .footer-minimal-bottom-panel a:active,
.footer-corporate.context-dark .footer-minimal-bottom-panel a:focus,
.footer-minimal.bg-gray-dark .footer-corporate-bottom-panel a,
.footer-minimal.bg-gray-dark .footer-corporate-bottom-panel a:active,
.footer-minimal.bg-gray-dark .footer-corporate-bottom-panel a:focus,
.footer-minimal.bg-gray-dark .footer-minimal-bottom-panel a,
.footer-minimal.bg-gray-dark .footer-minimal-bottom-panel a:active,
.footer-minimal.bg-gray-dark .footer-minimal-bottom-panel a:focus,
.footer-minimal.bg-primary .footer-corporate-bottom-panel a,
.footer-minimal.bg-primary .footer-corporate-bottom-panel a:active,
.footer-minimal.bg-primary .footer-corporate-bottom-panel a:focus,
.footer-minimal.bg-primary .footer-minimal-bottom-panel a,
.footer-minimal.bg-primary .footer-minimal-bottom-panel a:active,
.footer-minimal.bg-primary .footer-minimal-bottom-panel a:focus,
.footer-minimal.context-dark .footer-corporate-bottom-panel a,
.footer-minimal.context-dark .footer-corporate-bottom-panel a:active,
.footer-minimal.context-dark .footer-corporate-bottom-panel a:focus,
.footer-minimal.context-dark .footer-minimal-bottom-panel a,
.footer-minimal.context-dark .footer-minimal-bottom-panel a:active,
.footer-minimal.context-dark .footer-minimal-bottom-panel a:focus {
  color: inherit;
}
.footer-corporate.bg-gray-dark .footer-corporate-bottom-panel a:hover,
.footer-corporate.bg-gray-dark .footer-minimal-bottom-panel a:hover,
.footer-corporate.bg-primary .footer-corporate-bottom-panel a:hover,
.footer-corporate.bg-primary .footer-minimal-bottom-panel a:hover,
.footer-corporate.context-dark .footer-corporate-bottom-panel a:hover,
.footer-corporate.context-dark .footer-minimal-bottom-panel a:hover,
.footer-minimal.bg-gray-dark .footer-corporate-bottom-panel a:hover,
.footer-minimal.bg-gray-dark .footer-minimal-bottom-panel a:hover,
.footer-minimal.bg-primary .footer-corporate-bottom-panel a:hover,
.footer-minimal.bg-primary .footer-minimal-bottom-panel a:hover,
.footer-minimal.context-dark .footer-corporate-bottom-panel a:hover,
.footer-minimal.context-dark .footer-minimal-bottom-panel a:hover {
  color: #01b3a7;
}
.footer-corporate.bg-gray-dark .rights,
.footer-corporate.bg-primary .rights,
.footer-corporate.context-dark .rights,
.footer-minimal.bg-gray-dark .rights,
.footer-minimal.bg-primary .rights,
.footer-minimal.context-dark .rights {
  color: inherit;
}
.footer-corporate.bg-gray-dark .button-gray-31.button-ujarak::before,
.footer-corporate.bg-primary .button-gray-31.button-ujarak::before,
.footer-corporate.context-dark .button-gray-31.button-ujarak::before,
.footer-minimal.bg-gray-dark .button-gray-31.button-ujarak::before,
.footer-minimal.bg-primary .button-gray-31.button-ujarak::before,
.footer-minimal.context-dark .button-gray-31.button-ujarak::before {
  background: #01b3a7;
}
.footer-corporate.bg-gray-dark .button-gray-31.button-ujarak:active,
.footer-corporate.bg-gray-dark .button-gray-31.button-ujarak:hover,
.footer-corporate.bg-primary .button-gray-31.button-ujarak:active,
.footer-corporate.bg-primary .button-gray-31.button-ujarak:hover,
.footer-corporate.context-dark .button-gray-31.button-ujarak:active,
.footer-corporate.context-dark .button-gray-31.button-ujarak:hover,
.footer-minimal.bg-gray-dark .button-gray-31.button-ujarak:active,
.footer-minimal.bg-gray-dark .button-gray-31.button-ujarak:hover,
.footer-minimal.bg-primary .button-gray-31.button-ujarak:active,
.footer-minimal.bg-primary .button-gray-31.button-ujarak:hover,
.footer-minimal.context-dark .button-gray-31.button-ujarak:active,
.footer-minimal.context-dark .button-gray-31.button-ujarak:hover {
  color: #fff;
  border-color: #01b3a7;
}
.footer-corporate-2.bg-gray-dark .footer-contacts .icon,
.footer-corporate-2.bg-primary .footer-contacts .icon,
.footer-corporate-2.context-dark .footer-contacts .icon {
  color: #01b3a7;
}
.footer-corporate-2.bg-gray-dark .button-gray-31.button-ujarak::before,
.footer-corporate-2.bg-primary .button-gray-31.button-ujarak::before,
.footer-corporate-2.context-dark .button-gray-31.button-ujarak::before {
  background: #50ba87;
}
.footer-corporate-2.bg-gray-dark .button-gray-31.button-ujarak:active,
.footer-corporate-2.bg-gray-dark .button-gray-31.button-ujarak:hover,
.footer-corporate-2.bg-primary .button-gray-31.button-ujarak:active,
.footer-corporate-2.bg-primary .button-gray-31.button-ujarak:hover,
.footer-corporate-2.context-dark .button-gray-31.button-ujarak:active,
.footer-corporate-2.context-dark .button-gray-31.button-ujarak:hover {
  border-color: #50ba87;
}
.bg-gray-dark .post-minimal-2-time,
.bg-primary .post-minimal-2-time,
.context-dark .post-minimal-2-time {
  color: rgba(255, 255, 255, 0.25);
}
.bg-gray-dark .text-gray-500,
.bg-primary .text-gray-500,
.context-dark .text-gray-500 {
  color: rgba(255, 255, 255, 0.3);
}
.bg-gray-dark .brand .brand-logo-dark,
.bg-primary .brand .brand-logo-dark,
.context-dark .brand .brand-logo-dark {
  display: none;
}
.bg-gray-dark .brand .brand-logo-light,
.bg-primary .brand .brand-logo-light,
.context-dark .brand .brand-logo-light {
  display: block;
}
.bg-default {
  background-color: #fff;
}
.bg-gray-100 {
  background-color: #f2f2f2;
}
.bg-gray-2 {
  background-color: #ebebeb;
}
.bg-gray-4 {
  margin-top: 0;
}
.bg-gray-36 {
  background-color: #545d64;
}
.bg-gray-dark {
  background-color: #2c343b;
}
.bg-primary + .bg-primary {
  padding-top: 0;
}
[class*="bg-"] {
  background-size: cover;
  background-position: center center;
}
@media (min-width: 992px) {
  html:not(.tablet):not(.mobile) .bg-fixed {
    background-attachment: fixed;
  }
}
[class*="bg-overlay-"] {
  position: relative;
}
[class*="bg-overlay-"]::before {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
}
[class*="bg-overlay-"] .container {
  position: relative;
}
[class*="bg-second-overlay-"]::after {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  z-index: -1;
}
.bg-overlay-68::before {
  background: rgba(43, 49, 59, 0.68);
}
.bg-overlay-64::before {
  background: rgba(43, 49, 59, 0.64);
}
.bg-overlay-60::before {
  background: rgba(43, 49, 59, 0.025);
}
.bg-overlay-59::before {
  background: rgba(43, 49, 59, 0.59);
}
.bg-overlay-55::before {
  background: rgba(43, 49, 59, 0.55);
}
.bg-overlay-53::before {
  background: rgba(43, 49, 59, 0.53);
}
.bg-overlay-54::before {
  background: rgba(43, 49, 59, 0.53);
  z-index: 1;
}
.bg-overlay-49::before {
  background: rgba(43, 49, 59, 0.49);
}
.bg-overlay-48::before {
  background: rgba(43, 49, 59, 0.48);
}
.bg-overlay-46::before {
  background: rgba(43, 49, 59, 0.046);
}
.bg-overlay-43::before {
  background: rgba(43, 49, 59, 0.43);
}
.bg-overlay-3-41::before {
  background: rgba(1, 23, 42, 0.41);
}
.bg-overlay-41::before {
  background: rgba(43, 49, 59, 0.41);
}
.bg-overlay-40::before {
  background: rgba(43, 49, 59, 0.4);
}
.bg-overlay-39::before {
  background: rgba(43, 49, 59, 0.39);
}
.bg-overlay-37::before {
  background: rgba(43, 49, 59, 0.37);
}
.bg-overlay-33::before {
  background: rgba(43, 49, 59, 0.33);
}
.bg-overlay-26::before {
  background: rgba(43, 49, 59, 0.26);
}
.bg-overlay-24::before {
  background: rgba(43, 49, 59, 0.24);
}
.bg-overlay-2-21::before {
  background: rgba(24, 26, 35, 0.21);
}
.bg-overlay-2-14::before {
  background: rgba(24, 26, 35, 0.14);
}
.bg-overlay-4-60::before {
  background: rgba(24, 38, 50, 0.6);
}
.height-fill {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.height-fill > * {
  flex-grow: 1;
  flex-shrink: 0;
}
.oh {
  position: relative;
  overflow: hidden;
}
@media (min-width: 992px) {
  .desktop .oh-desktop {
    overflow: hidden;
  }
}
.section-relative {
  position: relative;
}
.text-width-medium {
  max-width: 600px;
}
.text-center [class*="text-width-"] {
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 767.98px) {
  [class*="text-width-"] {
    margin-left: auto;
    margin-right: auto;
  }
}
p.rights {
  font-size: 14px;
  letter-spacing: 0.025em;
  font-weight: 500;
  color: #9b9b9b;
}
p.rights a {
  color: inherit;
}
p.rights a:hover {
  color: #01b3a7;
}
[style*="z-index: 1000;"] {
  z-index: 1101 !important;
}
.text-block > * {
  margin-left: 4px;
  margin-right: 4px;
}
.inset-top-10 {
  padding-top: 10px;
}
.inset-top-18 {
  padding-top: 18px;
}
@media (min-width: 992px) {
  .offset-top-lg-24 {
    margin-top: 24px;
  }
}
@media (min-width: 1200px) {
  .offset-right-xl-15 {
    margin-right: 15px;
  }
  .offset-top-xl-26 {
    margin-top: 26px;
  }
  .offset-left-xl-45 {
    margin-left: 45px;
  }
  .offset-left-xl-65 {
    margin-left: 65px;
  }
  .offset-left-xl-70 {
    margin-left: 70px;
  }
}
@media (min-width: 992px) {
  .box-width-lg-470 {
    max-width: 470px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 1200px) {
  .box-width-lg-470 {
    max-width: 1000px;
  }
}
@keyframes bgPos {
  25% {
    transform: translate3d(-150px, -150px, 0) rotate(0.001deg);
  }
  75% {
    transform: translate3d(0, 0, 0) rotate(0.001deg);
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -40px, 0);
    transform: translate3d(0, -40px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -40px, 0);
    transform: translate3d(0, -40px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-40px, 0, 0);
    transform: translate3d(-40px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-40px, 0, 0);
    transform: translate3d(-40px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(40px, 0, 0);
    transform: translate3d(40px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(40px, 0, 0);
    transform: translate3d(40px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}
@-webkit-keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}
@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes slideOutDown {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes pagInX {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes pagOutX {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(100%);
  }
}
.preloader {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 10000;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px;
  background: #fff;
  transition: 0.3s all ease;
}

.preloader.loaded {
	opacity: 0;
	visibility: hidden;
}
.preloader-body {
  text-align: center;
}
.preloader-body p {
  position: relative;
  right: -8px;
}
.cssload-container {
  --size: 30px;
  --first-block-clr: #253c78;
  --second-block-clr: #b99aa3;
  --clr: #111;
  width: 100px;
  height: 100px;
  position: relative;
}
.cssload-speeding-wheel::after,
.cssload-speeding-wheel::before {
  box-sizing: border-box;
  position: absolute;
  content: "";
  width: var(--size);
  height: var(--size);
  top: 50%;
  animation: up 2.4s cubic-bezier(0, 0, 0.24, 1.21) infinite;
  left: 50%;
  background: var(--first-block-clr);
}
.cssload-speeding-wheel::after {
  background: var(--second-block-clr);
  top: calc(50% - var(--size));
  left: calc(50% - var(--size));
  animation: down 2.4s cubic-bezier(0, 0, 0.24, 1.21) infinite;
}
@keyframes down {
  0%,
  100% {
    transform: none;
  }
  25% {
    transform: translateX(100%);
  }
  50% {
    transform: translateX(100%) translateY(100%);
  }
  75% {
    transform: translateY(100%);
  }
}
@keyframes up {
  0%,
  100% {
    transform: none;
  }
  25% {
    transform: translateX(-100%);
  }
  50% {
    transform: translateX(-100%) translateY(-100%);
  }
  75% {
    transform: translateY(-100%);
  }
}
@keyframes rd-navbar-slide-down {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes rd-navbar-slide-up {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-100%);
  }
}
.rd-navbar,
.rd-navbar-fixed .rd-navbar-nav-wrap,
.rd-navbar-nav,
.rd-navbar-panel,
.rd-navbar-project,
.rd-navbar-wrap {
  transition: 0.35s all cubic-bezier(0.65, 0.05, 0.36, 1);
}
.rd-navbar {
  display: none;
}
.rd-navbar {
  display: none;
  background: #fff;
}
.rd-navbar-toggle {
  display: inline-block;
  position: relative;
  width: 48px;
  height: 48px;
  line-height: 48px;
  cursor: pointer;
  color: #00264d;
  background-color: transparent;
  border: none;
  display: none;
}
.rd-navbar-toggle span {
  position: relative;
  display: block;
  margin: auto;
  transition: 0.3s all ease;
}
.rd-navbar-toggle span:after,
.rd-navbar-toggle span:before {
  content: "";
  position: absolute;
  left: 0;
  top: -10px;
  transition: 0.3s all ease;
}
.rd-navbar-toggle span:after {
  top: 10px;
}
.rd-navbar-toggle span,
.rd-navbar-toggle span:after,
.rd-navbar-toggle span:before {
  width: 24px;
  height: 3px;
  background-color: #2a4b78;
  backface-visibility: hidden;
  border-radius: 2px;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.rd-navbar-toggle span {
  transform: rotate(180deg);
}
.rd-navbar-toggle span:after,
.rd-navbar-toggle span:before {
  transform-origin: 1.71429px center;
}
.rd-navbar-toggle.active span {
  transform: rotate(360deg);
}
.rd-navbar-toggle.active span:after,
.rd-navbar-toggle.active span:before {
  top: 0;
  width: 15px;
}
.rd-navbar-toggle.active span:before {
  -webkit-transform: rotate3d(0, 0, 1, -40deg);
  transform: rotate3d(0, 0, 1, -40deg);
}
.rd-navbar-toggle.active span:after {
  -webkit-transform: rotate3d(0, 0, 1, 40deg);
  transform: rotate3d(0, 0, 1, 40deg);
}
.rd-navbar-collapse-toggle {
  display: inline-block;
  position: relative;
  width: 48px;
  height: 48px;
  line-height: 48px;
  cursor: pointer;
  color: #151515;
  display: none;
}
.rd-navbar-collapse-toggle span {
  top: 50%;
  margin-top: -3px;
}
.rd-navbar-collapse-toggle span,
.rd-navbar-collapse-toggle span:after,
.rd-navbar-collapse-toggle span:before {
  position: absolute;
  width: 6px;
  height: 6px;
  line-height: 6px;
  text-align: center;
  background: #151515;
  left: 50%;
  margin-left: -3px;
  border-radius: 50%;
  transition: 0.3s all ease;
}
.rd-navbar-collapse-toggle span:after,
.rd-navbar-collapse-toggle span:before {
  content: "";
}
.rd-navbar-collapse-toggle span:before {
  bottom: 100%;
  margin-bottom: 3px;
}
.rd-navbar-collapse-toggle span:after {
  top: 100%;
  margin-top: 3px;
}
.rd-navbar-collapse-toggle.active span {
  transform: scale(0.7);
}
.rd-navbar-collapse-toggle.active span:before {
  transform: translateY(18px);
}
.rd-navbar-collapse-toggle.active span:after {
  transform: translateY(-18px);
}
.rd-navbar-brand a {
  display: block;
}
.rd-navbar-static {
  display: block;
}
.rd-navbar-static .rd-nav-item {
  display: inline-block;
}
.rd-navbar-static .rd-nav-item.active .rd-nav-link {
  color: #d3c1b7;
  background: 0 0;
}
.rd-navbar-static .rd-nav-item + .rd-nav-item {
  margin-left: 42px;
}
.rd-navbar-static .rd-nav-link {
  position: relative;
  display: inline-block;
  font-size: 16px;
  line-height: 1.2;
  font-weight: 500;
  letter-spacing: 0;
  color: #151515;
  transition: 0.25s;
}
.rd-navbar-static .rd-nav-link:hover {
  color: #01b3a7;
}
@keyframes burger-hover {
  0% {
    width: 100%;
  }
  50% {
    width: 50%;
    background: #50ba87;
  }
  100% {
    width: 100%;
  }
}
@keyframes burger-hover-primary {
  0% {
    width: 100%;
  }
  50% {
    width: 50%;
    background: #01b3a7;
  }
  100% {
    width: 100%;
  }
}
.rd-navbar-fixed {
  display: block;
}
.rd-navbar-fixed .rd-navbar-toggle {
  display: inline-block;
}
.rd-navbar-fixed .rd-navbar-brand {
  position: relative;
  margin-left: 6px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: left;
  font-size: 22px;
  line-height: 46px;
}
.rd-navbar-fixed .rd-navbar-brand img {
  max-width: 120px;
  max-height: 58px;
  width: auto;
  height: auto;
}
.rd-navbar-fixed .rd-navbar-brand svg {
  width: 60px;
  height: 60px;
  display: block;
}
@media (min-width: 576px) {
  .rd-navbar-fixed .rd-navbar-brand img {
    max-width: 200px;
  }
  .rd-navbar-fixed .rd-navbar-brand svg {
    margin-right: 10%;
  }
}
.rd-navbar-fixed .rd-navbar-panel {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  z-index: 1030;
  display: flex;
  align-items: center;
  height: 80px;
  padding: 4px;
}
.rd-navbar-fixed .rd-navbar-nav-wrap {
  position: fixed;
  left: 0;
  top: -56px;
  bottom: -56px;
  z-index: 1029;
  width: 270px;
  padding: 140px 0 81px;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  font-size: 14px;
  line-height: 34px;
  transform: translateX(-110%);
}
.rd-navbar-fixed .rd-navbar-nav-wrap::-webkit-scrollbar {
  width: 4px;
}
.rd-navbar-fixed .rd-navbar-nav-wrap::-webkit-scrollbar-thumb {
  background: rgba(80, 186, 135, 0.5);
  border: none;
  border-radius: 0;
  opacity: 0.2;
}
.rd-navbar-fixed .rd-navbar-nav-wrap::-webkit-scrollbar-track {
  background: #e1e1e1;
  border: none;
  border-radius: 0;
}
.rd-navbar-fixed .rd-navbar-nav-wrap.active {
  transform: translateX(0);
}
.rd-navbar-fixed .rd-navbar-nav {
  display: block;
  padding-top: 20px;
  margin: 30px 0 20px;
  height: auto;
  text-align: left;
  border-top: 1px solid #e1e1e1;
}
.rd-navbar-fixed .rd-nav-item {
  text-align: left;
}
.rd-navbar-fixed .rd-nav-item + .rd-nav-item {
  margin-top: 4px;
}
.rd-navbar-fixed .rd-nav-link {
  display: block;
  padding: 9px 56px 9px 18px;
}
.rd-navbar-fixed .rd-navbar-collapse-toggle {
  display: block;
  top: 4px;
  z-index: 1031;
}
.rd-navbar-fixed .rd-navbar-collapse {
  position: fixed;
  right: 0;
  top: 56px;
  z-index: 1029;
  transform: translate3d(0, 30px, 0);
  padding: 20px;
  width: auto;
  max-width: 270px;
  border-radius: 0;
  text-align: left;
  font-size: 14px;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}
.rd-navbar-fixed .rd-navbar-collapse.active {
  transform: translate3d(0, 0, 0);
  opacity: 1;
  visibility: visible;
}
.rd-navbar-fixed .rd-navbar-main-element {
  position: absolute;
  float: left;
}
.rd-navbar-fixed [class*="rd-navbar-fixed-element"] {
  position: fixed;
  top: 4px;
  z-index: 1032;
}
.rd-navbar-fixed .rd-navbar-fixed-element-1 {
  right: 0;
  display: none;
}
.rd-navbar-fixed .rd-navbar-fixed-element-2 {
  right: 52px;
}
.rd-navbar-fixed .rd-navbar-fixed-element-3 {
  right: 100px;
}
.rd-navbar-fixed .rd-navbar-fixed--visible {
  display: block;
}
.rd-navbar-fixed .rd-navbar-panel {
  color: #151515;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  background: #fff;
}
.rd-navbar-fixed .rd-navbar-nav-wrap {
  color: #fff;
/* Color nav bar in responsive */
  background: #b6c1ccc7;
  border: 1px solid #d7d7d7;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}
.rd-navbar-fixed .rd-nav-item.active .rd-nav-link,
.rd-navbar-fixed .rd-nav-item:hover .rd-nav-link {
  color: #fff;
  background: #2a4b78;
}
.rd-navbar-fixed .rd-nav-link {
  color: #00264d;
}
.rd-navbar-fixed .rd-navbar-collapse {
  background-color: #fff;
  box-shadow: 0 0 22px -4px rgba(0, 0, 0, 0.17);
}
.rd-navbar-fixed .rd-navbar-collapse {
  color: #151515;
}
.rd-navbar-classic.rd-navbar-static .rd-navbar-main-outer {
  position: relative;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 1600px) {
  .rd-navbar-classic.rd-navbar-static .rd-navbar-main-outer {
    padding-left: 75px;
    padding-right: 75px;
  }
}
.rd-navbar-classic.rd-navbar-static .rd-navbar-main {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  max-width: 1770px;
  margin-left: auto;
  margin-right: auto;
  padding: 16px 55px 14px 0;
  transition: padding 0.35s ease-in-out;
}
@media (min-width: 1200px) {
  .rd-navbar-classic.rd-navbar-static .rd-navbar-main {
    padding-top: 24px;
    padding-right: 68px;
    padding-bottom: 20px;
  }
  .rd-navbar-classic.rd-navbar-static .rd-navbar-main.active {
    padding-right: 150px;
  }
}
@media (min-width: 1400px) {
  .rd-navbar-classic.rd-navbar-static .rd-navbar-main {
    padding-top: 30px;
    padding-bottom: 26px;
  }
  .rd-navbar-classic.rd-navbar-static .rd-navbar-main.active {
    padding-right: 290px;
  }
}
@media (min-width: 1600px) {
  .rd-navbar-classic.rd-navbar-static .rd-navbar-main.active {
    padding-right: 330px;
  }
}
@media (min-width: 1600px) and (max-width: 1937px) {
  .rd-navbar-classic.rd-navbar-static .rd-navbar-main {
    position: relative;
  }
}
@media (min-width: 1937px) {
  .rd-navbar-classic.rd-navbar-static .rd-navbar-main,
  .rd-navbar-classic.rd-navbar-static .rd-navbar-main.active {
    padding-right: 0;
  }
}
.rd-navbar-classic.rd-navbar-static .rd-navbar-nav-wrap {
  display: flex;
  align-items: center;
}
.rd-navbar-classic.rd-navbar-static .rd-navbar-nav {
  order: -1;
  margin-right: 46px;
}
.rd-navbar-classic.rd-navbar-static .rd-navbar-brand img {
  width: auto;
  height: auto;
  max-width: 140px;
  max-height: 140px;
}
@media (min-width: 1400px) {
  .rd-navbar-classic.rd-navbar-static .rd-navbar-brand img {
    max-width: 200px;
    max-height: 200px;
  }
}
.rd-navbar-classic.rd-navbar-static .rd-navbar-main-element {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}
.rd-navbar-classic.rd-navbar-static .rd-nav-item.active .rd-nav-link {
  color: #151515;
  background: 0 0;
}
.rd-navbar-classic.rd-navbar-static .rd-nav-item.active .rd-nav-link::before {
  opacity: 1;
  transform: none;
  visibility: visible;
}
.rd-navbar-classic.rd-navbar-static .rd-nav-link::before {
  position: absolute;
  content: "";
  bottom: -8px;
  left: 0;
  height: 3px;
  width: 100%;
  background: #50ba87;
  opacity: 0;
  visibility: hidden;
  transform: translateY(5px);
  transition: all 0.2s ease;
}
.rd-navbar-classic.rd-navbar-static .rd-nav-link:hover {
  color: #151515;
}
.rd-navbar-classic.rd-navbar-static .rd-nav-link:hover::before {
  opacity: 1;
  transform: none;
  visibility: visible;
}
.rd-navbar-classic.rd-navbar-static .rd-nav-item + .rd-nav-item {
  margin-left: 22px;
}
@media (min-width: 1200px) {
  .rd-navbar-classic.rd-navbar-static .rd-nav-item + .rd-nav-item {
    margin-left: 35px;
  }
}
@media (min-width: 1400px) {
  .rd-navbar-classic.rd-navbar-static .rd-nav-item + .rd-nav-item {
    margin-left: 42px;
  }
}
.rd-navbar-classic-2.rd-navbar-static .rd-nav-link::before {
  background: #01b3a7;
}
.rd-navbar-project {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  transform: translateX(102%);
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.37);
  z-index: 1030;
}
.rd-navbar-project-content {
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}
.rd-navbar-project-content::-webkit-scrollbar {
  width: 4px;
}
.rd-navbar-project-content::-webkit-scrollbar-thumb {
  background: rgba(80, 186, 135, 0.5);
  border: none;
  border-radius: 0;
}
.rd-navbar-project-content::-webkit-scrollbar-track {
  background: #e1e1e1;
  border: none;
  border-radius: 0;
}
.rd-navbar-main.active .rd-navbar-project {
  transform: translateX(0);
}
.rd-navbar-classic-project {
  padding: 75px 15px 15px;
  width: 270px;
}
.rd-navbar-classic-project-content {
  direction: rtl;
  padding-left: 6px;
  margin-left: -6px;
  height: calc(100vh - 170px);
}
.rd-navbar-classic-project-content .row > div + div {
  margin-top: 15px;
}
@media (min-width: 576px) {
  .rd-navbar-classic-project {
    width: 285px;
  }
}
@media (min-width: 992px) {
  .rd-navbar-classic-project-content {
    height: calc(100vh - 205px);
  }
}
@media (min-width: 1200px) {
  .rd-navbar-classic-project {
    padding-top: 100px;
    padding-bottom: 20px;
  }
}
@media (min-width: 1600px) {
  .rd-navbar-classic-project {
    width: 375px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .rd-navbar-classic-project-content .row > div + div {
    margin-top: 20px;
  }
}
* + .rd-navbar-classic-project-content {
  margin-top: 20px;
}
.rd-navbar-creative.rd-navbar-static .rd-navbar-aside-outer,
.rd-navbar-creative.rd-navbar-static .rd-navbar-main-outer {
  padding-left: 15px;
  padding-right: 15px;
}
.rd-navbar-creative.rd-navbar-static .rd-navbar-aside,
.rd-navbar-creative.rd-navbar-static .rd-navbar-main {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 1170px;
  margin-left: auto;
  margin-right: auto;
}
.rd-navbar-creative.rd-navbar-static .rd-navbar-aside-outer {
  background: #ebebeb;
}
.rd-navbar-creative.rd-navbar-static .rd-navbar-aside {
  font-size: 12px;
  line-height: 2;
  font-weight: 500;
  letter-spacing: 0.025em;
  padding: 10px 0;
}
.rd-navbar-creative.rd-navbar-static .rd-navbar-aside > * + * {
  margin-left: 20px;
}
@media (min-width: 1600px) {
  .rd-navbar-creative.rd-navbar-static .rd-navbar-aside {
    padding-top: 14px;
    padding-bottom: 14px;
  }
}
.rd-navbar-creative.rd-navbar-static .rd-navbar-main-outer {
  position: relative;
}
.rd-navbar-creative.rd-navbar-static .rd-navbar-main {
  padding: 15px 0;
  transition: padding 0.35s ease-in-out;
}
@media (min-width: 1200px) {
  .rd-navbar-creative.rd-navbar-static .rd-navbar-main {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
@media (min-width: 1600px) {
  .rd-navbar-creative.rd-navbar-static .rd-navbar-main {
    padding-top: 38px;
    padding-bottom: 36px;
  }
}
.rd-navbar-creative.rd-navbar-static .rd-navbar-nav-wrap {
  display: flex;
  align-items: center;
  margin-right: 26px;
}
.rd-navbar-creative.rd-navbar-static .rd-navbar-nav {
  order: -1;
  margin-right: 25px;
}
.rd-navbar-creative.rd-navbar-static .rd-navbar-brand img {
  width: auto;
  height: auto;
  max-width: 140px;
  max-height: 140px;
}
.brand > svg {
  width: 80px;
  height: 80px;
}
@media (min-width: 1200px) {
  .rd-navbar-creative.rd-navbar-static .rd-navbar-brand img {
    max-width: 200px;
    max-height: 170px;
  }
}
.rd-navbar-creative.rd-navbar-static .rd-navbar-main-element {
  display: flex;
  align-items: center;
}
.rd-navbar-creative.rd-navbar-static .rd-nav-item.active .rd-nav-link {
  color: #50ba87;
}
.rd-navbar-creative.rd-navbar-static .rd-nav-item.active .rd-nav-link::before {
  display: none;
}
.rd-navbar-creative.rd-navbar-static .rd-nav-link::before {
  position: absolute;
  content: "";
  bottom: -8px;
  left: 0;
  height: 3px;
  width: 100%;
  background: #50ba87;
  transform-origin: 0 50%;
  transform: scale3d(0, 3, 1);
  opacity: 0;
  visibility: hidden;
  transition: transform 0.25s;
  transition-timing-function: cubic-bezier(1, 0.68, 0.16, 0.9);
}
.rd-navbar-creative.rd-navbar-static .rd-nav-link:hover {
  color: #151515;
}
.rd-navbar-creative.rd-navbar-static .rd-nav-link:hover::before {
  opacity: 1;
  transform: scale3d(1, 1, 1);
  visibility: visible;
}
.rd-navbar-creative.rd-navbar-static .rd-nav-item + .rd-nav-item {
  margin-left: 22px;
}
@media (min-width: 1200px) {
  .rd-navbar-creative.rd-navbar-static .rd-nav-item + .rd-nav-item {
    margin-left: 46px;
  }
}
@media (min-width: 992px) {
  .rd-navbar-creative.rd-navbar-static .owl-classic .owl-dots {
    display: none;
  }
}
.rd-navbar-creative.rd-navbar-static .rd-navbar-creative-contacts li {
  display: inline-block;
}
.rd-navbar-creative.rd-navbar-static .rd-navbar-creative-contacts li + li {
  margin-top: 0;
  margin-left: 8%;
}
.rd-navbar-creative.rd-navbar-fixed .rd-navbar-creative-project {
  position: fixed;
  padding: 20px 30px;
  top: 56px;
  z-index: 1030;
}
@media (min-width: 576px) {
  .rd-navbar-creative.rd-navbar-fixed .rd-navbar-creative-project {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
.rd-navbar-creative.rd-navbar-fixed .owl-classic .owl-dots {
  font-size: 0;
  line-height: 0;
}
.rd-navbar-creative.rd-navbar-fixed .rd-navbar-creative-contacts + * {
  margin-top: 20px;
}
.rd-navbar-creative-2.rd-navbar-static .rd-navbar-aside-outer {
  color: #fff;
  background: #303233;
}
.rd-navbar-creative-2.rd-navbar-static .rd-navbar-aside {
  font-weight: 400;
}
.rd-navbar-creative-2.rd-navbar-static .rd-nav-item.active .rd-nav-link {
  color: #01b3a7;
}
.rd-navbar-creative-2.rd-navbar-static .rd-nav-link::before {
  background: #01b3a7;
}
.rd-navbar-creative-2.rd-navbar-static .rd-navbar-creative-contacts li {
  position: relative;
}
.rd-navbar-creative-2.rd-navbar-static .rd-navbar-creative-contacts li::before {
  position: absolute;
  display: none;
  content: "/";
  top: 0;
  left: 0;
  font-size: 12px;
  line-height: 2;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.3);
}
.rd-navbar-creative-2.rd-navbar-static .rd-navbar-creative-contacts li + li {
  margin-left: 22px;
  padding-left: 22px;
}
.rd-navbar-creative-2.rd-navbar-static
  .rd-navbar-creative-contacts
  li
  + li::before {
  display: inline-block;
}
.rd-navbar-creative-2.rd-navbar-static .text-secondary {
  color: rgba(255, 255, 255, 0.3);
}
.rd-navbar-creative-2.rd-navbar-fixed .text-secondary {
  color: #151515;
}
.rd-navbar-creative-2 .rd-navbar-creative-contacts {
  color: inherit;
}
.rd-navbar-creative-2 .rd-navbar-creative-contacts .icon {
  color: #01b3a7;
}
.rd-navbar-creative-2 .rd-navbar-creative-contacts a,
.rd-navbar-creative-2 .rd-navbar-creative-contacts p {
  font-weight: 400;
}
.rd-navbar-creative-2 .rd-navbar-creative-contacts a,
.rd-navbar-creative-2 .rd-navbar-creative-contacts a:active,
.rd-navbar-creative-2 .rd-navbar-creative-contacts a:focus {
  color: inherit;
}
.rd-navbar-creative-2 .rd-navbar-creative-contacts a:hover {
  color: #01b3a7;
}
.rd-navbar-creative-2 .rd-navbar-creative-list-social a,
.rd-navbar-creative-2 .rd-navbar-creative-list-social a:active,
.rd-navbar-creative-2 .rd-navbar-creative-list-social a:focus {
  color: inherit;
}
.rd-navbar-creative-2 .rd-navbar-creative-list-social a:hover {
  color: #01b3a7;
}
.rd-navbar-creative-project {
  position: absolute;
  padding: 30px 75px;
  top: 100%;
  width: 100%;
  left: 0;
  background: #fff;
  border-top: 1px solid #d7d7d7;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
  transform: translate3d(0, 30px, 0);
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.05);
  z-index: 2;
}
.rd-navbar-creative-project.active {
  opacity: 1;
  visibility: visible;
  transform: none;
}
@media (max-height: 320px) {
  .rd-navbar-creative-project .thumbnail {
    max-width: 270px;
    margin-left: auto;
    margin-right: auto;
  }
}
.rd-navbar-creative-contacts {
  text-align: left;
  font-size: 0;
  line-height: 0;
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
  color: #9b9b9b;
}
.rd-navbar-creative-contacts .icon {
  vertical-align: middle;
  text-align: center;
  font-size: 16px;
  line-height: 24px;
  color: #50ba87;
}
.rd-navbar-creative-contacts a,
.rd-navbar-creative-contacts p {
  font-size: 12px;
  line-height: 2;
  font-weight: 500;
  letter-spacing: 0.025em;
}
.rd-navbar-creative-contacts a {
  display: inline-block;
  vertical-align: middle;
}
.rd-navbar-creative-contacts a,
.rd-navbar-creative-contacts a:active,
.rd-navbar-creative-contacts a:focus {
  color: inherit;
}
.rd-navbar-creative-contacts a:hover {
  color: #151515;
}
.rd-navbar-creative-contacts li + li {
  margin-top: 10px;
}
.rd-navbar-creative-list-social {
  font-size: 0;
  line-height: 0;
}
.rd-navbar-creative-list-social a,
.rd-navbar-creative-list-social a:active,
.rd-navbar-creative-list-social a:focus {
  color: #9b9b9b;
}
.rd-navbar-creative-list-social a:hover {
  color: #50ba87;
}
.rd-navbar-creative-list-social .icon {
  line-height: 24px;
}
.rd-navbar-corporate.rd-navbar-static .rd-navbar-aside-outer,
.rd-navbar-corporate.rd-navbar-static .rd-navbar-main-outer {
  padding-left: 15px;
  padding-right: 15px;
}
.rd-navbar-corporate.rd-navbar-static .rd-navbar-aside,
.rd-navbar-corporate.rd-navbar-static .rd-navbar-main {
  max-width: 1170px;
  margin-left: auto;
  margin-right: auto;
}
.rd-navbar-corporate.rd-navbar-static .rd-navbar-aside {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 12px;
  line-height: 2;
  font-weight: 500;
  letter-spacing: 0.025em;
  padding: 10px 0;
}
.rd-navbar-corporate.rd-navbar-static .rd-navbar-aside > * + * {
  margin-left: 20px;
}
@media (min-width: 1200px) {
  .rd-navbar-corporate.rd-navbar-static .rd-navbar-aside {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
@media (min-width: 1600px) {
  .rd-navbar-corporate.rd-navbar-static .rd-navbar-aside {
    padding-top: 28px;
    padding-bottom: 28px;
  }
}
.rd-navbar-corporate.rd-navbar-static .rd-navbar-aside-right {
  display: flex;
  align-items: center;
}
.rd-navbar-corporate.rd-navbar-static .rd-navbar-main-outer {
  background-color: #7693a2;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 2 1'%3E%3Cdefs%3E%3ClinearGradient id='a' gradientUnits='userSpaceOnUse' x1='0' x2='0' y1='0' y2='1'%3E%3Cstop offset='0' stop-color='%237693A2'/%3E%3Cstop offset='1' stop-color='%23FFFFFF'/%3E%3C/linearGradient%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23FFFFFF' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23FFFFFF' stop-opacity='1'/%3E%3C/linearGradient%3E%3ClinearGradient id='c' gradientUnits='userSpaceOnUse' x1='0' y1='0' x2='2' y2='2'%3E%3Cstop offset='0' stop-color='%23FFFFFF' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23FFFFFF' stop-opacity='1'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x='0' y='0' fill='url(%23a)' width='2' height='1'/%3E%3Cg fill-opacity='0.5'%3E%3Cpolygon fill='url(https://2nn9t4f7-3001.uks1.devtunnels.ms/css/%23b)' points='0 1 0 0 2 0'/%3E%3Cpolygon fill='url(https://2nn9t4f7-3001.uks1.devtunnels.ms/css/%23c)' points='2 1 2 0 0 0'/%3E%3C/g%3E%3C/svg%3E");
  background-attachment: fixed;
  background-size: cover;
}
.rd-navbar-corporate.rd-navbar-static .rd-navbar-nav-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.rd-navbar-corporate.rd-navbar-static .rd-navbar-nav {
  order: -1;
  margin-right: 25px;
}
.rd-navbar-corporate.rd-navbar-static .rd-navbar-brand img {
  width: auto;
  height: auto;
  max-width: 200px;
  max-height: 170px;
}
@media (min-width: 1200px) {
  .rd-navbar-corporate.rd-navbar-static .rd-navbar-brand img {
    max-width: 225px;
    max-height: 190px;
  }
}
.rd-navbar-corporate.rd-navbar-static .rd-nav-item.active .rd-nav-link {
  color: #fff;
}
.rd-navbar-corporate.rd-navbar-static .rd-nav-item.active .rd-nav-link::before {
  height: 100%;
  opacity: 1;
  visibility: visible;
  transform: translate3d(0, 0, 0);
  transition-delay: 0s, 0.2s;
}
.rd-navbar-corporate.rd-navbar-static .rd-nav-link {
  padding: 20px 15px;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.02em;
  font-family: "Montserrat Alternates", sans-serif;
  color: #fff;
  z-index: 1;
}
.rd-navbar-corporate.rd-navbar-static .rd-nav-link::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 0;
  width: 100%;
  background: rgba(20, 49, 108, 0.11);
  border-top: 5px solid #00264d;
  transform: translate3d(0, 0, 0);
  transition:
    all 0.35s cubic-bezier(0.05, 0.29, 0.11, 1.54),
    height 0.3s ease;
  visibility: hidden;
  opacity: 0;
  z-index: -1;
}
.rd-navbar-corporate.rd-navbar-static .rd-nav-link:hover {
  color: #00264d;
  background: rgba(255, 255, 255, 0.11);
  transition: all ease 0.35s;
}
.rd-navbar-corporate.rd-navbar-static .rd-nav-link:hover::before {
  opacity: 1;
  visibility: visible;
  transform: translate3d(0, 0, 0);
}
.rd-navbar-corporate.rd-navbar-static .rd-nav-item + .rd-nav-item {
  margin-left: 16px;
}
.rd-navbar-corporate.rd-navbar-static .rd-navbar-corporate-contacts li {
  display: inline-block;
}
.rd-navbar-corporate.rd-navbar-static .rd-navbar-corporate-contacts li + li {
  margin-top: 0;
  margin-left: 25px;
  padding-left: 25px;
  border-left: 1px solid #e1e1e1;
}
.rd-navbar-corporate.rd-navbar-static * + .button {
  margin-top: 0;
  margin-left: 65px;
}
.rd-navbar-corporate.rd-navbar-fixed .rd-navbar-corporate-list-social {
  color: #151515;
}
.rd-navbar-corporate.rd-navbar-fixed .rd-navbar-brand img {
  max-width: 200px;
}
.rd-navbar-corporate.rd-navbar-fixed .rd-navbar-brand svg {
  max-width: 200px;
}
.rd-navbar-corporate.rd-navbar-fixed .button {
  display: block;
  width: 100%;
}
.rd-navbar-corporate.rd-navbar-fixed * + .button {
  margin-top: 20px;
}
.rd-navbar-corporate-contacts {
  text-align: left;
  font-size: 0;
  line-height: 0;
  font-family: Montserrat, sans-serif, Arial, sans-serif;
  text-transform: uppercase;
  max-width: 100%;
  color: #151515;
  flex: 0 0 auto;
}
.rd-navbar-corporate-contacts .icon {
  vertical-align: middle;
  text-align: center;
  font-size: 26px;
  line-height: 1;
  color: #627a87;
}
.rd-navbar-corporate-contacts a,
.rd-navbar-corporate-contacts p {
  margin-top: 2px;
  font-size: 18px;
  line-height: 1;
  font-weight: 500;
  letter-spacing: 0.075em;
}
.rd-navbar-corporate-contacts p > span {
  font-size: 16px;
}
.rd-navbar-corporate-contacts a {
  display: inline-block;
  vertical-align: middle;
}
.rd-navbar-corporate-contacts a,
.rd-navbar-corporate-contacts a:active,
.rd-navbar-corporate-contacts a:focus {
  color: #37434a;
}
.rd-navbar-corporate-contacts a:hover {
  color: #627a87;
}
.rd-navbar-corporate-contacts li + li {
  margin-top: 14px;
}
.rd-navbar-corporate-list-social {
  font-size: 0;
  line-height: 0;
  color: #fff;
}
.rd-navbar-corporate-list-social a,
.rd-navbar-corporate-list-social a:active,
.rd-navbar-corporate-list-social a:focus {
  color: #2a4b78;
}
.rd-navbar-corporate-list-social a:hover {
  color: #00264d;
}
.rd-navbar-corporate-list-social .icon {
  font-size: 18px;
}
.swiper-container {
  display: flex;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  height: auto;
  width: 100%;
  z-index: 1;
}
.swiper-container-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  z-index: 1;
  display: flex;
  align-self: stretch;
  align-items: stretch;
  width: 100%;
  height: auto;
  min-height: inherit;
  transition-property: transform;
  box-sizing: content-box;
}

.swiper-container {
  flex-shrink: 0;
}
.swiper-wrapper {
  transform: translate3d(0, 0, 0);
}
.swiper-container-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
}
.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  animation: swiper-preloader-spin 1s steps(12, end) infinite;
}
.swiper-lazy-preloader:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat;
}
.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}
.swiper-pagination {
    position: absolute;
    display: block;
    text-align: center;
    transform: translate3d(0, 0, 0);
    transition: 0.3s;
    z-index: 10;
    /* Ocultar de SEO completamente */
    visibility: hidden;
    opacity: 0;
    font-size: 0 !important;
    line-height: 0 !important;
    text-indent: -9999px;
    overflow: hidden;
}

.swiper-pagination[aria-hidden="true"] {
            display: none !important;
        }
.swiper-pagination-style-2 .swiper-pagination {
  font-size: 0;
  line-height: 0;
}
.swiper-container-vertical > .swiper-pagination {
  top: 50%;
  right: 10px;
  transform: translate3d(0, -50%, 0);
}
.swiper-container-horizontal > .swiper-pagination {
  bottom: 30px;
  left: 0;
  width: 100%;
}
.swiper-slide {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  white-space: nowrap;
  background-position: 50% 50%;
}
.swiper-slide-caption {
  width: 100%;
  white-space: normal;
}
.slide-text {
  max-width: 700px;
  background: rgba(156, 158, 159, 0.235);
  backdrop-filter: blur(6px);
  padding: 3rem;
  border-radius: 12px;
  z-index: 20;
}
@media (max-width: 767.98px) {
  .swiper-slide-caption {
    padding-bottom: 80px;
  }
}
.swiper-slider-classic {
  max-height: 38.54167vw;
  min-height: calc(100vh - 56px);
}
.swiper-slider-classic.swiper-container-horizontal {
  max-height: none;
}
@media (max-height: 420px) {
  .swiper-slider-classic {
    min-height: 260px;
  }
  .swiper-slider-classic p {
    display: none;
  }
}
.swiper-slider-classic .swiper-pagination {
  position: static;
  transform: none;
}
.swiper-slider-classic h1 {
  letter-spacing: 0.05em;
}
.swiper-slider-classic * + p {
  margin-top: 14px;
}
.swiper-slider-classic * + .button {
  margin-top: 25px;
}
.swiper-slider-classic .swiper-slide-1 {
  background-position-x: 40%;
}
@media (min-width: 768px) {
  .swiper-slider-classic {
    min-height: 460px;
  }
  .swiper-slider-classic .swiper-slide-caption {
    padding-left: 70px;
    padding-right: 70px;
  }
  .swiper-slider-classic .swiper-slide-1 {
    background-position-x: 50%;
  }
  .swiper-slider-classic .swiper-slide-custom {
    padding-left: 0;
  }
  .swiper-slider-classic h1 {
    font-size: 60px;
  }
}
@media (min-width: 992px) {
  .swiper-slider-classic .swiper-slide-custom {
    padding-left: 70px;
  }
  .swiper-slider-classic h1 {
    font-size: 80px;
  }
}
@media (min-width: 1200px) {
  .swiper-slider-classic.swiper-container-horizontal {
    min-height: 38.54167vw;
  }
  .swiper-slider-classic h1 {
    font-size: 100px;
  }
}
@media (min-width: 1600px) {
  .swiper-slider-classic {
    max-width: 1920px;
    padding: 0 75px;
  }
}
.swiper-slider-classic-2 .context-dark .button.button-ujarak::before {
  background: #01b3a7;
}
.swiper-slider-classic-2 .context-dark .button.button-ujarak:active,
.swiper-slider-classic-2 .context-dark .button.button-ujarak:hover {
  border-color: #01b3a7;
}
.swiper-slider-classic-2 .button {
  min-width: 175px;
}
.swiper-slider-classic-2 .swiper-title-2 {
  letter-spacing: 0.025em;
  font-weight: 400;
}
.swiper-slider-classic-2 h2 {
  letter-spacing: 0.075em;
}
.swiper-slider-classic-2 .swiper-slide-custom * + .button {
  margin-top: 20px;
}
@media (min-width: 768px) {
  .swiper-slider-classic-2 .swiper-slide-custom * + .button {
    margin-top: 30px;
  }
}
@media (min-width: 1200px) {
  .swiper-slider-classic-2 .swiper-title-2 {
    font-size: 110px;
  }
}
.swiper-slider-creative {
  min-height: 34.42708vw;
}
.swiper-slider-creative .swiper-slider-text {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 500;
  letter-spacing: 0;
}
.swiper-slider-creative .button {
  min-width: 175px;
}
.swiper-slider-creative h1 {
  letter-spacing: 0.025em;
}
.swiper-slider-creative h4 {
  font-weight: 300;
  letter-spacing: 0.05em;
}
.swiper-slider-creative * + .swiper-slider-text {
  margin-top: 12px;
}
.swiper-slider-creative h1 + h4 {
  margin-top: 2px;
}
.swiper-slider-creative * + .button-wrap {
  margin-top: 30px;
}
.swiper-slider-creative .swiper-slider-text + .button,
.swiper-slider-creative .swiper-slider-text + .button-wrap {
  margin-top: 30px;
}
.swiper-slider-creative .swiper-pagination {
  font-size: 0;
  line-height: 0;
  counter-reset: span;
  bottom: 20px;
}
@media (max-width: 575.98px) {
  .swiper-slider-creative .swiper-slide {
    background-position-x: 35%;
  }
  .swiper-slider-creative .swiper-slide::before {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.15);
    z-index: -1;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .swiper-slider-creative h4 {
    font-size: 30px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .swiper-slider-creative .swiper-slide-2 {
    background-position-x: 60%;
  }
  .swiper-slider-creative .swiper-slide-3 {
    background-position-x: 55%;
  }
}
@media (min-width: 768px) {
  .swiper-slider-creative .swiper-pagination {
    bottom: 30px;
  }
}
@media (min-width: 768px) and (max-width: 1199.98px) {
  .swiper-slider-creative .swiper-slide-2 {
    background-position-x: 70%;
  }
  .swiper-slider-creative .swiper-slide-3 {
    background-position-x: 60%;
  }
}
@media (min-width: 992px) {
  .swiper-slider-creative * + .button,
  .swiper-slider-creative * + .button-wrap {
    margin-top: 40px;
  }
}
@media (min-width: 1200px) {
  .swiper-slider-creative h1 {
    font-size: 110px;
  }
}
@media (min-width: 1600px) {
  .swiper-slider-creative .swiper-pagination {
    top: 50%;
    right: 134px;
    bottom: auto;
    left: auto;
    width: auto;
    transform: translate3d(0, -50%, 0);
  }
}
.swiper-slider-corporate {
  min-height: calc(100vh - 56px);
}
.swiper-slider-corporate.swiper-container-vertical {
  max-height: 35.3125vw;
}
@media (max-height: 370px) {
  .swiper-slider-corporate {
    min-height: 310px;
  }
}
.swiper-slider-corporate .button {
    min-width: 160px;
    padding: 17px 18px 15px;
    background: transparent;
    border: 4px solid #fff;
    color: #fff;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s ease;
}

.swiper-slider-corporate .button:hover {
    background: rgba(255, 255, 255, 0.1);
}

.swiper-slider-corporate .slide-subtitle {
    letter-spacing: 0.05em;
    color: #fff;
    font-weight: 500;
    font-size: 16px;
    text-transform: uppercase;
    margin: 0 0 10px 0;
}
.swiper-slider-corporate .slide-title-main {
    letter-spacing: 0.05em;
    color: #fff;
    font-weight: 300;
    font-size: 36px;
    line-height: 1.2;
    margin: 0 0 20px 0;
}

.swiper-slider-corporate .slide-title-secondary {
    letter-spacing: 0.05em;
    color: #fff;
    font-weight: 300;
    font-size: 36px;
    line-height: 1.2;
    margin: 0 0 20px 0;
}
.swiper-slider-corporate .slide-title-main .bold,
.swiper-slider-corporate .slide-title-secondary .bold {
    font-weight: bold;
}


@media (min-width: 768px) {
    .swiper-slider-corporate .slide-title-main,
    .swiper-slider-corporate .slide-title-secondary {
        font-size: 50px;
    }
}

@media (min-width: 992px) {
    .swiper-slider-corporate .slide-title-main,
    .swiper-slider-corporate .slide-title-secondary {
        font-size: 56px;
    }
}

@media (min-width: 1200px) {
    .swiper-slider-corporate .slide-title-main,
    .swiper-slider-corporate .slide-title-secondary {
        font-size: 64px;
        line-height: 1.1;
    }
}
.swiper-slider-corporate h6 + h2 + h1 {
  margin-top: 16px;
}
.swiper-slider-corporate * + .button-wrap {
  margin-top: 20px;
}
@media (min-width: 768px) {
  .swiper-slider-corporate {
    min-height: 370px;
  }
  .swiper-slider-corporate.swiper-container-vertical {
    min-height: 400px;
  }
  .swiper-slider-corporate h6 + h2 + h1 {
    margin-top: 10px;
  }
  .swiper-slider-corporate * + .button-wrap {
    margin-top: 30px;
  }
}
@media (min-width: 992px) {
  .swiper-slider-corporate.swiper-container-horizontal {
    min-height: 400px;
  }
  .swiper-slider-corporate.swiper-container-vertical .swiper-pagination {
    right: 6%;
  }
}
@media (min-width: 1200px) {
  .swiper-slider-corporate.swiper-container-horizontal {
    min-height: 35.3125vw;
  }
}
@media (min-width: 1600px) {
  .swiper-slider-corporate.swiper-container-vertical .swiper-pagination {
    top: 43%;
    right: 11.5%;
    transform: none;
  }
}
@keyframes sprite-animation {
  from {
    background-position: 0 0;
  }
}
[data-isotope-layout] {
  z-index: 0;
  display: block;
  min-height: 160px;
  margin-left: -15px;
  margin-right: -15px;
  transition: 0.4s all ease;
}
[data-isotope-layout]:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 64px;
  height: 64px;
  margin-top: 15px;
  background-image: url(https://2nn9t4f7-3001.uks1.devtunnels.ms/images/isotope-loader.png);
  background-position: -1152px 0;
  animation: 0.7s sprite-animation steps(18) infinite;
  transition: 0.4s all ease;
  transform: translate3d(-50%, -50%, 0);
}
[data-isotope-layout] .row {
  margin-bottom: -30px;
}
[data-isotope-layout] .row > [class*="col-"] {
  margin-top: 30px;
}
[data-isotope-layout] [class*="col-"] {
  display: block;
  opacity: 0;
  will-change: transform;
  backface-visibility: hidden;
  transition: 0.1s opacity ease-in;
}
@media (max-width: 575.98px) {
  [data-isotope-layout] [class*="col-"] {
    max-width: 100%;
  }
}
@media (max-width: 767.98px) {
  [data-isotope-layout] .thumbnail {
    max-width: none;
  }
}
[class*="isotope-filters-list"] {
  position: absolute;
  top: calc(100% + 20px);
  left: 50%;
  max-width: 280px;
  width: 100%;
  padding: 20px;
  font-size: 18px;
  line-height: 1.2;
  font-weight: 500;
  letter-spacing: 0.1em;
  font-family: Montserrat, sans-serif, Arial, sans-serif;
  color: #9b9b9b;
  background: #fff;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.17);
  transform: translate3d(-50%, 0, 0);
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
  z-index: 1;
}
[class*="isotope-filters-list"].active {
  opacity: 1;
  visibility: visible;
}
[class*="isotope-filters-list"] a {
  display: block;
  padding: 9px 5px 5px;
}
[class*="isotope-filters-list"] a,
[class*="isotope-filters-list"] a:active,
[class*="isotope-filters-list"] a:focus {
  color: inherit;
}
[class*="isotope-filters-list"] a:hover {
  color: #fff;
}
[class*="isotope-filters-list"] a:hover {
  color: #50ba87;
}
[class*="isotope-filters-list"] a.active {
  color: #fff;
  background: #50ba87;
}
@media (min-width: 768px) {
  [class*="isotope-filters-list"] {
    position: static;
    text-align: center;
    max-width: none;
    top: auto;
    left: auto;
    width: auto;
    padding: 0;
    box-shadow: none;
    background: 0 0;
    transform: none;
    visibility: visible;
    opacity: 1;
  }
}
.tabs-custom {
  text-align: left;
}
.tabs-custom .nav-tabs {
  font-size: 0;
  line-height: 0;
  word-spacing: 0;
  border: 0;
  justify-content: center;
}
.tabs-custom .nav-tabs:after,
.tabs-custom .nav-tabs:before {
  display: none;
}
.tabs-custom .nav-item {
  float: none;
  margin: 0;
  border: 0;
  cursor: pointer;
  transition: 0.33s all ease;
}
.tabs-custom .nav-link {
  margin: 0;
  border-radius: 0;
  border: 0;
  color: #9b9b9b;
  font-family: Montserrat, sans-serif, Arial, sans-serif;
}
.tabs-custom .nav-link.active {
  cursor: default;
}
.tab-content > .tab-pane {
  display: block;
  visibility: hidden;
  height: 0;
  overflow: hidden;
}
.tab-content > .tab-pane.active {
  height: auto;
}
.tab-pane .button-pipaluk {
  padding: 24px 33px 24px;
}
.tab-pane .button-black-outline {
  padding: 16px 33px 16px;
}
.tab-content > .active {
  visibility: visible;
  overflow: visible;
}
* + .tabs-line {
  margin-top: 24px;
}
* + .tabs-line-big {
  margin-top: 28px;
}
* + .tabs-line-2 {
  margin-top: 26px;
}
* + .tabs-horizontal.tabs-corporate {
  margin-top: 25px;
}
h1 + .tabs-line {
  margin-top: 22px;
}
.row + .tabs-corporate {
  margin-top: 66px;
}
.tabs-line .nav-link {
  font-family: fredoka;
  padding: 10px 10px 6px;
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.075em;
  text-align: center;
  vertical-align: middle;
}
.tabs-line .nav-link-big {
  font-size: 24px;
}
.tabs-line * + .tab-content {
  margin-top: 20px;
}
@media (max-width: 767.98px) {
  .tabs-line .nav-tabs {
    margin-bottom: -10px;
  }
  .tabs-line .nav-item {
    margin-bottom: 10px;
  }
  .tabs-line .nav-link {
    border-width: 1px 0 1px 0;
    border-style: solid;
    border-color: #e1e1e1;
  }
  .tabs-line .nav-link.active,
  .tabs-line .nav-link:hover {
    color: #01b3a7;
  }
  .tabs-line .nav-link.active {
    border-color: #01b3a7;
  }
}
@media (min-width: 768px) {
  .tabs-line .nav-link {
    font-size: 16px;
  }
  .tabs-line .nav-link-big {
    font-size: 36px;
  }
}
.tabs-line-big .button {
  min-width: 180px;
}
.tabs-line-big h5 + p {
  margin-top: 8px;
}
.tabs-line-big * + .group-md {
  margin-top: 36px;
}
.tabs-line-style-2 .nav-link {
  letter-spacing: 0.1em;
}
.tabs-line-style-3 h5 + p {
  margin-top: 10px;
}
.tabs-line-style-3 * + .group-md {
  margin-top: 35px;
}
.tabs-corporate .nav-tabs {
  position: relative;
}
.tabs-corporate .nav-link {
  padding: 12px 0 8px;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.1em;
  color: #9b9b9b;
  background: 0 0;
  text-align: center;
  vertical-align: middle;
}
.tabs-corporate .nav-link.active,
.tabs-corporate .nav-link:hover {
  color: #151515;
}
.tabs-corporate .nav-link:hover {
  border-color: transparent;
}
.tabs-corporate .tab-content {
  padding: 20px 0 0;
}
@media (max-width: 767.98px) {
  .tabs-corporate .nav-tabs {
    margin-bottom: 0;
    margin-left: -20px;
  }
  .tabs-corporate .nav-tabs:empty {
    margin-bottom: 0;
    margin-left: 0;
  }
  .tabs-corporate .nav-tabs > * {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 20px;
  }
  .tabs-corporate .nav-link {
    border-width: 1px;
    border-style: solid;
    border-color: transparent;
  }
  .tabs-corporate .nav-link.active {
    border-color: transparent transparent #50ba87 transparent;
  }
}
@media (min-width: 768px) {
  .tabs-horizontal.tabs-corporate .nav-tabs {
    position: relative;
    width: 100%;
    border: 0;
    will-change: transform;
    justify-content: flex-start;
  }
  .tabs-horizontal.tabs-corporate .nav-item {
    will-change: transform;
  }
  .tabs-horizontal.tabs-corporate .nav-link {
    display: block;
    position: relative;
    z-index: 1;
    min-width: 188px;
    letter-spacing: 0.1em;
    padding: 26px 20px;
    border-width: 1px 1px 0 1px;
    border-style: solid;
    border-color: transparent;
  }
  .tabs-horizontal.tabs-corporate .nav-link.active,
  .tabs-horizontal.tabs-corporate .nav-link:hover {
    color: #151515;
  }
  .tabs-horizontal.tabs-corporate .nav-link.active {
    border-color: #e1e1e1;
  }
  .tabs-horizontal.tabs-corporate .tab-content {
    border: 1px solid #e1e1e1;
  }
  .tabs-horizontal.tabs-line .nav-tabs {
    justify-content: space-between;
    border-bottom: 3px solid #e1e1e1;
  }
  .tabs-horizontal.tabs-line .nav-item {
    display: inline-block;
  }
  .tabs-horizontal.tabs-line .nav-link {
    position: relative;
    padding: 0 0 10px 0;
    background-color: transparent;
    border: 0;
  }
  .tabs-horizontal.tabs-line .nav-link::after {
    content: "";
    position: absolute;
    bottom: -3px;
    left: 0;
    height: 3px;
    width: 0;
    background: #23458f;
    transition: 0.22s ease;
  }
  .tabs-horizontal.tabs-line .nav-link-big {
    padding-bottom: 5px;
  }
  .tabs-horizontal.tabs-line .nav-link.active,
  .tabs-horizontal.tabs-line .nav-link:hover {
    color: #23458f;
  }
  .tabs-horizontal.tabs-line .nav-link.active::after {
    width: 100%;
  }
  .tabs-horizontal.tabs-line * + .tab-content {
    margin-top: 30px;
  }
  .tabs-horizontal.tabs-line-style-3 * + .tab-content {
    margin-top: 26px;
  }
  .tabs-horizontal.tabs-line-big * + .tab-content {
    margin-top: 26px;
  }
}
@media (min-width: 768px) {
  .tabs-horizontal.tabs-corporate .tab-content {
    padding: 45px 40px;
  }
}
@media (min-width: 768px) {
  .tabs-vertical {
    display: flex;
    align-items: flex-start;
  }
  .tabs-vertical .nav-tabs {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    flex-shrink: 0;
    max-width: 50%;
  }
  .tabs-vertical .nav-item {
    border: 0;
    width: 100%;
    text-align: left;
  }
  .tabs-vertical .tab-content {
    flex-grow: 1;
  }
  .tabs-vertical.tabs-line .nav-tabs {
    width: auto;
    min-width: 167px;
    border: 0;
  }
  .tabs-vertical.tabs-line .nav-item {
    margin: 0;
  }
  .tabs-vertical.tabs-line .nav-link {
    position: relative;
    padding: 21px 0 17px;
    border: 0;
    overflow: hidden;
    text-align: left;
  }
  .tabs-vertical.tabs-line .nav-link.active,
  .tabs-vertical.tabs-line .nav-link:hover {
    color: #01b3a7;
  }
  .tabs-vertical.tabs-line .nav-item + .nav-item {
    border-top: 1px solid #e1e1e1;
  }
  .tabs-vertical.tabs-line .tab-content {
    padding: 0 0 0 35px;
  }
  .tabs-vertical.tabs-line * + .tab-content {
    margin-top: 0;
  }
}
.tabs-custom-wrap {
  display: flex;
  align-items: center;
  min-height: 100%;
  padding: 30px 15px;
  background: #fff;
}
@media (min-width: 768px) {
  .tabs-custom-wrap {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (min-width: 1200px) {
  .tabs-custom-wrap {
    padding: 16px 35px 24px;
  }
}
.ie-10 .tabs-custom-wrap,
.ie-11 .tabs-custom-wrap,
.ie-edge .tabs-custom-wrap {
  height: 100%;
}
.card-group-custom {
  margin-bottom: 0;
}
.card-group-custom .card-header + .collapse > .card-body,
.card-group-custom .card-header + .collapse > .list-group {
  border-top: 0;
}
.card-group-custom .card + .card {
  margin-top: 0;
}
.card-group-custom.card-group-corporate .card + .card {
  margin-top: 15px;
}
.card-custom {
  display: block;
  margin: 0;
  background: inherit;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  text-align: left;
}
.card-custom a {
  display: block;
}
.card-custom .card-header {
  padding: 0;
  border-bottom: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.card-custom .card-body {
  padding: 0;
}
* + .card-group-custom {
  margin-top: 20px;
}
.card-corporate {
  text-align: left;
  border: 1px solid #e1e1e1;
}
.card-corporate .card-title {
  margin-bottom: 0;
}
.card-corporate .card-body,
.card-corporate .card-title a {
  background: #fff;
}
.card-corporate .card-title a {
  position: relative;
  z-index: 1;
  padding: 33px 72px 29px 30px;
  font-size: 20px;
  line-height: 1.2;
  font-weight: 400;
  letter-spacing: normal;
  font-family: Montserrat, sans-serif, Arial, sans-serif;
  color: #151515;
  border-bottom: 1px solid #e1e1e1;
  transition: all 0.3s ease;
}
.card-corporate .card-title a:hover {
  color: #01b3a7;
}
.card-corporate .card-title a .card-arrow:after {
  opacity: 0;
  visibility: hidden;
}
.card-corporate .card-arrow {
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 10px;
  z-index: 2;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 4px solid #01b3a7;
  transform: translate3d(0, -50%, 0);
  transition: 0.33s all ease;
}
.card-corporate .card-arrow::after,
.card-corporate .card-arrow::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 4;
  transform: translate(-50%, -50%);
  background: #151515;
}
.card-corporate .card-arrow::before {
  width: 15px;
  height: 3px;
}
.card-corporate .card-arrow::after {
  width: 3px;
  height: 15px;
}
.card-corporate .collapse {
  position: relative;
  z-index: 1;
  color: #151515;
  border-radius: 0;
}
.card-corporate .card-body {
  padding: 25px 30px 30px 30px;
  color: #9b9b9b;
}
@media (max-width: 575.98px) {
  .card-corporate .card-body {
    padding-right: 15px;
  }
}
@media (max-width: 767.98px) {
  .card-corporate .card-body,
  .card-corporate .card-title a {
    padding-left: 15px;
  }
  .card-corporate .card-body {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .card-corporate .card-title a {
    padding-top: 23px;
    padding-bottom: 17px;
  }
}
@media (min-width: 768px) {
  .card-corporate .card-arrow {
    right: 18px;
  }
  .card-corporate .card-title a {
    font-size: 20px;
    line-height: 1.2;
    padding-right: 60px;
  }
}
.card-corporate-2 .card-arrow {
  border-color: #50ba87;
}
.card-corporate-2 .card-arrow::after,
.card-corporate-2 .card-arrow::before {
  background: #01b3a7;
}
.border-classic > div {
  position: relative;
}
.border-classic > div::before {
  position: absolute;
  display: none;
  content: "";
  left: 50%;
  top: -25px;
  transform: translateX(-50%);
  width: 80%;
  height: 1px;
  background: #d7d7d7;
}
@media (max-width: 575.98px) {
  .border-classic > div + div::before {
    display: inline-block;
  }
}
@media (min-width: 576px) {
  .border-classic > div {
    position: relative;
  }
  .border-classic > div::before {
    top: 50%;
    left: 0;
    width: 1px;
    height: 68px;
    margin-top: -34px;
    transform: none;
  }
  .border-classic > div:nth-child(odd) + div::before {
    display: inline-block;
  }
}
@media (min-width: 992px) {
  .border-classic > div + div::before {
    display: inline-block;
  }
}
@media (min-width: 576px) {
  .border-classic-big > div::before {
    height: 86px;
    margin-top: -43px;
  }
}
.bg-gray-dark .border-classic > div::before,
.bg-primary .border-classic > div::before,
.context-dark .border-classic > div::before {
  background: rgba(244, 244, 244, 0.55);
}
.border-creative {
  overflow: hidden;
}
.border-creative > div::after,
.border-creative > div::before {
  position: absolute;
  content: "";
  background: #d1d1d1;
}
.border-creative > div::before {
  height: 1px;
  left: 26px;
  right: 26px;
  bottom: -1px;
}
.border-creative > div::after {
  width: 1px;
  top: 26px;
  right: -1px;
  bottom: 26px;
}
* + .border-creative {
  margin-top: 0;
}
.border-2-column > div {
  padding: 0;
  border-top: 1px solid #e1e1e1;
}
.border-2-column > div:nth-child(1) {
  border-top: none;
}
@media (min-width: 576px) {
  .border-2-column > div:nth-child(2) {
    border-top: none;
  }
  .border-2-column > div:nth-child(even) {
    border-left: 1px solid #e1e1e1;
  }
}
.bg-gray-dark .border-2-column > div,
.bg-primary .border-2-column > div,
.context-dark .border-2-column > div {
  border-color: rgba(255, 255, 255, 0.1);
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.owl-height {
  transition: height 0.5s ease-in-out;
}
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  position: relative;
  z-index: 1;
}
.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
}
.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
}
.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}
.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}
.owl-carousel .owl-item .owl-item {
  width: 100%;
}
.no-js .owl-carousel {
  display: block;
}
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 0.4s ease;
}
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}
.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  font: 400 40px/80px FontAwesome;
  cursor: pointer;
  z-index: 1;
  transition: scale 0.1s ease;
}
.owl-carousel .owl-video-play-icon:before {
  content: "\f144";
}
.owl-carousel .owl-video-play-icon:hover {
  transform: scale(1.3);
}
.owl-dots {
  position: absolute;
  text-align: center;
  font-size: 0;
  line-height: 0;
  bottom: 30px;
  width: 100%;
}
.post .owl-dots {
  bottom: 40px;
}
.owl-classic .owl-dots {
  position: relative;
  bottom: 0;
  margin-top: 25px;
}
@media (min-width: 1600px) {
  .owl-classic .owl-dots {
    display: none;
  }
}
.owl-navbar .owl-dots {
  position: static;
  margin-top: 25px;
}
.owl-products .owl-dots {
  position: relative;
  bottom: 0;
  margin-top: 26px;
}
* + .owl-products {
  margin-top: 40px;
}
.owl-services .owl-stage-outer {
  padding: 10px;
  margin: -10px;
}
@media (min-width: 576px) {
  .owl-services {
    padding: 0 40px;
  }
  .owl-services .owl-dots {
    display: none;
  }
}
@media (min-width: 992px) {
  .owl-services {
    padding: 0;
  }
}
.owl-services-2 .owl-stage-outer {
  padding-top: 30px;
  margin-top: -30px;
}
@media (min-width: 1280px) and (max-width: 1399px) {
  .container-custom-2 {
    max-width: 1100px;
  }
}
@media (min-width: 992px) {
  .desktop [class*="section-"].section-lg-bottom-10 {
    padding-bottom: 10px;
  }
}
.owl-custom-nav {
  font-size: 0;
  line-height: 0;
  letter-spacing: 0;
  margin-bottom: -6px;
  margin-left: -6px;
}
.owl-custom-nav:empty {
  margin-bottom: 0;
  margin-left: 0;
}
.owl-custom-nav > * {
  display: inline-block;
  margin-top: 0;
  margin-bottom: 6px;
  margin-left: 6px;
}
@font-face {
  font-family: lg;
  src: url(https://2nn9t4f7-3001.uks1.devtunnels.ms/fonts/lg.eot?n1z373);
  src:
    url(https://2nn9t4f7-3001.uks1.devtunnels.ms/fonts/lg.eot?#iefixn1z373)
      format("embedded-opentype"),
    url(https://2nn9t4f7-3001.uks1.devtunnels.ms/fonts/lg.woff?n1z373)
      format("woff"),
    url(https://2nn9t4f7-3001.uks1.devtunnels.ms/fonts/lg.ttf?n1z373)
      format("truetype"),
    url(https://2nn9t4f7-3001.uks1.devtunnels.ms/fonts/lg.svg?n1z373#lg)
      format("svg");
  font-weight: 400;
  font-style: normal;
}
.lg-icon {
  font-family: lg;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@-webkit-keyframes lg-right-end {
  0%,
  100% {
    left: 0;
  }
  50% {
    left: -30px;
  }
}
@-moz-keyframes lg-right-end {
  0%,
  100% {
    left: 0;
  }
  50% {
    left: -30px;
  }
}
@-ms-keyframes lg-right-end {
  0%,
  100% {
    left: 0;
  }
  50% {
    left: -30px;
  }
}
@keyframes lg-right-end {
  0%,
  100% {
    left: 0;
  }
  50% {
    left: -30px;
  }
}
@-webkit-keyframes lg-left-end {
  0%,
  100% {
    left: 0;
  }
  50% {
    left: 30px;
  }
}
@-moz-keyframes lg-left-end {
  0%,
  100% {
    left: 0;
  }
  50% {
    left: 30px;
  }
}
@-ms-keyframes lg-left-end {
  0%,
  100% {
    left: 0;
  }
  50% {
    left: 30px;
  }
}
@keyframes lg-left-end {
  0%,
  100% {
    left: 0;
  }
  50% {
    left: 30px;
  }
}
.lg-outer .lg-video {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  position: relative;
}
.lg-outer .lg-video .lg-video-play {
  width: 84px;
  height: 59px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -42px;
  margin-top: -30px;
  z-index: 1080;
  cursor: pointer;
}
.lg-autoplay-button:after {
  content: "\e01d";
}
.lg-show-autoplay .lg-autoplay-button:after {
  content: "\e01a";
}
#lg-zoom-in:after {
  content: "\e311";
}
.lg-outer,
.lg-outer .lg {
  width: 100%;
  height: 100%;
}
.lg-group:after {
  content: "";
  display: table;
  clear: both;
}
.lg-outer {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1090;
  text-align: left;
  opacity: 0;
  -webkit-transition: opacity 0.15s ease 0s;
  -o-transition: opacity 0.15s ease 0s;
  transition: opacity 0.15s ease 0s;
}
.lg-outer * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.lg-outer.lg-visible {
  opacity: 1;
}
.lg-outer .lg {
  position: relative;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  max-height: 100%;
}
.lg-outer .lg-item {
  background: url(https://2nn9t4f7-3001.uks1.devtunnels.ms/images/loading.gif)
    center center no-repeat;
  display: none !important;
}
.lg-outer .lg-img-wrap,
.lg-outer .lg-item {
  display: inline-block;
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
}
.lg-outer .lg-img-wrap:before,
.lg-outer .lg-item:before {
  content: "";
  display: inline-block;
  height: 50%;
  width: 1px;
  margin-right: -1px;
}
.lg-outer .lg-img-wrap {
  position: absolute;
  padding: 0 5px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.lg-outer .lg-image {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
  width: auto !important;
  height: auto !important;
}
.lg-css3.lg-fade .lg-item {
  opacity: 0;
}
@media (max-width: 767.98px) {
  #lg-zoom-in {
    display: none;
  }
  .lg-icon {
    font-size: 22px;
    width: 45px;
  }
}
.parallax-container {
  position: relative;
  overflow: hidden;
}
.material-parallax {
  position: absolute;
  top: 0;
  left: -1px;
  right: -1px;
  bottom: 0;
}
.material-parallax img {
  display: none;
  position: absolute;
  left: 50%;
  bottom: 0;
  min-width: 101%;
  max-width: none;
  min-height: 101%;
  transform: translate3d(-50%, 0, 0);
}
.parallax-content {
  position: relative;
  z-index: 1;
}
.carousel-parent {
  margin-bottom: 7px;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.video-background {
  position: relative;
  overflow: hidden;
  background-color: #151515;
}
.video-background iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media (max-width: 480px) {
  .rd-navbar-fixed .rd-navbar-brand svg {
    margin-right: auto;
  }
}
.video-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
}
.product-section {
  padding: 80px 0;
  background: #f8f9fa;
}
.product-images {
  grid-row-start: 2;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.tab-content {
  margin-top: 30px;
  flex: 1;
}
.button-name {
  align-items: center;
  appearance: none;
  background: linear-gradient(to right, #143960 0, #23458f 51%, #143960 100%);
  border-radius: 4px;
  border-width: 0;
  box-shadow:
    rgba(45, 35, 66, 0.2) 0 2px 4px,
    rgba(45, 35, 66, 0.15) 0 7px 13px -3px,
    #d6d6e7 0 -3px 0 inset;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  height: 48px;
  justify-content: center;
  line-height: 1;
  list-style: none;
  overflow: hidden;
  padding-left: 16px;
  padding-right: 16px;
  position: relative;
  text-align: left;
  text-decoration: none;
  transition:
    box-shadow 0.15s,
    transform 0.15s;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  white-space: nowrap;
  will-change: box-shadow, transform;
  font-size: 18px;
}
.button-name:focus {
  box-shadow:
    #d6d6e7 0 0 0 1.5px inset,
    rgba(45, 35, 66, 0.4) 0 2px 4px,
    rgba(45, 35, 66, 0.3) 0 7px 13px -3px,
    #d6d6e7 0 -3px 0 inset;
}
.button-name:hover {
  box-shadow:
    rgba(45, 35, 66, 0.3) 0 4px 8px,
    rgba(45, 35, 66, 0.2) 0 7px 13px -3px,
    #d6d6e7 0 -3px 0 inset;
  transform: translateY(-2px);
  color: #ffffff;
}
.button-name:active {
  box-shadow: #d6d6e7 0 3px 7px inset;
  transform: translateY(2px);
}
.product-image-gallery {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.main-product-image {
  width: 100%;
  height: 400px;
  object-fit: cover;
  border-radius: 15px;
  margin-bottom: 1rem;
}
.thumbnail-gallery {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}
.thumbnail {
  width: 100%;
  height: 140px;
  object-fit: cover;
  border-radius: 8px;
  cursor: pointer;
  transition: transform 0.3s ease;
  border: 2px solid transparent;
}
.thumbnail:hover {
  transform: scale(1.05);
  border-color: #667eea;
}
.thumbnail.active {
  border-color: #667eea;
}
.custom-tabs {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.tab-btn {
  padding: 1rem 1.5rem;
  border: none;
  background: 0 0;
  color: #6c757d;
  font-weight: 500;
  font-size: 0.9rem;
  cursor: pointer;
  transition: all 0.3s ease;
  white-space: nowrap;
  border-bottom: 3px solid transparent;
  text-transform: uppercase;
}
.tab-btn.active {
  color: #23458f;
  border-bottom-color: #23458f;
  background-color: #6c757d44;
  border-radius: 5%;
}
.tab-btn:hover {
  color: #23458f;
}
/* .tab-content {
  display: none;
  animation: fadeIn 0.3s ease;
} */
.tab-content.active {
  display: block;
}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
footer svg {
  align-items: center;
  margin-left: 10%;
}
footer svg path {
  fill: #fff !important;
  stroke: #ccc !important;
}
footer svg text,
footer svg tspan {
  fill: #fff !important;
  stroke: #fff !important;
}

.box-width-lg-470 {
  max-width: 700px;
  width: 100%;
  background: white;
  border-radius: 20px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
  padding: 50px;
}

.box-width-lg-470 h3 {
  font-size: 1.5rem;
  color: #1a202c;
  margin-bottom: 40px;
  font-weight: 700;
}
        /* Estilos personalizados para los tabs */
.tabs-custom .nav-tabs {
    border-bottom: 2px solid #e5e7eb;
    gap: 40px;
}

.tabs-custom .nav-tabs .nav-item {
    margin-bottom: 0;
}

.tabs-custom .nav-tabs .nav-link {
    border: none;
    background: none;
    padding: 0 0 15px 0;
    font-size: 0.975rem;
    font-weight: 600;
    letter-spacing: 0.05em;
    color: #9ca3af;
    text-transform: uppercase;
    position: relative;
    transition: color 0.3s ease;
}

.tabs-custom .nav-tabs .nav-link:hover {
    color: #6b7280;
    border: none;
}

.tabs-custom .nav-tabs .nav-link.active {
    color: #D3C1B7;
    background: none;
    border: none;
}

.tabs-custom .nav-tabs .nav-link.active::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    right: 0;
    height: 2px;
    background: #D3C1B7;
    animation: slideIn 0.3s ease;
}

@keyframes slideIn {
    from {
        transform: scaleX(0);
    }
    to {
        transform: scaleX(1);
    }
}

.tab-pane {
    animation: fadeIn 0.4s ease;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.tab-pane p {
    color: #4b5563;
    line-height: 1.7;
    font-size: 1rem;
    margin-bottom: 0;
    display: inline-block;
    text-align: justify;
    width: 100%; /* o un ancho específico */
}

.tab-pane h3{
    color: #4b5563;
    line-height: 1.7;
    font-size: 1rem;
    font-weight: 600;
    margin: 0;
    display: inline;
}

.tab-content .tab-pane > p:last-of-type {
    margin-bottom: 30px;
}


/* .button-secondary {
    background: #14b8a6;
    color: white !important;
    border: none;
    padding: 14px 35px;
    font-size: 1rem;
    font-weight: 600;
    border-radius: 8px;
    text-decoration: none;
    display: inline-block;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(20, 184, 166, 0.2);
}

.button-secondary:hover {
    background: #0d9488;
    box-shadow: 0 6px 20px rgba(20, 184, 166, 0.3);
    transform: translateY(-2px);
    text-decoration: none;
} */

.group-md {
    margin-top: 20px;
}


.services-camper-ausbau {
    color: #4b5563;
    line-height: 1.7;
    font-size: 1rem;
    margin-bottom: 0;
    display: inline;
}

.wallpaper-container {
    clip-path: polygon(0% 0%, 100.1% 0%, 100.1% 73%, 49.9% 100.3%, 49.9% 100.3%, 0% 72.8%);
}
/* .wallpaper-img{ */

 /* background-image: url(/images/wallpaper.webp); 
 background-repeat: no-repeat; 
 background-position: center;  */

 /* background: #4B5563;
 background: linear-gradient(0deg,rgba(75, 85, 99, 1) 0%, rgba(255, 255, 255, 1) 100%);
 width: 100%;
 height: 100%;
} */
.camper-video {
    max-width: 700px;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
    /* margin-bottom: 1rem; */
}

/* .wallpaper-img { 
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
  background-repeat: repeat;
  background-image: url("data:image/svg+xml;utf8,%3Csvg viewBox=%220 0 2000 600%22 xmlns=%22http:%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cmask id=%22b%22 x=%220%22 y=%220%22 width=%222000%22 height=%22600%22%3E%3Cpath fill=%22url(%23a)%22 d=%22M0 0h2000v600H0z%22%2F%3E%3C%2Fmask%3E%3Cpath fill=%22%23fff%22 d=%22M0 0h2000v600H0z%22%2F%3E%3Cg style=%22transform-origin:center center%22 stroke=%22%2399999e%22 stroke-width=%221.8%22 mask=%22url(%23b)%22%3E%3Cpath fill=%22none%22 d=%22M0 0h80v80H0z%22%2F%3E%3Cpath fill=%22%2399999e2a%22 d=%22M80 0h80v80H80z%22%2F%3E%3Cpath fill=%22none%22 d=%22M160 0h80v80h-80zM240 0h80v80h-80zM320 0h80v80h-80zM400 0h80v80h-80z%22%2F%3E%3Cpath fill=%22%2399999e85%22 d=%22M480 0h80v80h-80z%22%2F%3E%3Cpath fill=%22none%22 d=%22M560 0h80v80h-80zM640 0h80v80h-80zM720 0h80v80h-80zM800 0h80v80h-80zM880 0h80v80h-80z%22%2F%3E%3Cpath fill=%22%2399999e6d%22 d=%22M960 0h80v80h-80z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1040 0h80v80h-80zM1120 0h80v80h-80zM1200 0h80v80h-80zM1280 0h80v80h-80zM1360 0h80v80h-80zM1440 0h80v80h-80zM1520 0h80v80h-80zM1600 0h80v80h-80zM1680 0h80v80h-80zM1760 0h80v80h-80zM1840 0h80v80h-80zM1920 0h80v80h-80zM0 80h80v80H0z%22%2F%3E%3Cpath fill=%22%2399999eb3%22 d=%22M80 80h80v80H80z%22%2F%3E%3Cpath fill=%22%2399999efb%22 d=%22M160 80h80v80h-80z%22%2F%3E%3Cpath fill=%22none%22 d=%22M240 80h80v80h-80zM320 80h80v80h-80zM400 80h80v80h-80z%22%2F%3E%3Cpath fill=%22%2399999eb9%22 d=%22M480 80h80v80h-80z%22%2F%3E%3Cpath fill=%22none%22 d=%22M560 80h80v80h-80zM640 80h80v80h-80zM720 80h80v80h-80zM800 80h80v80h-80zM880 80h80v80h-80zM960 80h80v80h-80z%22%2F%3E%3Cpath fill=%22%2399999e11%22 d=%22M1040 80h80v80h-80z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1120 80h80v80h-80z%22%2F%3E%3Cpath fill=%22%2399999eda%22 d=%22M1200 80h80v80h-80z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1280 80h80v80h-80zM1360 80h80v80h-80z%22%2F%3E%3Cpath fill=%22%2399999e8e%22 d=%22M1440 80h80v80h-80z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1520 80h80v80h-80zM1600 80h80v80h-80zM1680 80h80v80h-80zM1760 80h80v80h-80zM1840 80h80v80h-80z%22%2F%3E%3Cpath fill=%22%2399999ee1%22 d=%22M1920 80h80v80h-80z%22%2F%3E%3Cpath fill=%22none%22 d=%22M0 160h80v80H0z%22%2F%3E%3Cpath fill=%22%2399999e79%22 d=%22M80 160h80v80H80z%22%2F%3E%3Cpath fill=%22none%22 d=%22M160 160h80v80h-80zM240 160h80v80h-80zM320 160h80v80h-80z%22%2F%3E%3Cpath fill=%22%2399999e16%22 d=%22M400 160h80v80h-80z%22%2F%3E%3Cpath fill=%22%2399999ebe%22 d=%22M480 160h80v80h-80z%22%2F%3E%3Cpath fill=%22none%22 d=%22M560 160h80v80h-80zM640 160h80v80h-80zM720 160h80v80h-80zM800 160h80v80h-80zM880 160h80v80h-80zM960 160h80v80h-80z%22%2F%3E%3Cpath fill=%22%2399999e1e%22 d=%22M1040 160h80v80h-80z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1120 160h80v80h-80zM1200 160h80v80h-80zM1280 160h80v80h-80z%22%2F%3E%3Cpath fill=%22%2399999ec2%22 d=%22M1360 160h80v80h-80z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1440 160h80v80h-80zM1520 160h80v80h-80z%22%2F%3E%3Cpath fill=%22%2399999e0a%22 d=%22M1600 160h80v80h-80z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1680 160h80v80h-80z%22%2F%3E%3Cpath fill=%22%2399999ebe%22 d=%22M1760 160h80v80h-80z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1840 160h80v80h-80z%22%2F%3E%3Cpath fill=%22%2399999e90%22 d=%22M1920 160h80v80h-80z%22%2F%3E%3Cpath fill=%22none%22 d=%22M0 240h80v80H0z%22%2F%3E%3Cpath fill=%22%2399999e52%22 d=%22M80 240h80v80H80z%22%2F%3E%3Cpath fill=%22none%22 d=%22M160 240h80v80h-80zM240 240h80v80h-80zM320 240h80v80h-80zM400 240h80v80h-80z%22%2F%3E%3Cpath fill=%22%2399999e36%22 d=%22M480 240h80v80h-80z%22%2F%3E%3Cpath fill=%22none%22 d=%22M560 240h80v80h-80zM640 240h80v80h-80zM720 240h80v80h-80zM800 240h80v80h-80zM880 240h80v80h-80zM960 240h80v80h-80zM1040 240h80v80h-80zM1120 240h80v80h-80zM1200 240h80v80h-80zM1280 240h80v80h-80zM1360 240h80v80h-80zM1440 240h80v80h-80zM1520 240h80v80h-80zM1600 240h80v80h-80zM1680 240h80v80h-80zM1760 240h80v80h-80z%22%2F%3E%3Cpath fill=%22%2399999ed6%22 d=%22M1840 240h80v80h-80z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1920 240h80v80h-80zM0 320h80v80H0zM80 320h80v80H80zM160 320h80v80h-80zM240 320h80v80h-80zM320 320h80v80h-80zM400 320h80v80h-80zM480 320h80v80h-80z%22%2F%3E%3Cpath fill=%22%2399999e0b%22 d=%22M560 320h80v80h-80z%22%2F%3E%3Cpath fill=%22none%22 d=%22M640 320h80v80h-80zM720 320h80v80h-80z%22%2F%3E%3Cpath fill=%22%2399999ed1%22 d=%22M800 320h80v80h-80z%22%2F%3E%3Cpath fill=%22%2399999e1c%22 d=%22M880 320h80v80h-80z%22%2F%3E%3Cpath fill=%22%2399999ef2%22 d=%22M960 320h80v80h-80z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1040 320h80v80h-80zM1120 320h80v80h-80zM1200 320h80v80h-80zM1280 320h80v80h-80zM1360 320h80v80h-80z%22%2F%3E%3Cpath fill=%22%2399999eba%22 d=%22M1440 320h80v80h-80z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1520 320h80v80h-80zM1600 320h80v80h-80zM1680 320h80v80h-80zM1760 320h80v80h-80z%22%2F%3E%3Cpath fill=%22%2399999e56%22 d=%22M1840 320h80v80h-80z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1920 320h80v80h-80zM0 400h80v80H0zM80 400h80v80H80zM160 400h80v80h-80zM240 400h80v80h-80zM320 400h80v80h-80zM400 400h80v80h-80z%22%2F%3E%3Cpath fill=%22%2399999ecf%22 d=%22M480 400h80v80h-80z%22%2F%3E%3Cpath fill=%22none%22 d=%22M560 400h80v80h-80zM640 400h80v80h-80zM720 400h80v80h-80zM800 400h80v80h-80zM880 400h80v80h-80z%22%2F%3E%3Cpath fill=%22%2399999e14%22 d=%22M960 400h80v80h-80z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1040 400h80v80h-80zM1120 400h80v80h-80zM1200 400h80v80h-80zM1280 400h80v80h-80z%22%2F%3E%3Cpath fill=%22%2399999ed0%22 d=%22M1360 400h80v80h-80z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1440 400h80v80h-80z%22%2F%3E%3Cpath fill=%22%2399999e12%22 d=%22M1520 400h80v80h-80z%22%2F%3E%3Cpath fill=%22%2399999e7a%22 d=%22M1600 400h80v80h-80z%22%2F%3E%3Cpath fill=%22%2399999e8e%22 d=%22M1680 400h80v80h-80z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1760 400h80v80h-80zM1840 400h80v80h-80zM1920 400h80v80h-80zM0 480h80v80H0zM80 480h80v80H80zM160 480h80v80h-80zM240 480h80v80h-80zM320 480h80v80h-80zM400 480h80v80h-80zM480 480h80v80h-80zM560 480h80v80h-80zM640 480h80v80h-80zM720 480h80v80h-80z%22%2F%3E%3Cpath fill=%22%2399999e13%22 d=%22M800 480h80v80h-80z%22%2F%3E%3Cpath fill=%22none%22 d=%22M880 480h80v80h-80zM960 480h80v80h-80z%22%2F%3E%3Cpath fill=%22%2399999eb8%22 d=%22M1040 480h80v80h-80z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1120 480h80v80h-80zM1200 480h80v80h-80zM1280 480h80v80h-80z%22%2F%3E%3Cpath fill=%22%2399999ef9%22 d=%22M1360 480h80v80h-80z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1440 480h80v80h-80zM1520 480h80v80h-80zM1600 480h80v80h-80zM1680 480h80v80h-80zM1760 480h80v80h-80zM1840 480h80v80h-80zM1920 480h80v80h-80zM0 560h80v80H0zM80 560h80v80H80zM160 560h80v80h-80zM240 560h80v80h-80zM320 560h80v80h-80z%22%2F%3E%3Cpath fill=%22%2399999e8e%22 d=%22M400 560h80v80h-80z%22%2F%3E%3Cpath fill=%22none%22 d=%22M480 560h80v80h-80z%22%2F%3E%3Cpath fill=%22%2399999ec1%22 d=%22M560 560h80v80h-80z%22%2F%3E%3Cpath fill=%22none%22 d=%22M640 560h80v80h-80zM720 560h80v80h-80zM800 560h80v80h-80zM880 560h80v80h-80z%22%2F%3E%3Cpath fill=%22%2399999e95%22 d=%22M960 560h80v80h-80z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1040 560h80v80h-80zM1120 560h80v80h-80z%22%2F%3E%3Cpath fill=%22%2399999e4d%22 d=%22M1200 560h80v80h-80z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1280 560h80v80h-80zM1360 560h80v80h-80zM1440 560h80v80h-80zM1520 560h80v80h-80zM1600 560h80v80h-80zM1680 560h80v80h-80zM1760 560h80v80h-80z%22%2F%3E%3Cpath fill=%22%2399999ee7%22 d=%22M1840 560h80v80h-80z%22%2F%3E%3Cpath fill=%22%2399999e9f%22 d=%22M1920 560h80v80h-80z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CradialGradient id=%22a%22%3E%3Cstop offset=%2252%25%22 stop-color=%22%23fff%22 stop-opacity=%220%22%2F%3E%3Cstop offset=%22100%25%22 stop-color=%22%23fff%22 stop-opacity=%22.48%22%2F%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
} */


.magic { 
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
  background-repeat: repeat;
  background-image: url("data:image/svg+xml;utf8,%3Csvg viewBox=%220 0 2000 1400%22 xmlns=%22http:%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cmask id=%22b%22 x=%220%22 y=%220%22 width=%222000%22 height=%221400%22%3E%3Cpath fill=%22url(%23a)%22 d=%22M0 0h2000v1400H0z%22%2F%3E%3C%2Fmask%3E%3Cpath fill=%22%23f4efef%22 d=%22M0 0h2000v1400H0z%22%2F%3E%3Cg style=%22transform-origin:center center%22 clip-rule=%22evenodd%22 stroke=%22%23c0b8af59%22 stroke-width=%221.5%22 mask=%22url(%23b)%22%3E%3Cg fill=%22none%22%3E%3Cpath d=%22M100 58.293v115.334l99.995 57.671V115.965L100 58.293ZM199.995 231.298 300 173.627V58.293l-100.005 57.672v115.333Z%22 stroke-width=%221.000005%22%2F%3E%3Cpath d=%22M100 58.293 199.995.632 300 58.293l-100.005 57.672L100 58.293Z%22 stroke-width=%221.000005%22%2F%3E%3C%2Fg%3E%3Cg fill=%22none%22%3E%3Cpath d=%22M300 58.293v115.334l99.995 57.671V115.965L300 58.293ZM399.995 231.298 500 173.627V58.293l-100.005 57.672v115.333Z%22 stroke-width=%221.000005%22%2F%3E%3Cpath d=%22M300 58.293 399.995.632 500 58.293l-100.005 57.672L300 58.293Z%22 stroke-width=%221.000005%22%2F%3E%3C%2Fg%3E%3Cg fill-rule=%22evenodd%22%3E%3Cpath d=%22M500 58.293v115.334l99.995 57.671V115.965L500 58.293Z%22 fill=%22%23c0b8af23%22 stroke-width=%221.000005%22%2F%3E%3Cpath d=%22M599.995 231.298 700 173.627V58.293l-100.005 57.672v115.333Z%22 fill=%22%23c0b8af19%22 stroke-width=%221.000005%22%2F%3E%3Cpath d=%22M500 58.293 599.995.632 700 58.293l-100.005 57.672L500 58.293Z%22 fill=%22%23c0b8af0c%22 stroke-width=%221.000005%22%2F%3E%3C%2Fg%3E%3Cg fill=%22none%22%3E%3Cpath d=%22M700 58.293v115.334l99.995 57.671V115.965L700 58.293ZM799.995 231.298 900 173.627V58.293l-100.005 57.672v115.333Z%22 stroke-width=%221.000005%22%2F%3E%3Cpath d=%22M700 58.293 799.995.632 900 58.293l-100.005 57.672L700 58.293Z%22 stroke-width=%221.000005%22%2F%3E%3C%2Fg%3E%3Cg fill-rule=%22evenodd%22%3E%3Cpath d=%22M900 58.293v115.334l99.995 57.671V115.965L900 58.293Z%22 fill=%22%23c0b8af52%22 stroke-width=%221.000005%22%2F%3E%3Cpath d=%22M999.995 231.298 1100 173.627V58.293l-100.005 57.672v115.333Z%22 fill=%22%23c0b8af39%22 stroke-width=%221.000005%22%2F%3E%3Cpath d=%22M900 58.293 999.995.632 1100 58.293l-100.005 57.672L900 58.293Z%22 fill=%22%23c0b8af1d%22 stroke-width=%221.000005%22%2F%3E%3C%2Fg%3E%3Cg fill=%22none%22%3E%3Cpath d=%22M1100 58.293v115.334l99.995 57.671V115.965L1100 58.293ZM1199.995 231.298 1300 173.627V58.293l-100.005 57.672v115.333Z%22 stroke-width=%221.000005%22%2F%3E%3Cpath d=%22M1100 58.293 1199.995.632 1300 58.293l-100.005 57.672L1100 58.293Z%22 stroke-width=%221.000005%22%2F%3E%3C%2Fg%3E%3Cg fill=%22none%22%3E%3Cpath d=%22M1300 58.293v115.334l99.995 57.671V115.965L1300 58.293ZM1399.995 231.298 1500 173.627V58.293l-100.005 57.672v115.333Z%22 stroke-width=%221.000005%22%2F%3E%3Cpath d=%22M1300 58.293 1399.995.632 1500 58.293l-100.005 57.672L1300 58.293Z%22 stroke-width=%221.000005%22%2F%3E%3C%2Fg%3E%3Cg fill-rule=%22evenodd%22%3E%3Cpath d=%22M1500 58.293v115.334l99.995 57.671V115.965L1500 58.293Z%22 fill=%22%23c0b8af12%22 stroke-width=%221.000005%22%2F%3E%3Cpath d=%22M1599.995 231.298 1700 173.627V58.293l-100.005 57.672v115.333Z%22 fill=%22%23c0b8af0d%22 stroke-width=%221.000005%22%2F%3E%3Cpath d=%22M1500 58.293 1599.995.632 1700 58.293l-100.005 57.672L1500 58.293Z%22 fill=%22%23c0b8af06%22 stroke-width=%221.000005%22%2F%3E%3C%2Fg%3E%3Cg fill-rule=%22evenodd%22%3E%3Cpath d=%22M0 231.626V346.96l99.995 57.671V289.298L0 231.626Z%22 fill=%22%23c0b8af47%22 stroke-width=%221.000005%22%2F%3E%3Cpath d=%22M99.995 404.631 200 346.96V231.626L99.995 289.298v115.333Z%22 fill=%22%23c0b8af32%22 stroke-width=%221.000005%22%2F%3E%3Cpath d=%22m0 231.626 99.995-57.661L200 231.626 99.995 289.298 0 231.626Z%22 fill=%22%23c0b8af19%22 stroke-width=%221.000005%22%2F%3E%3C%2Fg%3E%3Cg fill=%22none%22%3E%3Cpath d=%22M200 231.626V346.96l99.995 57.671V289.298L200 231.626ZM299.995 404.631 400 346.96V231.626l-100.005 57.672v115.333Z%22 stroke-width=%221.000005%22%2F%3E%3Cpath d=%22m200 231.626 99.995-57.661L400 231.626l-100.005 57.672L200 231.626Z%22 stroke-width=%221.000005%22%2F%3E%3C%2Fg%3E%3Cg fill=%22none%22%3E%3Cpath d=%22M400 231.626V346.96l99.995 57.671V289.298L400 231.626ZM499.995 404.631 600 346.96V231.626l-100.005 57.672v115.333Z%22 stroke-width=%221.000005%22%2F%3E%3Cpath d=%22m400 231.626 99.995-57.661L600 231.626l-100.005 57.672L400 231.626Z%22 stroke-width=%221.000005%22%2F%3E%3C%2Fg%3E%3Cg fill=%22none%22%3E%3Cpath d=%22M600 231.626V346.96l99.995 57.671V289.298L600 231.626ZM699.995 404.631 800 346.96V231.626l-100.005 57.672v115.333Z%22 stroke-width=%221.000005%22%2F%3E%3Cpath d=%22m600 231.626 99.995-57.661L800 231.626l-100.005 57.672L600 231.626Z%22 stroke-width=%221.000005%22%2F%3E%3C%2Fg%3E%3Cg fill-rule=%22evenodd%22%3E%3Cpath d=%22M800 231.626V346.96l99.995 57.671V289.298L800 231.626Z%22 fill=%22%23c0b8af44%22 stroke-width=%221.000005%22%2F%3E%3Cpath d=%22M899.995 404.631 1000 346.96V231.626l-100.005 57.672v115.333Z%22 fill=%22%23c0b8af30%22 stroke-width=%221.000005%22%2F%3E%3Cpath d=%22m800 231.626 99.995-57.661L1000 231.626l-100.005 57.672L800 231.626Z%22 fill=%22%23c0b8af18%22 stroke-width=%221.000005%22%2F%3E%3C%2Fg%3E%3Cg fill=%22none%22%3E%3Cpath d=%22M1600 231.626V346.96l99.995 57.671V289.298L1600 231.626ZM1699.995 404.631 1800 346.96V231.626l-100.005 57.672v115.333Z%22 stroke-width=%221.000005%22%2F%3E%3Cpath d=%22m1600 231.626 99.995-57.661L1800 231.626l-100.005 57.672L1600 231.626Z%22 stroke-width=%221.000005%22%2F%3E%3C%2Fg%3E%3Cg fill=%22none%22%3E%3Cpath d=%22M1800 231.626V346.96l99.995 57.671V289.298L1800 231.626ZM1899.995 404.631 2000 346.96V231.626l-100.005 57.672v115.333Z%22 stroke-width=%221.000005%22%2F%3E%3Cpath d=%22m1800 231.626 99.995-57.661L2000 231.626l-100.005 57.672L1800 231.626Z%22 stroke-width=%221.000005%22%2F%3E%3C%2Fg%3E%3Cg fill=%22none%22%3E%3Cpath d=%22M100 404.96v115.333l99.995 57.672V462.63L100 404.96ZM199.995 577.965 300 520.293V404.96L199.995 462.63v115.334Z%22 stroke-width=%221.000005%22%2F%3E%3Cpath d=%22m100 404.96 99.995-57.662L300 404.96 199.995 462.63 100 404.96Z%22 stroke-width=%221.000005%22%2F%3E%3C%2Fg%3E%3Cg fill-rule=%22evenodd%22%3E%3Cpath d=%22M300 404.96v115.333l99.995 57.672V462.63L300 404.96Z%22 fill=%22%23c0b8af16%22 stroke-width=%221.000005%22%2F%3E%3Cpath d=%22M399.995 577.965 500 520.293V404.96L399.995 462.63v115.334Z%22 fill=%22%23c0b8af0f%22 stroke-width=%221.000005%22%2F%3E%3Cpath d=%22m300 404.96 99.995-57.662L500 404.96 399.995 462.63 300 404.96Z%22 fill=%22%23c0b8af08%22 stroke-width=%221.000005%22%2F%3E%3C%2Fg%3E%3Cg fill=%22none%22%3E%3Cpath d=%22M500 404.96v115.333l99.995 57.672V462.63L500 404.96ZM599.995 577.965 700 520.293V404.96L599.995 462.63v115.334Z%22 stroke-width=%221.000005%22%2F%3E%3Cpath d=%22m500 404.96 99.995-57.662L700 404.96 599.995 462.63 500 404.96Z%22 stroke-width=%221.000005%22%2F%3E%3C%2Fg%3E%3Cg fill=%22none%22%3E%3Cpath d=%22M700 404.96v115.333l99.995 57.672V462.63L700 404.96ZM799.995 577.965 900 520.293V404.96L799.995 462.63v115.334Z%22 stroke-width=%221.000005%22%2F%3E%3Cpath d=%22m700 404.96 99.995-57.662L900 404.96 799.995 462.63 700 404.96Z%22 stroke-width=%221.000005%22%2F%3E%3C%2Fg%3E%3Cg fill=%22none%22%3E%3Cpath d=%22M900 404.96v115.333l99.995 57.672V462.63L900 404.96ZM999.995 577.965 1100 520.293V404.96L999.995 462.63v115.334Z%22 stroke-width=%221.000005%22%2F%3E%3Cpath d=%22m900 404.96 99.995-57.662L1100 404.96 999.995 462.63 900 404.96Z%22 stroke-width=%221.000005%22%2F%3E%3C%2Fg%3E%3Cg fill-rule=%22evenodd%22%3E%3Cpath d=%22M1100 404.96v115.333l99.995 57.672V462.63L1100 404.96Z%22 fill=%22%23c0b8af2a%22 stroke-width=%221.000005%22%2F%3E%3Cpath d=%22M1199.995 577.965 1300 520.293V404.96l-100.005 57.671v115.334Z%22 fill=%22%23c0b8af1e%22 stroke-width=%221.000005%22%2F%3E%3Cpath d=%22m1100 404.96 99.995-57.662L1300 404.96l-100.005 57.671L1100 404.96Z%22 fill=%22%23c0b8af0f%22 stroke-width=%221.000005%22%2F%3E%3C%2Fg%3E%3Cg fill=%22none%22%3E%3Cpath d=%22M1300 404.96v115.333l99.995 57.672V462.63L1300 404.96ZM1399.995 577.965 1500 520.293V404.96l-100.005 57.671v115.334Z%22 stroke-width=%221.000005%22%2F%3E%3Cpath d=%22m1300 404.96 99.995-57.662L1500 404.96l-100.005 57.671L1300 404.96Z%22 stroke-width=%221.000005%22%2F%3E%3C%2Fg%3E%3Cg fill=%22none%22%3E%3Cpath d=%22M1700 404.96v115.333l99.995 57.672V462.63L1700 404.96ZM1799.995 577.965 1900 520.293V404.96l-100.005 57.671v115.334Z%22 stroke-width=%221.000005%22%2F%3E%3Cpath d=%22m1700 404.96 99.995-57.662L1900 404.96l-100.005 57.671L1700 404.96Z%22 stroke-width=%221.000005%22%2F%3E%3C%2Fg%3E%3Cg fill-rule=%22evenodd%22%3E%3Cpath d=%22M1900 404.96v115.333l99.995 57.672V462.63L1900 404.96Z%22 fill=%22%23c0b8af3b%22 stroke-width=%221.000005%22%2F%3E%3Cpath d=%22M1999.995 577.965 2100 520.293V404.96l-100.005 57.671v115.334Z%22 fill=%22%23c0b8af29%22 stroke-width=%221.000005%22%2F%3E%3Cpath d=%22m1900 404.96 99.995-57.662L2100 404.96l-100.005 57.671L1900 404.96Z%22 fill=%22%23c0b8af15%22 stroke-width=%221.000005%22%2F%3E%3C%2Fg%3E%3Cg fill=%22none%22%3E%3Cpath d=%22M0 578.293v115.334l99.995 57.671V635.965L0 578.293ZM99.995 751.298 200 693.627V578.293L99.995 635.965v115.333Z%22 stroke-width=%221.000005%22%2F%3E%3Cpath d=%22m0 578.293 99.995-57.661L200 578.293 99.995 635.965 0 578.293Z%22 stroke-width=%221.000005%22%2F%3E%3C%2Fg%3E%3Cg fill=%22none%22%3E%3Cpath d=%22M200 578.293v115.334l99.995 57.671V635.965L200 578.293ZM299.995 751.298 400 693.627V578.293l-100.005 57.672v115.333Z%22 stroke-width=%221.000005%22%2F%3E%3Cpath d=%22m200 578.293 99.995-57.661L400 578.293l-100.005 57.672L200 578.293Z%22 stroke-width=%221.000005%22%2F%3E%3C%2Fg%3E%3Cg fill=%22none%22%3E%3Cpath d=%22M800 578.293v115.334l99.995 57.671V635.965L800 578.293ZM899.995 751.298 1000 693.627V578.293l-100.005 57.672v115.333Z%22 stroke-width=%221.000005%22%2F%3E%3Cpath d=%22m800 578.293 99.995-57.661L1000 578.293l-100.005 57.672L800 578.293Z%22 stroke-width=%221.000005%22%2F%3E%3C%2Fg%3E%3Cg fill=%22none%22%3E%3Cpath d=%22M1000 578.293v115.334l99.995 57.671V635.965L1000 578.293ZM1099.995 751.298 1200 693.627V578.293l-100.005 57.672v115.333Z%22 stroke-width=%221.000005%22%2F%3E%3Cpath d=%22m1000 578.293 99.995-57.661L1200 578.293l-100.005 57.672L1000 578.293Z%22 stroke-width=%221.000005%22%2F%3E%3C%2Fg%3E%3Cg fill=%22none%22%3E%3Cpath d=%22M1200 578.293v115.334l99.995 57.671V635.965L1200 578.293ZM1299.995 751.298 1400 693.627V578.293l-100.005 57.672v115.333Z%22 stroke-width=%221.000005%22%2F%3E%3Cpath d=%22m1200 578.293 99.995-57.661L1400 578.293l-100.005 57.672L1200 578.293Z%22 stroke-width=%221.000005%22%2F%3E%3C%2Fg%3E%3Cg fill=%22none%22%3E%3Cpath d=%22M1400 578.293v115.334l99.995 57.671V635.965L1400 578.293ZM1499.995 751.298 1600 693.627V578.293l-100.005 57.672v115.333Z%22 stroke-width=%221.000005%22%2F%3E%3Cpath d=%22m1400 578.293 99.995-57.661L1600 578.293l-100.005 57.672L1400 578.293Z%22 stroke-width=%221.000005%22%2F%3E%3C%2Fg%3E%3Cg fill=%22none%22%3E%3Cpath d=%22M1600 578.293v115.334l99.995 57.671V635.965L1600 578.293ZM1699.995 751.298 1800 693.627V578.293l-100.005 57.672v115.333Z%22 stroke-width=%221.000005%22%2F%3E%3Cpath d=%22m1600 578.293 99.995-57.661L1800 578.293l-100.005 57.672L1600 578.293Z%22 stroke-width=%221.000005%22%2F%3E%3C%2Fg%3E%3Cg fill=%22none%22%3E%3Cpath d=%22M100 751.626V866.96l99.995 57.671V809.298L100 751.626ZM199.995 924.631 300 866.96V751.626l-100.005 57.672v115.333Z%22 stroke-width=%221.000005%22%2F%3E%3Cpath d=%22m100 751.626 99.995-57.661L300 751.626l-100.005 57.672L100 751.626Z%22 stroke-width=%221.000005%22%2F%3E%3C%2Fg%3E%3Cg fill-rule=%22evenodd%22%3E%3Cpath d=%22M300 751.626V866.96l99.995 57.671V809.298L300 751.626Z%22 fill=%22%23c0b8af08%22 stroke-width=%221.000005%22%2F%3E%3Cpath d=%22M399.995 924.631 500 866.96V751.626l-100.005 57.672v115.333Z%22 fill=%22%23c0b8af05%22 stroke-width=%221.000005%22%2F%3E%3Cpath d=%22m300 751.626 99.995-57.661L500 751.626l-100.005 57.672L300 751.626Z%22 fill=%22%23c0b8af03%22 stroke-width=%221.000005%22%2F%3E%3C%2Fg%3E%3Cg fill=%22none%22%3E%3Cpath d=%22M500 751.626V866.96l99.995 57.671V809.298L500 751.626ZM599.995 924.631 700 866.96V751.626l-100.005 57.672v115.333Z%22 stroke-width=%221.000005%22%2F%3E%3Cpath d=%22m500 751.626 99.995-57.661L700 751.626l-100.005 57.672L500 751.626Z%22 stroke-width=%221.000005%22%2F%3E%3C%2Fg%3E%3Cg fill-rule=%22evenodd%22%3E%3Cpath d=%22M700 751.626V866.96l99.995 57.671V809.298L700 751.626Z%22 fill=%22%23c0b8af30%22 stroke-width=%221.000005%22%2F%3E%3Cpath d=%22M799.995 924.631 900 866.96V751.626l-100.005 57.672v115.333Z%22 fill=%22%23c0b8af22%22 stroke-width=%221.000005%22%2F%3E%3Cpath d=%22m700 751.626 99.995-57.661L900 751.626l-100.005 57.672L700 751.626Z%22 fill=%22%23c0b8af11%22 stroke-width=%221.000005%22%2F%3E%3C%2Fg%3E%3Cg fill=%22none%22%3E%3Cpath d=%22M900 751.626V866.96l99.995 57.671V809.298L900 751.626ZM999.995 924.631 1100 866.96V751.626l-100.005 57.672v115.333Z%22 stroke-width=%221.000005%22%2F%3E%3Cpath d=%22m900 751.626 99.995-57.661L1100 751.626l-100.005 57.672L900 751.626Z%22 stroke-width=%221.000005%22%2F%3E%3C%2Fg%3E%3Cg fill=%22none%22%3E%3Cpath d=%22M1100 751.626V866.96l99.995 57.671V809.298L1100 751.626ZM1199.995 924.631 1300 866.96V751.626l-100.005 57.672v115.333Z%22 stroke-width=%221.000005%22%2F%3E%3Cpath d=%22m1100 751.626 99.995-57.661L1300 751.626l-100.005 57.672L1100 751.626Z%22 stroke-width=%221.000005%22%2F%3E%3C%2Fg%3E%3Cg fill=%22none%22%3E%3Cpath d=%22M1300 751.626V866.96l99.995 57.671V809.298L1300 751.626ZM1399.995 924.631 1500 866.96V751.626l-100.005 57.672v115.333Z%22 stroke-width=%221.000005%22%2F%3E%3Cpath d=%22m1300 751.626 99.995-57.661L1500 751.626l-100.005 57.672L1300 751.626Z%22 stroke-width=%221.000005%22%2F%3E%3C%2Fg%3E%3Cg fill=%22none%22%3E%3Cpath d=%22M1500 751.626V866.96l99.995 57.671V809.298L1500 751.626ZM1599.995 924.631 1700 866.96V751.626l-100.005 57.672v115.333Z%22 stroke-width=%221.000005%22%2F%3E%3Cpath d=%22m1500 751.626 99.995-57.661L1700 751.626l-100.005 57.672L1500 751.626Z%22 stroke-width=%221.000005%22%2F%3E%3C%2Fg%3E%3Cg fill=%22none%22%3E%3Cpath d=%22M1700 751.626V866.96l99.995 57.671V809.298L1700 751.626ZM1799.995 924.631 1900 866.96V751.626l-100.005 57.672v115.333Z%22 stroke-width=%221.000005%22%2F%3E%3Cpath d=%22m1700 751.626 99.995-57.661L1900 751.626l-100.005 57.672L1700 751.626Z%22 stroke-width=%221.000005%22%2F%3E%3C%2Fg%3E%3Cg fill-rule=%22evenodd%22%3E%3Cpath d=%22M1900 751.626V866.96l99.995 57.671V809.298L1900 751.626Z%22 fill=%22%23c0b8af03%22 stroke-width=%221.000005%22%2F%3E%3Cpath d=%22M1999.995 924.631 2100 866.96V751.626l-100.005 57.672v115.333Z%22 fill=%22%23c0b8af02%22 stroke-width=%221.000005%22%2F%3E%3Cpath d=%22m1900 751.626 99.995-57.661L2100 751.626l-100.005 57.672L1900 751.626Z%22 fill=%22%23c0b8af01%22 stroke-width=%221.000005%22%2F%3E%3C%2Fg%3E%3Cg fill=%22none%22%3E%3Cpath d=%22M0 924.96v115.333l99.995 57.672V982.63L0 924.96ZM99.995 1097.965 200 1040.293V924.96L99.995 982.63v115.334Z%22 stroke-width=%221.000005%22%2F%3E%3Cpath d=%22m0 924.96 99.995-57.662L200 924.96 99.995 982.63 0 924.96Z%22 stroke-width=%221.000005%22%2F%3E%3C%2Fg%3E%3Cg fill-rule=%22evenodd%22%3E%3Cpath d=%22M200 924.96v115.333l99.995 57.672V982.63L200 924.96Z%22 fill=%22%23c0b8af2f%22 stroke-width=%221.000005%22%2F%3E%3Cpath d=%22M299.995 1097.965 400 1040.293V924.96L299.995 982.63v115.334Z%22 fill=%22%23c0b8af21%22 stroke-width=%221.000005%22%2F%3E%3Cpath d=%22m200 924.96 99.995-57.662L400 924.96 299.995 982.63 200 924.96Z%22 fill=%22%23c0b8af10%22 stroke-width=%221.000005%22%2F%3E%3C%2Fg%3E%3Cg fill=%22none%22%3E%3Cpath d=%22M400 924.96v115.333l99.995 57.672V982.63L400 924.96ZM499.995 1097.965 600 1040.293V924.96L499.995 982.63v115.334Z%22 stroke-width=%221.000005%22%2F%3E%3Cpath d=%22m400 924.96 99.995-57.662L600 924.96 499.995 982.63 400 924.96Z%22 stroke-width=%221.000005%22%2F%3E%3C%2Fg%3E%3Cg fill=%22none%22%3E%3Cpath d=%22M600 924.96v115.333l99.995 57.672V982.63L600 924.96ZM699.995 1097.965 800 1040.293V924.96L699.995 982.63v115.334Z%22 stroke-width=%221.000005%22%2F%3E%3Cpath d=%22m600 924.96 99.995-57.662L800 924.96 699.995 982.63 600 924.96Z%22 stroke-width=%221.000005%22%2F%3E%3C%2Fg%3E%3Cg fill=%22none%22%3E%3Cpath d=%22M800 924.96v115.333l99.995 57.672V982.63L800 924.96ZM899.995 1097.965 1000 1040.293V924.96L899.995 982.63v115.334Z%22 stroke-width=%221.000005%22%2F%3E%3Cpath d=%22m800 924.96 99.995-57.662L1000 924.96 899.995 982.63 800 924.96Z%22 stroke-width=%221.000005%22%2F%3E%3C%2Fg%3E%3Cg fill=%22none%22%3E%3Cpath d=%22M1000 924.96v115.333l99.995 57.672V982.63L1000 924.96ZM1099.995 1097.965 1200 1040.293V924.96l-100.005 57.671v115.334Z%22 stroke-width=%221.000005%22%2F%3E%3Cpath d=%22m1000 924.96 99.995-57.662L1200 924.96l-100.005 57.671L1000 924.96Z%22 stroke-width=%221.000005%22%2F%3E%3C%2Fg%3E%3Cg fill=%22none%22%3E%3Cpath d=%22M1400 924.96v115.333l99.995 57.672V982.63L1400 924.96ZM1499.995 1097.965 1600 1040.293V924.96l-100.005 57.671v115.334Z%22 stroke-width=%221.000005%22%2F%3E%3Cpath d=%22m1400 924.96 99.995-57.662L1600 924.96l-100.005 57.671L1400 924.96Z%22 stroke-width=%221.000005%22%2F%3E%3C%2Fg%3E%3Cg fill-rule=%22evenodd%22%3E%3Cpath d=%22M1600 924.96v115.333l99.995 57.672V982.63L1600 924.96Z%22 fill=%22%23c0b8af18%22 stroke-width=%221.000005%22%2F%3E%3Cpath d=%22M1699.995 1097.965 1800 1040.293V924.96l-100.005 57.671v115.334Z%22 fill=%22%23c0b8af11%22 stroke-width=%221.000005%22%2F%3E%3Cpath d=%22m1600 924.96 99.995-57.662L1800 924.96l-100.005 57.671L1600 924.96Z%22 fill=%22%23c0b8af08%22 stroke-width=%221.000005%22%2F%3E%3C%2Fg%3E%3Cg fill-rule=%22evenodd%22%3E%3Cpath d=%22M1800 924.96v115.333l99.995 57.672V982.63L1800 924.96Z%22 fill=%22%23c0b8af10%22 stroke-width=%221.000005%22%2F%3E%3Cpath d=%22M1899.995 1097.965 2000 1040.293V924.96l-100.005 57.671v115.334Z%22 fill=%22%23c0b8af0b%22 stroke-width=%221.000005%22%2F%3E%3Cpath d=%22m1800 924.96 99.995-57.662L2000 924.96l-100.005 57.671L1800 924.96Z%22 fill=%22%23c0b8af06%22 stroke-width=%221.000005%22%2F%3E%3C%2Fg%3E%3Cg fill-rule=%22evenodd%22%3E%3Cpath d=%22M100 1098.293v115.334l99.995 57.671v-115.333L100 1098.293Z%22 fill=%22%23c0b8af22%22 stroke-width=%221.000005%22%2F%3E%3Cpath d=%22M199.995 1271.298 300 1213.627v-115.334l-100.005 57.672v115.333Z%22 fill=%22%23c0b8af17%22 stroke-width=%221.000005%22%2F%3E%3Cpath d=%22m100 1098.293 99.995-57.661L300 1098.293l-100.005 57.672L100 1098.293Z%22 fill=%22%23c0b8af0c%22 stroke-width=%221.000005%22%2F%3E%3C%2Fg%3E%3Cg fill-rule=%22evenodd%22%3E%3Cpath d=%22M300 1098.293v115.334l99.995 57.671v-115.333L300 1098.293Z%22 fill=%22%23c0b8af53%22 stroke-width=%221.000005%22%2F%3E%3Cpath d=%22M399.995 1271.298 500 1213.627v-115.334l-100.005 57.672v115.333Z%22 fill=%22%23c0b8af3a%22 stroke-width=%221.000005%22%2F%3E%3Cpath d=%22m300 1098.293 99.995-57.661L500 1098.293l-100.005 57.672L300 1098.293Z%22 fill=%22%23c0b8af1d%22 stroke-width=%221.000005%22%2F%3E%3C%2Fg%3E%3Cg fill=%22none%22%3E%3Cpath d=%22M500 1098.293v115.334l99.995 57.671v-115.333L500 1098.293ZM599.995 1271.298 700 1213.627v-115.334l-100.005 57.672v115.333Z%22 stroke-width=%221.000005%22%2F%3E%3Cpath d=%22m500 1098.293 99.995-57.661L700 1098.293l-100.005 57.672L500 1098.293Z%22 stroke-width=%221.000005%22%2F%3E%3C%2Fg%3E%3Cg fill=%22none%22%3E%3Cpath d=%22M700 1098.293v115.334l99.995 57.671v-115.333L700 1098.293ZM799.995 1271.298 900 1213.627v-115.334l-100.005 57.672v115.333Z%22 stroke-width=%221.000005%22%2F%3E%3Cpath d=%22m700 1098.293 99.995-57.661L900 1098.293l-100.005 57.672L700 1098.293Z%22 stroke-width=%221.000005%22%2F%3E%3C%2Fg%3E%3Cg fill=%22none%22%3E%3Cpath d=%22M900 1098.293v115.334l99.995 57.671v-115.333L900 1098.293ZM999.995 1271.298 1100 1213.627v-115.334l-100.005 57.672v115.333Z%22 stroke-width=%221.000005%22%2F%3E%3Cpath d=%22m900 1098.293 99.995-57.661L1100 1098.293l-100.005 57.672L900 1098.293Z%22 stroke-width=%221.000005%22%2F%3E%3C%2Fg%3E%3Cg fill=%22none%22%3E%3Cpath d=%22M1100 1098.293v115.334l99.995 57.671v-115.333L1100 1098.293ZM1199.995 1271.298 1300 1213.627v-115.334l-100.005 57.672v115.333Z%22 stroke-width=%221.000005%22%2F%3E%3Cpath d=%22m1100 1098.293 99.995-57.661L1300 1098.293l-100.005 57.672-99.995-57.672Z%22 stroke-width=%221.000005%22%2F%3E%3C%2Fg%3E%3Cg fill=%22none%22%3E%3Cpath d=%22M1300 1098.293v115.334l99.995 57.671v-115.333L1300 1098.293ZM1399.995 1271.298 1500 1213.627v-115.334l-100.005 57.672v115.333Z%22 stroke-width=%221.000005%22%2F%3E%3Cpath d=%22m1300 1098.293 99.995-57.661L1500 1098.293l-100.005 57.672-99.995-57.672Z%22 stroke-width=%221.000005%22%2F%3E%3C%2Fg%3E%3Cg fill=%22none%22%3E%3Cpath d=%22M1500 1098.293v115.334l99.995 57.671v-115.333L1500 1098.293ZM1599.995 1271.298 1700 1213.627v-115.334l-100.005 57.672v115.333Z%22 stroke-width=%221.000005%22%2F%3E%3Cpath d=%22m1500 1098.293 99.995-57.661L1700 1098.293l-100.005 57.672-99.995-57.672Z%22 stroke-width=%221.000005%22%2F%3E%3C%2Fg%3E%3Cg fill-rule=%22evenodd%22%3E%3Cpath d=%22M1700 1098.293v115.334l99.995 57.671v-115.333L1700 1098.293Z%22 fill=%22%23c0b8af41%22 stroke-width=%221.000005%22%2F%3E%3Cpath d=%22M1799.995 1271.298 1900 1213.627v-115.334l-100.005 57.672v115.333Z%22 fill=%22%23c0b8af2e%22 stroke-width=%221.000005%22%2F%3E%3Cpath d=%22m1700 1098.293 99.995-57.661L1900 1098.293l-100.005 57.672-99.995-57.672Z%22 fill=%22%23c0b8af17%22 stroke-width=%221.000005%22%2F%3E%3C%2Fg%3E%3Cg fill=%22none%22%3E%3Cpath d=%22M1900 1098.293v115.334l99.995 57.671v-115.333L1900 1098.293ZM1999.995 1271.298 2100 1213.627v-115.334l-100.005 57.672v115.333Z%22 stroke-width=%221.000005%22%2F%3E%3Cpath d=%22m1900 1098.293 99.995-57.661L2100 1098.293l-100.005 57.672-99.995-57.672Z%22 stroke-width=%221.000005%22%2F%3E%3C%2Fg%3E%3Cg fill=%22none%22%3E%3Cpath d=%22M0 1271.626v115.334l99.995 57.671v-115.333L0 1271.626ZM99.995 1444.631 200 1386.96v-115.334l-100.005 57.672v115.333Z%22 stroke-width=%221.000005%22%2F%3E%3Cpath d=%22m0 1271.626 99.995-57.661L200 1271.626l-100.005 57.672L0 1271.626Z%22 stroke-width=%221.000005%22%2F%3E%3C%2Fg%3E%3Cg fill-rule=%22evenodd%22%3E%3Cpath d=%22M200 1271.626v115.334l99.995 57.671v-115.333L200 1271.626Z%22 fill=%22%23c0b8af34%22 stroke-width=%221.000005%22%2F%3E%3Cpath d=%22M299.995 1444.631 400 1386.96v-115.334l-100.005 57.672v115.333Z%22 fill=%22%23c0b8af24%22 stroke-width=%221.000005%22%2F%3E%3Cpath d=%22m200 1271.626 99.995-57.661L400 1271.626l-100.005 57.672L200 1271.626Z%22 fill=%22%23c0b8af12%22 stroke-width=%221.000005%22%2F%3E%3C%2Fg%3E%3Cg fill-rule=%22evenodd%22%3E%3Cpath d=%22M400 1271.626v115.334l99.995 57.671v-115.333L400 1271.626Z%22 fill=%22%23c0b8af20%22 stroke-width=%221.000005%22%2F%3E%3Cpath d=%22M499.995 1444.631 600 1386.96v-115.334l-100.005 57.672v115.333Z%22 fill=%22%23c0b8af16%22 stroke-width=%221.000005%22%2F%3E%3Cpath d=%22m400 1271.626 99.995-57.661L600 1271.626l-100.005 57.672L400 1271.626Z%22 fill=%22%23c0b8af0b%22 stroke-width=%221.000005%22%2F%3E%3C%2Fg%3E%3Cg fill=%22none%22%3E%3Cpath d=%22M600 1271.626v115.334l99.995 57.671v-115.333L600 1271.626ZM699.995 1444.631 800 1386.96v-115.334l-100.005 57.672v115.333Z%22 stroke-width=%221.000005%22%2F%3E%3Cpath d=%22m600 1271.626 99.995-57.661L800 1271.626l-100.005 57.672L600 1271.626Z%22 stroke-width=%221.000005%22%2F%3E%3C%2Fg%3E%3Cg fill=%22none%22%3E%3Cpath d=%22M1000 1271.626v115.334l99.995 57.671v-115.333L1000 1271.626ZM1099.995 1444.631 1200 1386.96v-115.334l-100.005 57.672v115.333Z%22 stroke-width=%221.000005%22%2F%3E%3Cpath d=%22m1000 1271.626 99.995-57.661L1200 1271.626l-100.005 57.672-99.995-57.672Z%22 stroke-width=%221.000005%22%2F%3E%3C%2Fg%3E%3Cg fill=%22none%22%3E%3Cpath d=%22M1200 1271.626v115.334l99.995 57.671v-115.333L1200 1271.626ZM1299.995 1444.631 1400 1386.96v-115.334l-100.005 57.672v115.333Z%22 stroke-width=%221.000005%22%2F%3E%3Cpath d=%22m1200 1271.626 99.995-57.661L1400 1271.626l-100.005 57.672-99.995-57.672Z%22 stroke-width=%221.000005%22%2F%3E%3C%2Fg%3E%3Cg fill=%22none%22%3E%3Cpath d=%22M1400 1271.626v115.334l99.995 57.671v-115.333L1400 1271.626ZM1499.995 1444.631 1600 1386.96v-115.334l-100.005 57.672v115.333Z%22 stroke-width=%221.000005%22%2F%3E%3Cpath d=%22m1400 1271.626 99.995-57.661L1600 1271.626l-100.005 57.672-99.995-57.672Z%22 stroke-width=%221.000005%22%2F%3E%3C%2Fg%3E%3Cg fill-rule=%22evenodd%22%3E%3Cpath d=%22M1600 1271.626v115.334l99.995 57.671v-115.333L1600 1271.626Z%22 fill=%22%23c0b8af08%22 stroke-width=%221.000005%22%2F%3E%3Cpath d=%22M1699.995 1444.631 1800 1386.96v-115.334l-100.005 57.672v115.333Z%22 fill=%22%23c0b8af06%22 stroke-width=%221.000005%22%2F%3E%3Cpath d=%22m1600 1271.626 99.995-57.661L1800 1271.626l-100.005 57.672-99.995-57.672Z%22 fill=%22%23c0b8af03%22 stroke-width=%221.000005%22%2F%3E%3C%2Fg%3E%3Cg fill=%22none%22%3E%3Cpath d=%22M1800 1271.626v115.334l99.995 57.671v-115.333L1800 1271.626ZM1899.995 1444.631 2000 1386.96v-115.334l-100.005 57.672v115.333Z%22 stroke-width=%221.000005%22%2F%3E%3Cpath d=%22m1800 1271.626 99.995-57.661L2000 1271.626l-100.005 57.672-99.995-57.672Z%22 stroke-width=%221.000005%22%2F%3E%3C%2Fg%3E%3Cg fill=%22none%22%3E%3Cpath d=%22M100 1444.96v115.333l99.995 57.672V1502.63L100 1444.96ZM199.995 1617.965 300 1560.293V1444.96l-100.005 57.671v115.334Z%22 stroke-width=%221.000005%22%2F%3E%3Cpath d=%22m100 1444.96 99.995-57.662L300 1444.96l-100.005 57.671L100 1444.96Z%22 stroke-width=%221.000005%22%2F%3E%3C%2Fg%3E%3Cg fill-rule=%22evenodd%22%3E%3Cpath d=%22M300 1444.96v115.333l99.995 57.672V1502.63L300 1444.96Z%22 fill=%22%23c0b8af19%22 stroke-width=%221.000005%22%2F%3E%3Cpath d=%22M399.995 1617.965 500 1560.293V1444.96l-100.005 57.671v115.334Z%22 fill=%22%23c0b8af12%22 stroke-width=%221.000005%22%2F%3E%3Cpath d=%22m300 1444.96 99.995-57.662L500 1444.96l-100.005 57.671L300 1444.96Z%22 fill=%22%23c0b8af09%22 stroke-width=%221.000005%22%2F%3E%3C%2Fg%3E%3Cg fill=%22none%22%3E%3Cpath d=%22M500 1444.96v115.333l99.995 57.672V1502.63L500 1444.96ZM599.995 1617.965 700 1560.293V1444.96l-100.005 57.671v115.334Z%22 stroke-width=%221.000005%22%2F%3E%3Cpath d=%22m500 1444.96 99.995-57.662L700 1444.96l-100.005 57.671L500 1444.96Z%22 stroke-width=%221.000005%22%2F%3E%3C%2Fg%3E%3Cg fill=%22none%22%3E%3Cpath d=%22M900 1444.96v115.333l99.995 57.672V1502.63L900 1444.96ZM999.995 1617.965 1100 1560.293V1444.96l-100.005 57.671v115.334Z%22 stroke-width=%221.000005%22%2F%3E%3Cpath d=%22m900 1444.96 99.995-57.662L1100 1444.96l-100.005 57.671L900 1444.96Z%22 stroke-width=%221.000005%22%2F%3E%3C%2Fg%3E%3Cg fill-rule=%22evenodd%22%3E%3Cpath d=%22M1100 1444.96v115.333l99.995 57.672V1502.63L1100 1444.96Z%22 fill=%22%23c0b8af42%22 stroke-width=%221.000005%22%2F%3E%3Cpath d=%22M1199.995 1617.965 1300 1560.293V1444.96l-100.005 57.671v115.334Z%22 fill=%22%23c0b8af2e%22 stroke-width=%221.000005%22%2F%3E%3Cpath d=%22m1100 1444.96 99.995-57.662L1300 1444.96l-100.005 57.671L1100 1444.96Z%22 fill=%22%23c0b8af17%22 stroke-width=%221.000005%22%2F%3E%3C%2Fg%3E%3Cg fill=%22none%22%3E%3Cpath d=%22M1300 1444.96v115.333l99.995 57.672V1502.63L1300 1444.96ZM1399.995 1617.965 1500 1560.293V1444.96l-100.005 57.671v115.334Z%22 stroke-width=%221.000005%22%2F%3E%3Cpath d=%22m1300 1444.96 99.995-57.662L1500 1444.96l-100.005 57.671L1300 1444.96Z%22 stroke-width=%221.000005%22%2F%3E%3C%2Fg%3E%3Cg fill-rule=%22evenodd%22%3E%3Cpath d=%22M1500 1444.96v115.333l99.995 57.672V1502.63L1500 1444.96Z%22 fill=%22%23c0b8af0e%22 stroke-width=%221.000005%22%2F%3E%3Cpath d=%22M1599.995 1617.965 1700 1560.293V1444.96l-100.005 57.671v115.334Z%22 fill=%22%23c0b8af0a%22 stroke-width=%221.000005%22%2F%3E%3Cpath d=%22m1500 1444.96 99.995-57.662L1700 1444.96l-100.005 57.671L1500 1444.96Z%22 fill=%22%23c0b8af05%22 stroke-width=%221.000005%22%2F%3E%3C%2Fg%3E%3Cg fill-rule=%22evenodd%22%3E%3Cpath d=%22M1700 1444.96v115.333l99.995 57.672V1502.63L1700 1444.96Z%22 fill=%22%23c0b8af2e%22 stroke-width=%221.000005%22%2F%3E%3Cpath d=%22M1799.995 1617.965 1900 1560.293V1444.96l-100.005 57.671v115.334Z%22 fill=%22%23c0b8af20%22 stroke-width=%221.000005%22%2F%3E%3Cpath d=%22m1700 1444.96 99.995-57.662L1900 1444.96l-100.005 57.671L1700 1444.96Z%22 fill=%22%23c0b8af10%22 stroke-width=%221.000005%22%2F%3E%3C%2Fg%3E%3Cg fill=%22none%22%3E%3Cpath d=%22M1900 1444.96v115.333l99.995 57.672V1502.63L1900 1444.96ZM1999.995 1617.965 2100 1560.293V1444.96l-100.005 57.671v115.334Z%22 stroke-width=%221.000005%22%2F%3E%3Cpath d=%22m1900 1444.96 99.995-57.662L2100 1444.96l-100.005 57.671L1900 1444.96Z%22 stroke-width=%221.000005%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cdefs%3E%3CradialGradient id=%22a%22%3E%3Cstop offset=%220%22 stop-color=%22%23fff%22%2F%3E%3Cstop offset=%221%22 stop-color=%22%23fff%22%2F%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
  border-image:fill 0 linear-gradient(to right, #f06, #4a90e2) 1;
}

.text-rentcar{
  font-size: 19px;
}


/* Estilos de la galería SeCCION**********************/
.camper-products-section {
  padding: 60px 20px;
  background: #f3f4f6;
}

.camper-products-container {
  max-width: 1200px;
  margin: 0 auto;
}

.camper-products-header {
  text-align: center;
  margin-bottom: 40px;
}

.camper-products-header h1 {
  font-size: 2.5rem;
  color: #1e3761;
  margin: 0 0 12px 0;
  font-weight: 700;
  line-height: 1.2;
}

.camper-products-header p {
  color: #6b7280;
  font-size: 1.1rem;
}

.camper-products-intro h2{
  color: #6b7280;
  font-size: 1.1rem;
}

.camper-search-box {
  margin-bottom: 20px;
}

.camper-search-box input {
  width: 100%;
  padding: 12px 16px;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  font-size: 1rem;
  transition: all 0.3s;
}

.camper-search-box input:focus {
  outline: none;
  border-color: #2563eb;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
}

.camper-brand-filters {
  margin-bottom: 30px;
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: center;
}

.camper-filter-btn {
  border: 2px solid #d1d5db;
  background: #fff;
  padding: 10px 20px;
  border-radius: 25px;
  cursor: pointer;
  font-weight: 600;
  transition: all 0.3s;
  color: #1e3761;
}

.camper-filter-btn:hover {
  border-color: #00264d9c;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(37, 99, 235, 0.2);
}

.camper-filter-btn[aria-pressed="true"] {
  background: linear-gradient(to top, rgba(26, 58, 92, 0.95), rgba(26, 58, 92, 0.85));
  color: #fff;
  border-color: #00264d9c;
}

.camper-products-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 24px;
}

.card-product-market {
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0,0,0,.08);
  display: flex;
  flex-direction: column;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  height: auto;
  min-height: 380px;
  position: relative;
  border: 1px solid rgba(0,0,0,.05);
}

.card-product-market:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 32px rgba(0,0,0,.15);
  border-color: rgba(30, 55, 97, 0.1);
}

.card-product-market.camper-hidden {
  display: none;
}

.camper-product-thumb {
  width: 100%;
  height: 200px;
  object-fit: cover;
  transition: transform 0.3s ease;
}

.card-product-market:hover .camper-product-thumb {
  transform: scale(1.05);
}

.camper-card-body {
  height: auto;
  min-height: 180px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 20px;
  flex-grow: 1;
}

.camper-product-title {
  font-weight: 600;
  margin: 0 0 12px 0;
  font-size: 1rem;
  color: #1e3761;
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
  hyphens: auto;
  display: block;
  overflow: visible;
  white-space: normal;
  min-height: 2.6em;
}

.camper-brand-badge {
  display: inline-block;
  background: linear-gradient(135deg, #1e3761, #2a4a7a);
  color: white;
  padding: 4px 12px;
  border-radius: 20px;
  font-size: 0.75rem;
  font-weight: 500;
  margin-bottom: 12px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.camper-product-meta {
  color: #6b7280;
  font-size: 0.8rem;
  line-height: 1.5;
  flex-grow: 1;
  margin-bottom: 20px;
  overflow: visible;
  white-space: normal;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.camper-product-more-info {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(to top, rgba(30, 55, 97, 0.95), rgba(30, 55, 97, 0.85));
  color: white;
  text-align: center;
  padding: 18px;
  font-weight: 600;
  font-size: 0.95rem;
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  pointer-events: none;
  backdrop-filter: blur(10px);
  border-top: 1px solid rgba(255,255,255,0.1);
}

.card-product-market:hover .camper-product-more-info {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .card-product-market {
    min-height: 350px;
  }
  
  .camper-card-body {
    padding: 15px;
    min-height: 160px;
  }
  
  .camper-product-title {
    font-size: 0.9rem;
  }
  
  .camper-product-meta {
    font-size: 0.75rem;
  }
}
    
.camper-brand-badge {
  display: inline-block;
  font-size: 0.75rem;
  padding: 4px 10px;
  border-radius: 12px;
  font-weight: 600;
  background: #e5e7eb;
  color: #1e3761;
  margin-top: 8px;
}

.camper-no-results {
  grid-column: 1/-1;
  text-align: center;
  color: #6b7280;
  padding: 40px;
  background: #fff;
  border-radius: 12px;
  font-size: 1.1rem;
}

.camper-products-header h2 {
  font-size: 1.5rem;
  color: #6b7280;
  margin: 0 0 12px 0;
  font-weight: 400;
}


/* Estilos del Megamenú **********************/

.rd-nav-item--has-megamenu {
  position: relative;
}

.rd-navbar-megamenu {
  
  position: absolute;
  top: 100%;
  left: 0;
  width: 250px;
 
  border-radius: 15px;
  background: #e0e0e0;
  box-shadow:  4px 15px 40px #bebebe,
                4px 15px 40px #ffffff;
  /* background: #fff;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  border-radius: 4px; */
  padding: 15px 0;
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: all 0.3s ease;
  z-index: 1000;
}

.rd-nav-item--has-megamenu:hover .rd-navbar-megamenu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.rd-megamenu-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.rd-megamenu-list-item {
  margin: 0;
}

.rd-megamenu-list-link {
  display: block;
  padding: 10px 20px;
  color: #2D4A69;
  text-decoration: none;
  transition: all 0.2s ease;
  font-size: 16px;
  font-family: 'Fredoka';
}

.rd-megamenu-list-link:hover {
  background-color: #8BA4B0;
  color: #fff;
}

/* card style */

.hero-section {

	background-image:
   linear-gradient(0deg,rgba(35, 72, 112, 1) 0%, rgba(214, 201, 182, 0.54) 100%),
   url('/images/ausstellfenster-vw-id-buzz-private-look.webp');
  
	/* mix-blend-mode:difference; */
  background-repeat: no-repeat;
	background-size: cover; /* Para que cubra todo el contenedor */
	background-position: center; /* Para centrarlo */
	min-height: 10vh;
	display: flex;
	align-items: center;
	position: relative;
	overflow: hidden;
	padding: 60px 0;
	/* clip-path: polygon(0% 85%, 9% 83%, 17% 86%, 26% 88%, 39% 85%, 48% 83%, 57% 88%, 66% 89%, 78% 89%, 82% 86%, 87% 83%, 96% 85%, 100% 79%, 100% 0%, 0% 0%); */
}

.hero-section::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.3);
	z-index: 1;
}

.hero-content {
	position: relative;
	z-index: 2;
	text-align: center;
	color: white;
}

.video-background {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: -1;
}

.hero-title {
	color: #fffef4;
	font-size: 3.5rem;
	font-weight: 500;
	margin-bottom: 1rem;
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
	font-family: 'Fredoka', sans-serif;
  letter-spacing: 0.02em;
}

.hero-subtitle {
	font-size: 1.6rem;
	opacity: 0.9;
	margin-bottom: 2rem;
  font-family: 'Fredoka', sans-serif;
}

/* Product Details Section */
.product-section {
	padding: 80px 0;
	background: #f8f9fa;
}

.product-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: auto 1fr auto;
	gap: 2rem;
	max-width: 1500px;
	margin: 0 auto;
	align-items: stretch;
	}

.product-hero {
	grid-column: span 2;
	text-align: center;
	margin-bottom: 2rem;
	/* display: none; */

	}

.product-hero h2 {
  font-size: 1.5rem; 
  color: #152d5b; 
  font-family: 'Montserrat Alternates', sans-serif; 
  margin-bottom: 1rem;
}

.product-hero h3 {
  font-size: 1.5rem; 
  color: #152d5b; 
  font-family: 'Montserrat Alternates', sans-serif; 
  margin-bottom: 1rem;
}

.product-images {
	grid-row-start: 2;
	display: flex;
    flex-direction: column;
	height: 100%;
	
}

.product-tabs {
	grid-row-start: 2;
	display: flex;
	flex-direction: column;
	height: 100%;
}

.tab-paragraph p {
	color: #6c757d; 
	margin-bottom: 1rem; 
	text-align: justify;
	font-family: 'montserrat', sans-serif;
	
}

.tab-paragraph h4 {
	color: #152d5b; 
	margin-bottom: 1rem; 
	font-size: 1.5rem;
	
}


.tab-content {
	flex: 1; /* Hace que el contenido del tab ocupe el espacio restante */
}

.feature-list {
  list-style: none;
  padding-left: 0;
  margin-top: 1rem;
}

.feature-list li {
  margin-bottom: 10px;
  font-size: clamp(0.3rem, -0.875rem + 8.333vw, 1.0rem);
  font-weight: 500;
  color: #343a40;
  display: flex;
  align-items: center;
  /* line-height: 1rem; */
  font-family: 'montserrat', sans-serif;
  text-align: justify;
}

.feature-list li:hover {
  color: #23458f;
  transform: scale(1.02);
  transition: transform 0.3s ease, color 0.3s ease;}

.feature-list i {
  color: #23458f;
  margin-right: 10px;
  font-size: 0.8rem;
}

.button-name {
  align-items: center;
  appearance: none;
  background-color: #2A4B78;
  border-radius: 4px;
  border-width: 0;
  box-shadow:
    rgba(45, 35, 66, 0.2) 0 2px 4px,
    rgba(45, 35, 66, 0.15) 0 7px 13px -3px,
    #d6d6e7 0 -3px 0 inset;
  box-sizing: border-box;
  color: white;
  cursor: pointer;
  display: inline-flex;
  height: 48px;
  justify-content: center;
  line-height: 1;
  list-style: none;
  overflow: hidden;
  padding-left: 16px;
  padding-right: 16px;
  position: relative;
  text-align: left;
  text-decoration: none;
  transition:
    box-shadow 0.15s,
    transform 0.15s;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  white-space: nowrap;
  will-change: box-shadow, transform;
  font-size: 18px;
}

.button-name:focus {
  box-shadow:
    #d6d6e7 0 0 0 1.5px inset,
    rgba(45, 35, 66, 0.4) 0 2px 4px,
    rgba(45, 35, 66, 0.3) 0 7px 13px -3px,
    #d6d6e7 0 -3px 0 inset;
}

.button-name:hover {
  box-shadow:
    rgba(45, 35, 66, 0.3) 0 4px 8px,
    rgba(45, 35, 66, 0.2) 0 7px 13px -3px,
    #d6d6e7 0 -3px 0 inset;
  transform: translateY(-2px);
}

.button-name:active {
  box-shadow: #d6d6e7 0 3px 7px inset;
  transform: translateY(2px);
}


.process-steps {
	display: flex;
	flex-direction: column;
	gap: 0;
	margin-top: 1rem;
}

.step-item {
	display: flex;
	align-items: flex-start;
	gap: 1rem;
	position: relative;
}

.step-circle {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: #e9ecef;
	border: 3px solid #dee2e6;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	position: relative;
	z-index: 2;
	transition: all 0.3s ease;
}

.step-circle.active {
	background: #23458f;
	border-color: #23458f;
	color: white;
}

.step-circle.active .step-number {
	color: white;
	font-weight: 600;
}

.step-number {
	font-size: 1rem;
	font-weight: 600;
	color: #6c757d;
}

.step-content {
	flex: 1;
	padding-bottom: 1.5rem;
}

.step-content h5 {
	margin: 0 0 0.5rem 0;
	font-size: 1.1rem;
	font-weight: 600;
	color: #152d5b;
}

.step-content p {
	margin: 0;
	color: #6c757d;
	font-size: clamp(0.3rem, -0.875rem + 8.333vw, 1.0rem);
	line-height: 1.4;
	text-align: center;
}

.step-connector {
	width: 3px;
	height: 30px;
	background: #dee2e6;
	margin-left: 18.5px;
	margin-top: -5px;
	margin-bottom: -5px;
	position: relative;
	z-index: 1;
}

.step-connector:last-child {
	display: none;
}


.faq-section-grid {
	grid-column: span 2;
	grid-row-start: 3;
	margin-top: 2rem;
}

.product-image-gallery {
	display: flex;
	flex-direction: column;
	height: 100%;
}

.main-product-image {
	width: 100%;
	height: 400px;
	object-fit: cover;
	border-radius: 15px;
	margin-bottom: 1rem;
}

.thumbnail {
	width: 100%;
	height: 140px;
	object-fit: cover;
	border-radius: 8px;
	cursor: pointer;
	transition: transform 0.3s ease;
	border: 2px solid transparent;
}

.thumbnail:hover {
transform: scale(1.05);
border-color: #667eea;
}

.thumbnail.active {
border-color: #667eea;
}

/* Custom Tabs */
.custom-tabs {
	display: flex;
	flex-direction: column;
	height: 100%;
}

.tab-navigation {
display: flex;
border-bottom: 2px solid #e9ecef;
margin-bottom: 2rem;
overflow-x: auto;
}

.tab-navigation h2 {
font-size: clamp(1.00rem, calc(0.909rem + 0.455vw), 0.9rem);
}

.tab-btn {
padding: 1rem 1.5rem;
border: none;
background: transparent;
color: #6c757d;
font-weight: 500;
font-size: 0.9rem;
cursor: pointer;
transition: all 0.3s ease;
white-space: nowrap;
border-bottom: 3px solid transparent;
text-transform: uppercase;
}

.tab-btn.active {
color: #23458f;
border-bottom-color: #23458f;
background-color: #6c757d44; 
border-radius: 5%; 
}

.tab-btn:hover {
color: #23458f;
}

.tab-content {
display: none;
animation: fadeIn 0.3s ease;
}

.tab-content.active {
display: block;
}

@keyframes fadeIn {
from { opacity: 0; transform: translateY(10px); }
to { opacity: 1; transform: translateY(0); }
}

.progress-item {
margin-bottom: 1.5rem;
}

.progress-label {
display: flex;
justify-content: between;
margin-bottom: 0.5rem;
font-weight: 500;

}

.progress-bar-container {
height: 8px;
background: #e9ecef;
border-radius: 10px;
overflow: hidden;
}

.progress-bar {
height: 100%;
border-radius: 10px;
transition: width 0.8s ease;
}

.progress-tours { background: linear-gradient(90deg, #667eea, #764ba2); }
.progress-excursions { background: linear-gradient(90deg, #f093fb, #f5576c); }
.progress-bookings { background: linear-gradient(90deg, #4facfe, #00f2fe); }

/* FAQ Section */
.faq-section {
background: white;
border-radius: 20px;
padding: 3rem;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.faq-title {
text-align: center;
margin-bottom: 3rem;
font-size: 2.5rem;
font-weight: 700;
color: #152d5b;
font-family: 'Montserrat Alternates', sans-serif;
}

.faq-item {
margin-bottom: 1rem;
border: 1px solid #e9ecef;
border-radius: 15px;
overflow: hidden;
transition: all 0.3s ease;
}

.faq-item:hover {
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.faq-question {
padding: 1.5rem;
background: #f8f9fa;
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
font-weight: 500;
font-size: clamp(1rem, -0.875rem + 8.333vw, 1.5rem);
font-family:'Fredoka';
color: #152d5b;
border: none;
width: 100%;
text-align: left;
transition: background 0.3s ease;
}

.faq-question h4 {
font-weight: 500;
font-size: clamp(1rem, -0.875rem + 8.333vw, 1.5rem);
font-family:'Fredoka';
color: #152d5b;

}

.faq-question:hover {
background: #e9ecef;
}

.faq-question.active {
background: #00264D;
color: white;
}

.faq-question.active h4 {
font-weight: 500;
font-size: clamp(1rem, -0.875rem + 8.333vw, 1.5rem);
font-family:'Fredoka';
color: #ffffff;

}

.faq-icon {
font-size: 1.9rem;
transition: transform 0.3s ease;
}

.faq-question.active .faq-icon {
transform: rotate(45deg);
}

.faq-answer {
padding: 0 1.5rem;
background: white;
max-height: 0;
overflow: hidden;

transition: max-height 0.3s ease, padding 0.3s ease;
}

.faq-answer p{
	font-size:clamp(1rem, -0.875rem + 8.333vw, 1.1rem);
	font-weight: 400;
	text-align: justify;
}

.faq-answer.active {
max-height: 200px;
padding: 1.5rem;
}

.product-hero p.test{
	font-size: 0.9rem; 
	color: #6c757d; 
	max-width: 1200px;
	margin: 0 auto; 
	text-align: justify;
}

/* Aufstelldach intro benefits — modern h3 styling */
.camper-products-intro {
  text-align: center;
}
.camper-products-intro h3 {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin: 8px 10px;
  padding: 10px 14px;
  border-radius: 999px;
  background: rgba(30, 55, 97, 0.06);
  color: #0b1c36;
  font-family: "Fredoka", "Montserrat", system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji";
  font-weight: 700;
  letter-spacing: 0.2px;
  font-size: clamp(15px, 13px + 0.35vw, 18px);
  line-height: 1.2;
}
.camper-products-intro h3::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: linear-gradient(135deg, #1e3761 0%, #8ab6ff 100%);
  box-shadow: 0 0 0 3px rgba(30, 55, 97, 0.12);
}
@media (min-width: 992px) {
  .camper-products-intro h3 {
    margin: 10px 12px;
    padding: 12px 16px;
  }
}

/* Aufstelldach page — search/heading band */
.camper-products-busqueda {
  text-align: center;
  padding: 6px 16px;
  margin: 0 auto 8px;
  max-width: 1100px;
}
.camper-products-busqueda h2 {
  font-family: "Fredoka", "Montserrat", system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial;
  font-weight: 400;
  color: #0b1c36;
  letter-spacing: 0.2px;
  line-height: 1.15;
  margin: 0 auto;
  padding: 0 4px 8px;
  font-size: clamp(14px, 12px + 1.2vw, 16px);
  position: relative;
}
.camper-products-busqueda h2::after {
  content: "";
  display: block;
  width: 120px;
  height: 2px;
  margin: 10px auto 0;
  border-radius: 999px;
  background: linear-gradient(90deg, #1e3761 0%, #8ab6ff 100%);
  box-shadow: 0 4px 18px rgba(30, 55, 97, 0.18);
}



 /* Contact Form Section */
 .contact-form-section {
  padding: 80px 0;
  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
}

.contact-form-container {
  background: #ffffff;
  border-radius: 20px;
  padding: 40px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
}

.form-header {
  text-align: center;
  margin-bottom: 40px;
}

.form-title {
  font-size: 2.5rem;
  color: #152d5b;
  font-family: 'Montserrat Alternates', sans-serif;
  font-weight: 700;
  margin-bottom: 15px;
}

.form-subtitle {
  font-size: 1.1rem;
  color: #6c757d;
  margin-bottom: 0;
}

/* Modern Form Elements */
.modern-contact-form .form-group {
  margin-bottom: 25px;
}

.form-label {
  font-weight: 600;
  color: #152d5b;
  margin-bottom: 8px;
  font-size: 0.95rem;
  display: block;
}

.modern-input,
.modern-select,
.modern-textarea {
  width: 100%;
  padding: 15px 20px;
  border: 1px solid #e9ecef;
  border-radius: 8px;
  font-size: 1rem;
  transition: all 0.3s ease;
  background: #ffffff;
  color: #495057;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.02);
  font-family: inherit;
}

.modern-input:hover,
.modern-select:hover,
.modern-textarea:hover {
  border-color: #d1d5db;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.04);
}

.modern-input:focus,
.modern-select:focus,
.modern-textarea:focus {
  outline: none;
  border-color: #152d5b;
  box-shadow: 0 0 0 3px rgba(21, 45, 91, 0.08), 0 4px 12px rgba(0, 0, 0, 0.06);
  transform: translateY(-1px);
}

.modern-input::placeholder,
.modern-textarea::placeholder {
  color: #9ca3af;
  font-style: italic;
}

.modern-textarea {
  resize: vertical;
  min-height: 120px;
  line-height: 1.5;
}

/* Elegant input styling */
.form-group {
  position: relative;
}

.modern-input:not(:placeholder-shown),
.modern-textarea:not(:placeholder-shown) {
  border-color: #d1d5db;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.03);
}

/* Subtle animation on focus */
.modern-input:focus,
.modern-textarea:focus {
  background: #fafbfc;
}

/* Label animation */
.form-label {
  transition: color 0.3s ease;
}

.form-group:focus-within .form-label {
  color: #152d5b;
}

/* Checkbox Group */
.checkbox-group {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 15px;
  margin-top: 10px;
}

.custom-checkbox {
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer;
}

.custom-checkbox input[type="checkbox"] {
  opacity: 0;
  position: absolute;
  cursor: pointer;
}

.custom-checkbox label {
  position: relative;
  padding-left: 35px;
  cursor: pointer;
  font-size: 0.95rem;
  color: #495057;
  line-height: 1.4;
}

.custom-checkbox label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 2px;
  width: 20px;
  height: 20px;
  border: 2px solid #e9ecef;
  border-radius: 6px;
  background: #ffffff;
  transition: all 0.3s ease;
}

.custom-checkbox input[type="checkbox"]:checked + label:before {
  background: #152d5b;
  border-color: #152d5b;
}

.custom-checkbox input[type="checkbox"]:checked + label:after {
  content: '✓';
  position: absolute;
  left: 4px;
  top: 2px;
  color: #ffffff;
  font-size: 14px;
  font-weight: bold;
}

/* Submit Button */
.modern-submit-btn {
  background: linear-gradient(135deg, #152d5b 0%, #1e3761 100%);
  border: none;
  border-radius: 12px;
  padding: 18px 20px;
  font-size: 1rem;
  font-weight: 600;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  transition: all 0.3s ease;
  cursor: pointer;
  width: 100%;
  margin-top: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-height: 56px;
}

.modern-submit-btn:hover {
  transform: translateY(-3px);
  box-shadow: 0 15px 35px rgba(21, 45, 91, 0.3);
  background: linear-gradient(135deg, #1e3761 0%, #152d5b 100%);
}

.btn-icon {
  transition: transform 0.3s ease;
}

.modern-submit-btn:hover .btn-icon {
  transform: translateX(5px);
}

/* Button text styling */
.btn-text {
  flex: 1;
  text-align: center;
  font-size: inherit;
  font-weight: inherit;
  white-space: normal;
  line-height: 1.2;
}

.btn-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
}

/* Contact Info Sidebar */
.contact-info-sidebar {
  position: sticky;
  top: 100px;
}

.contact-card {
  background: #ffffff;
  border-radius: 20px;
  padding: 30px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.1);
  margin-bottom: 30px;
}

.contact-card-header {
  text-align: center;
  margin-bottom: 30px;
}

.contact-card-header h3 {
  font-size: 1.5rem;
  color: #152d5b;
  font-family: 'Montserrat Alternates', sans-serif;
  font-weight: 700;
  margin-bottom: 10px;
}

.contact-card-header p {
  color: #6c757d;
  margin-bottom: 0;
}

.contact-methods {
  display: flex;
  flex-direction: column;
  gap: 25px;
}

.contact-method {
  display: flex;
  align-items: flex-start;
  gap: 15px;
  padding: 20px;
  background: #f8f9fa;
  border-radius: 12px;
  transition: all 0.3s ease;
}

.contact-method:hover {
  background: #e9ecef;
  transform: translateY(-2px);
}

.contact-icon {
  width: 50px;
  height: 50px;
  background: #152d5b;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  flex-shrink: 0;
}

.whatsapp-icon {
  background: #25d366;
}

.contact-details h4 {
  font-size: 1.1rem;
  color: #152d5b;
  font-weight: 600;
  margin-bottom: 8px;
}

.contact-details p {
  margin-bottom: 5px;
  color: #495057;
}

.contact-details a {
  color: #152d5b;
  text-decoration: none;
  font-weight: 500;
}

.contact-details a:hover {
  color: #1e3761;
  text-decoration: underline;
}

.contact-note {
  font-size: 0.85rem;
  color: #6c757d;
  font-style: italic;
}

/* WhatsApp specific alignment fix */
.whatsapp-method .contact-details {
  text-align: left;
  width: 100%;
}

.whatsapp-method .contact-details h4,
.whatsapp-method .contact-details p,
.whatsapp-method .contact-details .contact-note {
  text-align: left;
  margin-left: 0;
}

/* Trust Indicators */
.trust-indicators {
  background: #ffffff;
  border-radius: 20px;
  padding: 30px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.1);
}

.trust-indicators h4 {
  font-size: 1.3rem;
  color: #152d5b;
  font-family: 'Montserrat Alternates', sans-serif;
  font-weight: 700;
  margin-bottom: 20px;
  text-align: center;
}

.trust-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.trust-list li {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 0;
  color: #495057;
  font-size: 0.95rem;
}

.trust-list li i {
  color: #28a745;
  font-size: 1.1rem;
}

/* FAQ Section */
.faq-section {
  padding: 80px 0;
  background: #ffffff;
}

.faq-header {
  margin-bottom: 50px;
}

.faq-main-title {
  font-size: 2.5rem;
  color: #152d5b;
  font-family: 'Montserrat Alternates', sans-serif;
  font-weight: 700;
  margin-bottom: 15px;
}

.faq-subtitle {
  font-size: 1.1rem;
  color: #6c757d;
  margin-bottom: 0;
}

.faq-container {
  max-width: 800px;
  margin: 0 auto;
}

.privacy-content a:hover {
  color: #1e3761;
  text-decoration: underline;
}

.contact-info-box {
  background: #f8f9fa;
  border-left: 4px solid #152d5b;
  padding: 20px;
  margin: 20px 0;
  border-radius: 8px;
}

.contact-info-box p {
  margin-bottom: 10px;
  color: #495057;
}

.contact-info-box strong {
  color: #152d5b;
}

.last-updated {
  text-align: center;
  margin-top: 40px;
  padding-top: 20px;
  border-top: 1px solid #e9ecef;
  color: #6c757d;
  font-style: italic;
}


/* Custom Services CSS  */

 .camper-services-section {
  padding: 80px 0;
  min-height: 100vh;
}

.camper-services-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}

.camper-services-header {
  text-align: center;
  margin-bottom: 60px;
}

.camper-services-header h1 {
  font-size: 2.5rem;
  font-weight: 700;
  color: #1e3761;
  margin-bottom: 20px;
  line-height: 1.2;
}

.services-intro {
  font-size: 1.2rem;
  color: #4a5568;
  max-width: 800px;
  margin: 0 auto;
  line-height: 1.6;
}

.services-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
  gap: 30px;
  margin-bottom: 60px;
}

.service-card {
  background: white;
  border-radius: 12px;
  padding: 30px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  border: 1px solid #e2e8f0;
}

.service-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

.service-icon {
  text-align: center;
  margin-bottom: 20px;
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.service-svg {
  width: 120px;
  height: 120px;
  max-width: 100%;
  display: block;
  margin: 0 auto;
  object-fit: contain;
  fill: #1E3761;
}

.service-card h2 {
  font-size: 1.5rem;
  font-weight: 600;
  color: #1e3761;
  margin-bottom: 15px;
  line-height: 1.3;
  min-height: 3.9rem;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  text-align: center;
}

.service-card p {
  color: #4a5568;
  line-height: 1.6;
  margin-bottom: 20px;
}

.service-features h3 {
  font-size: 1.2rem;
  font-weight: 600;
  color: #1e3761;
  margin-bottom: 15px;
  margin-top: 25px;
}

.service-features ul {
  list-style: none;
  padding: 0;
}

.service-features li {
  color: #4a5568;
  line-height: 1.6;
  margin-bottom: 8px;
  padding-left: 20px;
  position: relative;
}

.service-features li:before {
  content: "✓";
  position: absolute;
  left: 0;
  color: #25d366;
  font-weight: bold;
}

.services-cta {
  text-align: center;
  background: linear-gradient(135deg, #1e3761 0%, #2d4a7c 100%);
  color: white;
  padding: 60px 40px;
  border-radius: 12px;
  margin-top: 40px;
}

.services-cta h2 {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 20px;
}

.services-cta p {
  font-size: 1.1rem;
  margin-bottom: 30px;
  opacity: 0.9;
}

.cta-buttons {
  display: flex;
  gap: 20px;
  justify-content: center;
  flex-wrap: wrap;
}

.btn {
  padding: 15px 30px;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 600;
  font-size: 1rem;
  transition: all 0.3s ease;
  display: inline-block;
  min-width: 180px;
  text-align: center;
}

.btn-primary {
  background: #25d366;
  color: white;
  border: 2px solid #25d366;
}

.btn-primary:hover {
  background: #20b358;
  border-color: #20b358;
  transform: translateY(-2px);
}

.btn-secondary {
  background: transparent;
  color: white;
  border: 2px solid white;
}

.btn-secondary:hover {
  background: white;
  color: #1e3761;
  transform: translateY(-2px);
}



.image-modal {
  display: none;
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.9);
  backdrop-filter: blur(5px);
  animation: fadeIn 0.3s ease-in-out;
}

.image-modal-content {
  margin: auto;
  display: block;
  width: 90%;
  max-width: 800px;
  max-height: 90%;
  object-fit: contain;
  border-radius: 8px;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5);
  animation: zoomIn 0.3s ease-in-out;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.image-modal-close {
  position: absolute;
  top: 20px;
  right: 35px;
  color: #fff;
  font-size: 40px;
  font-weight: bold;
  cursor: pointer;
  z-index: 10000;
  transition: all 0.3s ease;
  background: rgba(0, 0, 0, 0.5);
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

.image-modal-close:hover {
  color: #ff6b6b;
  background: rgba(255, 255, 255, 0.1);
  transform: scale(1.1);
}

.image-modal-caption {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  text-align: center;
  background: rgba(0, 0, 0, 0.7);
  padding: 15px 25px;
  border-radius: 25px;
  font-size: 16px;
  font-weight: 500;
  max-width: 80%;
  backdrop-filter: blur(10px);
}

.camper-product-thumb {
  cursor: pointer;
  transition: all 0.3s ease;
}

.camper-product-thumb:hover {
  transform: scale(1.05);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes zoomIn {
  from { 
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.8);
  }
  to { 
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
}

.working-tabs {
  margin-top: 20px;
}

.tab-header {
  display: flex;
  border-bottom: 2px solid #D3C1B7;
  margin-bottom: 20px;
}

.tab-item {
  padding: 12px 20px;
  cursor: pointer;
  background: transparent;
  border: none;
  color: #666;
  font-weight: 500;
  transition: all 0.3s ease;
  border-bottom: 3px solid transparent;
  position: relative;
}

.tab-item:hover {
  color: #D3C1B7;
  background-color: rgba(211, 193, 183, 0.1);
}

.tab-item.active {
  color: #D3C1B7;
  border-bottom-color: #D3C1B7;
  font-weight: 600;
}

.tab-body {
  position: relative;
  min-height: 120px;
}

.tab-content-item {
  display: none;
  opacity: 0;
  transition: opacity 0.3s ease;
  animation: fadeIn 0.3s ease-in-out;
}

.tab-content-item.active {
  display: block;
  opacity: 1;
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}