:root {
   --dark: #424242;
   --gold: #f7c200;
}


.preload {
   position: fixed;
   width: 100%;
   height: 100vh;
   background: url(wp-content/themes/ali-print/img/preload.svg) no-repeat center center #fff;
   background-size: 200px 200px;
   z-index: 9999;
   left: 0;
   top: 0
}




.btn_up {
   background-color: rgba(0, 0, 0, 0.541) !important;
   box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
   backdrop-filter: blur(20px);
   -webkit-backdrop-filter: blur(20px);
   width: 40px;
   height: 40px;
   border-radius: 50%;
   right: 20px;
   bottom: 20px;
   position: fixed;
   cursor: pointer;
   text-align: center;
}

.btn_up img {
   width: 80%;
}






/* THNKS */
.thnks_container {
   min-height: 100vh;
   display: flex;
   flex-direction: column;
   justify-content: center;
   position: relative;
   background-image: url(./bl/image/intro2.jpg);
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
   width: 100% !important;
}



.thnks_row {
   width: 100%;
   z-index: 2;
   position: relative;
   color: var(--white);
}

.thnks_box {
   text-align: center;
}

.thnks_box img {
   width: 100%;
}

.thnks_title {
   font-size: 40px;
   font-weight: 700;
   color: white;
}

.thnks_under_title {
   font-size: 25px;
   font-weight: 400;
   margin-top: 20px;
   color: white;
}




body {
   overflow: hidden;
   visibility: hidden
}

.hamburger {
   padding: 0;
   display: inline-block;
   font: inherit;
   color: inherit;
   text-transform: none;
   background-color: transparent;
   border: 0;
   margin: 0;
   overflow: visible
}

.hamburger-box {
   width: 35px;
   height: 24px;
   display: inline-block;
   position: relative
}

.hamburger-inner {
   display: block;
   top: 50%;
   margin-top: -2px
}

.hamburger-inner,
.hamburger-inner:after,
.hamburger-inner:before {
   width: 35px;
   height: 4px;
   background-color: var(--dark) !important;
   border-radius: 4px;
   position: absolute
}

.hamburger-inner:after,
.hamburger-inner:before {
   content: "";
   display: block
}

.hamburger-inner:before {
   top: -10px
}

.hamburger-inner:after {
   bottom: -10px
}

.hamburger--collapse .hamburger-inner {
   top: auto;
   bottom: 0
}

.hamburger--collapse .hamburger-inner:after {
   top: -20px
}

*,
:after,
:before {
   box-sizing: border-box
}

html {
   font-family: sans-serif;
   line-height: 1.15;
   -webkit-text-size-adjust: 100%
}

header,
nav {
   display: block
}

body {
   margin: 0;
   font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
   font-size: 1rem;
   font-weight: 400;
   line-height: 1.5;
   color: #212529;
   text-align: left;
   background-color: #fff
}

h3 {
   margin-top: 0;
   margin-bottom: .5rem
}

p {
   margin-top: 0;
   margin-bottom: 1rem
}

a {
   color: #007bff;
   text-decoration: none;
   background-color: transparent
}

img {
   border-style: none
}

img,
svg {
   vertical-align: middle
}

svg {
   overflow: hidden
}

button {
   border-radius: 0
}

button,
input {
   margin: 0;
   font-family: inherit;
   font-size: inherit;
   line-height: inherit
}

button,
input {
   overflow: visible
}

button {
   text-transform: none
}

