@charset "UTF-8";

@font-face {
  font-family: "Montserrat";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/Montserrat-Regular/Montserrat-Regular.eot");
  src: url("../fonts/Montserrat-Regular/Montserrat-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-Regular/Montserrat-Regular.woff") format("woff"), url("../fonts/Montserrat-Regular/Montserrat-Regular.ttf") format("truetype"), url("../fonts/Montserrat-Regular/Montserrat-Regular.svg#Montserrat") format("svg");
}

@font-face {
  font-family: "Montserrat";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/Montserrat-Bold/Montserrat-Bold.eot");
  src: url("../fonts/Montserrat-Bold/Montserrat-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-Bold/Montserrat-Bold.woff") format("woff"), url("../fonts/Montserrat-Bold/Montserrat-Bold.ttf") format("truetype"), url("../fonts/Montserrat-Bold/Montserrat-Bold.svg#Montserrat") format("svg");
}

@font-face {
  font-family: "Futura PT";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/FuturaPTBold/FuturaPTBold.eot");
  src: url("../fonts/FuturaPTBold/FuturaPTBold.eot?#iefix") format("embedded-opentype"), url("../fonts/FuturaPTBold/FuturaPTBold.woff") format("woff"), url("../fonts/FuturaPTBold/FuturaPTBold.ttf") format("truetype"), url("../fonts/FuturaPTBold/FuturaPTBold.svg#Futura PT") format("svg");
}

@font-face {
  font-family: "Futura PT";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/FuturaPTDemi/FuturaPTDemi.eot");
  src: url("../fonts/FuturaPTDemi/FuturaPTDemi.eot?#iefix") format("embedded-opentype"), url("../fonts/FuturaPTDemi/FuturaPTDemi.woff") format("woff"), url("../fonts/FuturaPTDemi/FuturaPTDemi.ttf") format("truetype"), url("../fonts/FuturaPTDemi/FuturaPTDemi.svg#Futura PT") format("svg");
}

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

/* HTML5 display-role reset for older browsers */

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

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

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

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

