@font-face {
     font-display: swap;
  font-family: Gilroy Extra Bold;
  src: url(../fonts/Gilroy-ExtraBold.eot);
  src: url(../fonts/Gilroy-ExtraBold.eot?#iefix) format("embedded-opentype"),url(../fonts/Gilroy-ExtraBold.woff) format("woff"),url(../fonts/Gilroy-ExtraBold.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
     font-display: swap;
  font-family: Gilroy Ultra Light Italic;
  src: url(../fonts/Gilroy-UltraLightItalic.eot);
  src: url(../fonts/Gilroy-UltraLightItalic.eot?#iefix) format("embedded-opentype"),url(../fonts/Gilroy-UltraLightItalic.woff) format("woff"),url(../fonts/Gilroy-UltraLightItalic.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
     font-display: swap;
  font-family: Oswald-Heavy;
  src: url(../fonts/Oswald-Heavy.ttf),url(../fonts/Oswald-Heavy.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
}
img {
max-width:100%;
height:auto
}

*,p {
margin:0;
padding:0
}

html {
scroll-behavior:smooth
}

html,body {
height:100%;
color:#fff
}

h1,h2,h3 {
margin:0
}

ul,li {
padding:0
}

a {
text-decoration:none;
cursor:pointer;
color:#fff
}

a:hover {
text-decoration:none;
color:red;
transition:all .4s ease-out;
-webkit-transition:all .4s ease-out;
-moz-transition:all .4s ease-out;
-ms-transition:all .4s ease-out;
-o-transition:all .4s ease-out
}

.red:hover,.btn:hover {
background-color:rgba(255,0,0,.6);
transition:all .4s ease-out;
-webkit-transition:all .4s ease-out;
-moz-transition:all .4s ease-out;
-ms-transition:all .4s ease-out;
-o-transition:all .4s ease-out;
border:none
}

button.yello:hover {
background-color:rgba(246,254,20,.6);
transition:all .4s ease-out;
-webkit-transition:all .4s ease-out;
-moz-transition:all .4s ease-out;
-ms-transition:all .4s ease-out;
-o-transition:all .4s ease-out;
border:none
}

.add_palitra {
cursor:pointer;
position:fixed;
display:block;
top:15%;
transform-origin:0 100%;
transform:rotate(90deg);
white-space:nowrap;
-webkit-transform:rotate(90deg);
-moz-transform:rotate(90deg);
-ms-transform:rotate(90deg);
-o-transform:rotate(90deg);
z-index:99999
}

.add_palitra span {
display:inline-block;
margin:0 10px;
padding:10px;
border-radius:8px;
-webkit-border-radius:8px;
-moz-border-radius:8px;
-ms-border-radius:8px;
-o-border-radius:8px;
background-color:rgba(255,0,0,.5);
color:#fff;
font-family:Gilroy Ultra Light Italic,sans-serif
}

.text-center {
text-align:center
}

.content {
padding-top:30px;
background-image:url(/images/3-layers-min.png);
background-color:#000;
height:100vh;
background-position:top;
background-size:cover;
color:#fff;
font-weight:300
}

.content a {
color:#fff
}

.header-social a:hover {
color:red;
transition:all .4s ease-out;
-webkit-transition:all .4s ease-out;
-moz-transition:all .4s ease-out;
-ms-transition:all .4s ease-out;
-o-transition:all .4s ease-out
}

.header-logo {
display:-webkit-box;
display:flex;
font-size:16px;
font-family:Gilroy Ultra Light Italic,sans-serif
}

.header-logo img {
padding-right:30px;
width:149px;
height:44px
}

.header-menu {
list-style-type:none;
display:-webkit-box;
display:flex;
font-size:24px;
font-family:Gilroy Ultra Light Italic,sans-serif
}

.header-menu ul li a:hover {
color:#000
}

.menu__links-item:hover {
background-color:red;
transition:all .4s ease-out;
-webkit-transition:all .4s ease-out;
-moz-transition:all .4s ease-out;
-ms-transition:all .4s ease-out;
-o-transition:all .4s ease-out;
border-radius:8px;
-webkit-border-radius:8px;
-moz-border-radius:8px;
-ms-border-radius:8px;
-o-border-radius:8px;
text-decoration:none
}

a.menu__links-item:hover {
text-decoration:none
}

.header-menu ul li {
margin-right:10px;
padding-left:10px;
padding-right:10px
}

.header-social {
display:-webkit-box;
display:flex;
font-size:18px;
font-family:Gilroy Ultra Light Italic,sans-serif
}

.header-contacts p {
font-size:18px
}

.header-contacts a {
font-size:30px
}

.social-icons {
padding-right:40px
}

.social-icons img {
width:54px;
height:54px
}

.social-icons img:hover {
opacity:.8
}

.menu {
text-align:right
}

.menu__links-item {
display:inline-block;
color:#333;
font-size:14px;
line-height:30px;
padding:0 10px;
text-decoration:none
}

.menu__links-item:hover {
text-decoration:underline
}

.menu__icon {
display:none;
width:45px;
height:35px;
position:relative;
cursor:pointer
}

.menu__icon span {
display:block;
position:absolute;
height:9px;
width:100%;
background:#333;
border-radius:9px;
opacity:1;
left:0;
-webkit-transform:rotate(0deg);
transform:rotate(0deg);
-webkit-transition:.25s ease-in-out;
transition:.25s ease-in-out
}

.menu__icon span:nth-child(1) {
top:0
}

.menu__icon span:nth-child(2),.menu__icon span:nth-child(3) {
top:13px
}

.menu__icon span:nth-child(4) {
top:26px
}

.menu.menu_state_open .menu__icon span:nth-child(1) {
top:18px;
width:0;
left:50%
}

.menu.menu_state_open .menu__icon span:nth-child(2) {
-webkit-transform:rotate(45deg);
transform:rotate(45deg)
}

.menu.menu_state_open .menu__icon span:nth-child(3) {
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg)
}

.menu.menu_state_open .menu__icon span:nth-child(4) {
top:18px;
width:0;
left:50%
}

.menu.menu_state_open .menu__links {
display:block
}

h1 {
font-family:Oswald-Heavy,sans-serif;
font-style:italic;
font-size:60px;
font-weight:400;
padding-bottom:26px;
padding-top:30px
}

.header-subtitle {
padding-bottom:32px
}

.header-subtitle span {
font-family:Gilroy Ultra Light Italic,sans-serif;
font-size:24px;
font-weight:300
}

.header-block {
padding-bottom:15px;
color:#fff
}

.header-button {
-webkit-transition:all .3s;
transition:all .3s;
border:none;
font-family:Oswald-Heavy,sans-serif;
font-style:italic;
padding:8px 10px;
font-size:28px;
border-radius:8px;
background-color:red;
box-shadow:0 10px 20px rgba(0,0,0,.8)
}

.yello {
background-color:#f6fe14;
color:#000;
display:block;
margin:0 auto
}

.header-button img {
width:80px;
height:46px
}

.text {
position:relative;
font-family:Gilroy Ultra Light Italic,sans-serif;
font-size:24px;
font-weight:300
}

.text:before {
content:"";
position:absolute;
width:57px;
height:51px;
background:url(/images/7539.png) center 0 no-repeat
}

.work {
padding-top:17px;
padding-bottom:110px;
background:url(/images/66-layers-min.png) no-repeat;
background-size:cover;
background-color:#fff;
background-position:center center
}

h2 {
color:#000;
font-family:Oswald-Heavy,sans-serif;
font-size:36px;
font-weight:400;
text-align:center;
padding-bottom:30px;
font-style:italic
}

.black {
padding:47px;
background-image:url(/images/4-layers.png);
background-position:center center;
background-repeat:no-repeat;
display:-webkit-box;
display:flex;
-webkit-box-pack:center;
justify-content:center;
font-family:Gilroy Ultra Light Italic,sans-serif;
font-size:16px
}

.work-block {
display:-webkit-box;
display:flex;
padding-bottom:28px;
-webkit-box-align:center;
align-items:center
}

.work-block img {
padding-right:30px
}

.price {
background:url(/images/price-layers.png) no-repeat;
background-color:#000;
background-size:cover;
background-position:center;
padding-top:47px;
padding-bottom:30px
}

.price h2 {
color:#fff;
font-style:italic;
padding-bottom:50px
}

.price button {
font-family:Gilroy Extra Bold,sans-serif;
font-style:italic;
font-size:16px;
font-weight:400
}

.price-block h3 {
font-family:Gilroy Extra Bold,sans-serif;
font-style:italic;
font-size:18px;
font-weight:400;
color:#000
}

.price-block {
max-width:330px;
height:260px;
position:relative;
border-radius:8px;
border:1px solid #000;
background-color:#f4f4f4;
margin-bottom:22px;
padding:16px 30px 10px
}

.price-block img {
width:330px;
position:absolute;
margin-top:20px;
margin-left:-50px
}

.pr {
margin-right:40px;
margin-left:40px;
padding-bottom:30px
}

.step {
background:url(/images/baqckgr.png) no-repeat;
background-color:#000;
background-size:cover;
background-position:center;
padding-top:160px;
padding-bottom:160px
}

#step-row {
display:-webkit-box;
display:flex;
-webkit-box-pack:justify;
justify-content:space-between
}

.block {
display:-webkit-box;
display:flex;
-webkit-box-pack:center;
justify-content:center;
margin-bottom:20px
}

.step-block p {
color:#000;
font-family:Gilroy Ultra Light Italic,sans-serif;
font-size:16px;
font-weight:600;
padding-bottom:26px
}

.step-block {
max-width:272px;
height:308px;
border-radius:8px;
background-color:#fff;
text-align:center;
padding-top:30px;
padding-left:30px;
padding-right:30px;
box-shadow:0 0 9px rgba(35,34,34,.5);
position:relative
}

.number {
opacity:.9;
position:absolute;
margin-top:90px;
margin-left:-170px
}

.slide {
padding-top:50px;
padding-bottom:70px;
background-color:#000
}

.slide h2 {
color:#fff
}

.slide-block {
border-radius:8px;
padding-top:20px;
position:relative;
display:block;
width:100%;
height:auto
}

.slide-block img {
border-radius:8px;
-webkit-border-radius:8px;
-moz-border-radius:8px;
-ms-border-radius:8px;
-o-border-radius:8px
}

.slide-block p {
font-family:Gilroy Extra Bold,sans-serif;
font-style:italic;
font-size:16px;
font-weight:400;
color:#000;
position:absolute;
bottom:10px;
text-align:center;
width:94%;
left:10px;
border-radius:8px;
padding:5px
}

.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span {
background:red!important
}

.slide-text {
background-color:rgba(229,212,194,.5)
}

.contact {
background-color:#000
}

.btn {
font-weight:400;
padding:14px 20px;
font-size:16px;
-webkit-transition:all .3s;
transition:all .3s;
background-color:red;
margin:0 auto;
display:block;
color:#fff
}

#cont-row {
color:#fff;
font-family:Gilroy Extra Bold,sans-serif;
font-size:18px;
font-weight:400;
font-style:italic;
padding-top:20px;
padding-bottom:20px
}