[type=button],
button {
   -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
button::-moz-focus-inner {
   padding: 0;
   border-style: none
}

::-webkit-file-upload-button {
   font: inherit;
   -webkit-appearance: button
}

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

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

.container {
   width: 100%;
   padding-right: 15px;
   padding-left: 15px;
   margin-right: auto;
   margin-left: auto
}

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

.col-5,
.col-6,
.col-7,
.col-lg-3,
.col-lg-6,
.col-md-4,
.col-xl-3 {
   position: relative;
   width: 100%;
   padding-right: 15px;
   padding-left: 15px
}

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

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

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

.d-none {
   display: none !important
}

.callback-modal__btn {
   width: 270px;
   min-height: 50px;
   background-color: #54f1ff;
   border-radius: 5px;
   max-width: 100%;
   border: none;
   font-size: 1.8rem;
   font-weight: 700;
   color: #034344;
   color: #404040 !important
}

.callback-modal__input {
   border: none;
   border-bottom: 1px solid #fff;
   padding: .5rem 1rem;
   color: #fff;
   background: 0 0
}

.callback-modal__input {
   border-color: grey
}

.callback-modal__input::-webkit-input-placeholder {
   color: grey
}

.callback-modal__input::-moz-placeholder {
   color: grey
}

.callback-modal__input:-ms-input-placeholder {
   color: grey
}

* {
   padding: 0;
   margin: 0;
   outline: 0 !important;
   box-sizing: border-box
}

a {
   color: #404040
}

a {
   text-decoration: none
}


input::-webkit-input-placeholder {
   opacity: 1;
   color: #fff;
   font-weight: 300;
   font-size: 2rem;
   opacity: .5
}

input::-moz-placeholder {
   opacity: 1;
   color: #fff;
   font-weight: 300;
   font-size: 2rem;
   opacity: .5
}

input:-ms-input-placeholder {
   opacity: 1;
   color: #fff;
   font-weight: 300;
   font-size: 2rem;
   opacity: .5
}

html {
   font-size: 62.5%
}

h3 {
   font-size: 1.9rem;
   margin-bottom: 1em
}

body {
   font-size: 1.6rem;
   font-family: Comfortaa;
   background: #fff;
   -webkit-text-size-adjust: 100%;
   min-height: 100vh;
   color: #404040;
   overflow-y: auto;
   overflow-x: hidden;
   visibility: visible;
   position: relative;
   display: flex;
   flex-direction: column;
   line-height: normal
}

img {
   display: block
}

.icon {
   font-size: 10px
}

.icon-kyivstar {
   width: 2.2em;
   height: 2.1em
}

.icon-life {
   width: 2.2em;
   height: 2.2em
}

.icon-email {
   width: 2em;
   height: 2.2em
}

.header {
   position: fixed;
   left: 50%;
   top: 0;
   transform: translateX(-50%);
   z-index: 1000;
   width: 100%;
   --bg-color-width: calc(100% - (100% - 1200px)/2 - 165px);
   background: linear-gradient(0deg, #fff var(--bg-color-width), hsla(0, 0%, 100%, 0) var(--bg-color-width)) !important;
}

.header-action {
   display: flex;
   justify-content: flex-end;
   padding-top: 1.5rem;
   padding-bottom: 1.5rem
}

.header-contact {
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   justify-content: center
}

.header-contact-item {
   max-width: 100%;
   display: flex;
   align-items: center;
   margin-bottom: .7rem
}

.header-contact-item:last-child {
   margin-bottom: 0
}

.header-contact-item__icon {
   flex-shrink: 0;
   margin-right: .5rem
}

.header-contact-item__link {
   flex-grow: 1;
   font-size: 20px;
}

.phone_icon {
   font-size: 30px;
   color: var(--gold);

}

.logo {
   position: relative
}

.img_logo {
   width: 100px;
   margin-left: 50px;
}

.logo__image {
   height: auto;
   top: 0;
   left: 15px;
   right: 15px;

   max-width: 100px !important;
   transform: scale(1.6);
   transform-origin: left top;
   border-radius: 0%;
   margin-left: 50px;
}

.nav {
   display: flex;
   padding-top: 1.5rem;
   padding-bottom: 1.5rem;
   align-items: center;
   align-content: center;
   justify-content: center;
   flex-wrap: wrap
}

.nav__item {
   text-transform: uppercase;
   font-weight: 700;
   font-family: Phenomena;
   font-size: 25px !important;
   margin: .1rem 1rem
}

.nav__item:first-child {
   margin-left: 0
}

.nav__item:last-child {
   margin-right: 0
}

.main-slider-item {
   padding-top: 50.2% !important;
   position: relative
}

.main-slider-item__image {
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover
}

.block {
   padding-top: 8rem;
   padding-bottom: 8rem
}

.block-title {
   font-size: 3.5rem;
   font-family: Phenomena;
   font-weight: 800;
   text-transform: uppercase;
   margin-bottom: 4rem
}

.advantages-item {
   display: flex;
   align-items: center;
   margin-top: 3rem
}

.advantages-item:nth-child(-n+4) {
   margin-top: 0
}

.advantages-item__icon {
   max-width: 100%;
   height: auto;
   margin-left: auto;
   margin-right: auto
}

.advantages-item__icon-wrapper {
   flex-shrink: 0;
   width: 100px;
   margin-right: 2rem
}

.advantages-item__desc {
   flex-grow: 1
}

.advantages-item__desc p {
   margin-bottom: 0;
   font-size: 2rem;
   color: #15b7b9;
   font-weight: 700
}

.advantages-accent {
   font-size: 5rem
}

#submit-modal-error,
#submit-modal-true {
   background: 0 0;
   width: 100%;
   min-height: 100%;
   flex-wrap: wrap;
   flex-direction: column;
   justify-content: center;
   color: #404040;
   display: none
}

#submit-modal-error p,
#submit-modal-true p {
   width: 100%;
   text-align: center;
   font-size: 4rem;
   text-transform: uppercase;
   font-weight: 800;
   color: #fff
}

.hamburger {
   margin-left: 1rem;
   z-index: 200;
   position: relative
}

.mobile-menu {
   transform: translateY(-100%);
   opacity: 0
}