body {
  font: 400 16px/150% Montserrat, Helvetica, Arial, sans-serif;
  background: #ffffff;
  min-width: 340px;
  color: #000;
  position: relative;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

*,
*:before,
*:after {
  box-sizing: border-box;
  outline: none;
}

.hidden {
  display: none;
  overflow: hidden;
}

.wrapper {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}

a {
  color: #333333;
  text-decoration: none;
}

form input.error {
  box-shadow: inset 0px 0px 20px 1px rgba(255, 0, 0, 0.3);
  border: 2px solid red !important;
}

form input.not_error {
  box-shadow: inset 0px 0px 20px 1px rgba(100, 255, 100, 0.3);
  border: 2px solid #99FF99 !important;
}

h1 {
  font: normal 700 50px/140% "Futura PT";
  text-transform: uppercase;
}

h1 span {
  display: block;
  font-size: 21px;
  line-height: 27px;
  margin-bottom: 10px;
}

h2 {
  font: 700 40px/51px "Futura PT";
  text-transform: uppercase;
}

h3 {
  font: normal 700 30px/38px "Futura PT";
  text-transform: uppercase;
}

h4 {
  font: 700 21px/140% "Futura PT";
}

.video {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}

.video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.container {
  margin: 0 auto;
  max-width: 1260px;
  padding: 0 10px;
  width: 100%;
}

.countdownHolder {
  margin: 0 auto;
  font: 30px/1 Roboto, sans-serif;
  text-align: center;
  letter-spacing: -3px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  /*Параметры цифр */
  /*Параметры подложки для секций */
  /*Параметры секций разделения (:)*/
  /*Параметры вспомогательного текста (дни, часы, минуты, секунды)*/
}

.countdownHolder .position {
  display: inline-block;
  height: 1em;
  overflow: hidden;
  position: relative;
  width: 0.5em;
}

.countdownHolder .digit {
  position: absolute;
  display: block;
  border-radius: 0.2em;
  text-align: center;
  color: #000;
  letter-spacing: -1px;
  left: 50%;
  transform: translateX(-50%);
}

.countdownHolder .countDays,
.countdownHolder .countHours,
.countdownHolder .countMinutes,
.countdownHolder .countSeconds {
  background: #fff;
  border-radius: 5px;
  padding: 10px;
}

.countdownHolder .countDiv {
  display: none;
  width: 10px;
  height: 1em;
  position: relative;
}

.countdownHolder .countDiv:before,
.countdownHolder .countDiv:after {
  background: #444;
  position: absolute;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  left: 50%;
  margin-left: -3px;
  top: 0.2em;
  box-shadow: 1px 1px 1px rgba(4, 4, 4, 0.5);
  content: "";
}

.countdownHolder .countDiv:after {
  top: 0.6em;
}

.countdownHolder .textdigit {
  font-size: 15px;
  letter-spacing: 0px;
}

form {
  position: relative;
  background: #fff;
  border-radius: 10px;
  padding: 20px 45px;
}

form .input {
  background: #fff;
  width: 100%;
  height: 60px;
  border: 1px solid transparent;
  border-bottom: 1px solid #CFCFCF;
  border-radius: 3px;
  padding-left: 15px;
  font-weight: 400;
  font-size: 16px;
  line-height: 60px;
  display: block;
}

form .input__wrap {
  display: block;
  text-align: left;
  margin-bottom: 10px;
}

form .input__label {
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
  display: block;
}

form:before {
  content: "";
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(255, 255, 255, 0.7) url(../img/loading.svg) 50% no-repeat;
  z-index: 10;
}

form.loading:before {
  display: block;
}

form .intl-tel-input {
  width: 100%;
}

form .country-list .country-name {
  color: #333;
}

form .subm {
  margin-top: 40px;
  background: #000000;
  box-shadow: 0px 0px 0px #292929;
  border-radius: 5px;
  width: 100%;
  height: 60px;
  font-size: 18px;
  color: #fff;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-bottom: 34px;
}

form .form__agree {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  font-size: 11px;
  line-height: 13px;
  color: rgba(0, 0, 0, 0.5);
}

form .form__agree_text {
  width: 100%;
  margin-bottom: 7px;
}

form .form__agree_link {
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline;
  color: #3284FF;
}

.btn {
  font: normal 700 21px "Futura PT";
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  display: inline-flex;
  background: #000000;
  box-shadow: 0px 0px 0px #292929;
  border-radius: 5px;
  color: #fff;
  height: 80px;
  justify-content: center;
  align-items: center;
  padding: 0 40px;
  color: #fff;
  position: relative;
  transition: 0.3s ease;
}

.btn:hover {
  background: #BC0F0F;
}

.subm {
  cursor: pointer;
  border: none;
  display: block;
  margin: 0 auto;
}

.header {
  padding: 20px 0;
}

.header__container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.header__logo {
  display: block;
  width: 155px;
  height: 37px;
  background: url(../img/header__logo.svg) 50% no-repeat;
  background-size: contain;
}

.header__menu {
  display: flex;
}

.header__menu_item {
  margin: 0 30px;
}

.header__menu_link {
  transition: 0.3s ease;
}

.header__menu_link:hover {
  color: #BC0F0F;
}

.header__phones {
  display: flex;
  flex-wrap: wrap;
}

.header__phones_link {
  margin-left: 50px;
  transition: 0.3s ease;
}

.header__phones_link:hover {
  color: #BC0F0F;
}

.success-header {
  padding: 20px 0;
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
}

.success-header__logo {
  display: block;
  width: 155px;
  height: 37px;
  background: url(../img/header__logo.svg) 50% no-repeat;
}

.hero {
  padding: 50px 0;
  min-height: 645px;
  background: #000 no-repeat;
  color: #fff;
  position: relative;
  z-index: 1;
}

.hero__container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}

.hero__content {
  width: 100%;
  max-width: 630px;
}

.hero__form {
  width: 100%;
  max-width: 400px;
}

.hero__form_title {
  margin-bottom: 25px;
  font-weight: 400;
}

.hero__title {
  margin-bottom: 50px;
}