.flex {
display:-webkit-box;
display:flex
}

#step-block,#step-block1,#step-block2 {
margin-right:30px
}

.after-modal-title {
font-size:23px;
font-family:Gilroy Ultra Light Italic,sans-serif;
font-weight:600
}

h4 {
color:#000;
font-family:Oswald-Heavy,sans-serif;
font-size:40px;
font-weight:400;
font-style:italic
}

.modal-header {
padding:50px 20px 0;
border:none;
text-align:center
}

.modal-title {
font-size:30px;
margin-bottom:10px;
color:#000
}

.modal-body {
position:relative;
padding:20px 50px 50px
}

.modal-body button.main-btn {
width:100%
}

.modal-body .form-control {
text-align:center;
margin-bottom:15px
}

#modal-thank .after-modal-title {
margin-bottom:40px
}

button.close {
font-size:30px;
position:absolute;
top:5px;
right:2px;
-webkit-transition:.3s all;
transition:.3s all;
text-shadow:none
}

.modal-content {
box-shadow:none;
margin-top:30px
}

.modal {
text-align:center
}

.modal-dialog {
display:inline-block;
text-align:left;
vertical-align:middle;
color:#000
}

@media screen and (min-width:768px) {
.modal:before {
display:inline-block;
vertical-align:middle;
content:" ";
height:100%
}
}

