@font-face {
	font-family: Gotham Light;
	src: url("/css/fonts/Gotham_Light.ttf");
}
@font-face {
	font-family: Gotham Bold;
	src: url("/css/fonts/Gotham_Bold.ttf");
}
@font-face {
	font-family: Gotham Medium;
	src: url("/css/fonts/Gotham_Medium.ttf");
}
@font-face {
	font-family: Gotham Regular;
	src: url("/css/fonts/Gotham_Regular.ttf");
}

body{background-color: #F4F3F0 !important;margin: 0; padding: 0;font-family: 'Gotham Light' !important;color: #333333;font-size: 16px;}
.clr{clear: both;}
.nopadding{padding-left: 0 !important;padding-right: 0 !important;}
.whatsapp, .call {display: none;position: fixed;bottom: 20px;width: 65px;height: 65px;z-index: 9999;}
.whatsapp-desktop {display: block;position: fixed;bottom: 50px;width: 65px;height: 65px;text-align: center;z-index: 9999;}
.call i{color: #fff; font-size: 40px;padding-top: 2px;}
.whatsapp i{color: #fff; font-size: 45px;/*padding-top: 2px;*/}
.whatsapp-desktop i{color: #fff; font-size: 45px;/*padding-top: 2px;*/}
.call{right: 20px;}
.whatsapp{left: 30px;}
.whatsapp-desktop{right: 30px;cursor: pointer;}
.whatsapp-desktop:hover {background: transparent;border: 2px solid #00C960;}
.whatsapp-desktop i:hover {color: #00C960;}
.main_title{font-size: 26px;color: #3b4041;font-family: Gotham Bold;text-align: left;text-transform: uppercase;margin-bottom: 30px;}
.button{border-radius: 5px;color: #fff;font-family: Gotham Bold;background:#43AB00;margin: 15px auto 0;display: block;width: 100%;max-width: 300px;border: 2px solid #43AB00;padding: 10px 25px;font-size: 13px;line-height: 10px;text-transform: uppercase;cursor: pointer;text-align: center;}
.button:hover{background: transparent;color: #43AB00;}
.button a:hover{color: #43AB00;}
.h1, h1{letter-spacing: .5px;margin-bottom: 20px;}
/*h2, h3 {margin-bottom: 15px !important;}*/
.text-left{text-align: left !important;}
.text-white{color: #fff !important;position: relative;}
.flex{display: -webkit-flex;-webkit-align-items: center;display: flex;align-items: center;justify-content: center;}
.mobile{display: none;}
.text-center{text-align: center;}
.after:after{content: '';width: 100%;display: table;}
iframe{width: 100%}
/*b{font-family: Gotham Bold}*/
a{text-decoration: none !important;color: #3b4041;cursor: pointer;}
img{width: 100%;}
img.zoom-size{transition: 1s;margin-bottom: 15px;}
img.zoom-size:hover{transform: scale(1.3);}
.h5, h5 {font-size: 1rem;}
.displaynone{display: none;}
.overlay{position: absolute;width: 100%;height: 100%;left: 0;top: 0;background-color: rgba(0,0,0,0.8);}
ol, ul{padding-left: 15px !important;list-style: disc;}

.list-style-none{list-style: none;padding-left: 0;}

header.main_header{height: 100vh;position: relative;background: url(/img/header-bg.png) top;background-size: cover;}
/*header.main_header .overlay{background-color: rgba(0,0,0,0.6);}*/
/*.enter-title .col-md-6{background: rgb(0 0 0 / 70%);padding: 15px;}*/
header{position: relative;z-index: 10000}

.top-panel2{background: #fff;font-size: 16px;color: #fff;position: relative;padding: 10px 0;z-index: 10001;}
.top-panel2 a{color: #333;font-family: Gotham Bold;}
.top-panel2 .nomer{color: #333;font-family: Gotham Regular;font-size: 13px;}
.top-panel2 .nomer a{font-size: 17px;}
.top-panel2 i{font-size: 20px;margin-right: 10px;}
/*.top-panel2 .logo img{width: 70%;}*/
.top-panel2 .button{margin-top: 0px;padding: 15px;background: #43AB00;border: 2px solid #43AB00;color: #fff;text-transform: none;}
.top-panel2 .button:hover{background: transparent;color: #43AB00;}
.top-panel2 .navbar-light .navbar-nav .nav-link{color: #333;font-family: 'Gotham Light';text-transform: uppercase;font-size: 15px;}
.top-panel2 .navbar-light .navbar-nav .nav-link:hover;{color: #43AB00;}
.navbar{padding: 0px !important;}

.top-panel {padding: 5px 0;background: transparent;position: relative;color: #fff;font-family: Gotham Light;z-index: 1;}
.top-panel a{color: #fff;}
.top-panel img {width: 80px;}
.top-panel .contacts-content {text-align: right;}
.top-panel .contatcs-content .numbers-item {width: 50%;display: table-cell;vertical-align: middle;height: 100%;padding-bottom: 30px;}
.top-panel .button{border-radius: 5px;float: left;margin-top: 0;margin-left: 25px;max-width: 200px;color: #fff;padding: 12px;font-size: 13px;letter-spacing: .5px;}
.top-panel .button:hover{color: #43AB00;}
.top-panel .adress a{margin-right: 15px;}
.top-panel .contacts-content a{margin-right: 0;font-size: 20px;}
.top-panel .contacts-content a:nth-child(5){margin-right: 20px;color: #fff;font-family: 'Gotham Light';font-size: 19px;}
.top-panel .contacts-content a:first-child{margin-right: 20px;color: #fff;font-family: 'Gotham Light';font-size: 19px;}

/*Styling Links*/
.dropdown-item{text-transform: none;}
.navbar-nav{display: flex;list-style: none;padding: 0 0.7vw;justify-content: space-evenly;align-items: center;text-transform: uppercase;margin-bottom: 0;width: 100%;}
.navbar-nav .nav-link{font-size: 14px;font-family: Gotham Bold;}
.navbar-nav .nav-link:hover{color: #55710E;}
.dropdown-menu{overflow-y: scroll;height: 80vh;}

.nav-links{display: flex;list-style: none;padding: 0 0.7vw;justify-content: space-evenly;align-items: center;text-transform: uppercase;margin-bottom: 0;}
.nav-links li a{text-decoration: none;padding: 5px;font-family: Gotham Bold;font-size: 13px;}
.nav-links li a:hover {color: #43AB00;}
.nav-links li {position: relative;}
.nav-links li a::before {content: "";display: block;height: 3px;width: 0%;background-color: #43AB00;position: absolute;transition: all ease-in-out 250ms;margin: 0 0 0 10%;top: -5px;}
.nav-links li a:hover::before{width: 80%;}
#btn-back-to-top {position: fixed;bottom: 20px;right: 20px;display: none;border: 1px solid #333;}
.btn-danger {color: #fff;background-color: #43AB00;border-color: #43AB00;}
.btn-danger:hover {color: #fff;background-color: #43AB00;border-color: #43AB00;}

.hamburger div{width: 30px;height:3px;background: #333;margin: 5px;transition: all 0.3s ease;}
.hamburger{display: none;}

header .enter-title{top: calc((100vh - 375px) / 2);position: absolute;left: 0;right: 0;z-index: 1;}
header .enter-title .col-md-6{padding: 15px;border-radius: 10px;background-color: rgba(0, 0, 0, 0.7);}
header .enter-title li a, header .enter-title li i{color: #fff;}
header .enter-title li a:hover{color: #43AB00 !important;}
header .enter-title h1{color: #fff;font-family: Gotham Bold;font-size: 40px;line-height: 55px;letter-spacing: .5px;margin-bottom: 40px;}
header .enter-title h2{color: #fff;font-family: Gotham Bold;font-size: 20px;line-height: 25px;letter-spacing: .5px;margin-bottom: 40px;}
header .enter-title p{color: #fff;}
header .enter-title span{color: #43AB00;font-family: 'Gotham Bold';}
header .enter-title .button{border: 2px solid #43AB00;background: #43AB00;padding: 10px;border-radius: 5px;margin: 0 0 0;color: #fff;display: inline-block;margin-right: 15px;font-size: 15px;line-height: 25px;max-width: 300px;text-transform: none;}
header .enter-title .button:hover{color: #43AB00;background: transparent;}
header .enter-title ul{padding-inline-start: 0px;color: #fff;font-size: 16px;margin: 30px 0;font-family: Gotham Bold;letter-spacing: .2px}
header .enter-title .contacts-number{display: inline-block;vertical-align: middle;}
header .enter-title .contacts-number a{font-size: 23px;color: #fff;font-family: Gotham Bold;vertical-align: bottom;line-height: 30px;}
header .enter-title .contacts-number span {font-size: 15px;display: block;font-family: 'Gotham Light';line-height: 15px;color: #fff;}

.soc-ico a {width: 60px;padding: 10px;margin-right: 15px;border-radius: 10px;background-color: rgba(0, 0, 0, 0.7);}
.soc-ico .row {position: absolute;bottom: 30px;right: 30px;}

header .bottom-panel {width: 300px;position: absolute;bottom: 0;}

.tasks span, .areas span, .why_us span, .glamping span, .sip-home-types span, .what-sip span, .advantages-sip span, .steps span, .a-frame-model span, .documents span, .glamping-manufacturing span, .glamping-types span, .glamping-models span, .personal span {color: #43AB00;font-family: 'Gotham Bold';text-transform: uppercase;}
.tasks h2, .glamping-types .main_title, .glamping-models h2, .personal h3 {font-family: 'Gotham Bold';margin: 15px 0;}
.task .caption {font-family: 'Gotham Bold';margin: 15px 0;}
.task i {font-size: 15px;display: block;margin-bottom: 15px;color: #43AB00;font-family: 'Gotham Bold';}
.tasks .left img{margin: 15px 0;border-radius: 5px;}
.tasks .right img{width: 50px;}
.task-content {padding: 15px;border-radius: 5px;margin-bottom: 20px;background: #fff;box-shadow: 5px 5px 15px 0px rgba(0, 0, 0, 0.20);}
.tasks .button {max-width: 100%;padding: 15px;}

.areas .caption{font-family: Gotham Bold;margin-bottom: 15px;text-transform: uppercase;color: #fff;}
.areas .button{max-width: 250px;margin: 15px 0 0;padding: 15px;}
.areas .description{font-size: 14px;color: #fff;}
.area-content{position: relative;}
.area-text{position: absolute;bottom: 0;padding: 15px;background-color: rgba(0, 0, 0, 0.7);}

.why_us, .glamping {background: #333;color: #fff;}
.why_us .button {max-width: 100%;}
.why_us img {margin-bottom: 15px;}
.why_us .main_title {font-family: Gotham Bold;margin: 15px 0;font-size: 20px;text-transform: unset;color: #fff;}
.why-us__wrapper {display: grid;grid-template-columns: 1fr 1fr;row-gap: 50px;}
.why-us__card {display: flex;align-items: center;gap: 50px;padding: 0 10px;}
.why-us__card img{width: 50px;}
.why-us__card h3 {color: #fff;font-family: Gotham Bold;font-size: 20px;font-style: normal;line-height: 22px;margin-bottom: 7px;}
.why-us__card p {color: #fff;font-family: Gotham Regular;font-size: 16px;font-style: normal;line-height: 22px;}

.glamping h2 {font-family: 'Gotham Bold';margin: 15px 0;}
.glamping .button {margin: 30px 0;max-width: 350px;}

.about .main_title{margin-bottom: 15px;font-size: 25px;line-height: 30px;}
.about .button, .sip-home-types .button, .personal .button, .advantages-sip .button{margin: 15px 0;}

.faq-heading {margin-top: 15px;font-family: Gotham Regular;font-weight: 400;font-size: 15px;-webkit-transition: text-indent 0.2s;text-indent: 20px;color: #333;}
.faq-text {font-family: Gotham Regular;font-weight: 400;color: #919191;width: 95%;padding-left: 20px;margin-bottom: 30px;}
.faq {margin: 0 auto;background: white;border-radius: 4px;position: relative;border: 1px solid #e1e1e1;}
.faq label {display: block;position: relative;overflow: hidden;cursor: pointer;height: 56px;padding-top: 1px;background-color: #fafafa;border-bottom: 1px solid #e1e1e1;}
.faq input[type="checkbox"] {display: none;}
.faq .faq-arrow {width: 5px;height: 5px;transition: -webkit-transform 0.8s;transition: transform 0.8s;transition: transform 0.8s, -webkit-transform 0.8s;-webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);border-top: 2px solid rgba(0, 0, 0, 0.33);border-right: 2px solid rgba(0, 0, 0, 0.33);float: right;position: relative;top: -30px;right: 27px;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.faq input[type="checkbox"]:checked + label > .faq-arrow {transition: -webkit-transform 0.8s;transition: transform 0.8s;transition: transform 0.8s, -webkit-transform 0.8s;-webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);-webkit-transform: rotate(135deg);transform: rotate(135deg);}
.faq input[type="checkbox"]:checked + label {display: block;background: rgba(255, 255, 255, 255) !important;color: #4f7351;height: 225px;transition: height 0.8s;-webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);}
.faq input[type="checkbox"]:not(:checked) + label {display: block;transition: height 0.8s;height: 50px;-webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);}
.faq-content{border-radius: 10px;padding: 30px;background: url(/img/faq-img.jpg);background-size: cover;position: relative;}
.faq-content .caption{color: #43AB00;position: relative;font-size: 20px;font-family: 'Gotham Bold';margin-bottom: 30px;}
.faq-content .button{position: relative;margin: 15px 0;line-height: 25px;}
.faq-content p{position: relative;color: #fff;}
.faq-content .overlay{background-color: rgba(0, 0, 0, 0.7);border-radius: 10px;}

.lead-magnet{color: #fff;position: relative;background: #3D3D3D;border-bottom: 2px solid #333;}
.lead-magnet .container{background: url(/img/leadmagnet-bg.jpg);background-size: cover;padding: 30px;position: relative;}
.lead-magnet .container .row{position: relative;}
.lead-magnet .main_title{color: #fff;margin-bottom: 20px;font-family: Gotham Bold;}
.lead-magnet .callback{text-align: right;font-size: 30px;}
.lead-magnet .callback a{color: #fff;}
.lead-magnet .callback i{color: #00C960;}
.lead-magnet .callback .button{margin: 15px 0 0;float: right;max-width: 200px;background: #43AB00;border: 2px solid #43AB00;}
.lead-magnet .callback .button:hover{background: transparent;color: #43AB00;}
.lead-magnet p{margin-top: 15px;}


/*.steps{background: #F8F8F8;}*/

.form-group {margin-bottom: 15px;}
.form-control, .form-group .btn{font-size: .8rem;}
.form__form .inputbox, .form__form .textbox {width: 100%}
.form__form {position: relative;}
.form__form::before {background: rgba(255, 255, 255, 0.5) url(/new/img/preloader.gif) 50% 50% no-repeat;content: "";display: none;position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: 5}
.form__form.sending::before {display: block;}
.form__sys-message {text-align: center;}
.form__success-title {color: #99DB3B;font-size: 15px;font-weight: 600;text-transform: uppercase;}
.form__success-text {color: #99DB3B;}
.form__error {color: red;text-align: center;margin-top: 5px;font-size: 12px;}

.bottom-panel {background: #3D3D3D;}
.bottom-panel a{color: #fff;}
.bottom-panel .caption {font-family: 'Gotham Bold';font-size: 20px;text-transform: uppercase;margin-bottom: 15px;color: #43AB00;}
.bottom-panel .description {margin-bottom: 15px;}
.bottom-panel .col-md-4 {border-right: 2px solid #333;border-left: 2px solid #333;padding: 30px;}
.bottom-panel i{margin-right: 10px;}
footer hr {margin: 5px 0;opacity: 1;height: 2px !important;color: #43AB00;width: 70px;}
.contacts-footer img {width: 20px;margin-right: 10px;}
footer a {margin: 15px 0;display: block;}

.catalog br{display: none;}

.slick-prev:before, .slick-next:before{color: #43AB00;}
.slick-next{right: 10px}
.slick-prev{left: 10px}
/*.partners-slick img{min-height: 120px;}*/

#sw-app-6e7138e88e4241b793eb31c7e8e2a644 .sw-app-head{color: #333 !important;font-family: Gotham Bold !important;justify-content: left !important;}
.sw-app .sw-review-truncate-text {font-family: 'Gotham Light' !important;}


/* end attestacia rabochih mest */
.step{margin-bottom: 30px;min-height: 82px;}
.step a{color: #43AB00;}
.steps__item {display: flex;}
.steps__num {font-family: Gotham Bold;font-size: 50px;color: #43AB00;line-height: 30px;min-width: 35px;text-align: center;}
.steps__info {margin-left: 50px;}
.steps__name {position: relative;font-family: Gotham Bold;margin-bottom: 10px;color: #333;}
.steps__name:before {content: "";position: absolute;width: 13px;height: 2px;left: -20px;top: 8px;margin: auto;background: #000;}
/* end attestacia rabochih mest */

.contacts-head {background: url(/proekty-domov-iz-morskih-kontejnerov/img/header-bg.jpg) center;background-size: cover;position: relative;padding: 15px;text-align: center;min-height: 450px;font-family: 'Arsenal Bold';text-transform: uppercase;}
.contacts-head h1{background: rgb(0 0 0 / 70%);padding: 15px;}
.other-pages-body .overlay{background-color: rgba(0,0,0,0.7);}
.other-pages-body .services{background: #fff;}
.other-pages-body .projects{background: #FAF4EE;}
.other-pages-body header{height: 70vh;}
.other-pages-body .enter-title{top: calc((100vh - 260px) / 2);}
.kontakty-page header{background: url(/kontakty/header-bg.jpg) 100% 70%;background-size: cover;}
.contacts-content .call-center, .contacts-content .main-phone{min-height: 150px;border-bottom: 1px solid #e1e3e5;padding-bottom: 23px;margin-bottom: 22px;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
/*.contacts-content .call-center a, .contacts-content .main-phone a{font-size: 20px;}*/
.contacts-content .main_title{font-size: 20px;}
.contacts-content hr{width: 100px;margin-bottom: 30px;height: 2px;background: #02385F;opacity: 1;}
.contacts-content ul li::before, .vidy-proektov .vidy ul li::before, .about-services ul li::before, #exampleModal1 ul li::before, .necessary ul li::before {content: "\2022";color: #02385F;font-weight: bold;display: inline-block;width: 1em;margin-left: -1em;}
.main-phone img {width: 30px;margin-right: 10px;}

/* o-kompanii */
.o-kompanii header, .kontakty header{background: url(/img/header-bg.jpg) bottom;background-size: cover;}
.about-text{padding-left: 30px;}
.o-kompanii .glamping .button{max-width: 350px;margin: 15px 0;}
/* end o-kompanii */

/* a-frame */
.a-frame-doma header{background: url(/a-frame-doma/header-bg.jpg) center;background-size: cover;}
.a-frame-about-adv img {width: 50px;display: block;margin: 0 auto 15px;}
.a-frame .button{margin: 0px;}
.a-frame hr {width: 100px;opacity: 1;background-color: #43AB00;height: 3px !important;margin: 0 0px 30px;}
.a-frame-advantage {padding: 15px;background: #E3E7D4;border-radius: 5px;box-shadow: 5px 5px 15px 0px rgba(0, 0, 0, 0.20);}
.a-frame-advantage .caption {font-family: Gotham Bold;margin-bottom: 15px;min-height: 50px;}
.a-frame-advantage .description {min-height: 100px;}
.a-frame-advantage img {width: 50px;margin-bottom: 15px;}
.a-frame-models h2, .a-frame-model{margin-bottom: 30px;}
.a-frame-model .caption {margin: 15px 0;font-family: 'Gotham Bold';}
.a-frame-model img {opacity: 0;}
/* end a-frame */

/* sip */
.sip-doma header{background: url(/sip-doma/header-bg.jpg) center;background-size: cover;}
.sip-digitals .row {width: 50%;position: absolute;bottom: 20px;color: #fff;}
.sip-digitals .caption {font-family: Gotham Bold;font-size: 20px;}
.sip-digital-content {padding: 10px;border-radius: 5px;background-color: rgba(0, 0, 0, 0.7);}
.sip-home-types .main_title{font-size: 20px;line-height: 25px;margin-top: 15px;}
.sip-home-type {margin-bottom: 15px;}
.sip-home-type .caption{font-family: Gotham Bold;}
.sip-home-type .description{padding: 15px;background: #fff;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
.what-sip{color: #fff;background: #333;}
.advantages-sip .why-us__wrapper, .advantages-sip .why-us__card{gap: 30px;}
.advantages-sip h3, .steps h3, .a-frame-model h3, .documents h3{margin: 30px 0;}
.advantages-sip .main_title, .documents .main_title{font-size: 20px;margin-bottom: 10px;text-transform: none;}
.advantages-sip .why-us__card p, .documents .why-us__card p{color: #333;}
.sip-doma .steps{background: #333;color: #fff;}
.sip-doma .steps__name{color: #fff;}
.sip-doma .steps__name:before{background: #fff;}
.a-frame-model-content {padding: 15px;background: #333;color: #fff;min-height: 346px;}
/* end sip */

/* sip */
.glamping-page header{background: url(/glamping/header-bg.jpg) center;background-size: cover;}
.glamping-manufacturing ul{list-style: none;padding-left: 0 !important;}
.glamping-manufacturing div{position: relative;}
.glamping-manufacturing .main_title{margin: 15px 0;}
.glamping-types img{height: 150px;display: inline-block;width: 150px;}
.glamping-types .description{display: inline-block;font-size: 20px;font-family: 'Gotham Bold';padding-left: 15px;vertical-align: middle;}
/*.glamping-models{background: #333;color: #fff;}*/
.glamping-model-content {padding: 15px;background: #fff;border-radius: 5px;margin-bottom: 25px;box-shadow: 5px 5px 15px 0px rgba(0, 0, 0, 0.20);min-height: 350px;}
.glamping-models .caption, .personal-content .caption{font-family: Gotham Bold;margin: 15px 0;}
.personal-content {background: #333;color: #fff;padding: 20px;border-radius: 5px;min-height: 255px;margin-top: 30px;}
.glamping-page .a-frame-model-content{min-height: 365px;}
/* end sip */



/* articles */
.article-content h3 {font-size: 20px;font-family: 'GoogleSans Bold';margin-top: 15px;}
.articles .description{min-height: 80px;}
.articles .button{margin: 15px 0;max-width: 100%;}
.articles .main_title {color: #333;margin-bottom: 25px;}
.articles .main_title a{font-size: 20px;}
/* end articles */

/* blog */
.blog header.main_header, .kontakty header {height: 80vh;position: relative;background: url(/blog/header-bg.jpg) center;background-size: cover;}
.blog header.main_header h1{color: #fff;background: #333333c7;font-size: 3vw;}
.blog .sub_header .enter-title {top: calc((40vh - 220px) / 2);}
.how-content {padding: 30px 30px 20px 30px;border: 2px solid #55710E;}
.how-content h3{color: #55710E;font-family: GoogleSans Bold;}
.blog-content .button{margin: 15px 0 0;}
/* end blog */

#myBox.active {background-color: #333;}
#myBox.active #myButton{border: none;}
#myBox.active .navbar-toggler-icon{background-image: url(/img/x.png);}

@media screen and (max-width: 768px){
	.call, .whatsapp, .catalog br{display: block !important;}
	.mls img, .whatsapp-desktop, .top-panel2 .button, .desktop, .steps__descr.sm-text br, footer .logo, .top-panel2 .nomer, header .enter-title .lead-magnet{display: none !important;}
	.mobile{display: bloCK;text-align: center;margin: 10px 0;}
	header.main_header{padding-bottom: 30px;background-size: cover;}
	header.main_header, footer{text-align: center;margin-bottom: 0 !important;height: auto;}
	header .enter-title{position: relative;top: 15px;text-align: center;}
	header .enter-title .contacts-number{margin: 15px 0 15px;}
	header .enter-title .enter-content{position: relative;padding: 30px;align-items: flex-end;bottom: 0;text-align: center;}
	header .enter-title .enter-content .button{margin: 15px auto;}
	header .enter-title h1{font-size: 30px;line-height: 40px;text-align: center;color: #fff;}
	header .enter-title li a, header .enter-title li i{color: #fff;}
	.top-panel img {width: 60%;}
	.numbers-item-text, .top-panel .button{float: none;margin-top: 15px;}
	.services .service, .about .about-digit{width: 100%;}
	.services .row{flex-direction: column-reverse;}
	.services hr, .advantages hr, .about hr, .projects hr, .steps hr, .our-blogs hr, .necessary hr, .him-prach-services hr, .additional-services hr, .services h2{margin-bottom: 20px;font-size: 18px;}
	footer.py-5 {padding-bottom: 100px !important;}
	div.py-5{padding-bottom: 15px !important;padding-top: 15px !important;}
	.advantage{width: 100%;display: table-cell;margin-right: 0;font-size: 14px;}
	.advantage img{width: 22%;}
	.advantage .caption{margin-bottom: 0px;}
	.mb-5, .faq, .why-us__wrapper, .why-content, .category-content{margin-bottom: 15px !important;}
	.top-panel2{padding: 0;z-index: 3;}
	nav{height: 60px;z-index: 3;}
	.top-panel2 .logo img {width: 20%;position: absolute;left: 15px;top: 2px;}
	.hamburger{display:block;position: absolute;cursor: pointer;right: 5%;top: 50%;transform: translate(-5%, -50%);z-index: 9999999;transition: all 0.7s ease;}
    .nav-links{background: #333;height: 40vh;width: 100%;flex-direction: column;clip-path: circle(50px at 90% -25%);-webkit-clip-path: circle(50px at 90% -25%);transition: all 1s ease-out;pointer-events: none;}
    .nav-links.open{clip-path: circle(1000px at 90% -10%);-webkit-clip-path: circle(1000px at 90% -10%);pointer-events: all;}
    .nav-links li{opacity: 1;}
    .top-panel2 a{color: #fff;}
    .nav-links li:nth-child(1){transition: all 0.5s ease 0.2s;}
    .nav-links li:nth-child(2){transition: all 0.5s ease 0.4s;}
    .nav-links li:nth-child(3){transition: all 0.5s ease 0.6s;}
    .nav-links li:nth-child(4){transition: all 0.5s ease 0.7s;}
    .nav-links li:nth-child(5){transition: all 0.5s ease 0.8s;}
    .nav-links li:nth-child(6){transition: all 0.5s ease 0.9s;margin: 0;}
    .nav-links li:nth-child(7){transition: all 0.5s ease 1s;margin: 0;}
    li.fade{opacity: 1;}
    .toggle .line1{transform: rotate(-45deg)translate(-5px,6px);background: #fff;}
	.toggle .line2{transition: all 0.7s ease;width:0;background: #fff;}
	.toggle .line3{transform: rotate(45deg) translate(-5px,-6px);background: #fff;}
	.offer .row{flex-direction: column-reverse;}
	.slick-dots{bottom: -50px;}
	.main-advantages img{margin-bottom: 60px;}
	.about .recommendation{font-size: 20px;line-height: 25px;}
	.lead-magnet, .lead-magnet .main_title, .lead-magnet .callback{text-align: center;}
	.lead-magnet .callback .button{float: none;margin: 15px auto 0;}
	header .enter-title .button{padding: 5px;}
	.top-panel .contacts-content a:nth-child(4){margin-right: 4%;}
	.nav-links.open{position: relative;z-index: 9999}
	.advan_list{grid-template-columns: auto;}
	.branch, .why-chip img{margin-bottom: 15px;}
	.about-nubmer-left, .about-nubmer-right {width: 100%;border-radius: unset;}
	.about-number-content {min-height: 80px;margin-top: 15px;}
	.catalog img{border-radius: 10px;}
	footer hr{margin: 10px auto;}
	.numbers-item{width: 100%;display: block;}
	.why-us__wrapper{grid-template-columns: 1fr;margin-top: 15px;}
	.navbar>.container-fluid{flex-direction: row-reverse;}
	.dropdown-menu {background: transparent !important;border: none !important;height: auto;overflow-y: none}
	nav ol, ul{padding-left: 0 !important}
	.dropdown-item{text-align: center !important;}
}
@media (min-width: 576px) {
    #chatapp .modal-dialog {
        max-width: 300px;
        margin: 1.75rem auto;
    }
}