.hero__ukraine {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.hero__ukraine span {
  margin-left: 10px;
}

.hero__image {
  position: absolute;
  width: 680px;
  height: 380px;
  background: 50% no-repeat;
  background-size: contain;
  bottom: 0;
  left: calc(50% - 620px);
}

.hero__image_decor {
  width: 180px;
  height: 180px;
  position: absolute;
  top: 60px;
  right: 42px;
  background: url("data:image/svg+xml,%3Csvg width='180' height='180' viewBox='0 0 180 180' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M90 180C139.706 180 180 139.706 180 90C180 40.2944 139.706 0 90 0C40.2944 0 0 40.2944 0 90C0 139.706 40.2944 180 90 180Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M45.3107 108.747H65.5177L90.3389 34.2285L114.683 108.747H134.89L160.15 33.1766C172.568 48.6515 180 68.3211 180 89.7316C180 139.585 139.706 180 90 180C40.2943 180 0 139.585 0 89.7316C0 68.1963 7.51889 48.4223 20.0674 32.9063L45.3107 108.747ZM39.1137 15.2668C51.0315 7.05829 65.0186 1.65323 80.1298 0L56.2894 71.7269L39.1137 15.2668ZM100.583 0.08091L124.548 71.7269L141.577 15.7474C129.697 7.40027 115.714 1.85853 100.583 0.08091ZM55.8002 140.521C62.56 140.521 68.0402 135.025 68.0402 128.245C68.0402 121.464 62.56 115.968 55.8002 115.968C49.0402 115.968 43.5602 121.464 43.5602 128.245C43.5602 135.025 49.0402 140.521 55.8002 140.521ZM136.44 128.245C136.44 135.025 130.96 140.521 124.2 140.521C117.44 140.521 111.96 135.025 111.96 128.245C111.96 121.464 117.44 115.968 124.2 115.968C130.96 115.968 136.44 121.464 136.44 128.245Z' fill='%23B5FF87'/%3E%3C/svg%3E%0A") 50% no-repeat;
  z-index: -1;
}

@-webkit-keyframes scrolling-left1 {
  0% {
    transform: translateX(100%);
    -webkit-transform: translateX(100%);
  }

  100% {
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
  }
}

@keyframes scrolling-left1 {
  0% {
    transform: translateX(100%);
    -webkit-transform: translateX(100%);
  }

  100% {
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
  }
}

@-webkit-keyframes pulse {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.2);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes pulse {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.2);
  }

  100% {
    transform: scale(1);
  }
}

.about {
  padding-top: 70px;
  padding-bottom: 55px;
  position: relative;
}

.about__text {
  font-size: 20px;
  line-height: 150%;
  margin-bottom: 44px;
}

.about__text b {
  font-weight: 700;
}

.about__items {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.about__items_wrap {
  margin-top: 70px;
  overflow: hidden;
  position: relative;
  height: 240px;
  padding: 20px;
  margin-left: -20px;
  margin-right: -20px;
}

.about .item {
  background: #FFFFFF;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  width: 295px;
  height: 200px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 0 40px;
}

.about .item__text {
  font: 700 21px/150% "Futura PT";
}

.about .item:last-child {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}

.about__btn {
  margin-top: 50px;
}

.about .wanted {
  font: normal 700 40px/51px "Futura PT";
  position: absolute;
  width: 100%;
  white-space: nowrap;
  text-transform: uppercase;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.05);
  bottom: 65px;
  left: 0;
  z-index: -1;
}

.about .wanted span {
  margin: 0 12px;
  display: inline-block;
  -webkit-animation: scrolling-left1 7s linear infinite;
  animation: scrolling-left1 7s linear infinite;
}

.services {
  padding-top: 55px;
  padding-bottom: 110px;
}

.services__container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}

.services__content {
  width: 100%;
  max-width: 610px;
}

