.arrow-cr-png,
.arrow-png,
.arrow-up-png,
.call-answer,
.check-png,
.contacts-png-01,
.contacts-png-02,
.contacts-png-03,
.next-png,
.previous-png,
.why-png-01,
.why-png-02,
.why-png-03,
.why-png-04,
.why-png-05,
.why-png-06,
.why-png-07,
.why-png-08 {
    display: inline-block;
    background: url(../img/sp-min.png) no-repeat;
    overflow: hidden;
    text-indent: -9999px;
    text-align: left
}

.arrow-png {
    background-position: -4px 0;
    width: 127px;
    height: 44px
}

.arrow-up-png {
    background-position: -4px -48px;
    width: 127px;
    height: 44px
}

.arrow-cr-png {
    background-position: -4px -96px;
    width: 113px;
    height: 120px
}

.call-answer {
    background-position: -4px -220px;
    width: 80px;
    height: 81px
}

.why-png-04 {
    background-position: -4px -305px;
    width: 71px;
    height: 60px
}

.why-png-01 {
    background-position: -4px -369px;
    width: 64px;
    height: 64px
}

.why-png-06 {
    background-position: -4px -437px;
    width: 60px;
    height: 60px
}

.why-png-02 {
    background-position: -5px -152px;
    width: 54px;
    height: 49px
}

.why-png-03 {
    background-position: -72px -425px;
    width: 54px;
    height: 54px
}

.why-png-05 {
    background-position: -68px -483px;
    width: 53px;
    height: 53px
}

.why-png-07 {
    background-position: -79px -305px;
    width: 48px;
    height: 55px
}

.why-png-08 {
    background-position: -70px -140px;
    width: 62px;
    height: 62px
}

.check-png {
    background-position: -4px -501px;
    width: 42px;
    height: 40px
}

.next-png {
    background-position: -88px -220px;
    width: 22px;
    height: 41px
}

.previous-png {
    background-position: -50px -540px;
    width: 22px;
    height: 41px
}

.contacts-png-01 {
    background-position: -90px -265px;
    width: 17px;
    height: 20px
}

.contacts-png-02 {
    background-position: -76px -540px;
    width: 16px;
    height: 16px
}

.contacts-png-03 {
    background-position: -96px -540px;
    width: 16px;
    height: 17px
}

.how-png-01,
.how-png-02,
.how-png-03,
.how-png-04,
.how-png-05 {
    display: inline-block;
    background: url(../img/sp-how.png) no-repeat;
    overflow: hidden;
    text-indent: -9999px;
    text-align: left
}

.how-png-01 {
    background-position: -4px 0;
    width: 181px;
    height: 181px
}

.how-png-02 {
    background-position: -189px 0;
    width: 181px;
    height: 181px
}

.how-png-03 {
    background-position: -4px -185px;
    width: 181px;
    height: 181px
}

.how-png-04 {
    background-position: -189px -185px;
    width: 181px;
    height: 181px
}

.how-png-05 {
    background-position: -4px -370px;
    width: 181px;
    height: 181px
}