.mobile-menu {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100vh;
   z-index: 199
}

.intro_title {
   position: absolute !important;
   font-size: 80px !important;
   z-index: 3 !important;
   top: 40%;
   left: 20%;
   color: var(--dark);
   font-weight: 900;
   text-align: center;
   font-family: Phenomena;
}

.intro_title2 {
   position: absolute !important;
   font-size: 80px !important;
   z-index: 3 !important;
   top: 40%;
   left: 50%;
   color: white;
   font-weight: 900;
   text-align: center;
   font-family: Phenomena;

}



/* ABOUT */
.about_container {
   padding-top: 50px;
   padding-bottom: 50px;
   background-color: var(--white);
   color: var(--dark);
   min-height: 50vh;
   box-sizing: border-box;
   overflow: hidden;
}

.about_row {
   justify-content: center;
   align-items: center;
   padding-top: 50px;
}

.title_text {
   font-size: 45px;
   text-align: center;
   color: var(--yelow);
}

.undertitle_text {
   font-size: 15px;
   text-align: center;
   width: 100%;
   margin: 0 auto;
   margin-top: 10px;
}

.me {
   width: 100%;
   border-radius: 10px;

}

.team_box {
   font-size: 20px;
   text-align: justify;
   color: var(--black);

}

.chek {
   font-size: 25px;
   color: var(--gold);
   font-weight: 700;
}

.flex_direction {
   display: flex;
   flex-direction: column-reverse;
}

.team_box a {

   color: initial;
}

.down {
   text-align: center;
   display: block;

}

.down_i {
   font-size: 40px;
   color: var(--gold);
   transition: all 0.2s;
}

.down_i:hover {
   filter: drop-shadow(0px 0px 24px var(--gold));
}




.intro_title span {
   font-size: 60px;
}

.intro_title2 span {
   font-size: 60px;
}

.mobile-menu__item {
   text-align: center;
   color: var(--gold) !important;
   font-size: 2.4rem;
   font-weight: 700;
   margin-bottom: 1.5rem;
   text-transform: uppercase;
   padding-right: 1rem;
   padding-left: 1rem
}

.mobile-menu__item:last-child {
   margin-bottom: 0
}

.m-menu-wrap {
   width: 100%;
   height: 100vh;
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   background: hsla(0, 0%, 100%, .9);
   flex-direction: column
}

@media (-ms-high-contrast:none) {
   .header {
      background: #fff
   }
}

.callback-modal {
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   background: #fff;
   border-radius: 50%;
   padding: 10rem;
   width: 570px;
   height: 570px
}

.callback-modal__title {
   font-size: 3.5rem;
   text-align: center;
   font-weight: 800;
   font-family: Phenomena;
   text-transform: uppercase;
   margin-bottom: 2rem
}

.border_right {
   border-right: 1px solid var(--dark) !important;
}

.under_table {
   text-align: center;
   padding-top: 20px;
   font-weight: 700;
   font-size: 20px;
}

.callback-modal__subtitle {
   font-weight: 300;
   margin-bottom: 3rem;
   text-align: center
}

.callback-modal-wrapper {
   margin-left: auto;
   margin-right: auto;
   display: none;
   padding: 0;
   background: 0 0
}

.callback-modal__input {
   margin-bottom: 3rem;
   width: 100%;
   color: #404040
}

.callback-modal__btn {
   width: 100%
}

@media (max-width:1199px) {
   html {
      font-size: 54%
   }

   .header {
      --bg-color-width: calc(100% - (100% - 960px)/2 - 165px)
   }

   .nav__item {
      font-size: 25px !important;
   }

   .logo__image {
      transform: scale(1.28)
   }
}

@media (max-width:991px) {
   .header {
      --bg-color-width: calc(100% - (100% - 720px)/2 - 85px)
   }

   .logo__image {
      max-width: 100px
   }

   .header-action {
      padding-top: .5rem;
      padding-bottom: .5rem
   }

   .advantages-item__icon-wrapper {
      margin-right: 1rem
   }

   .advantages-accent {
      font-size: 3rem
   }

   .block {
      padding-top: 4rem;
      padding-bottom: 4rem
   }

   .main-slider-item {
      min-height: 350px
   }
}

.tovar_box img {
   width: 100%;
   border-radius: 5px;
}

.tovar_title {
   font-size: 25px;
   text-align: center;
   color: var(--gold);
   margin-top: 10px;
}

.tovar_price {
   text-align: center;
}