.services__image {
  width: 100%;
  max-width: 610px;
  position: relative;
  height: 513px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.services__image_map {
  position: absolute;
  left: 0;
  top: 0;
  width: 740px;
  height: 100%;
}

.services__image_zoom {
  width: 102px;
  height: 120px;
  background: 50% no-repeat;
  -webkit-animation: pulse 3s linear infinite;
  animation: pulse 3s linear infinite;
}

.services__title {
  margin-bottom: 15px;
  color: #BC0F0F;
}

.services .block {
  margin-bottom: 40px;
}

.services .block__title {
  margin-bottom: 10px;
}

.services__text {
  font-weight: 700;
  font-size: 20px;
  line-height: 150%;
}

.services__items {
  margin-top: 110px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.services .item {
  width: 295px;
}

.services .item__title {
  border: 3px solid #000000;
  border-radius: 10px;
  height: 140px;
  padding: 0 30px;
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}

.services .item__text {
  max-width: 250px;
  margin: 0 auto;
}

.why {
  padding: 55px 0;
  background: #000;
  color: #fff;
}

.why__container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.why__title {
  width: 100%;
  margin-bottom: 25px;
}

.why .block {
  width: 100%;
  max-width: 550px;
}

.why .block__title {
  font-weight: 700;
  font-size: 20px;
  line-height: 150%;
  text-transform: uppercase;
  margin-bottom: 35px;
}

.why .block__list {
  height: calc(100% - 65px);
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: space-between;
}

.why .block__list li {
  position: relative;
  padding-left: 45px;
  font-size: 18px;
  line-height: 150%;
  margin-bottom: 25px;
}

.why .block__list li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 30px;
  height: 30px;
}

.why .block.without span {
  color: #BC0F0F;
}

.why .block.without li:before {
  background: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 27.5C21.9036 27.5 27.5 21.9036 27.5 15C27.5 8.09644 21.9036 2.5 15 2.5C8.09644 2.5 2.5 8.09644 2.5 15C2.5 21.9036 8.09644 27.5 15 27.5Z' fill='%23BC0F0F'/%3E%3Cpath d='M18.5355 11.4644L11.4645 18.5354' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.4645 11.4644L18.5355 18.5354' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") 50% no-repeat;
}

.why .block.with span {
  color: #B5FF87;
}

.why .block.with li:before {
  background: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 27.5C21.9036 27.5 27.5 21.9036 27.5 15C27.5 8.09644 21.9036 2.5 15 2.5C8.09644 2.5 2.5 8.09644 2.5 15C2.5 21.9036 8.09644 27.5 15 27.5Z' fill='%23B5FF87'/%3E%3Cpath d='M10.5719 15.0001L13.6969 18.125L20.5719 11.25' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") 50% no-repeat;
}

.how {
  padding-top: 110px;
  padding-bottom: 55px;
  position: relative;
}

.how .wanted {
  font: normal 700 40px/51px "Futura PT";
  position: absolute;
  width: 100%;
  white-space: nowrap;
  text-transform: uppercase;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.05);
  bottom: 65px;
  left: 0;
  z-index: -1;
}

.how .wanted span {
  margin: 0 12px;
  display: inline-block;
  -webkit-animation: scrolling-left1 7s linear infinite;
  animation: scrolling-left1 7s linear infinite;
}

.how__title {
  margin-bottom: 50px;
}

.how__items {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 70px;
}

.how .item {
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  width: 295px;
  height: 190px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-align: center;
  position: relative;
  margin-bottom: 40px;
  padding: 0 20px;
}

.how .item__number {
  font: normal 700 18px/130% "Futura PT";
  position: absolute;
  width: 42px;
  height: 42px;
  background: #B5FF87;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.how .item__text {
  font: normal 700 18px/130% "Futura PT";
}

.clients {
  padding-top: 55px;
  padding-bottom: 110px;
  text-align: center;
}

.clients__title {
  margin-bottom: 30px;
}

.clients__items {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.clients .item {
  width: 295px;
  height: 120px;
  background: #FFFFFF 50% no-repeat;
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
}

.order {
  padding-top: 55px;
  padding-bottom: 110px;
  background: #000;
  color: #fff;
  position: relative;
  z-index: 1;
}

.order__container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}

.order__content {
  width: 100%;
  max-width: 630px;
}

.order__form {
  width: 100%;
  max-width: 400px;
}

.order__form_title {
  margin-bottom: 25px;
  font-weight: 400;
}

.order__image {
  width: 680px;
  height: 380px;
  background: 50% no-repeat;
  background-size: contain;
  position: absolute;
  bottom: 0;
  left: calc(50% - 620px);
}

