@font-face {font-display: swap;
    font-family: 'Axiforma';
    src: url('../fonts/Axiforma-SemiBold.eot');
    src: url('../fonts/Axiforma-SemiBold.woff') format('woff'),
        url('../fonts/Axiforma-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {font-display: swap;
    font-family: 'Axiforma';
    src: url('../fonts/Axiforma-Medium.eot');
    src: url('../fonts/Axiforma-Medium.woff') format('woff'),
        url('../fonts/Axiforma-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {font-display: swap;
    font-family: 'Axiforma';
    src: url('../fonts/Axiforma-Bold.eot');
    src: url('../fonts/Axiforma-Bold.woff') format('woff'),
        url('../fonts/Axiforma-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {font-display: swap;
    font-family: 'Axiforma';
    font-weight: 400;
    font-style: normal;
    src: url('../fonts/Axiforma-Book.eot');
    src: url('../fonts/Axiforma-Book.woff') format('woff'),
        url('../fonts/Axiforma-Book.ttf') format('truetype');
}

@font-face {font-display: swap;
    font-family: 'Axiforma';
    src: url('../fonts/Axiforma-Light.eot');
    src: url('../fonts/Axiforma-Light.woff') format('woff'),
        url('../fonts/Axiforma-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}




@font-face {font-display: swap;
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Bold.eot');
    src: url('../fonts/Montserrat-Bold.woff') format('woff'),
        url('../fonts/Montserrat-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {font-display: swap;
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-SemiBold.eot');
    src: url('../fonts/Montserrat-SemiBold.woff') format('woff'),
        url('../fonts/Montserrat-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {font-display: swap;
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Medium.eot');
    src: url('../fonts/Montserrat-Medium.woff') format('woff'),
        url('../fonts/Montserrat-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {font-display: swap;
    font-family: 'Montserrat';
    font-weight: 400;
    font-style: normal;
    src: url('../fonts/Montserrat-Regular.eot');
    src: url('../fonts/Montserrat-Regular.woff') format('woff'),
        url('../fonts/Montserrat-Regular.ttf') format('truetype');
}

@font-face {font-display: swap;
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Light.eot');
    src: url('../fonts/Montserrat-Light.woff') format('woff'),
        url('../fonts/Montserrat-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}


* {margin: 0; padding: 0;}



html {height: 100%;}

body {font-family: 'Montserrat'; font-size: 15px; color: #212121; font-weight: 500;}

.container {max-width: 1170px;}


.site {
    display: flex; display: -ms-flexbox; display: -webkit-flex;
    flex-direction: column;
    height: 100%;
}

.body {
    flex-grow: 0;
    flex-shrink: 0;
}

.site-content {
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: auto;
}

.footer {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: auto;
}


#uslugiall{display: none;}
#usluginotall{display: none;}

.first-screen {background: url(../../../images/bg/banner-bg.png); background-position: center; background-size: cover; background-repeat: no-repeat; overflow: hidden;}

header {margin-top: 30px;}
header .row {height: 60px;}
header .logo {display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center;}
header .logo span {height: 56px; font-size: 32px; font-weight: 600; padding-left: 15px;}
header .adress {display: flex; -ms-flexbox; display: -webkit-flex; align-items: center; line-height: 18px;}
header .adress .map img {height: 30px; width: 30px; margin-right: 10px;}
header .adress .city {font-size: 18px; font-weight: 600; padding-bottom: 5px;}
header .time {color: #a3a3a3; padding-bottom: 13px; font-size: 14px;}
header .phone {font-size: 22px;font-weight: 600;}


header .call-btn #cmbf-button-container-104.cmbf-button-container {font-family: 'Montserrat'; text-shadow: none; font-weight: 500; box-shadow: none; border: none; border-radius: 30px; background: linear-gradient(to left, #05b5b1, #0ccec9);  transition: 0.5s; animation: radial-pulse 1.5s infinite;  width: 100%; line-height: 15px; height: 52px; max-width: 205px; padding: 0;}
header .call-btn #cmbf-button-container-104.cmbf-button-container:hover {box-shadow: 0px 7px 25px rgba(6, 37, 36, 0.37); transition: 0.5s; background: linear-gradient(to left, #0ccec9, #0ccec9)}

@keyframes radial-pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(12, 206, 201, 0.5);
  }

  100% {
    box-shadow: 0 0 0 13px rgba(12, 206, 201, 0);
  }
}

/*banner block*/
.banner .row {height: 682px; position: relative;}
.banner .row .banner-text::before {content: ""; background-image: url('../../../images/ico/rectangle-tr.png');  position: absolute; left: -128px; top: 80px; width: 287px; height: 369px; z-index: 10;}

.banner .row .banner-text .detailed .banner-title {font-size: 84px; margin-bottom: 40px; margin-left: -5px; line-height: 50px; margin-top: 170px; font-weight: 600; position: relative; z-index: 20;}
.banner .row .banner-text .detailed .free-call {font-size: 24px; font-weight: 400;}
.banner .row .banner-text .detailed .btn-diagnostic {margin-bottom: 70px; position: relative; z-index: 20;}
.banner .row .banner-text .detailed .btn-diagnostic #cmbf-button-container-105.cmbf-button-container {font-family: 'Montserrat'; text-shadow: none; font-size: 16px; font-weight: 600; height: 66px; padding: 0 45px; margin-top: 50px; margin-right: 22px;box-shadow: 0px 7px 25px rgba(6, 37, 36, 0.17); border: none; border-radius: 50px; background: linear-gradient(to left, #05b5b1, #0ccec9);  transition: 0.5s;}
.banner .row .banner-text .detailed .btn-diagnostic #cmbf-button-container-105.cmbf-button-container:hover {box-shadow: 0px 7px 25px rgba(6, 37, 36, 0.37); transition: 0.5s; background: linear-gradient(to left, #0ccec9, #0ccec9);}
.banner .row .banner-text .detailed .all-work-block {font-size: 18px; display: inline-block;}
.banner .row .banner-text .detailed .all-work-block .all-work-img {display: inline-block; margin-right: 15px;}
.banner .row .banner-text .detailed .all-work-block .all-work-img img {height: 62px; width: 62px;}
.banner .row .banner-text .detailed .all-work .all-work-block:nth-child(1) {margin-right: 40px;}
.banner .row .banner-text .detailed .all-work-block .serv  {display: inline-block; vertical-align: bottom; line-height: 26px;}
.banner .row .banner-img {position: relative;}
.banner .row .banner-img .man-banner {position: absolute; right: -20%; bottom: 0; width: 610px; z-index: 10;}

/*services block*/
.services .row {justify-content: center; padding-bottom: 40px;}
.services h3, .popular h3 {font-size: 42px; margin-bottom: 60px; margin-top: 90px; margin-left: 30px; position: relative; z-index: 50;}
.services .service-name, .popular .service-name, .work-stage .service-name, .seo .service-name {position: relative; z-index: 19;}
.services .service-name::before,
.popular .service-name::before,
.work-stage .service-name::before,
.seo .service-name::before {content: "o"; font-size: 150px; font-weight: 600; color: #ffd644; position: absolute;
left: -4px;bottom: 22px; z-index: 10; line-height: 18px;}
.services .service-ico {margin-left: 15px; margin-right: 15px;}
.services .service-ico img {height: 45px; width: 45px;}
.services .service-item {display: flex; -ms-flexbox; display: -webkit-flex; align-items: center; justify-content: space-between; border: 1px solid #e9f0f0; padding: 20px 20px 20px 10px; margin-bottom: 30px; transition: 0.25s;}
.services .service-item:hover {cursor: pointer; box-shadow: 0px 5px 25px rgba(6, 37, 36, 0.12); transition: 0.25s;}
.services .service-item.three-line {padding: 9.5px 20px 9.5px 10px;}
.services .service-title {font-size: 16px; font-weight: 600; line-height: 22px; width: 180px;}
.services button#cmbf-button-container-103.cmbf-button-container {display: none;}

#cmbf-form-103.cmbf-form-class fieldset legend #cmbf-title-usluga-103.formtitleusluga {font-size: 24px;}


/*diagnostics block*/
.diagnostics-block .row {margin-top: 20px;}
.diagnostics-block {background-color: #00a19d;}
.diagnostics-block .diagnostics-img {position: relative; height: 580px;}
.diagnostics-block .diagnostics-img .circle {width: 425px; height: 425px; background: #ffd644; border-radius: 50%; position: absolute; transform: translate(1%, 24%);}

.diagnostics-block .diagnostics-img .circle::before {content: ""; background-image: url('../../../images/ico/rectangle-tr.png'); position: absolute; left: 6px; top: -40px; width: 287px; height: 369px; z-index: 10;}

.diagnostics-block .diagnostics-img img {position: absolute; bottom: 0;right: 15%;}
.diagnostics-block .diagnostics-form {padding-right: 0; display: flex; -ms-flexbox; display: -webkit-flex; align-items: center;}
.diagnostics-block .diagnostics-form #cmbf-form-container-108 #cmbf-form-108.cmbf-form-class {position: relative; z-index: 50;}
.diagnostics-block .diagnostics-form #cmbf-form-container-108 #cmbf-form-108.cmbf-form-class:before {content: "o"; display: block; font-size: 150px; font-weight: 600; line-height: 18px; color: #ffd644; position: absolute; left: -35px; top: 1px; z-index: 10;}
.diagnostics-block .diagnostics-form #cmbf-form-container-108 legend {color: #fff;font-size: 40px;font-weight: 600; line-height: 50px; border: none; margin-bottom: 2px; position: relative; z-index: 50;}
.diagnostics-block .diagnostics-form #cmbf-form-container-108 legend span {font-size: 23px; color: #fff; font-weight: 400; padding-top: 10px;}
.diagnostics-block .diagnostics-form #cmbf-form-container-108 #cmbf-form-108.cmbf-form-class .cmbf-field-container {max-width: 430px; margin-bottom: 20px;}
.diagnostics-block .diagnostics-form #cmbf-form-container-108 #cmbf-form-108.cmbf-form-class .cmbf-field-container input {height: 60px; border: none; border-radius: 50px; font-family: 'Montserrat';}
.diagnostics-block .diagnostics-form #cmbf-form-container-108 #cmbf-form-108.cmbf-form-class .cmbf-field-container input[type="text"] {font-size: 15px;font-weight: 300;}
.diagnostics-block .diagnostics-form #cmbf-form-container-108 #cmbf-form-108.cmbf-form-class .cmbf-field-container input.button {font-size: 16px; font-weight: 600; color: #212121; text-shadow: none; padding-top: 4px; background: linear-gradient(to left, #ffbd44, #ffd644); box-shadow: 0px 7px 25px rgba(6, 37, 36, 0.17);transition: 0.5s;}
.diagnostics-block .diagnostics-form #cmbf-form-container-108 #cmbf-form-108.cmbf-form-class .cmbf-field-container input.button:hover {transition: 0.5s; background: linear-gradient(to left, #ffd644, #ffd644); box-shadow: 0px 7px 25px rgba(6, 37, 36, 0.37); opacity: 1;}
.diagnostics-block .diagnostics-form #cmbf-form-container-108 #cmbf-form-108.cmbf-form-class .cmbf-error {height: 60px; border-bottom-right-radius: 50px; border-top-right-radius: 50px; line-height: 62px;}

/*service block*/
.popular .row {justify-content: center; margin-bottom: 60px;}
.popular .pop-serv {box-shadow: 0px 5px 25px rgba(6, 37, 36, 0.12); max-width: 360px; margin: 0 auto 40px;}
.popular .pop-serv .item-pop-serv {padding: 30px 15px; text-align: center;}
.popular .pop-serv .item-pop-serv .pop-serv-title {font-size: 20px; padding-bottom: 5px;}
.popular .pop-serv .item-pop-serv .pop-serv-price {font-size: 22px; font-weight: 600; padding-bottom: 15px;}
.popular .pop-serv .item-pop-serv a.btn-service {cursor: pointer; padding: 21px 0; background: linear-gradient(to left, #05b5b1, #0ccec9); color: #fff; font-size: 16px; font-weight: 600; line-height: 18px; border-radius: 50px;  height: 58px; width: 220px; display: block; margin: 7px auto 0; box-shadow: 0px 5px 25px rgba(6, 37, 36, 0.12); transition: 0.5s;}
.popular .pop-serv .item-pop-serv a.btn-service:hover {box-shadow: 0px 7px 25px rgba(6, 37, 36, 0.2); background: linear-gradient(to left, #0ccec9, #0ccec9);}

/*stages block*/
.work-stage .row {justify-content: center;}
.work-stage {background-color: #f4f9f9;}
.work-stage .stage-item .stage-img img {width: 63px; height: 63px;}
.work-stage h3 {font-size: 42px; margin-bottom: 60px; padding-top: 100px; margin-left: 30px; position: relative; z-index: 50;}

.work-stage .stage-item {text-align: center; margin: 0 auto; position: relative; padding-bottom: 30px; max-width: 360px;}
.work-stage .stage-item .numb {font-size: 90px; font-weight: 600; color: #dae5e5; position: absolute; right: 26px; top: -25px; z-index: 10;}
.work-stage .stage-item .stage-img {width: 145px; height: 145px; background: #fff; border-radius: 50%; display: flex; -ms-flexbox; display: -webkit-flex; align-items: center; justify-content: center; margin: 0 auto 30px; box-shadow: 0px 10px 20px rgba(6, 37, 36, 0.12); position: relative; z-index: 18;}
.work-stage .stage-item .stage-title {font-size: 19px; font-weight: 400; line-height: 30px; margin: 0 auto;}
.work-stage .col-md-6.col-lg-4:nth-child(1) .stage-item .stage-title {max-width: 220px;}
.work-stage .col-md-6.col-lg-4:nth-child(2) .stage-item .stage-title {max-width: 305px;}
.work-stage .col-md-6.col-lg-4:nth-child(1) .stage-item .numb {right: 40px;}
.work-stage .col-md-6.col-lg-4:nth-child(3) .stage-item .stage-title {max-width: 260px;}

.work-stage .btn-stages {text-align: center; line-height: 24px; padding-bottom: 100px;}
.work-stage .btn-stages button {font-family: 'Montserrat'; background: linear-gradient(to left, #05b5b1, #0ccec9); color: #fff;font-size: 16px;font-weight: 600;border-radius: 50px;height: 58px;margin: 7px auto 0;border: none;text-shadow: none;box-shadow: 0px 7px 25px rgba(6, 37, 36, 0.17); width: 225px; padding: 0;transition: 0.5s;}
.work-stage .btn-stages button:hover {box-shadow: 0px 7px 25px rgba(6, 37, 36, 0.37); background: linear-gradient(to left, #0ccec9, #0ccec9);}

.seo .more {padding-bottom: 40px;}
.seo h3 {font-size: 42px; margin-bottom: 40px; margin-top: 70px; margin-left: 30px; position: relative; z-index: 50;}

/*footer*/
.footer {background-color: #f4f9f9;}
.footer .row {padding-top: 25px; padding-bottom: 15px;}
.footer .logo {display: flex; -ms-flexbox; display: -webkit-flex; align-items: center;}
.footer .logo span {font-size: 32px; font-weight: 600; padding-left: 15px;}
.footer .adress {display: flex; -ms-flexbox; display: -webkit-flex; align-items: center;}
.footer .adress .map img {height: 30px; width: 30px; margin-right: 10px;}
.footer .adress .city {font-size: 18px; font-weight: 600;}
.footer .time {color: #a3a3a3; font-size: 14px; padding-bottom: 7px; padding-top: 7px;}
.footer .phone {font-size: 22px;font-weight: 600;}

.footer .call-btn #cmbf-button-container-111.cmbf-button-container {font-family: 'Montserrat'; line-height: 15px; text-shadow: none; font-weight: 500; box-shadow: none; border: none; border-radius: 30px; background: linear-gradient(to left, #05b5b1, #0ccec9);  transition: 0.5s; animation: radial-pulse 1.5s infinite; padding: 0; width: 100%; max-width: 205px;}
.footer .call-btn #cmbf-button-container-111.cmbf-button-container:hover {box-shadow: 0px 7px 25px rgba(6, 37, 36, 0.37); transition: 0.5s; background: linear-gradient(to left, #0ccec9, #0ccec9)}
.footer .copyright {padding-top: 7px; color: #a3a3a3; font-size: 13px;}


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


a:focus,
a:hover,
a:active {outline: none;}
sub,
sup {
	position: relative;
	font-size: 75%;
	line-height: 0;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
img {max-width: 100%;height: auto;}
#map_canvas img,
.google-maps img,
.gm-style img {
	max-width: none;
}
button,
input,
select,
textarea {
	margin: 0;
	font-size: 100%;
	vertical-align: middle;
}

button:focus {outline: none;}

button::-moz-focus-inner,
input::-moz-focus-inner {
	padding: 0;
	border: 0;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}
label,
select,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
input[type="radio"],
input[type="checkbox"] {
	cursor: pointer;
}
input[type="search"] {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
	-webkit-appearance: none;
}
textarea {
	overflow: auto;
	vertical-align: top;
}

.clearfix {
	*zoom: 1;
}
.clearfix:before,
.clearfix:after {
	display: table;
	content: "";
	line-height: 0;
}
.clearfix:after {
	clear: both;
}


a {color: #005e8d;}
a:hover,
a:focus {color: #002b41;}


h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 9px 0;
	font-family: inherit;
	font-weight: bold;
	line-height: 18px;
	color: inherit;
	text-rendering: optimizelegibility;
}

h1,
h2,
h3 {
	line-height: 36px;
}
h1 {
	font-size: 35.75px;
}
h2 {
	font-size: 29.25px;
}
h3 {
	font-size: 22.75px;
}
h4 {
	font-size: 16.25px;
}
h5 {
	font-size: 13px;
}
h6 {
	font-size: 11.05px;
}


ul,
ol {
	padding: 0;
	margin: 0 0 9px 25px;
}
ul ul,
ul ol,
ol ol,
ol ul {
	margin-bottom: 0;
}
li {
	line-height: 18px;
}
ul.unstyled,
ol.unstyled {
	margin-left: 0;
	list-style: none;
}
ul.inline,
ol.inline {
	margin-left: 0;
	list-style: none;
}
ul.inline > li,
ol.inline > li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	padding-left: 5px;
	padding-right: 5px;
}


hr {
	margin: 18px 0;
	border: 0;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #fff;
}



form {
	margin: 0 0 18px;
}
fieldset {
	padding: 0;
	margin: 0;
	border: 0;
}
legend {
	display: block;
	width: 100%;
	padding: 0;
	margin-bottom: 18px;
	font-size: 19.5px;
	line-height: 30px;
	color: #333;
	border: 0;
	border-bottom: 1px solid #e5e5e5;
}
legend small {
	font-size: 13.5px;
	color: #999;
}
label,
input,
select,
textarea {
	font-size: 13px;
	font-weight: normal;
	line-height: 18px;
}

label {
	display: block;
	margin-bottom: 5px;
}


/*media*/

@media (min-width: 1200px) {
header .top-contact, .footer .top-contact {max-width: 245px; line-height: 18px;}
header .top-btn, .footer .top-btn {max-width: 240px;}
}

@media (max-width: 1200px) {
header .phone, .footer .phone {font-size: 18px;}
header .time, .footer .time {font-size: 12px; padding-bottom: 2px; padding-top: 7px;}
header .call-btn #cmbf-button-container-104.cmbf-button-container,
.footer .call-btn #cmbf-button-container-111.cmbf-button-container {padding: 0px 20px; font-size: 14px;}
.banner .row .banner-img .man-banner {right: -33%}
.diagnostics-block .diagnostics-form {padding-right: 15px;}
.diagnostics-block .diagnostics-form #cmbf-form-container-108 legend {font-size: 34px;}
}

@media (max-width: 1100px) {
.banner .row .banner-text .detailed .banner-title {font-size: 78px; margin-top: 140px;}
.banner .row .banner-text .detailed .all-work .all-work-block:nth-child(1) {margin-bottom: 35px}
.banner .row .banner-img .man-banner {width: 545px; right: -15%;}
.banner .row .banner-text::before {top: 50px; left: -137px;}
}

@media (min-width: 992px) and (max-width: 1100px){
.work-stage .stage-item .numb {right: 13px;}
.work-stage .col-md-6.col-lg-4:nth-child(1) .stage-item .numb {right: 26px;}
}

@media (max-width: 991px) {
header {margin-top: 20px;}
header .top-tiph .phone span a, .footer .top-tiph .phone span a {color: #212121;}
header .logo span, .footer .logo span {height: auto; font-size: 22px;padding-left: 7px;}
header .adress .street, .footer .adress .street {font-size: 13px;}
header .phone, .footer .phone {font-size: 16px;}
header .time {font-size: 10px; padding-top: 3px; padding-bottom: 3px;}
.footer .time {font-size: 10px;}
header .call-btn #cmbf-button-container-104.cmbf-button-container,
.footer .call-btn #cmbf-button-container-111.cmbf-button-container {line-height: 17px;}

.banner .row .banner-text::before {top: 33px; left: -160px;}
.banner .row .banner-text .detailed .free-call {font-size: 22px;}
.banner .row .banner-text .detailed .all-work-block {display: block;}
.banner .row .banner-text .detailed .banner-title {font-size: 63px; margin-top: 120px;}
.banner .row .banner-img .man-banner {right: -44%}
.services h3, .popular h3 {margin-bottom: 40px;margin-top: 50px;}
.work-stage h3 {font-size: 42px; margin-bottom: 40px; padding-top: 50px;}
.diagnostics-block .diagnostics-form #cmbf-form-container-108 legend {font-size: 25px; max-width: 360px;}
.diagnostics-block .diagnostics-form #cmbf-form-container-108 legend span {font-size: 18px;}
.diagnostics-block .diagnostics-img .circle {left: -65px;}
.seo h3 {font-size: 33px; margin-top: 50px;}
}

@media (min-width: 768px) and (max-width: 1200px){
header .top-contact, header .top-btn, .footer .top-contact, .footer .top-btn {max-width: 20%;}
}

@media (min-width: 768px) and (max-width: 991px){
header .adress, .footer .adress {padding-left: 0;}
header .top-contact, .footer .top-contact {padding-left: 0; padding-right: 0; display: flex; -ms-flexbox; display: -webkit-flex; align-items: center;}
}

@media (max-width: 767px) {
#uslugiall{display: block;}
#usluginotall{display: none;}
.services .row {height:570px; overflow:hidden;}
header .row {height: auto;}
header .top-btn, .footer .top-btn {text-align: center;}
header .adress, header .top-contact, .footer .adress, .footer .top-contact {padding-top: 20px;}

header .logo img, .footer .logo img {width: 45px;}
header .top-contact, .footer .top-contact {text-align: center;}

.banner .row {height: 590px;}
.banner .row .banner-text .detailed .banner-title {font-size: 56px; margin-top: 70px; margin-bottom: 20px;}
.banner .row .banner-text .detailed .all-work-block {display: block;}
.banner .row .banner-text::before {height: 288px;top: 20px; left: -180px;}
.banner .row .banner-img .man-banner {bottom: -50px; right: -27%;}

.services .service-title {width: 350px;}
.services .service-ico {margin-left: 0; margin-right: 15px;}
.services .arrow-right {margin-left: auto;}

#uslugi.row .btn-more {cursor: pointer;padding: 21px 0;background: linear-gradient(to left, #05b5b1, #0ccec9);color: #fff;font-size: 16px;font-weight: 600;line-height: 18px;border-radius: 50px;height: 58px;width: 220px;display: block;margin: 7px auto 0;box-shadow: 0px 5px 25px rgba(6, 37, 36, 0.12);transition: 0.5s;text-align: center; margin-bottom: 37px;}

#uslugi.row .btn-more:hover {box-shadow: 0px 7px 25px rgba(6, 37, 36, 0.2); background: linear-gradient(to left, #0ccec9, #0ccec9);}


.diagnostics-block .diagnostics-form #cmbf-form-container-108 {margin: 35px auto 15px;}
.diagnostics-block .diagnostics-form #cmbf-form-container-108 legend {line-height: 32px;}
.diagnostics-block .diagnostics-form #cmbf-form-container-108 #cmbf-form-108.cmbf-form-class::before {font-size: 100px; left: -25px; top: -3px;}

.seo h3 {font-size: 26px;}

}

@media (max-width: 699px) {
.banner .row .banner-img .man-banner {width: auto; display: none;}
.banner .row .banner-text .detailed {text-align: center;}
.banner .row .banner-text .detailed .banner-title {font-size: 48px; margin-left: 0;}
.banner .row .banner-text .detailed .free-call {font-size: 18px;}

.banner .row .banner-text .detailed .btn-diagnostic #cmbf-button-container-105.cmbf-button-container {font-size: 14px;padding: 14px 24px; margin-right: 15px;}
.banner .row .banner-text .detailed .btn-diagnostic .top-arrow img {width: 45px;}

.banner .row .banner-text .detailed .all-work .all-work-block:nth-child(1) {margin-right: 0;}
.banner .row .banner-text .detailed .all-work {display: flex; -ms-flexbox; display: -webkit-flex; flex-direction: column; align-items: center;}
.banner .row .banner-text .detailed .all-work .all-work-block {width: 285px; text-align: left;}
}

@media (max-width: 608px) {
.seo .service-name::before {bottom: 60px;}
}

@media (max-width: 582px) {
.seo h3 {margin-left: 15px;}
}

@media (max-width: 576px) {
.seo .service-name::before {bottom: 48px;}
}

@media (max-width: 575px) {
header {margin-top: 10px;}
header .adress, .footer .adress {padding-right: 0;}
header .top-contact, header .adress, .footer .top-contact, .footer .adress {width: 50%;}
header .adress .map img, .footer .adress .map img {height: 25px; margin-right: 5px;}
header .top-btn, .footer .top-btn {padding-top: 20px;}

.banner .row {height: 560px;}
.banner .row .banner-text .detailed .btn-diagnostic {margin-bottom: 50px;}
.banner .row .banner-text .detailed .btn-diagnostic #cmbf-button-container-105.cmbf-button-container {margin-right: 0;}
.banner .row .banner-text .detailed .btn-diagnostic .top-arrow img {display: none;}
.services h3, .popular h3, .work-stage h3 {font-size: 26px; margin-left: 15px;}
.services .service-name::before, .popular .service-name::before, .work-stage .service-name::before {font-size: 100px; left: -7px; bottom: 18px;}
.diagnostics-block .diagnostics-form #cmbf-form-container-108 #cmbf-form-108.cmbf-form-class::before {left: -7px;}
.diagnostics-block .diagnostics-form #cmbf-form-container-108 legend {font-size: 21px; margin-left: 15px;}
.diagnostics-block .diagnostics-form #cmbf-form-container-108 legend span {font-size: 15px;}
.diagnostics-block .diagnostics-form #cmbf-form-container-108 #cmbf-form-108.cmbf-form-class::before {top: -1px;}
.seo .service-name::before {font-size: 100px; left: -7px;bottom: 55px;}
}


@media (max-width: 480px) {
.services .service-title {max-width: 220px;}
}

@media (max-width: 390px) {
.banner .row .banner-text .detailed .banner-title {font-size: 40px;}
.banner .row .banner-text .detailed .free-call {font-size: 15px;}
}

@media (max-width: 380px) {
.work-stage .stage-item .numb {right: 15px;}
.work-stage .col-md-6.col-lg-4:nth-child(1) .stage-item .numb {right: 25px;}
}

@media (max-width: 360px) {
header .adress .street, .footer .adress .street {font-size: 11px;}
header .time, .footer .time {font-size: 10px;}
.services .service-title {max-width: 180px;}
}

@media (max-width: 349px) {
header .top-contact, header .adress, .footer .top-contact, .footer .adress {width: 100%;}
header .adress, .footer .adress {padding-right: 57px; justify-content: center;}
}

@media (max-width: 345px) {
.seo h3 {font-size: 22px;}
}

@media (max-width: 340px) {
.banner .row .banner-text .detailed .banner-title {font-size: 35px;}
.banner .row .banner-text .detailed .free-call {font-size: 13px;}
.banner .row .banner-text .detailed .btn-diagnostic #cmbf-button-container-105.cmbf-button-container {font-size: 12px;}
.banner .row .banner-text .detailed .all-work .all-work-block {width: 100%; font-size: 14px;}

.work-stage .stage-item .stage-img {width: 120px; height: 120px;}
.work-stage .col-md-6.col-lg-4:nth-child(1) .stage-item .numb {right: 20px;}
.work-stage .stage-item .numb {right: 8px;}
}

@media (max-width: 327px) {
.seo h3 {font-size: 22px;}
}