@media(max-width:1220px) {
.header-menu ul li {
margin-right:0;
font-size:22px
}

.social-icons {
padding-right:0
}

.header-contacts a {
font-size:25px
}

.header-logo {
font-size:13px
}

.slide-block p {
font-size:15px
}
}

@media(max-width:1200px) {
.pr {
margin-right:0;
margin-left:0
}
}

@media(max-width:1110px) {
.header-logo {
display:block
}

.content {
background-image:none;
background-color:#000
}
}

@media(max-width:992px) {
.black {
background-image:none;
font-weight:600;
font-size:14px
}

.work {
background:none;
background-color:#000
}

.work h2 {
color:#fff
}

.header-button {
font-size:24px
}

.head-img img {
display:none
}

.number {
margin-left:-150px
}
}

@media(max-width:890px) {
#step-row {
display:block
}

#step-block {
margin-right:0
}

.content {
height:auto
}
}

@media(max-width:768px) {
.modal-body {
position:relative;
padding:20px
}

.modal-header {
padding:30px 20px 0;
font-size:14px
}

h1 {
font-size:38px
}

.header-subtitle span {
font-size:18px
}

.price-block {
margin:0 auto;
margin-bottom:40px
}
}

@media(max-width:680px) {
.black {
display:block
}
}

@media screen and (max-width:640px) {
.block {
display:block
}

.work-block img {
padding-right:0
}

#step-block,#step-block1,#step-block2 {
margin:0 auto;
margin-bottom:20px
}