.order__image_decor {
  width: 180px;
  height: 180px;
  position: absolute;
  top: 60px;
  right: 42px;
  background: url("data:image/svg+xml,%3Csvg width='180' height='180' viewBox='0 0 180 180' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M90 180C139.706 180 180 139.706 180 90C180 40.2944 139.706 0 90 0C40.2944 0 0 40.2944 0 90C0 139.706 40.2944 180 90 180Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M45.3107 108.747H65.5177L90.3389 34.2285L114.683 108.747H134.89L160.15 33.1766C172.568 48.6515 180 68.3211 180 89.7316C180 139.585 139.706 180 90 180C40.2943 180 0 139.585 0 89.7316C0 68.1963 7.51889 48.4223 20.0674 32.9063L45.3107 108.747ZM39.1137 15.2668C51.0315 7.05829 65.0186 1.65323 80.1298 0L56.2894 71.7269L39.1137 15.2668ZM100.583 0.08091L124.548 71.7269L141.577 15.7474C129.697 7.40027 115.714 1.85853 100.583 0.08091ZM55.8002 140.521C62.56 140.521 68.0402 135.025 68.0402 128.245C68.0402 121.464 62.56 115.968 55.8002 115.968C49.0402 115.968 43.5602 121.464 43.5602 128.245C43.5602 135.025 49.0402 140.521 55.8002 140.521ZM136.44 128.245C136.44 135.025 130.96 140.521 124.2 140.521C117.44 140.521 111.96 135.025 111.96 128.245C111.96 121.464 117.44 115.968 124.2 115.968C130.96 115.968 136.44 121.464 136.44 128.245Z' fill='%23B5FF87'/%3E%3C/svg%3E%0A") 50% no-repeat;
  z-index: -1;
}

.success {
  padding-top: 80px;
  text-align: center;
}

.success__title {
  margin-bottom: 20px;
}

.success__text {
  font-size: 22px;
  max-width: 720px;
  margin: 0 auto;
  margin-bottom: 20px;
}

.success__image {
  width: 100%;
  max-width: 620px;
  height: 320px;
  background: 50% no-repeat;
  background-size: contain;
  margin: 0 auto;
}

.modal-overlay {
  display: none;
  padding-top: 1px;
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: 999;
  overflow: auto;
  align-items: center;
  justify-content: center;
  padding-top: 60px;
}

.modal-overlay .modal-content {
  margin-bottom: 0px;
  border-radius: 4px;
}

.modal-overlay .close-button {
  position: absolute;
  width: 50px;
  height: 50px;
  top: 10px;
  right: 10px;
  cursor: pointer;
  transition: 0.2s linear;
}

.modal-overlay .close-button:before {
  background: #fff;
  content: "";
  height: 50px;
  width: 2px;
  display: block;
  transform: translateX(25px) rotate(-45deg);
}

.modal-overlay .close-button:after {
  background: #fff;
  content: "";
  margin-top: -50px;
  height: 50px;
  width: 2px;
  display: block;
  transform: translateX(25px) rotate(45deg);
  transition: 0.2s linear;
}

#modal-video .modal-content {
  height: auto;
  width: 100%;
}

#modal-video .video {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}

#modal-video .video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.slick-lightbox {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  background: black;
  transition: opacity 0.5s ease;
}

.slick-lightbox .slick-loading .slick-list {
  background: transparent;
}

.slick-lightbox .slick-prev {
  left: 15px;
}

.slick-lightbox .slick-next {
  right: 15px;
}

.slick-lightbox-hide {
  opacity: 0;
}

.slick-lightbox-hide.slick-lightbox-ie {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}

.slick-lightbox-hide-init {
  position: absolute;
  top: -9999px;
  opacity: 0;
}

.slick-lightbox-hide-init.slick-lightbox-ie {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}

.slick-lightbox-inner {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.slick-lightbox-slick-item {
  text-align: center;
  overflow: hidden;
}

.slick-lightbox-slick-item:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
}

.slick-caption-bottom .slick-lightbox-slick-item .slick-lightbox-slick-item .slick-lightbox-slick-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: center;
  width: 100%;
  margin-bottom: 20px;
}

.slick-caption-dynamic .slick-lightbox-slick-item .slick-lightbox-slick-item .slick-lightbox-slick-caption {
  display: block;
  text-align: center;
}

.slick-lightbox-slick-item-inner {
  display: inline-block;
  vertical-align: middle;
  max-width: 90%;
  max-height: 90%;
}

.slick-lightbox-slick-img {
  margin: 0 auto;
  display: block;
  max-width: 90%;
  max-height: 90%;
}

.slick-lightbox-slick-caption {
  margin: 10px 0 0;
  color: white;
}

.slick-lightbox-close {
  position: absolute;
  top: 15px;
  right: 15px;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  background: transparent;
  color: transparent;
  padding: 0;
  border: none;
}

.slick-lightbox-close:focus {
  outline: none;
}

.slick-lightbox-close:before {
  font: 20px/1 "slick";
  color: white;
  opacity: 0.85;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "×";
}