@media (max-width:767px) {

   #submit-modal-error p,
   #submit-modal-true p {
      font-size: 3rem;
   }

   .none_img {
      display: none !important;
   }

   .two_table {
      margin-top: 20px;
   }

   .main-slider-item__image {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 78% !important;
      -o-object-fit: cover;
      object-fit: contain;
   }

   .me {
      width: 100%;
      border-radius: 10px;
      margin-bottom: 40px;
   }

   .header {
      --bg-color-width: calc(100% - (100% - 540px)/2 - 85px)
   }

   .advantages-item:nth-child(-n+4) {
      margin-top: 3rem
   }

   .advantages-item:nth-child(-n+3) {
      margin-top: 0
   }

   .advantages-list {
      justify-content: center
   }

   .block-title {
      text-align: center
   }

   .callback-modal {
      width: 370px;
      height: 370px;
      padding: 10rem
   }

   .logo__image {
      margin-left: 0px;
   }

}

@media (max-width:575px) {

   #submit-modal-error p,
   #submit-modal-true p {
      font-size: 2rem
   }

   .img_logo {
      width: 100px;
      margin-left: 0px;
   }

   .main-slider-item__image {
      position: absolute;
      left: 0;
      top: 80px !important;
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
      object-fit: contain !important;
   }




   .modal-content {
      flex-direction: column !important;
   }



   /* ABOUT */
   .undertitle_text {
      width: 100%;
   }

   .title_text {
      font-size: 35px;
      text-align: center;
      color: var(--yelow);
   }


   .per_row {
      padding-top: 50px;

   }

   .per_box {
      margin-bottom: 20px;
   }

   .per_box br {
      display: none;
   }

   .logo__image {
      transform: none
   }

   .intro_title {
      position: absolute !important;
      font-size: 50px !important;
      z-index: 3 !important;
      top: 40%;
      left: 10%;
      color: white;
      font-weight: 900;

   }

   .intro_title2 {
      position: absolute !important;
      font-size: 50px !important;
      z-index: 3 !important;
      top: 40%;
      left: 10%;
      color: white;
      font-weight: 900;
      text-align: center;

   }

   .header-contact-item__link {
      flex-grow: 1;
      font-size: 15px;
   }

   .intro_title span {
      font-size: 30px;
   }


   .intro_title2 span {
      font-size: 30px;
   }

   .header {
      background: #fff
   }

   .advantages-item {
      flex-direction: column;
      align-items: center
   }

   .advantages-item__desc p {
      text-align: center;
      margin-top: 2rem
   }

   .callback-modal {
      width: 320px;
      height: auto;
      padding: 4rem;
      border-radius: 0
   }

   .main-slider-item {
      padding-top: 104%
   }
}

@media (max-width:400px) {
   .header-contact-item__link {
      display: block !important;
   }

   .icin {
      display: none;
   }

   .header-contact {
      align-self: center;
      flex-direction: column !important;
   }
}





/* MODAL */
.modal-dialog {
   max-width: 700px;
}

.modal-bg {

   color: var(--dark);
   position: relative;
   display: flex;
   flex-direction: row;

}

.modal-header::before {
   z-index: 1;
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.37) 0%);
}

.modal-header {
   border-bottom: none;
   text-align: center;
   width: 40%;
   position: relative;
   background-image: url(./bl/image/intro2.jpg);
   background-size: cover;
   background-position-x: 0px;
   display: flex;
   flex-direction: column;

}

.thnks {
   min-height: 400px;
}

.modal-header img {
   width: 100px;
   margin: 0 auto;
}

.modal-title img {
   margin: 0 auto;
}

.label_input {
   display: flex;
   flex-direction: column;
   text-align: center;
}

.label_input label {
   font-size: 15px;
   color: var(--dark);
   margin-top: 10px;
}

.label_input input {
   width: 80%;
   border: 1px solid var(--gold);
   outline: none;
   padding: 2px;
   border-radius: 2px;
   font-size: 20px;
   color: var(--dark) !important;
   margin: 0 auto;
   margin-top: 0px;
   font-size: 20px;
}



.modal-content {
   flex-direction: row !important;
}

.form_title {
   font-size: 25px;
   font-weight: 600;
   color: var(--gold);
   text-align: center;
}

.form_under_title {
   font-size: 20px;
   color: var(--dark);
}

.form_under_title span {
   color: var(--gold);
}

.number2 {
   z-index: 4;
   color: white;
}

.first_form_btn {
   width: 70%;
   border: none;
   outline: none;
   border-radius: 2px;
   font-size: 20px;
   color: var(--dark);
   font-weight: 500;
   background-color: var(--gold);
   padding: 5px;
}

.modal_my {
   background-color: var(--white);
   color: var(--black);
   height: 300px;
}

.modalthnks {
   display: none;
}

iframe {
   width: 100%;
   height: 400px;
}

.contact_row {
   margin-top: 100px !important;
}

.adress {
   font-size: 20px;
}

.mobile_social {
   display: flex;
   position: relative;
   z-index: 3;
}

@media (min-width: 1200px) {

   .cont_header {
      max-width: 100% !important;
   }

   .header-action {
      justify-content: flex-start !important;
   }
}