.step-block {
margin:0 auto
}

.header-button {
font-size:20px;
display:block;
margin:0 auto
}

.header-button img {
display:none
}

h1 {
text-align:center
}
}

@media screen and (max-width:450px) {
.slide-block p {
font-size:14px
}
}

.menu {
display:-webkit-box;
display:flex;
justify-content:center
}

.menu__icon {
display:none;
width:45px;
height:35px;
position:relative;
cursor:pointer
}

.menu__icon span {
display:block;
position:absolute;
height:9px;
width:100%;
background:red;
border-radius:9px;
opacity:1;
left:0;
-webkit-transform:rotate(0deg);
transform:rotate(0deg);
-webkit-transition:.25s ease-in-out;
transition:.25s ease-in-out
}

.menu__icon span:nth-child(1) {
top:0
}

.menu__icon span:nth-child(2),.menu__icon span:nth-child(3) {
top:13px
}

.menu__icon span:nth-child(4) {
top:26px
}

.menu__links-item {
font-weight:700;
list-style-type:none;
display:-webkit-box;
display:flex;
font-size:24px;
font-family:Gilroy Ultra Light Italic,sans-serif;
cursor:pointer
}

@media screen and (max-width:991px) {
.menu__icon {
display:inline-block
}

.header-logo {
display:none
}

.menu__links {
position:absolute;
display:none;
top:0;
right:0;
left:0;
margin-top:43px;
background-color:rgba(0,0,0,.9);
z-index:1000;
overflow:auto
}

.menu__links-item {
display:block;
padding:10px 0;
color:#fff
}

.menu {
text-align:center;
justify-content:flex-end
}
}