@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900');

* {box-sizing: border-box; border: none; outline: none; margin: 0; padding: 0; resize: none; text-decoration: none; font-family: 'Rubik', sans-serif;}
input[type="submit"] {cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none;}

::-webkit-input-placeholder {color: #686868;}
:-moz-placeholder {color: #686868; opacity:  1;}
::-moz-placeholder {color: #686868; opacity:  1;}
:-ms-input-placeholder {color: #686868;}

header {position: fixed; top: 0; left: 0; width: 100%; z-index: 999; background: transparent;}
header > div {max-width: 1200px; margin: 0 auto; padding: 0 15px; display: flex; justify-content: space-between; align-items: center;}
header .logo {width: 270px; height: 91px; background: url(../img/bglogo.png); display: flex; align-items: center; justify-content: center;}
header .logo img {position: relative; top: -8px;}
header nav {flex: 1; display: flex; justify-content: flex-end;}
header nav a {color: #fff; font-size: 18px; margin-right: 30px;}
header nav a:hover {text-decoration: underline;}
header .tel {color: #fff; font-size: 20px; display: flex; align-items: center;}
header .tel:before {content: ""; width: 20px; height: 20px; background: url(../img/tel.svg) no-repeat center center / 100%; margin-right: 10px; filter: brightness(1);}
header .left {display: flex; align-items: center;}
header .mmenu {display: none; margin-left: 20px;}

header.scroll {background: #fff;}
header.scroll nav a {color: #000;}
header.scroll .tel {color: #000;}
header.scroll .tel:before {filter: brightness(0);}

.main {position: relative; background-size: cover!important;}
.main:before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.2;} 
.main > div {max-width: 1200px; margin: 0 auto; padding: 0 15px; position: relative;}
.main > div > div {padding: 250px 0 320px;}
.main h1 {color: #fff; font-size: 48px; font-weight: 500; max-width: 680px;}
.main ul {display: flex; align-items: center; list-style: none; margin-top: 30px;}
.main ul li {font-size: 24px; color: #f1f1f1; display: flex; align-items: center; margin-right: 50px; position: relative;}
.main ul li:before {content: ""; width: 40px; height: 40px; border: 1px solid #CBCBCB; border-radius: 100%; margin-right: 10px;}
.main ul li:after {content: ""; width: 26px; height: 26px; border-radius: 100%; background: linear-gradient(322.8deg, #407E26 18.39%, #57AC33 72.34%); position: absolute; top: 8px; left: 8px;}
.main p {color: #fff; margin: 30px 0 0; max-width: 440px; line-height: 22px;}
.main form {margin-top: 30px; max-width: 360px;}
.main form input[type="text"] {display: block; width: 100%; font-size: 16px; color: #fff; text-align: center; background: none; border: 1px solid #fff; padding: 14px 15px; border-radius: 10px;}
.main form input[type="submit"] {display: block; width: 100%; padding: 14px 15px; margin-top: 15px; color: #fff; font-size: 18px; font-weight: 500; background: linear-gradient(322.8deg, #407E26 18.39%, #57AC33 72.34%); box-shadow: 0px 0px 37px 1px rgba(44, 120, 41, 0.62); border-radius: 10px;}
.main form input[type="submit"]:hover {background: linear-gradient(322.8deg, #407E26 18.39%, #57AC33 72.34%); box-shadow: 0px 0px 21px rgba(43, 121, 30, 0.12);}
.main form input[type="submit"]:active {background: linear-gradient(322.8deg, #2F621A 18.39%, #548F3B 72.34%); box-shadow: 0px 0px 21px rgba(43, 121, 30, 0.12);}

.main form input[type="text"]::-webkit-input-placeholder {color: #BABABA;}
.main form input[type="text"]:-moz-placeholder {color: #BABABA; opacity:  1;}
.main form input[type="text"]::-moz-placeholder {color: #BABABA; opacity:  1;}
.main form input[type="text"]:-ms-input-placeholder {color: #BABABA;}

.about {max-width: 1200px; margin: -150px auto 0; padding: 50px 55px; position: relative; z-index: 9; background: #FFFFFF; box-shadow: 0px 0px 110px -8px rgba(0, 0, 0, 0.1); border-radius: 10px; display: flex; justify-content: space-between;}
.about .text {width: 48%;}
.about .text h2 {font-size: 48px; font-weight: 500;}
.about .text p {color: #141414; margin: 30px 0 0; max-width: 400px; line-height: 22px;}
.about .text form {margin-top: 40px; max-width: 360px;}
.about .text form input[type="text"] {display: block; width: 100%; font-size: 16px; text-align: center; background: none; border: 1px solid #407E26; padding: 14px 15px; border-radius: 10px;}
.about .text form input[type="submit"] {display: block; width: 100%; padding: 14px 15px; margin-top: 15px; color: #fff; font-size: 18px; font-weight: 500; background: linear-gradient(322.8deg, #407E26 18.39%, #57AC33 72.34%); border-radius: 10px;}
.about .text form input[type="submit"]:hover {background: linear-gradient(322.8deg, #407E26 18.39%, #57AC33 72.34%); box-shadow: 0px 0px 37px 1px rgba(44, 120, 41, 0.62);}
.about .text form input[type="submit"]:active {background: linear-gradient(322.8deg, #2F621A 18.39%, #548F3B 72.34%);}
.about .img {width: 48%; border-radius: 10px; overflow: hidden; position: relative;}
.about .img > div {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.about .img img {display: block; width: 100%; height: 100%; object-fit: cover;}

.whywe {max-width: 1200px; margin: 170px auto 0; padding: 0 15px;}
.whywe h2 {font-size: 48px; font-weight: 500;}
.whywe .items {display: flex; justify-content: space-between; margin-top: 60px;}
.whywe .items > div {background: #f9f9f9; width: calc(25% - 30px); border-radius: 10px;}
.whywe .items .ico {display: block; margin: -20px auto 15px;}
.whywe .items h3 {font-size: 16px; color: #141414; text-align: center; padding: 0 15px; font-weight: 400; height: 75px;}
.whywe .items .img {display: block; width: 100%; border-radius: 0 0 10px 10px;}

.slider {max-width: 1200px; margin: 170px auto 0; padding: 0 15px;}
.slider h2 {font-size: 48px; font-weight: 500;}
.slider > div {margin-top: 45px; border-radius: 20px; overflow: hidden; position: relative;}
.slider .item {max-height: 700px; overflow: hidden; border-radius: 20px; width: 100%; padding-left: 2px;}
.slider .item img {display: block; width: 100%; height: 100%; object-fit: cover;}
.slider .owl-dots {position: absolute; bottom: 15px; width: 100%; display: flex; justify-content: center;}
.slider .owl-dots .owl-dot {width: 10px; height: 10px; border-radius: 100%; background: #CBCBCB; margin: 0 3px;}
.slider .owl-dots .owl-dot.active {background: linear-gradient(322.8deg, #407E26 18.39%, #57AC33 72.34%);}
.slider .owl-nav {}
.slider .owl-nav button {position: absolute; top: calc(50% - 24px); width: 48px; height: 48px; display: flex; justify-content: center; align-items: center; border-radius: 100%; border: none!important;}
.slider .owl-nav button span {display: block; width: 18px; height: 18px;}
.slider .owl-nav button:hover {transform: scale(1.2);}
.slider .owl-nav button:hover span {}
.slider .owl-nav button.owl-prev {left: 20px; background: linear-gradient(33deg, #407E26 18.39%, #57AC33 72.34%);}
.slider .owl-nav button.owl-prev span {background: url(../img/sl.svg) no-repeat 2px / 100%;}
.slider .owl-nav button.owl-next {right: 20px; background: linear-gradient(322.8deg, #407E26 18.39%, #57AC33 72.34%);}
.slider .owl-nav button.owl-next span {background: url(../img/sr.svg) no-repeat -2px / 100%;}
.slider .mid {position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; z-index: 999; border-radius: 15px; max-width: 1000px;}
.slider .owl-carousel .owl-stage {display: flex;}
.slider .owl-carousel .owl-item {display: flex;}

.hits {max-width: 1200px; margin: 170px auto 0; padding: 0 15px; position: relative; z-index: 9;}
.hits .title {display: flex; justify-content: space-between; align-items: flex-end;}
.hits .title h2 {font-size: 48px; font-weight: 500;}
.hits .title .tabs {position: relative; top: -10px; display: flex;}
.hits .title .tabs div {color: #CBCBCB; margin-left: 30px;}
.hits .title .tabs div.active {color: #407E26;}
.hits .title .tabs div:hover {color: #407E26; cursor: pointer;}

.itemsSlider {margin-top: 20px;}
.itemsSlider.show {display: block;}
.itemsSlider.hide {display: none;}
.itemsSlider .owl-nav {display: none;}
.itemsSlider .owl-dots {display: none;}

.hits .writem {display: flex; flex-wrap: wrap; justify-content: space-between;}
.hits .writem .fake {width: calc(25% - 30px);}
.hits .item {width: calc(25% - 30px); margin-top: 30px;}
.hits .item .img {width: 100%; height: 150px; border-radius: 20px; overflow: hidden;}
.hits .item .img img {display: block; width: 100%; height: 100%; object-fit: cover}
.hits .item h3 {font-size: 16px; color: #141414; font-weight: 400; margin-top: 10px;}

.hits .hitsMob .writem .item {width: 70vw;}
.hits .hitsMob .item h3 {height: 40px; overflow: hidden;}
.hits .hitsMob .writem {flex-direction: column; margin-right: 30px;}
.hits .hitsMob > div > .writem:last-of-type {margin-right: 15px; padding-right: 15px;}
.hits .hitsMob > div > .writem:first-of-type {margin-left: 15px;}
.hitsMob {overflow: hidden; overflow: auto;}
.hitsMob > div {display: none;}
.hitsMob > div.show {display: flex; align-items: flex-start;}

.hits .bot {margin-top: 40px; display: flex; justify-content: space-between; align-items: center;}
.hits .bot form {display: flex; justify-content: space-between;}
.hits .bot form input[type="text"] {display: block; min-width: 260px; margin-right: 40px; width: 100%; font-size: 16px; text-align: center; background: none; border: 1px solid #407E26; padding: 14px 15px; border-radius: 10px;}
.hits .bot form input[type="submit"] {display: block; min-width: 260px; width: 100%; padding: 14px 15px; font-size: 18px; color: #fff; font-weight: 500; background: linear-gradient(322.8deg, #407E26 18.39%, #57AC33 72.34%); border-radius: 10px;}
.hits .bot form input[type="submit"]:hover {background: linear-gradient(322.8deg, #407E26 18.39%, #57AC33 72.34%); box-shadow: 0px 0px 37px 1px rgba(44, 120, 41, 0.62);}
.hits .bot form input[type="submit"]:active {background: linear-gradient(322.8deg, #2F621A 18.39%, #548F3B 72.34%);}
.hits .bot .arrow {display: flex;}
.hits .bot .arrow > div {width: 48px; height: 48px; display: flex; justify-content: center; align-items: center; border-radius: 100%; border: 1px solid #407E26;}
.hits .bot .arrow > div:after {content: ""; display: block; width: 14px; height: 14px;}
.hits .bot .arrow > div:hover {cursor: pointer; transform: scale(1.2);}
.hits .bot .arrow > div:hover:after {}
.hits .bot .arrow .prev {}
.hits .bot .arrow .prev:after {background: url(../img/slg.svg) no-repeat 2px / 100%;}
.hits .bot .arrow .next {margin-left: 10px;}
.hits .bot .arrow .next:after {background: url(../img/srg.svg) no-repeat -2px / 100%;}

.invite {background-size: cover!important; position: relative; overflow: hidden; padding: 220px 0; margin: 120px 0;}
.invite:before {content: ""; position: absolute; transform: rotate(-4deg); width: 200%; left: -50%; height: 200px; background: #fff; top: -100px;}
.invite:after {content: ""; position: absolute; transform: rotate(-4deg); width: 200%; left: -50%; height: 200px; background: #fff; bottom: -100px;}
.invite > div {max-width: 1200px; margin: 0 auto; padding: 0 15px;}
.invite > div > div {max-width: 530px; border-radius: 10px; padding: 40px 45px; background: rgb(255 255 255 / 90%);}
.invite > div > div h2 {font-size: 48px; font-weight: 500;}
.invite > div > div p {color: #141414; margin: 20px 0; line-height: 22px;}
.invite > div > div ul {color: #141414; list-style: none;}
.invite > div > div ul li {padding-left: 15px; margin: 5px 0; position: relative; line-height: 22px;}
.invite > div > div ul li:before {content: ""; width: 5px; height: 5px; background: #141414; border-radius: 100%; position: absolute; top: 7px; left: 0;}
.invite > div > div form {margin-top: 40px; width: 100%;}
.invite > div > div form input[type="text"] {display: block; width: 100%; font-size: 16px; text-align: center; background: none; border: 1px solid #407E26; padding: 14px 15px; border-radius: 10px;}
.invite > div > div form input[type="submit"] {display: block; width: 100%; padding: 14px 15px; margin-top: 15px; color: #fff; font-size: 18px; font-weight: 500; background: linear-gradient(322.8deg, #407E26 18.39%, #57AC33 72.34%); border-radius: 10px;}
.invite > div > div form input[type="submit"]:hover {background: linear-gradient(322.8deg, #407E26 18.39%, #57AC33 72.34%); box-shadow: 0px 0px 37px 1px rgba(44, 120, 41, 0.62);}
.invite > div > div form input[type="submit"]:active {background: linear-gradient(322.8deg, #2F621A 18.39%, #548F3B 72.34%);}

.algoritm {max-width: 1200px; margin: 100px auto 0; padding: 0 15px;}
.algoritm h2 {font-size: 48px; font-weight: 500;}
.algoritm .items {display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 10px; counter-reset: section;}
.algoritm .items .item {counter-increment: section; position: relative; width: calc(50% - 20px); height: 460px; border: 1px solid #E9E9E9; margin-top: 40px; border-radius: 20px; overflow: hidden; background-repeat: no-repeat!important; background-position: right!important; background-size: auto 100%!important;}
.algoritm .items .item:before {content: ""; position: absolute; background: #fff; width: 100%; height: 150%; top: -25%; left: -35%; border-radius: 100%;}
.algoritm .items .item:after {content: counter(section) "/4"; position: absolute; color: #407E26; bottom: 25px; left: 25px;}
.algoritm .items .item:first-of-type:before {background: linear-gradient(322.8deg, #407E26 18.39%, #57AC33 72.34%);}
.algoritm .items .item:last-of-type:before {background: linear-gradient(322.8deg, #407E26 18.39%, #57AC33 72.34%);}
.algoritm .items .item:first-of-type:after {color: #fff;}
.algoritm .items .item:last-of-type:after {color: #fff;}
.algoritm .items .item > div {position: relative; padding: 150px 25px 20px; max-width: 45%;}
.algoritm .items .item > div .ico {position: absolute; top: -10px; left: -20px;}
.algoritm .items .item > div h3 {font-size: 24px; font-weight: 400;}
.algoritm .items .item > div p {margin-top: 15px; line-height: 22px;}
.algoritm .items .item:first-of-type > div h3 {color: #fff;}
.algoritm .items .item:first-of-type > div p {color: #fff;}
.algoritm .items .item:last-of-type > div h3 {color: #fff;}
.algoritm .items .item:last-of-type > div p {color: #fff;}
.algoritm .bot {margin-top: 40px; display: flex; justify-content: space-between; align-items: center;}
.algoritm .bot form {display: flex; justify-content: space-between;}
.algoritm .bot form input[type="text"] {display: block; min-width: 260px; margin-right: 40px; width: 100%; font-size: 16px; text-align: center; background: none; border: 1px solid #407E26; padding: 14px 15px; border-radius: 10px;}
.algoritm .bot form input[type="submit"] {display: block; min-width: 260px; width: 100%; padding: 14px 15px; font-size: 18px; color: #fff; font-weight: 500; background: linear-gradient(322.8deg, #407E26 18.39%, #57AC33 72.34%); border-radius: 10px;}
.algoritm .bot form input[type="submit"]:hover {background: linear-gradient(322.8deg, #407E26 18.39%, #57AC33 72.34%); box-shadow: 0px 0px 37px 1px rgba(44, 120, 41, 0.62);}
.algoritm .bot form input[type="submit"]:active {background: linear-gradient(322.8deg, #2F621A 18.39%, #548F3B 72.34%);}

footer {display: flex; position: relative; margin-top: 170px;}
footer .green {width: 50%; background: linear-gradient(322.8deg, #407E26 18.39%, #57AC33 72.34%); min-height: 480px;}
footer .map {width: 50%; overflow: hidden; min-height: 460px;}
footer .map > img {display: block; width: 100%; height: 100%; object-fit: cover;}

.footer {position: absolute; top: 0; left: 0; width: 100%;}
.footer > div {max-width: 1200px; margin: 0 auto; padding: 0 15px;}
.footer > div > div {}
.footer .logo {width: 380px; height: 91px; background: url(../img/bglogo.png); display: flex; align-items: center; justify-content: center; background-size: 100% 100%;}
.footer .logo img {position: relative; top: -8px;}
.footer .adr {display: block; color: #fff; font-size: 22px; margin: 40px 0 20px;}
.footer .tel {color: #fff; font-size: 38px; display: flex; align-items: center; margin: 8px 0;}
.footer .tel:before {content: ""; width: 36px; height: 36px; background: url(../img/ftel.svg) no-repeat center center / 100%; margin-right: 10px;}
.footer form {margin-top: 30px; max-width: 380px;}
.footer form input[type="text"] {display: block; width: 100%; font-size: 16px; color: #fff; text-align: center; background: none; border: 1px solid #fff; padding: 14px 15px; border-radius: 10px;}
.footer form input[type="submit"] {display: block; width: 100%; padding: 14px 15px; margin-top: 15px; color: #141414; font-size: 18px; font-weight: 500; background: #fff; border-radius: 10px;}
.footer form input[type="submit"]:hover {background: #e2ffd6;}
.footer form input[type="submit"]:active {background: #b8dfa8;}
.footer .telegram {max-width: 380px; display: flex; justify-content: center; margin-top: 30px;}
.footer .telegram a {color: #fff; display: flex; justify-content: center; align-items: center;}
.footer .telegram a:before {content: ""; width: 40px; height: 40px; background: url(../img/telegram.svg) no-repeat center / 100%; margin-right: 10px;}
.footer .telegram a:hover {text-decoration: underline;}

.footer form input[type="text"]::-webkit-input-placeholder {color: #CBCBCB;}
.footer form input[type="text"]:-moz-placeholder {color: #CBCBCB; opacity:  1;}
.footer form input[type="text"]::-moz-placeholder {color: #CBCBCB; opacity:  1;}
.footer form input[type="text"]:-ms-input-placeholder {color: #CBCBCB;}

.error {border-color: #ff8686!important; box-shadow: 0 0 10px red;}

.pu {position: fixed; top: 0; left: 0; z-index: 999999; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; visibility: hidden;}
.pu.show {visibility: visible;}
.pubg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.3;}
.pucont {position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; visibility: hidden; background: #fff; opacity: 0; transform: scale(1.2); max-width: 360px; padding: 25px; border-radius: 15px;}
.pucont.show {visibility: visible; opacity: 1; transform: scale(1);}
.pucont .title {font-size: 24px; display: block; background: linear-gradient(322.8deg, #407E26 18.39%, #57AC33 72.34%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent;}
.pucont form {margin-top: 25px;}
.pucont form input[type="text"] {display: block; margin-bottom: 5px; width: 100%; font-size: 16px; text-align: center; background: none; border: 1px solid #407E26; padding: 14px 15px; border-radius: 10px;}
.pucont form input[type="submit"] {display: block; width: 100%; padding: 14px 15px; font-size: 18px; color: #fff; font-weight: 500; background: linear-gradient(322.8deg, #407E26 18.39%, #57AC33 72.34%); border-radius: 10px;}
.pucont form input[type="submit"]:hover {background: linear-gradient(322.8deg, #407E26 18.39%, #57AC33 72.34%); box-shadow: 0px 0px 37px 1px rgba(44, 120, 41, 0.62);}
.pucont form input[type="submit"]:active {background: linear-gradient(322.8deg, #2F621A 18.39%, #548F3B 72.34%);}
.pucont .puc {position: absolute; top: 10px; right: 10px; width: 20px; height: 20px; cursor: pointer;}
.pucont.puform {height: 210px;}
.pucont.puthk {height: 135px;}
.pucont.puthk p {margin-top: 20px; color: #141414;}

.mobMenu {position: fixed; z-index: 999; top: 0; right: -100%; width: 100%; height: 100%; background: linear-gradient(322.8deg, #407E26 18.39%, #57AC33 72.34%); padding: 50px 15px;}
.mobMenu.show {right: 0;}
.mobMenu .cm {position: absolute; top: 27px; right: 16px;}
.mobMenu nav {flex-direction: column; display: flex; align-items: flex-start;}
.mobMenu nav a {color: #fff; font-size: 24px; margin: 10px 0;}
.mobMenu .tel {color: #fff; font-size: 20px; display: flex; align-items: center; margin-top: 20px;}
.mobMenu .tel:before {content: ""; width: 20px; height: 20px; background: url(../img/tel.svg) no-repeat center center / 100%; margin-right: 10px; filter: brightness(1);}

.hitsDesc {display: block;}
.hitsMob {display: none;}

.mapMob {display: none; margin: 30px 0;}
.mapMob img {display: block; width: 100%;}


.mobMenu,
header,
header nav a,
header .tel,
header .tel:before,
header .mmenu,
.slider .owl-nav button,
.slider .owl-nav button span,
.hits .bot .arrow > div,
.hits .bot .arrow > div:after,
.pucont,
.anim {
	-moz-transition: 0.3s all ease;
	-o-transition: 0.3s all ease;
	-webkit-transition: 0.3s all ease;
	transition: 0.3s all ease;
}



@media (max-width: 1110px){
	header nav a {font-size: 16px; margin-right: 25px;}
	header .logo {width: 250px; background-size: 100% 100%;}
}

@media (max-width: 1020px){
	header .tel {font-size: 16px;}
	header .tel:before {width: 16px; height: 16px;}
	header .logo img {width: 150px;}
	header .logo {width: 220px;}
}

@media (max-width: 720px){
	header nav {display: none;}
	
	header .logo {width: 155px; height: 70px; background-size: 100% 100%;}
	header .logo img {height: 35px;}
	header .tel:before {display: none;}
	header .mmenu {display: block;}
	header.scroll .mmenu {display: block; filter: brightness(0);}
	.main h1 {font-size: 32px;}
	.main ul li {font-size: 18px;}
	.main p {font-size: 16px;}
	.main ul {flex-direction: column; align-items: flex-start;}
	.main ul li {margin: 4px 0;}
	.main ul li:before {width: 26px; height: 26px;}
	.main ul li:after {width: 16px; height: 16px; top: 6px; left: 6px;}
	.main > div > div {padding: 150px 0 20px;}
	.about {margin: 0; flex-direction: column; padding: 120px 15px 0;}
	.about .text h2 {font-size: 32px;}
	.whywe h2 {font-size: 32px;}
	.slider h2 {font-size: 32px; padding: 0 15px;}
	.hits .title h2 {font-size: 32px;}
	.invite > div > div h2 {font-size: 32px;}
	.algoritm h2 {font-size: 32px;}
	.about .text {width: 100%;}
	.about .img {width: 100%;}
	.about .img > div {position: static; margin-top: 30px;}
	.about .text form {max-width: 100%;}
	.whywe {margin: 120px 0 0;}
	.slider {margin: 120px 0 0; padding: 0;}
	.hits {margin: 120px 0 0;}
	.algoritm {margin: 120px 0 0;}
	.whywe .items {flex-direction: column;}
	.whywe .items > div {width: 100%; margin-top: 60px;}
	.whywe .items > div:first-of-type {margin-top: 0;}
	.whywe .items h3 {height: auto; max-width: 260px; margin: 0 auto 40px;}
	.slider .owl-nav {display: none;}
	.slider .item {border-radius: 0;}
	.slider > div {border-radius: 0;}
	.invite {background: none!important; padding: 0;}
	.invite:before {display: none;}
	.invite:after {display: none;}
	.invite > div > div {padding: 0;}
	.algoritm .items .item {width: 100%;}
	.algoritm .items .item > div {max-width: 65%;}
	.algoritm .items .item:before > div {width: 105%;}
	.algoritm .bot form {flex-direction: column; width: 100%;}
	.algoritm .bot form input[type="text"] {margin-right: 0;}
	.algoritm .bot form input[type="submit"] {margin-top: 15px;}
	.footer {position: static;}
	footer {flex-direction: column; margin-top: 120px;}
	footer .green {width: 100%;}
	footer .map {width: 100%; min-height: auto; display: none;}
	.footer .tel {font-size: 22px;}
	.footer .tel:before {width: 26px; height: 26px;}
	.about .text p {max-width: 100%;}
	.hits .bot form {flex-direction: column; width: 100%;}
	.hits .bot form input[type="submit"] {margin-top: 15px;}
	.hits .bot .arrow {display: none;}
	.hits .title {flex-direction: column; justify-content: flex-start; align-items: flex-start;}
	.hits .title .tabs {margin-top: 25px; width: 100%; justify-content: space-between;}
	.hits .title .tabs div {margin-left: 0;}
	.hits {padding: 0;}
	.hits .title {padding: 0 15px;}
	.hits .bot {padding: 0 15px;}
	.hitsDesc {display: none;}
	.hitsMob {display: block;}
	.mapMob {display: block;}
	.footer > div {padding-bottom: 30px;}
	.footer .adr {font-size: 28px;}
}

@media (max-width: 420px){
	header .logo {width: 145px;}
	header .tel {font-size: 16px;}
	.footer .logo {width: 100%;}
}