.call-answer.posn {
    position: fixed;
    right: 5rem;
    bottom: 2rem;
    transition: 3s;
	animation-name: rotate-icon;
	animation-duration: 10s;
	animation-iteration-count: infinite;
	z-index: 1999;
}
@keyframes rotate-icon {
  0% {
    transform: rotate(360deg);
  }
  50% {
    transform: rotate(-360deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.h2,
h2 {
    font-size: 36px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 50px
}

.advantages {
    margin-bottom: 70px
}

.advantages .h2,
.advantages h2 {
    margin-bottom: 0
}

.advantages .seven {
    position: relative;
    height: 850px;
    overflow: hidden
}

.advantages .seven .ring-1,
.advantages .seven .wrap-doc,
.advantages .seven [class*=advant] {
    position: absolute
}

.advantages .seven [class*=ring] {
    border: 1px solid #e0e0e0;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.advantages .seven .ring-1 {
    width: 908px;
    height: 908px;
    top: -75px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.advantages .seven .ring-2 {
    width: 636px;
    height: 636px
}

.advantages .seven .ring-3 {
    width: 382px;
    height: 382px
}

.advantages .seven .wrap-doc {
    left: 50%;
    bottom: 225px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.advantages .seven .wrap-doc .doc {
    display: inline-block;
    background: url(../img/doc-pc_1.5x.png) no-repeat;
    overflow: hidden;
    text-indent: -9999px;
    text-align: left;
    background-position: 50% 50%;
    background-size: cover;
    width: 580px;
    height: 430px
}

.advantages .seven [class*=advant] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    left: 50%
}

.advantages .seven .advant-1 {
    top: 120px;
    -webkit-transform: translateX(-590px);
    transform: translateX(-590px)
}

.advantages .seven .advant-2 {
    top: 330px;
    -webkit-transform: translateX(-650px);
    transform: translateX(-650px)
}

.advantages .seven .advant-3 {
    bottom: 240px;
    -webkit-transform: translateX(-542px);
    transform: translateX(-542px)
}

.advantages .seven .advant-4 {
    bottom: 80px;
    -webkit-transform: translateX(96px);
    transform: translateX(96px)
}

.advantages .seven .advant-8 {
    bottom: 80px;
    -webkit-transform: translateX(-325px);
    transform: translateX(-325px)
}

.advantages .seven .advant-5 {
    bottom: 240px;
    -webkit-transform: translateX(260px);
    transform: translateX(260px)
}

.advantages .seven .advant-6 {
    top: 330px;
    -webkit-transform: translateX(360px);
    transform: translateX(360px)
}

.advantages .seven .advant-7 {
    top: 120px;
    -webkit-transform: translateX(260px);
    transform: translateX(260px)
}

.advantages .seven [class*=advant] .text {
    font-size: 20px;
    line-height: 1.2;
    margin-left: .8em
}

.services {
    margin-bottom: 50px
}

.owl-theme .item.link .wrap-img {
    overflow: hidden
}

.owl-theme .item.link img {
    -webkit-transition: -webkit-transform 1s;
    transition: -webkit-transform 1s;
    transition: transform 1s;
    transition: transform 1s, -webkit-transform 1s
}

.owl-theme .item.link img:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.services .owl-theme .caption {
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    padding: 20px 15px
}

.services .owl-nav .owl-prev {
    -webkit-transform: translate(-200%, -110%);
    transform: translate(-200%, -110%)
}

.services .owl-nav .owl-next {
    -webkit-transform: translate(200%, -110%);
    transform: translate(200%, -110%)
}

.measurement {
    margin-bottom: 110px
}

.measurement .wrap-form {
    background: url(../img/bg-calculator.jpg) no-repeat;
	background-position: 50% 50%;
	background-size: cover;
    padding: 20px 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.measurement .wrap-form .calculator-png {
    display: inline-block;
    /* background: url(../img/calculator.webp) no-repeat; */
    overflow: hidden;
    text-indent: -9999px;
    text-align: left;
    background-position: 50% 0;
    background-size: cover;
    width: 410px;
    height: 240px
}

.measurement .wrap-form .title {
    font-size: 36px;
    line-height: 1.2;
    -ms-flex-preferred-size: 470px;
    flex-basis: 470px;
	-ms-grid-row-align: center;
    align-self: center
}

.measurement .wrap-form .title .val {
    font-size: 64px
}

.measurement .wrap-form .wpcf7 {
	background: #FFFFFF;
    -ms-flex-preferred-size: 300px;
    flex-basis: 416px;
	padding: 40px 58px
}

.how {
    margin-bottom: 110px
}

.how .content {
    position: relative
}

.how .content .wrap-icons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.how .content .icon {
    -ms-flex-preferred-size: 230px;
    flex-basis: 230px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.how .content .icon [class*=how-png] {
    margin-bottom: 35px
}

.how .content .icon .text {
    font-size: 24px;
    color: #333;
    line-height: 1.2
}

.how .content .icon .text p {
    padding: 0 15px
}

.how .content .wrap-arrows {
    position: absolute;
    top: 6px;
    height: 170px;
    width: calc(100% - 30px);
    padding: 0 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly
}

.how .content .wrap-arrows .arrow-up-png {
    -ms-flex-item-align: end;
    align-self: flex-end
}

.gallery {
    margin-bottom: 80px
}

.gallery .owl-theme .caption {
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    padding: 20px 15px
}

.gallery .owl-nav .owl-prev {
    -webkit-transform: translate(-200%, -110%);
    transform: translate(-200%, -110%)
}

.gallery .owl-nav .owl-next {
    -webkit-transform: translate(200%, -110%);
    transform: translate(200%, -110%)
}

.technologist {
    margin-bottom: 110px
}

.technologist .content {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.technologist .col-text,
.technologist .wrap-photo {
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
    flex: 0 0 50%;
    max-width: 50%
}

.technologist .col-text {
    position: relative;
    padding: 0 50px
}

.technologist .col-text .arrow-cr-png {
    position: absolute;
    top: 0;
    right: 0
}

.technologist .col-text .title {
    font-size: 30px;
    font-weight: 500;
    color: #1A237E;
    text-transform: uppercase;
    padding-left: 1.8em;
    margin-bottom: .8em
}

.technologist .col-text .text {
    font-size: 24px;
    color: #333;
    margin-bottom: 2em
}

.technologist .col-text .text li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: .4em
}

.technologist .col-text .text .check-png {
    min-width: 42px;
    position: relative;
    top: -.2em;
    margin-right: .6em
}

.technologist .col-text .wrap-btn {
    text-align: left;
    padding-left: 55px
}

.reviews {
    margin-bottom: 110px
}

.reviews .owl-carousel {
    padding: 0 50px;
}
/*
.reviews .owl-theme .item .rev {
    max-width: 540px;
    margin: 0 auto
}
*/
.reviews .owl-theme .item .text {
    font-size: 18px;
    font-style: italic;
    margin-bottom: .8em
}

.reviews .owl-theme .item .name {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 1.2em
}

.reviews .owl-nav [class*=owl-] {
    -webkit-transform: translateY(-80%);
    transform: translateY(-80%)
}

.front-text {
    margin-bottom: 110px
}

.front-text .content {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.front-text .col-text,
.front-text .wrap-photo {
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
    flex: 0 0 50%;
    max-width: 50%
}

.front-text .col-text>div {
    overflow-y: hidden;
    max-height: 475px;
    padding-right: 10px
}

.front-text .wrap-photo {
    padding-left: 50px
}

.front-text .wrap-photo img {
    height: 100%;
    width: 100%;
    max-width: none;
    -o-object-fit: cover;
    object-fit: cover
}

.front-text .col-text h2,
.front-text .col-text h3,
.front-text .col-text h4 {
	text-transform: uppercase;
	margin: 1em 0 .8em
}

.front-text .col-text h2 {
	font-size: 1.58em;
}

.front-text .col-text h3 {
	font-size: 1.43em;
}

.front-text .col-text h4 {
	font-size: 1.29em;
}

.front-text .col-text p {
    font-size: 16px;
    color: #000;
    margin-bottom: .8em
}

.contacts {
    margin-bottom: 50px
}

.contacts-bgr {
    background: url(../img/bg-map1.jpg) no-repeat;
    background-size: cover;
    padding: 130px 0 110px
}

.contacts .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.contacts .content .map {
    background-color: #fff;
    padding: 5px;
    margin-right: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.contacts .content .info {
    background-color: rgba(255, 255, 255, .7);
    padding: 100px 60px 80px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.contacts .content .info .address,
.contacts .content .info .wrap-text {
    font-size: 16px;
    font-weight: 500;
    padding: 0 10px;
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
    flex: 0 0 50%;
    max-width: 50%
}

.contacts .content .info .address .title,
.contacts .content .info .wrap-text .title {
    text-transform: uppercase;
    margin-bottom: 1em
}

.contacts .content .info .address .title {
    padding-left: 1.6em
}

.menu-cities {
	padding-left: 1.6em;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    max-height: 200px;
}

.menu-cities>li {
	list-style-type: disc;
}

.contacts .content .info .address .text>li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1em
}

.contacts .content .info .address [class*=contacts-png] {
    margin-right: .5em;
    margin-top: 2px;
    min-width: 16px
}

@media screen and (max-width:1609.98px) {
    .services .content .owl-theme {
        padding: 0 25px
    }

    .services .owl-nav .owl-prev {
        -webkit-transform: translate(-60%, -110%);
        transform: translate(-60%, -110%)
    }

    .services .owl-nav .owl-next {
        -webkit-transform: translate(60%, -110%);
        transform: translate(60%, -110%)
    }

    .gallery .content .owl-theme {
        padding: 0 25px
    }

    .gallery .owl-nav .owl-prev {
        -webkit-transform: translate(-60%, -110%);
        transform: translate(-60%, -110%)
    }

    .gallery .owl-nav .owl-next {
        -webkit-transform: translate(60%, -110%);
        transform: translate(60%, -110%)
    }
}

@media screen and (max-width:1499.98px) {
    .advantages .seven {
        height: 750px
    }

    .advantages .seven .ring-1 {
        width: 816px;
        height: 816px
    }

    .advantages .seven .ring-2 {
        width: 572px;
        height: 572px
    }

    .advantages .seven .ring-3 {
        width: 344px;
        height: 344px
    }

    .advantages .seven .wrap-doc {
        bottom: 212px
    }

    .advantages .seven .wrap-doc .doc {
        width: 495px;
        height: 366px
    }

    .advantages .seven .advant-1 {
        -webkit-transform: translateX(-500px);
        transform: translateX(-500px)
    }

    .advantages .seven .advant-2 {
        top: 290px;
        -webkit-transform: translateX(-550px);
        transform: translateX(-550px)
    }

    .advantages .seven .advant-3 {
        bottom: 230px
    }

    .advantages .seven .advant-5 {
        bottom: 230px;
        -webkit-transform: translateX(240px);
        transform: translateX(240px)
    }

    .advantages .seven .advant-6 {
        top: 290px;
        -webkit-transform: translateX(280px);
        transform: translateX(280px)
    }

    .advantages .seven .advant-7 {
        -webkit-transform: translateX(200px);
        transform: translateX(200px)
    }

    .advantages .seven [class*=advant] .text {
        font-size: 18px
    }

    .measurement {
        margin-bottom: 80px
    }

    .measurement .wrap-form .calculator-png {
        height: 220px;
        width: 360px
    }

    .measurement .wrap-form .title {
        font-size: 40px;
        -ms-flex-preferred-size: 450px;
        flex-basis: 450px
    }

    .how {
        margin-bottom: 80px
    }

    .how .content .icon {
        -ms-flex-preferred-size: 200px;
        flex-basis: 200px
    }

    .how .content .icon [class*=how-png] {
        margin-bottom: 25px;
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }

    .how .content .icon .text {
        font-size: 20px
    }

    .gallery {
        margin-bottom: 50px
    }

    .technologist {
        margin-bottom: 80px
    }

    .technologist .wrap-photo img {
        height: 100%;
        width: 100%;
        max-width: none;
        -o-object-fit: cover;
        object-fit: cover
    }

    .technologist .col-text {
        padding-left: 30px
    }

    .technologist .col-text .arrow-cr-png {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }

    .technologist .col-text .title {
        font-size: 24px;
        padding-left: 2.2em
    }

    .technologist .col-text .text {
        font-size: 20px
    }

    .technologist .col-text .text .check-png {
        margin-right: .2em;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }

    .reviews {
        margin-bottom: 80px
    }

    .front-text {
        margin-bottom: 80px
    }

    .front-text .wrap-photo {
        padding-left: 30px
    }

    .contacts .content .map {
        max-width: 42%;
        margin-right: 20px
    }

    .contacts .content .info {
        padding: 85px 60px 65px
    }
}

@media screen and (max-width:1199.98px) {

    .h2,
    h2 {
        font-size: 30px;
        margin-bottom: 40px
    }

    .advantages .seven .advant-1 {
        -webkit-transform: translateX(-450px);
        transform: translateX(-450px)
    }

    .advantages .seven .advant-2 {
        -webkit-transform: translateX(-480px);
        transform: translateX(-480px)
    }

    .advantages .seven .advant-3 {
        -webkit-transform: translateX(-450px);
        transform: translateX(-450px)
    }

    .advantages .seven .advant-5 {
        bottom: 230px;
        -webkit-transform: translateX(190px);
        transform: translateX(190px)
    }

    .advantages .seven .advant-6 {
        top: 290px;
        -webkit-transform: translateX(236px);
        transform: translateX(236px)
    }

    .advantages .seven .advant-7 {
        -webkit-transform: translateX(170px);
        transform: translateX(170px)
    }

    .advantages .seven [class*=advant] .text {
        font-size: 16px
    }

    .measurement .wrap-form {
		background-position: 0% 50%;
        padding: 25px 30px;
		-webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .measurement .wrap-form .calculator-png {
        display: none
    }

    .measurement .wrap-form .title {
        font-size: 34px;
        max-width: 400px;
        padding-left: 40px
    }

    .measurement .wrap-form .title .val {
        font-size: 54px
    }

    .measurement .wrap-form .wpcf7 {
        -ms-flex-preferred-size: 350px;
        flex-basis: 350px;
		padding: 25px 40px;
    }

    .how .content .wrap-icons {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
        justify-content: space-evenly
    }

    .how .content .icon {
        -ms-flex-preferred-size: 230px;
        flex-basis: 230px;
        padding: 0 15px
    }

    .how .content .icon [class*=how-png] {
        margin-bottom: 10px
    }

    .how .content .icon .text {
        margin-bottom: 20px
    }

    .how .content .wrap-arrows {
        display: none
    }

    .technologist .col-text {
        padding-left: 20px
    }

    .technologist .col-text .arrow-cr-png {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }

    .technologist .col-text .title {
        font-size: 20px;
        padding-left: 2.4em
    }

    .technologist .col-text .text {
        font-size: 16px
    }

    .technologist .col-text .text .check-png {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
    /*
    .reviews .owl-theme .item .rev {
        max-width: 400px
    } */

    .reviews .owl-theme .item .name,
    .reviews .owl-theme .item .text {
        font-size: 16px
    }

    .front-text .wrap-photo {
        padding-left: 20px
    }

    .contacts .content .map {
        margin-right: 15px
    }

    .contacts .content .info {
        padding: 70px 20px 45px
    }
}

@media screen and (max-width:991.98px) {

    .h2,
    h2 {
        font-size: 26px;
        margin-bottom: 30px
    }

    .advantages {
        margin-bottom: 50px
    }

    .advantages .seven {
        height: 615px
    }

    .advantages .seven .ring-1 {
        width: 570px;
        height: 570px;
        top: 40px
    }

    .advantages .seven .ring-2 {
        width: 406px;
        height: 406px
    }

    .advantages .seven .ring-3 {
        width: 244px;
        height: 244px
    }

    .advantages .seven .wrap-doc {
        bottom: 145px
    }

    .advantages .seven .wrap-doc .doc {
        width: 346px;
        height: 256px
    }

    .advantages .seven .advant-1 {
        -webkit-transform: translateX(-340px);
        transform: translateX(-340px)
    }

    .advantages .seven .advant-2 {
        top: 270px;
        -webkit-transform: translateX(-370px);
        transform: translateX(-370px)
    }

    .advantages .seven .advant-3 {
        bottom: 140px;
        -webkit-transform: translateX(-340px);
        transform: translateX(-340px)
    }
	
	.advantages .seven .advant-4 {
        bottom: 25px;
        -webkit-transform: translateX(65px);
        transform: translateX(65px)
    }

    .advantages .seven .advant-8 {
        bottom: 25px;
        -webkit-transform: translateX(-268px);
        transform: translateX(-268px)
    }

    .advantages .seven .advant-5 {
        bottom: 140px;
        -webkit-transform: translateX(120px);
        transform: translateX(120px)
    }

    .advantages .seven .advant-6 {
        top: 270px;
        -webkit-transform: translateX(145px);
        transform: translateX(145px)
    }

    .advantages .seven .advant-7 {
        top: 125px;
        -webkit-transform: translateX(90px);
        transform: translateX(90px)
    }

    .advantages .seven [class*=advant] .wrap-png [class*=why-png] {
        -webkit-transform: scale(.65);
        transform: scale(.65)
    }

    .advantages .seven [class*=advant] .text {
        font-size: 14px;
        margin-left: 0
    }

    .services {
        margin-bottom: 20px
    }

    .services .owl-theme .caption {
        font-size: 22px
    }

    .measurement {
        margin-bottom: 50px
    }

    .measurement .wrap-form {
        padding: 30px 20px
    }

    .measurement .wrap-form .title {
        font-size: 30px;
		padding-left: 15px;
        -ms-flex-preferred-size: 370px;
        flex-basis: 370px
    }

    .measurement .wrap-form .title .val {
        font-size: 38px
    }

    .how {
        margin-bottom: 50px
    }

    .how .content .wrap-icons {
        -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
        justify-content: space-evenly
    }

    .gallery {
        margin-bottom: 20px
    }

    .gallery .owl-theme .caption {
        font-size: 22px
    }

    .technologist {
        margin-bottom: 50px
    }

    .technologist .h2 p {
        max-width: 500px;
        margin: 0 auto
    }

    .technologist .col-text .wrap-btn {
        padding-left: 45px
    }

    .reviews {
        margin-bottom: 50px
    }
    /*
    .reviews .owl-theme .item .rev {
        max-width: 440px
    } */

    .front-text {
        margin-bottom: 50px
    }
	
	.front-text .col-text h3 {
	    font-size: 18px
    }

    .contacts-bgr {
        padding: 100px 0 80px
    }

    .contacts .content .map {
        margin-right: 10px
    }

    .contacts .content .info {
        padding: 50px 15px 30px
    }
}

@media screen and (max-width:767.98px) {
    .call-answer {
        -webkit-transform: scale(.7);
        transform: scale(.7)
    }

    .call-answer.posn {
        right: .5rem;
        bottom: .5rem
    }

    .h2,
    h2 {
        font-size: 18px;
        padding: 0 15px
    }

    .advantages .seven .advant-1 {
        -webkit-transform: translateX(-260px);
        transform: translateX(-260px)
    }

    .advantages .seven .advant-2 {
        background-color: rgba(255, 255, 255, .7);
        -webkit-transform: translateX(-270px);
        transform: translateX(-270px)
    }

    .advantages .seven .advant-3 {
        -webkit-transform: translateX(-250px);
        transform: translateX(-250px)
    }

    .advantages .seven .advant-4 {
        bottom: 30px
    }

    .advantages .seven .advant-5 {
        background-color: rgba(255, 255, 255, .7);
        -webkit-transform: translateX(25px);
        transform: translateX(25px)
    }

    .advantages .seven .advant-6 {
        background-color: rgba(255, 255, 255, .7);
        -webkit-transform: translateX(30px);
        transform: translateX(30px)
    }

    .advantages .seven .advant-7 {
        -webkit-transform: translateX(25px);
        transform: translateX(25px)
    }

    .services {
        margin-bottom: 50px
    }

    .services .owl-theme .caption {
        font-size: 16px
    }

    .services .owl-nav .owl-prev {
        -webkit-transform: translate(-60%, -90%) scale(.8);
        transform: translate(-60%, -90%) scale(.8)
    }

    .services .owl-nav .owl-next {
        -webkit-transform: translate(60%, -90%) scale(.8);
        transform: translate(60%, -90%) scale(.8)
    }

    .measurement .wrap-form {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
		background: #F2F2F2;
        padding: 30px 15px
    }
	
	.measurement .wrap-form .wpcf7 {
		background: none;
		padding: 0
	}

    .measurement .wrap-form .title {
        font-size: 20px;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        max-width: 280px;
        margin-bottom: 10px;
		padding-left: 0
    }

    .measurement .wrap-form .title .val {
        font-size: 26px
    }

    .measurement .wrap-form .wpcf7 {
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        width: 280px
    }

    .how .content .icon {
        -ms-flex-preferred-size: 210px;
        flex-basis: 210px
    }

    .how .content .icon [class*=how-png] {
        margin-bottom: 0;
        -webkit-transform: scale(.7);
        transform: scale(.7)
    }

    .how .content .icon .text {
        font-size: 18px
    }

    .gallery {
        margin-bottom: 50px
    }

    .gallery .owl-theme .caption {
        font-size: 16px
    }

    .gallery .owl-nav .owl-prev {
        -webkit-transform: translate(-60%, -90%) scale(.8);
        transform: translate(-60%, -90%) scale(.8)
    }

    .gallery .owl-nav .owl-next {
        -webkit-transform: translate(60%, -90%) scale(.8);
        transform: translate(60%, -90%) scale(.8)
    }

    .technologist .col-text,
    .technologist .wrap-photo {
        -ms-flex: 0 0 100%;
        -webkit-box-flex: 0;
        flex: 0 0 100%;
        max-width: 100%
    }

    .technologist .wrap-photo {
        margin-bottom: 30px
    }

    .technologist .col-text {
        padding-left: 50px
    }

    .technologist .col-text .arrow-cr-png {
        -webkit-transform: scale(.7);
        transform: scale(.7)
    }

    .technologist .col-text .title {
        font-size: 18px;
        padding-left: 2.2em
    }

    .technologist .col-text .text .check-png {
        -webkit-transform: scale(.7);
        transform: scale(.7);
        margin-right: 0
    }

    .technologist .col-text .wrap-btn {
        text-align: center;
        padding-left: 0
    }
    /*
    .reviews .owl-theme .item .rev {
        max-width: 380px
    } */

    .reviews .owl-theme .item .name,
    .reviews .owl-theme .item .text {
        font-size: 16px
    }

    .reviews .owl-nav [class*=owl-] {
        -webkit-transform: translateY(-80%) scale(.8);
        transform: translateY(-80%) scale(.8)
    }

    .front-text .col-text,
    .front-text .wrap-photo {
        -ms-flex: 0 0 100%;
        -webkit-box-flex: 0;
        flex: 0 0 100%;
        max-width: 100%
    }

    .front-text .wrap-photo {
        padding-left: 0;
        margin-bottom: 25px
    }

    .front-text .col-text {
        border-top: 15px solid #f2f2f2;
        border-bottom: 10px solid #f2f2f2;
        background-color: #f2f2f2;
        padding-left: 10px;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
	
	.front-text .col-text h3 {
	    font-size: 16px
    }

    .front-text .col-text p {
        font-size: 14px
    }

    .contacts {
        margin-bottom: 5px
    }

    .contacts-bgr {
        background: 0 0;
        padding: 0
    }

    .contacts .content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .contacts .content .map {
        background-color: #f2f2f2;
        margin-right: 0;
        max-width: none
    }

    .contacts .content .info {
        background-color: transparent
    }

    .contacts .content .info .address,
    .contacts .content .info .wrap-text {
        font-size: 14px
    }
}

@media screen and (max-width:575.98px) {

    .h2,
    h2 {
        margin-bottom: 20px
    }

    .advantages {
        margin-bottom: 35px;
        overflow-x: hidden
    }

    .advantages .h2,
    .advantages h2 {
        margin-bottom: 10px
    }

    .advantages .seven {
        height: auto;
        overflow: visible
    }

    .advantages .seven .wrap-doc {
        top: 16px;
        left: auto;
        right: -25px;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    .advantages .seven .ring-1,
    .advantages .seven .wrap-doc .doc {
        display: none
    }

    .advantages .seven .wrap-doc .doc-mobile {
        display: inline-block;
        background: url(../img/doc-mobile_1.5x.webp) no-repeat;
        overflow: hidden;
        text-indent: -9999px;
        text-align: left;
        background-position: 50% 50%;
        background-size: cover;
        width: 106px;
        height: 324px
    }

    .advantages .seven [class*=advant] {
        position: static;
        background-color: transparent;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    .advantages .seven [class*=advant] .wrap-png {
        height: 60px;
        width: 50px;
        overflow: hidden
    }

    .advantages .seven [class*=advant] .wrap-png [class*=why-png] {
        -webkit-transform: scale(.55);
        transform: scale(.55);
        position: relative;
        right: 5px
    }

    .advantages .seven [class*=advant] .wrap-png .why-png-01,
    .advantages .seven [class*=advant] .wrap-png .why-png-06 {
        right: 9px
    }

    .advantages .seven [class*=advant] .wrap-png .why-png-04 {
        -webkit-transform: scale(.5);
        transform: scale(.5);
        right: 12px
    }

    .advantages .seven [class*=advant] .wrap-png .why-png-07 {
        right: 3px
    }

    .services {
        margin-bottom: 35px
    }

    .services .content .owl-theme {
        padding: 0 20px
    }

    .services .owl-nav [class*=owl-] {
        top: 40%
    }

    .services .owl-nav .owl-prev {
        -webkit-transform: translate(-60%, -50%) scale(.8);
        transform: translate(-60%, -50%) scale(.8)
    }

    .services .owl-nav .owl-next {
        -webkit-transform: translate(60%, -50%) scale(.8);
        transform: translate(60%, -50%) scale(.8)
    }

    .measurement .wrap-form .title {
        max-width: 260px
    }

    .measurement .wrap-form .wpcf7 {
        width: 260px
    }

    .how {
        margin-bottom: 35px
    }

    .how .content .wrap-icons {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .how .content .icon {
        -ms-flex-preferred-size: 125px;
        flex-basis: 125px;
        min-width: 310px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        padding: 0
    }

    .how .content .icon .wrap-png {
        height: 125px;
        -ms-flex-preferred-size: 125px;
        flex-basis: 125px;
        position: relative;
        overflow: hidden
    }

    .how .content .icon [class*=how-png] {
        margin-bottom: 0;
        -webkit-transform: scale(.45);
        transform: scale(.45);
        position: absolute;
        top: -28px;
        left: -28px
    }

    .how .content .icon .text {
        font-size: 16px;
        -ms-flex-preferred-size: 175px;
        flex-basis: 175px;
        margin-bottom: 0
    }

    .how .content .icon .text p {
        padding: 0
    }

    .how .content .wrap-arrows {
        height: 578px;
        width: 100px;
        padding: 0;
        top: 20px;
        left: 50%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .how .content .wrap-arrows [class*=arrow] {
        -webkit-transform: rotateZ(90deg) scale(.6);
        transform: rotateZ(90deg) scale(.6);
        position: relative
    }

    .how .content .wrap-arrows .arrow-up-png {
        -ms-flex-item-align: auto;
        align-self: auto;
        right: 200px
    }

    .how .content .wrap-arrows .arrow-png {
        right: 112px
    }

    .gallery {
        margin-bottom: 35px
    }

    .gallery .content .owl-theme {
        padding: 0 20px
    }

    .gallery .owl-nav [class*=owl-] {
        top: 40%
    }

    .gallery .owl-nav .owl-prev {
        -webkit-transform: translate(-60%, -50%) scale(.8);
        transform: translate(-60%, -50%) scale(.8)
    }

    .gallery .owl-nav .owl-next {
        -webkit-transform: translate(60%, -50%) scale(.8);
        transform: translate(60%, -50%) scale(.8)
    }

    .technologist {
        margin-bottom: 35px
    }

    .technologist .wrap-photo {
        margin-bottom: 20px
    }

    .technologist .col-text {
        padding: 0
    }

    .technologist .col-text .arrow-cr-png {
        -webkit-transform: scale(.6);
        transform: scale(.6);
        top: -5px;
        right: -20px
    }

    .technologist .col-text .title {
        font-size: 16px
    }

    .technologist .col-text .text {
        font-size: 14px;
        padding: 0 20px 0 0;
        margin-left: -6px
    }

    .technologist .col-text .wrap-btn {
        padding: 0 15px
    }

    .reviews {
        margin-bottom: 35px
    }

	.reviews .owl-carousel {
        padding: 0 30px;
    }
	/*
    .reviews .owl-theme .item .rev {
        max-width: 250px
    } */

    .reviews .owl-theme .item .name,
    .reviews .owl-theme .item .text {
        font-size: 14px
    }

    .reviews .owl-nav .owl-prev {
        -webkit-transform: translate(-60%, -80%) scale(.8);
        transform: translate(-60%, -80%) scale(.8)
    }

    .reviews .owl-nav .owl-next {
        -webkit-transform: translate(60%, -80%) scale(.8);
        transform: translate(60%, -80%) scale(.8)
    }

    .reviews .wrap-btn {
        padding: 0 15px
    }

    .front-text {
        margin-bottom: 35px
    }

    .front-text .col-text>div {
        max-height: 320px
    }

    .front-text .col-text p {
        font-size: 12px
    }

    .contacts .content .map iframe {
        height: 360px;
        width: 100%
    }

    .contacts .content .info {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 30px 15px 20px
    }

    .contacts .content .info .address,
    .contacts .content .info .wrap-text {
        padding: 0 10px;
        -ms-flex: 0 0 100%;
        -webkit-box-flex: 0;
        flex: 0 0 100%;
        max-width: 100%
    }

    .contacts .content .info .address .title {
        padding-left: 0
    }

    .contacts .content .info .address .text {
        margin-bottom: 25px
    }

    .contacts .content .info .address .text .tel li {
        margin-bottom: .4em
    }
}

@media screen and (max-width:320px) {
    .advantages .seven .wrap-doc {
        top: 24px
    }

    .advantages .seven .wrap-doc .doc-mobile {
        height: 275px;
        width: 90px
    }
}