@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

body {
	padding: 0px;
	margin: 0px;
    font-family: "Montserrat", sans-serif;
    background-color: #161414;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
body::-webkit-scrollbar {
    display: none;
}
ul{
	padding: 0px;
	margin: 0px;
}
li{
	list-style: none;
}
a{
	text-decoration: none;
	color: unset;
	cursor: pointer;
}
h1, h2, h3, h4, h5{
	margin: 0px;
    font-weight: unset;
}
p{
    margin: 0px;
}
input, button, textarea, select{
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
    font-family: "Montserrat", sans-serif;
}

.center{
    width: 90%;
    max-width: 1260px;
    height: auto;
    margin: 0 auto;
}

/* HEADER */
header{
    width: 100%;
    height: auto;
    float: left;
    padding: 25px 0;
}
.header__row{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: center;
    align-items: center;
}
.header__item{
    width: fit-content;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    max-width: 19%;
}
.header__item:nth-child(4){
	display: flex;
	flex-direction: row;
	gap: 10px;
}
.header__item-logo{
    width: fit-content;
    height: auto;
}
.header__item-logo img{
    width: 95px;
    height: auto;
    float: left;
}
.header__item-title{
    width: 100%;
    height: auto;
    float: left;
    font-weight: 600;
    font-size: 11px;
    line-height: 14px;
    color: #fa9200;
}
.header__item-address{
    width: 100%;
    height: auto;
    float: left;
    font-weight: 700;
    font-size: 12px;
    line-height: normal;
    color: #fff;
    margin: 4px 0 0 0;
}
.header__item-network{
    width: 33px;
    height: 33px;
    background-color: #161414;
    border: 2px solid #f3923d;
    border-radius: 5px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 20px;
    transition: 0.4s;
}
.header__item-network:hover{
	background-color: #f3923d;
	transition: 0.4s;
}
.header__item-network.vk{
    background-image: url("../images/icon/vk.svg");
}
.header__item-network.tg{
    background-image: url("../images/icon/tg.svg");
}
.header__item-network.wa{
    background-image: url("../images/icon/wa.svg");
}
.header__item-network.in{
    background-image: url("../images/icon/in.svg");
}
.header__item-network.yt{
    background-image: url("../images/icon/yt.svg");
}
.header__item-network.ru{
    background-image: url("../images/icon/ru.svg");
}
.header__item-network.max{
    background-image: url("../images/icon/max.svg");
    background-size: 17px;
}
.header__item-phone{
    width: fit-content;
    height: auto;
    float: left;
    font-weight: 700;
    font-size: 19px;
    line-height: normal;
    color: #fff;
}
.header__item-time{
    width: fit-content;
    height: auto;
    float: left;
    font-weight: 600;
    font-size: 10.8px;
    line-height: 14px;
    color: #fa9200;
    margin: 3px 0 0;
}
.header__item-button{
    width: fit-content;
    height: auto;
    float: right;
    font-weight: 600;
    font-size: 15px;
    line-height: normal;
    color: #fff;
    background: #161414;
    border: 2px solid #fa9200;
    border-radius: 4px;
    padding: 12px 27px;
    cursor: pointer;
    transition: 0.4s;
}
.header__item-button:hover{
    color: #fff;
    background: #fa9200;
    border: 2px solid #fa9200;
    transition: 0.4s;
}
.header__item-bar{
    display: none;
}
/* HEADER */

/* NAVIGATION */
.navigation{
    width: 100%;
    height: auto;
    float: left;
    background-color: #fa9200;
}
.navigation ul{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.navigation ul > li{
    width: fit-content;
    height: auto;
    float: left;
}
.navigation ul > li > a{
    width: fit-content;
    height: auto;
    float: left;
    font-weight: 600;
    font-size: 15px;
    line-height: normal;
    color: #fff;
    padding: 17px 20px;
    transition: 0.4s;
}
.navigation ul > li > a:hover{
    background-color: #e17f2a;
    color: #ffffff;
    transition: 0.4s;
}
.navigation__network{
    width: 100%;
    height: auto;
    float: left;
    display: none;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 17px 20px 20px;
    box-sizing: border-box;
    border-top: 1px solid #2e2e2d;
    margin: 10px 0 0 0;
}
/* NAVIGATION */

/* MAIN */
.main{
    width: 100%;
    height: auto;
    float: left;
}
.main__row{
    width: 100%;
    height: auto;
    float: left;
}
.main__item{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.main__box{
    height: auto;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    position: relative;
}
.main__box:nth-child(1){
    width: 45%;
}
.main__box:nth-child(2){
    width: 55%;
}
.main__box:nth-child(2)::before{
    content: "";
    position: absolute;
    width: 140px;
    height: 100%;
    left: -5px;
    top: 0;
    background-image: url("../images/vectory/main.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.main__box-title{
    width: 80%;
    height: auto;
    float: left;
    font-weight: 800;
    font-size: 30px;
    line-height: 42px;
    color: #fff;
    text-transform: uppercase;
    margin: 0 0 0 10%;
}
.main__box-description{
    width: 80%;
    height: auto;
    float: left;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #bdbdbd;
    text-align: left;
    margin: 25px 0 0 10%;
}
.main__box-button{
    width: fit-content;
    height: auto;
    float: left;
    font-weight: 600;
    font-size: 14px;
    line-height: normal;
    color: #fff;
    padding: 14px 58px;
    transition: 0.4s;
    margin: 28px 0 0 10%;
    background-color: #e17f2a;
    border: 2px solid #e17f2a;
    border-radius: 5px;
}
.main__box-button:hover{
    background-color: #161414;
    color: #ffffff;
    transition: 0.4s;
}
.main__box-poster{
    width: 100%;
    height: 550px;
    float: left;
    object-fit: cover;
    object-position: center;
}
.main .owl-dots{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    margin: -50px 0 0 0;
    padding: 0 5%;
    box-sizing: border-box;
    gap: 15px;
    z-index: 10005;
    position: relative;
}
.main .owl-dots > .owl-dot{
    width: 15px;
    height: 15px;
    background-color: #313131 !important;
}
.main .owl-dots > .owl-dot.active{
    background-color: #e17f2a !important;
}
/* MAIN */

/* ABOUT */
.about{
    width: 100%;
    height: auto;
    float: left;
    padding: 70px 0;
}
.about-title{
    width: 100%;
    height: auto;
    float: left;
    font-weight: 700;
    font-size: 27px;
    line-height: normal;
    letter-spacing: 0.04em;
    color: #fff;
    text-align: center;
}
.about-description{
    width: 100%;
    height: auto;
    float: left;
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    color: #bdbdbd;
    text-align: center;
    padding: 0 0 25px;
    position: relative;
    margin: 20px 0 0;
}
.about-description::before {
    content: "";
    position: absolute;
    width: 70px;
    height: 7px;
    background-color: #f3923d;
    position: absolute;
    left: 50%;
    bottom: 0%;
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
    clip-path: polygon(5% 0%, 100% 0%, 95% 100%, 0% 100%);
}
.about__row{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 50px 0 0 0;
}
.about__item{
    width: 48.5%;
    height: auto;
}
.about__item-poster{
    width: 100%;
    height: 100%;
    float: left;
    object-fit: cover;
    object-position: center;
}
.about__item-description{
    width: 100%;
    height: auto;
    float: left;
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    color: #bdbdbd;
    text-align: left;
}
.about__item-button{
    width: fit-content;
    height: auto;
    float: left;
    font-weight: 600;
    font-size: 14px;
    line-height: normal;
    color: #fff;
    padding: 14px 30px;
    transition: 0.4s;
    margin: 28px 0 0 0;
    background-color: #e17f2a;
    border: 2px solid #e17f2a;
    border-radius: 5px;
}
.about__item-button:hover{
    background-color: #161414;
    color: #ffffff;
    transition: 0.4s;
}
/* ABOUT */

/* SERVICE */
.service{
    width: 100%;
    height: auto;
    float: left;
    padding: 70px 0;
    background-color: #1f1d1d;
}
.service-title{
    width: 100%;
    height: auto;
    float: left;
    font-weight: 700;
    font-size: 27px;
    line-height: normal;
    letter-spacing: 0.04em;
    color: #fff;
    text-align: center;
}
.service-description{
    width: 100%;
    height: auto;
    float: left;
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    color: #bdbdbd;
    text-align: center;
    padding: 0 0 25px;
    position: relative;
    margin: 20px 0 0;
}
.service-description::before {
    content: "";
    position: absolute;
    width: 70px;
    height: 7px;
    background-color: #f3923d;
    position: absolute;
    left: 50%;
    bottom: 0%;
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
    clip-path: polygon(5% 0%, 100% 0%, 95% 100%, 0% 100%);
}
.service__row{
    width: 100%;
    height: auto;
    float: left;
    margin: 50px 0 0 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 30px;
}
.service__item{
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.service__box{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 30px;
}
.service__box:nth-child(1){
    width: calc(32% - 5px);
    height: auto;
}
.service__box:nth-child(2){
    width: calc(68% - 25px);
    height: auto;
}
.service__item:nth-child(2) .service__box:nth-child(1),
.service__item:nth-child(4) .service__box:nth-child(1){
    width: calc(68% - 27px);
    height: auto;
}
.service__item:nth-child(2) .service__box:nth-child(2),
.service__item:nth-child(4) .service__box:nth-child(2){
    width: calc(32% - 3px);
    height: auto;
}
.service__block{
    padding: 25px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-content: flex-start;
    justify-content: flex-end;
    position: relative;
    overflow: hidden;
}
.service__box:nth-child(1) .service__block,
.service__item:nth-child(2) .service__box:nth-child(2) > .service__block,
.service__item:nth-child(4) .service__box:nth-child(2) > .service__block{
    width: 100%;
    height: 550px;
}
.service__box:nth-child(2) .service__block{
    width: calc(50% - 15px);
    height: auto;
}
.service__item:nth-child(2) .service__box:nth-child(1) > .service__block,
.service__item:nth-child(4) .service__box:nth-child(1) > .service__block{
    width: calc(50% - 15px);
    height: auto;
}
.service__block img{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
    object-position: center;
    opacity: 0.4;
    transition: .2s;
}
.service__block:hover img{
    opacity: 1;
    transform: scale(1.1);
    transition: .2s;
}
.service__block p{
    width: 100%;
    height: auto;
    float: left;
    text-align: left;
    font-weight: 700;
    font-size: 20px;
    line-height: normal;
    color: #fff;
    z-index: 1;
}
.service__block span{
    width: 100%;
    height: auto;
    float: left;
    font-weight: 500;
    font-size: 16px;
    line-height: normal;
    color: #f3923d;
    text-align: left;
    margin: 5px 0 0;
    z-index: 1;
}
/* SERVICE */

/* STEPS */
.steps{
    width: 100%;
    height: auto;
    float: left;
    padding: 70px 0;
}
.steps-title{
    width: 100%;
    height: auto;
    float: left;
    font-weight: 700;
    font-size: 27px;
    line-height: normal;
    letter-spacing: 0.04em;
    color: #fff;
    text-align: center;
}
.steps-description{
    width: 100%;
    height: auto;
    float: left;
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    color: #bdbdbd;
    text-align: center;
    padding: 0 0 25px;
    position: relative;
    margin: 20px 0 0;
}
.steps-description::before {
    content: "";
    position: absolute;
    width: 70px;
    height: 7px;
    background-color: #f3923d;
    position: absolute;
    left: 50%;
    bottom: 0%;
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
    clip-path: polygon(5% 0%, 100% 0%, 95% 100%, 0% 100%);
}
.steps__row{
    width: 100%;
    height: auto;
    float: left;
    margin: 50px 0 0 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 30px;
}
.steps__item{
    width: calc(25% - 23px);
    height: auto;
    padding: 20px 25px;
    box-sizing: border-box;
    background-color: #1f1d1d;
    border: 1px solid #f3923d;
}
.steps__item p{
    width: 100%;
    height: auto;
    float: left;
    text-align: left;
    font-weight: 700;
    font-size: 16px;
    line-height: normal;
    color: #fff;
    margin: 20px 0 0 0;
}
.steps__item b{
    width: 75px;
    height: 50px;
    float: left;
    background-color: #f3923d;
    border: 1px solid #f3923d;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    color: #fff;
    clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);
}
.steps__item span{
    width: 100%;
    height: auto;
    float: left;
    font-weight: 500;
    font-size: 14px;
    line-height: 23px;
    color: #bdbdbd;
    text-align: left;
    position: relative;
    margin: 20px 0 0;
}
/* STEPS */

/* CASE */
.case{
    width: 100%;
    height: auto;
    float: left;
    padding: 70px 0;
}
.case-title{
    width: 100%;
    height: auto;
    float: left;
    font-weight: 700;
    font-size: 27px;
    line-height: normal;
    letter-spacing: 0.04em;
    color: #fff;
    text-align: center;
}
.case-description{
    width: 100%;
    height: auto;
    float: left;
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    color: #bdbdbd;
    text-align: center;
    padding: 0 0 25px;
    position: relative;
    margin: 20px 0 0;
}
.case-description::before {
    content: "";
    position: absolute;
    width: 70px;
    height: 7px;
    background-color: #f3923d;
    position: absolute;
    left: 50%;
    bottom: 0%;
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
    clip-path: polygon(5% 0%, 100% 0%, 95% 100%, 0% 100%);
}
.case__row{
    width: 100%;
    height: auto;
    float: left;
    margin: 50px 0 0 0;
}
.case__item{
    width: 100%;
    height: auto;
    float: left;
    box-sizing: border-box;
    border: 1px solid #292929;
}
.case__item img{
	width: 100%;
	height: 230px;
	float: left;
	object-fit: cover;
	object-position: center;
}
.case__item p {
    width: calc(100% - 20px);
    height: auto;
    float: left;
    text-align: left;
    font-weight: 700;
    font-size: 16px;
    line-height: normal;
    color: #fff;
    margin: -20px 10px 0;
    padding: 20px 25px 0;
    background-color: #161414;
    box-sizing: border-box;
}
.case__item span {
    width: 100%;
    height: auto;
    float: left;
    min-height: 69px;
    font-weight: 500;
    font-size: 14px;
    line-height: 23px;
    color: #bdbdbd;
    text-align: left;
    position: relative;
    margin: 10px 0 0;
    padding: 0 35px;
    box-sizing: border-box;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.case__item a{
    width: calc(100% - 70px);
    height: auto;
    float: left;
    font-weight: 600;
    font-size: 14px;
    line-height: normal;
    color: #fff;
    padding: 14px 0;
    transition: 0.4s;
    background-color: #161414;
    border: 2px solid #e17f2a;
    border-radius: 5px;
    text-align: center;
    margin: 20px 35px 25px;
}
.case__item a:hover{
	background-color: #e17f2a;
}
.case__controlers{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    margin: 45px 0 0 0;
    gap: 25px;
    flex-direction: row;
    align-content: center;
    align-items: center;
}
.case__controlers button{
    width: 50px;
    height: 50px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #1a1a1a;
    border: 1px solid #292929;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
    cursor: pointer;
    transition: .2s;
}
.case__controlers button:hover{
    background-color: #e17f2a;
    border-color: #e17f2a;
    transition: .2s;
}
.case__controlers__dots{
    width: fit-content;
    height: auto;
    float: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
}
.case__controlers__dots button{
	width: 15px;
	height: 15px;
	cursor: pointer;
    background-image: unset !important;
}
.case__controlers__dots button.active{
	background-color: #e17f2a;
    border: 1px solid #e17f2a;
}
.case__controlers button:first-child{
    background-image: url("../images/icon/prev.svg");
}
.case__controlers button:last-child{
    background-image: url("../images/icon/next.svg");
}
/* CASE */

/* ESTIMATE */
.estimate{
    width: 100%;
    height: auto;
    float: left;
    padding: 100px 0;
    background-image: url("../images/posters/estimate.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.estimate::before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #1f1d1d;
    opacity: 0.8;
}
.estimate__row{
    width: 100%;
    height: auto;
    float: left;
    position: relative;
}
.estimate__item{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.estimate__item-title{
    width: 100%;
    height: auto;
    float: left;
    font-weight: 700;
    font-size: 27px;
    line-height: normal;
    letter-spacing: 0.04em;
    color: #fff;
    text-align: center;
}
.estimate__item-description{
    width: 100%;
    height: auto;
    float: left;
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    color: #bdbdbd;
    text-align: center;
    position: relative;
    margin: 25px 0 0 0;
}
.estimate__item__buttons{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 40px 0 0 0;
    gap: 20px;
}
.estimate__item__buttons a{
    width: 250px;
    height: auto;
    float: left;
    font-weight: 600;
    font-size: 14px;
    line-height: normal;
    color: #fff;
    padding: 14px 0;
    transition: 0.4s;
    background-color: #e17f2a;
    border: 2px solid #e17f2a;
    border-radius: 5px;
    text-align: center;
}
.estimate__item__buttons a:last-child{
	background-color: unset;
}
.estimate__item__buttons a:hover{
    background-color: unset;
    color: #ffffff;
    transition: 0.4s;
}
.estimate__item__buttons a:last-child:hover{
	background-color: #e17f2a;
}
/* ESTIMATE */

/* ADVANTAGES */
.advantages{
    width: 100%;
    height: auto;
    float: left;
    padding: 70px 0;
    background-color: #1f1d1d;
}
.advantages-title{
    width: 100%;
    height: auto;
    float: left;
    font-weight: 700;
    font-size: 27px;
    line-height: normal;
    letter-spacing: 0.04em;
    color: #fff;
    text-align: center;
}
.advantages-description{
    width: 100%;
    height: auto;
    float: left;
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    color: #bdbdbd;
    text-align: center;
    padding: 0 0 25px;
    position: relative;
    margin: 20px 0 0;
}
.advantages-description::before {
    content: "";
    position: absolute;
    width: 70px;
    height: 7px;
    background-color: #f3923d;
    position: absolute;
    left: 50%;
    bottom: 0%;
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
    clip-path: polygon(5% 0%, 100% 0%, 95% 100%, 0% 100%);
}
.advantages__row{
    width: 100%;
    height: auto;
    float: left;
    margin: 50px 0 0 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 25px;
}
.advantages__item{
    width: calc(33% - 13px);
    height: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border: 1px solid #292929;
    padding: 25px;
    box-sizing: border-box;
    background-color: #161414;
    transition: .2s;
}
.advantages__item:hover{
    border: 1px solid #f3923d;
    transition: .2s;
}
.advantages__box:nth-child(1){
    width: 75px;
    height: 50px;
    float: left;
    background-color: #f3923d;
    border: 1px solid #f3923d;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);
}
.advantages__box img{
    width: 25px;
    height: 25px;
}
.advantages__box p{
    width: 100%;
    height: auto;
    float: left;
    text-align: left;
    font-weight: 700;
    font-size: 16px;
    line-height: normal;
    color: #fff;
    margin: 20px 0 0 0;
}
.advantages__box span{
    width: 100%;
    height: auto;
    float: left;
    text-align: left;
    font-weight: 500;
    font-size: 14px;
    line-height: 23px;
    color: #bdbdbd;
    margin: 15px 0 0;
}
/* ADVANTAGES */

/* REVIEW */
.review{
    width: 100%;
    height: auto;
    float: left;
    padding: 70px 0;
}
.review-title{
    width: 100%;
    height: auto;
    float: left;
    font-weight: 700;
    font-size: 27px;
    line-height: normal;
    letter-spacing: 0.04em;
    color: #fff;
    text-align: center;
}
.review-description{
    width: 100%;
    height: auto;
    float: left;
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    color: #bdbdbd;
    text-align: center;
    padding: 0 0 25px;
    position: relative;
    margin: 20px 0 0;
}
.review-description::before {
    content: "";
    position: absolute;
    width: 70px;
    height: 7px;
    background-color: #f3923d;
    position: absolute;
    left: 50%;
    bottom: 0%;
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
    clip-path: polygon(5% 0%, 100% 0%, 95% 100%, 0% 100%);
}
.review__row{
    width: 100%;
    height: auto;
    float: left;
    margin: 50px 0 0 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 45px;
}
.reviewbanner{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    background-color: rgb(31 29 29);
    padding: 25px;
    box-sizing: border-box;
    flex-direction: row;
    align-content: center;
    align-items: center;
    border: 1px solid #e28037;
}
.reviewbanner__box{
    width: fit-content;
    height: auto;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    gap: 15px;
    align-content: center;
    align-items: center;
    max-width: 40%;
}
.reviewbanner__box-number{
    width: fit-content;
    height: auto;
    float: left;
    color: #e17f2a;
    font-size: 45px;
    font-weight: 700;
    margin: 0 0 5px;
}
.reviewbanner__box-numbertext{
    display: flex;
    flex-direction: column;
    align-content: flex-start;
}
.reviewbanner__box-numbertext span{
    text-align: left;
    font-weight: 500;
    font-size: 13px;
    line-height: normal;
    color: #ffffff;
    white-space: nowrap;
}
.reviewbanner__box-numbertext em{
    text-align: left;
    font-weight: 500;
    font-size: 13px;
    line-height: 22px;
    color: #e17f2a;
}
.reviewbanner__box-description{
    width: 100%;
    height: auto;
    float: left;
    text-align: left;
    font-weight: 500;
    font-size: 13px;
    line-height: 22px;
    color: #bdbdbd;
}
.reviewbanner__box-button{
    width: 250px;
    height: auto;
    float: left;
    font-weight: 600;
    font-size: 14px;
    line-height: normal;
    color: #fff;
    padding: 14px 0;
    transition: 0.4s;
    background-color: #e17f2a;
    border: 2px solid #e17f2a;
    border-radius: 5px;
    text-align: center;
    transition: .3s;
}
.reviewbanner__box-button:hover{
    background-color: unset;
    transition: .3s;
}
.review__item{
    width: 100%;
    height: auto;
    float: left;
}
.review__carousel{
    width: 100%;
    height: auto;
    float: left;
}
.review__block{
    width: 100%;
    height: auto;
    float: left;
    background-color: #1f1d1d;
    border: 1px solid #292929;
    box-sizing: border-box;
    padding: 30px;
}
.review__block__user{
    width: 100%;
    height: auto;
    float: left;
}
.review__block__user b{
    width: 100%;
    height: auto;
    float: left;
    text-align: left;
    font-weight: 700;
    font-size: 16px;
    line-height: normal;
    color: #fff;
    box-sizing: border-box;
}
.review__block__user span{
    width: 100%;
    height: auto;
    float: left;
    text-align: left;
    font-weight: 500;
    font-size: 12px;
    line-height: normal;
    color: #bdbdbd;
    padding: 0 0 13px;
    box-sizing: border-box;
    margin: 6px 0 0 0;
    position: relative;
}
.review__block__user span::before {
    content: "";
    position: absolute;
    width: 45px;
    height: 4px;
    background-color: #f3923d;
    position: absolute;
    left: 0;
    bottom: 0%;
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
    clip-path: polygon(5% 0%, 100% 0%, 95% 100%, 0% 100%);
}
.review__block-description{
    width: 100%;
    height: auto;
    float: left;
    text-align: left;
    font-weight: 500;
    font-size: 13px;
    line-height: 21px;
    color: #bdbdbd;
    padding: 0;
    box-sizing: border-box;
    margin: 15px 0 0;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.review__controlers{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    margin: 45px 0 0 0;
    gap: 25px;
    flex-direction: row;
    align-content: center;
    align-items: center;
}
.review__controlers button{
    width: 50px;
    height: 50px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #1a1a1a;
    border: 1px solid #292929;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
    cursor: pointer;
    transition: .2s;
}
.review__controlers button:hover{
    background-color: #e17f2a;
    border-color: #e17f2a;
    transition: .2s;
}
.review__controlers__dots{
    width: fit-content;
    height: auto;
    float: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
}
.review__controlers__dots button{
	width: 15px;
	height: 15px;
	cursor: pointer;
    background-image: unset !important;
}
.review__controlers__dots button.active{
	background-color: #e17f2a;
    border: 1px solid #e17f2a;
}
.review__controlers button:first-child{
    background-image: url("../images/icon/prev.svg");
}
.review__controlers button:last-child{
    background-image: url("../images/icon/next.svg");
}
/* REVIEW */

/* TEAM */
.team{
    width: 100%;
    height: auto;
    float: left;
    padding: 70px 0;
}
.team-title{
    width: 100%;
    height: auto;
    float: left;
    font-weight: 700;
    font-size: 27px;
    line-height: normal;
    letter-spacing: 0.04em;
    color: #fff;
    text-align: center;
}
.team-description{
    width: 100%;
    height: auto;
    float: left;
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    color: #bdbdbd;
    text-align: center;
    padding: 0 0 25px;
    position: relative;
    margin: 20px 0 0;
}
.team-description::before {
    content: "";
    position: absolute;
    width: 70px;
    height: 7px;
    background-color: #f3923d;
    position: absolute;
    left: 50%;
    bottom: 0%;
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
    clip-path: polygon(5% 0%, 100% 0%, 95% 100%, 0% 100%);
}
.team__row{
    width: 100%;
    height: auto;
    float: left;
    margin: 50px 0 0 0;
}
.team__item{
    width: 100%;
    height: auto;
    float: left;
    background-color: #1f1d1d;
    border: 1px solid #292929;
    box-sizing: border-box;
    padding: 0 0 25px;
}
.team__item img{
    width: 100%;
    height: 260px;
    float: left;
    object-fit: cover;
    object-position: center;
}
.team__item b{
    width: 100%;
    height: auto;
    float: left;
    text-align: left;
    font-weight: 700;
    font-size: 16px;
    line-height: normal;
    color: #fff;
    margin: 20px 0 0 0;
    padding: 0 20px;
    box-sizing: border-box;
}
.team__item span{
    width: 100%;
    height: auto;
    float: left;
    text-align: left;
    font-weight: 500;
    font-size: 12px;
    line-height: normal;
    color: #bdbdbd;
    padding: 0 20px 13px;
    box-sizing: border-box;
    margin: 6px 0 0 0;
    position: relative;
}
.team__item span::before {
    content: "";
    position: absolute;
    width: 45px;
    height: 4px;
    background-color: #f3923d;
    position: absolute;
    left: 20px;
    bottom: 0%;
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
    clip-path: polygon(5% 0%, 100% 0%, 95% 100%, 0% 100%);
}
.team__item p{
    width: 100%;
    height: auto;
    min-height: 105px;
    float: left;
    text-align: left;
    font-weight: 500;
    font-size: 13px;
    line-height: 21px;
    color: #bdbdbd;
    padding: 0 20px;
    box-sizing: border-box;
    margin: 15px 0 0;
}
.team__controlers{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    margin: 45px 0 0 0;
    gap: 25px;
    flex-direction: row;
    align-content: center;
    align-items: center;
}
.team__controlers button{
    width: 50px;
    height: 50px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #1a1a1a;
    border: 1px solid #292929;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
    cursor: pointer;
    transition: .2s;
}
.team__controlers button:hover{
    background-color: #e17f2a;
    border-color: #e17f2a;
    transition: .2s;
}
.team__controlers__dots{
    width: fit-content;
    height: auto;
    float: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
}
.team__controlers__dots button{
	width: 15px;
	height: 15px;
	cursor: pointer;
    background-image: unset !important;
}
.team__controlers__dots button.active{
	background-color: #e17f2a;
    border: 1px solid #e17f2a;
}
.team__controlers button:first-child{
    background-image: url("../images/icon/prev.svg");
}
.team__controlers button:last-child{
    background-image: url("../images/icon/next.svg");
}
/* TEAM */

/* BLOG */
.blog{
    width: 100%;
    height: auto;
    float: left;
    padding: 70px 0;
    background-color: #1f1d1d;
}
.blog-title{
    width: 100%;
    height: auto;
    float: left;
    font-weight: 700;
    font-size: 27px;
    line-height: normal;
    letter-spacing: 0.04em;
    color: #fff;
    text-align: center;
}
.blogcpanel .blog-title{
    text-align: left;
}
.blog-description{
    width: 100%;
    height: auto;
    float: left;
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    color: #bdbdbd;
    text-align: center;
    padding: 0 0 25px;
    position: relative;
    margin: 20px 0 0;
}
.blog-description::before {
    content: "";
    position: absolute;
    width: 70px;
    height: 7px;
    background-color: #f3923d;
    position: absolute;
    left: 50%;
    bottom: 0%;
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
    clip-path: polygon(5% 0%, 100% 0%, 95% 100%, 0% 100%);
}
.blog__row{
    width: 100%;
    height: auto;
    float: left;
    margin: 50px 0 0 0;
}
.blog__item{
    width: 100%;
    height: auto;
    float: left;
    box-sizing: border-box;
    border: 1px solid #292929;
    background-color: #161414;
}
.blogcpanel .blog__row{
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    gap: 20px;
}
.blogcpanel .blog__item{
    width: calc(33.5% - 16px);
    height: auto;
    float: left;
}
.blog__item img{
	width: 100%;
	height: 230px;
	float: left;
	object-fit: cover;
	object-position: center;
}
.blog__item p {
    width: calc(100% - 20px);
    height: auto;
    float: left;
    text-align: left;
    font-weight: 700;
    font-size: 16px;
    line-height: normal;
    color: #fff;
    margin: -20px 10px 0;
    padding: 20px 25px 0;
    background-color: #161414;
    box-sizing: border-box;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.blog__item span {
    width: 100%;
    height: auto;
    float: left;
    font-weight: 500;
    font-size: 14px;
    line-height: 23px;
    color: #bdbdbd;
    text-align: left;
    position: relative;
    margin: 10px 0 0;
    padding: 0 35px;
    box-sizing: border-box;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.blog__item a{
    width: calc(100% - 70px);
    height: auto;
    float: left;
    font-weight: 600;
    font-size: 14px;
    line-height: normal;
    color: #fff;
    padding: 14px 0;
    transition: 0.4s;
    background-color: #161414;
    border: 2px solid #e17f2a;
    border-radius: 5px;
    text-align: center;
    margin: 20px 35px 25px;
}
.blog__item a:hover{
	background-color: #e17f2a;
}
.blogcpanel .blog__item > a:last-child{
    margin: -10px 35px 25px;
}
.blog__controlers{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    margin: 45px 0 0 0;
    gap: 25px;
    flex-direction: row;
    align-content: center;
    align-items: center;
}
.blog__controlers button{
    width: 50px;
    height: 50px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #1a1a1a;
    border: 1px solid #292929;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
    cursor: pointer;
    transition: .2s;
}
.blog__controlers button:hover{
    background-color: #e17f2a;
    border-color: #e17f2a;
    transition: .2s;
}
.blog__controlers__dots{
    width: fit-content;
    height: auto;
    float: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
}
.blog__controlers__dots button{
	width: 15px;
	height: 15px;
	cursor: pointer;
    background-image: unset !important;
}
.blog__controlers__dots button.active{
	background-color: #e17f2a;
    border: 1px solid #e17f2a;
}
.blog__controlers button:first-child{
    background-image: url("../images/icon/prev.svg");
}
.blog__controlers button:last-child{
    background-image: url("../images/icon/next.svg");
}
/* BLOG */

/* CERTIFICATE */
.certificate{
    width: 100%;
    height: auto;
    float: left;
    padding: 70px 0;
}
.certificate-title{
    width: 100%;
    height: auto;
    float: left;
    font-weight: 700;
    font-size: 27px;
    line-height: normal;
    letter-spacing: 0.04em;
    color: #fff;
    text-align: center;
}
.certificate-description{
    width: 100%;
    height: auto;
    float: left;
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    color: #bdbdbd;
    text-align: center;
    padding: 0 0 25px;
    position: relative;
    margin: 20px 0 0;
}
.certificate-description::before {
    content: "";
    position: absolute;
    width: 70px;
    height: 7px;
    background-color: #f3923d;
    position: absolute;
    left: 50%;
    bottom: 0%;
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
    clip-path: polygon(5% 0%, 100% 0%, 95% 100%, 0% 100%);
}
.certificate__row{
    width: 100%;
    height: auto;
    float: left;
    margin: 50px 0 0 0;
}
.certificate__item{
    width: 100%;
    height: auto;
    float: left;
    box-sizing: border-box;
    border: 1px solid #292929;
    background-color: #161414;
}
.certificate__item img{
	width: 100%;
	height: 270px;
	float: left;
	object-fit: cover;
	object-position: center;
}
.certificate__controlers{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    margin: 45px 0 0 0;
    gap: 25px;
    flex-direction: row;
    align-content: center;
    align-items: center;
}
.certificate__controlers button{
    width: 50px;
    height: 50px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #1a1a1a;
    border: 1px solid #292929;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
    cursor: pointer;
    transition: .2s;
}
.certificate__controlers button:hover{
    background-color: #e17f2a;
    border-color: #e17f2a;
    transition: .2s;
}
.certificate__controlers__dots{
    width: fit-content;
    height: auto;
    float: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
}
.certificate__controlers__dots button{
	width: 15px;
	height: 15px;
	cursor: pointer;
    background-image: unset !important;
}
.certificate__controlers__dots button.active{
	background-color: #e17f2a;
    border: 1px solid #e17f2a;
}
.certificate__controlers button:first-child{
    background-image: url("../images/icon/prev.svg");
}
.certificate__controlers button:last-child{
    background-image: url("../images/icon/next.svg");
}
/* CERTIFICATE */

/* REPAIRS */
.repairs{
    width: 100%;
    height: auto;
    float: left;
    padding: 70px 0;
    background-color: #1f1d1d;
    position: relative;
}
.repairs::before{
    content: "";
    position: absolute;
    width: 50%;
    height: 100%;
    right: 0;
    top: 0;
    background-image: url("../images/posters/remont_na_viyezd.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.repairs__row{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.repairs__item{
    width: 50%;
    height: auto;
}
.repairs__item-title{
    width: 100%;
    height: auto;
    float: left;
    font-weight: 700;
    font-size: 27px;
    line-height: normal;
    letter-spacing: 0.04em;
    color: #fff;
    text-align: left;
}
.repairs__item-description{
    width: 90%;
    height: auto;
    float: left;
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    color: #bdbdbd;
    text-align: left;
    padding: 0 0 25px;
    position: relative;
    margin: 20px 0 0;
}
.repairs__item-description::before {
    content: "";
    position: absolute;
    width: 70px;
    height: 7px;
    background-color: #f3923d;
    position: absolute;
    left: 0%;
    bottom: 0%;
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
    clip-path: polygon(5% 0%, 100% 0%, 95% 100%, 0% 100%);
}
.repairs__item ul{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    flex-wrap: wrap;
    margin: 40px 0 0;
    gap: 20px;
}
.repairs__item ul > li{
    width: 85%;
    height: auto;
    float: left;
    font-weight: 700;
    font-size: 16px;
    line-height: 25px;
    color: #ffffff;
    padding: 0 0 0 30px;
    box-sizing: border-box;
    position: relative;
}
.repairs__item ul > li::before{
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: #f3923d;
    left: 0%;
    top: 8px;
}
.repairs__item__buttons{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    margin: 40px 0 0 0;
    gap: 20px;
}
.repairs__item__buttons a{
    width: 250px;
    height: auto;
    float: left;
    font-weight: 600;
    font-size: 14px;
    line-height: normal;
    color: #fff;
    padding: 14px 0;
    transition: 0.4s;
    background-color: #e17f2a;
    border: 2px solid #e17f2a;
    border-radius: 5px;
    text-align: center;
}
.repairs__item__buttons a:last-child{
	background-color: unset;
}
.repairs__item__buttons a:hover{
    background-color: unset;
    color: #ffffff;
    transition: 0.4s;
}
.repairs__item__buttons a:last-child:hover{
	background-color: #e17f2a;
}
/* REPAIRS */

/* WHY */
.why{
    width: 100%;
    height: auto;
    float: left;
    padding: 70px 0;
}
.why-title{
    width: 100%;
    height: auto;
    float: left;
    font-weight: 700;
    font-size: 27px;
    line-height: normal;
    letter-spacing: 0.04em;
    color: #fff;
    text-align: center;
}
.why-description{
    width: 100%;
    height: auto;
    float: left;
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    color: #bdbdbd;
    text-align: center;
    padding: 0 0 25px;
    position: relative;
    margin: 20px 0 0;
}
.why-description::before {
    content: "";
    position: absolute;
    width: 70px;
    height: 7px;
    background-color: #f3923d;
    position: absolute;
    left: 50%;
    bottom: 0%;
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
    clip-path: polygon(5% 0%, 100% 0%, 95% 100%, 0% 100%);
}
.why__row{
    width: 100%;
    height: auto;
    float: left;
    margin: 50px 0 0 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 25px;
}
.why__item{
    width: calc(33% - 13px);
    height: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    border: 1px solid #292929;
    padding: 35px 25px;
    box-sizing: border-box;
    background-color: #161414;
    transition: .2s;
}
.why__item:hover{
    border: 1px solid #f3923d;
    transition: .2s;
}
.why__item img{
    width: 50px;
    height: 50px;
}
.why__item p{
    width: 100%;
    height: auto;
    float: left;
    text-align: center;
    font-weight: 700;
    font-size: 16px;
    line-height: normal;
    color: #fff;
    margin: 20px 0 0 0;
}
.why__item span{
    width: 100%;
    height: auto;
    float: left;
    text-align: center;
    font-weight: 500;
    font-size: 14px;
    line-height: 23px;
    color: #bdbdbd;
    margin: 15px 0 0;
}
/* WHY */

/* SPONSOR */
.sponsor{
    width: 100%;
    height: auto;
    float: left;
    padding: 70px 0 0;
}
.sponsor__row{
    width: 100%;
    height: auto;
    float: left;
}
.sponsor__item{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    background-color: #1f1d1d;
    border: 1px solid #292929;
    box-sizing: border-box;
}
.sponsor__box{
    width: 48%;
    height: auto;
    float: left;
}
.sponsor__box video{
    width: 100%;
    height: 450px;
    float: left;
    object-fit: cover;
    object-position: center;
}
.sponsor__box-title{
    width: 90%;
    height: auto;
    float: left;
    font-weight: 700;
    font-size: 25px;
    line-height: normal;
    letter-spacing: 0.04em;
    color: #fff;
    text-align: left;
    z-index: 1;
    position: relative;
}
.sponsor__box-description{
    width: 90%;
    height: auto;
    float: left;
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    color: #bdbdbd;
    text-align: left;
    margin: 20px 0 0 0;
    z-index: 1;
    position: relative;
}
.sponsor__box__buttons{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    margin: 20px 0 0 0;
    gap: 20px;
    position: relative;
    z-index: 1;
}
.sponsor__box__buttons a{
    width: 250px;
    height: auto;
    float: left;
    font-weight: 600;
    font-size: 14px;
    line-height: normal;
    color: #fff;
    padding: 14px 0;
    transition: 0.4s;
    background-color: #e17f2a;
    border: 2px solid #e17f2a;
    border-radius: 5px;
    text-align: center;
}
.sponsor__box__buttons a:last-child{
	background-color: unset;
}
.sponsor__box__buttons a:hover{
    background-color: unset;
    color: #ffffff;
    transition: 0.4s;
}
.sponsor__box__buttons a:last-child:hover{
	background-color: #e17f2a;
}
.sponsor__controlers{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    margin: 45px 0 0 0;
    gap: 25px;
    flex-direction: row;
    align-content: center;
    align-items: center;
}
.sponsor__controlers button{
    width: 50px;
    height: 50px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #1a1a1a;
    border: 1px solid #292929;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
    cursor: pointer;
    transition: .2s;
}
.sponsor__controlers button:hover{
    background-color: #e17f2a;
    border-color: #e17f2a;
    transition: .2s;
}
.sponsor__controlers__dots{
    width: fit-content;
    height: auto;
    float: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
}
.sponsor__controlers__dots button{
	width: 15px;
	height: 15px;
	cursor: pointer;
    background-image: unset !important;
}
.sponsor__controlers__dots button.active{
	background-color: #e17f2a;
    border: 1px solid #e17f2a;
}
.sponsor__controlers button:first-child{
    background-image: url("../images/icon/prev.svg");
}
.sponsor__controlers button:last-child{
    background-image: url("../images/icon/next.svg");
}
/* SPONSOR */

/* BLOG */
.contacts{
    width: 100%;
    height: auto;
    float: left;
    padding: 70px 0;
}
.contacts-title{
    width: 100%;
    height: auto;
    float: left;
    font-weight: 700;
    font-size: 27px;
    line-height: normal;
    letter-spacing: 0.04em;
    color: #fff;
    text-align: center;
}
.contacts-description{
    width: 100%;
    height: auto;
    float: left;
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    color: #bdbdbd;
    text-align: center;
    padding: 0 0 25px;
    position: relative;
    margin: 20px 0 0;
}
.contacts-description::before {
    content: "";
    position: absolute;
    width: 70px;
    height: 7px;
    background-color: #f3923d;
    position: absolute;
    left: 50%;
    bottom: 0%;
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
    clip-path: polygon(5% 0%, 100% 0%, 95% 100%, 0% 100%);
}
.contacts__row{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 50px 0 0 0;
}
.contacts__item:nth-child(1){
    width: 65%;
    height: auto;
}
.contacts__item:nth-child(2){
    width: 35%;
    height: auto;
    background-color: #1f1d1d;
    border: 1px solid #292929;
    box-sizing: border-box;
    padding: 30px;
}
.contacts__item iframe{
    width: 100%;
    height: 100%;
    float: left;
}
.contacts__item b{
    width: 100%;
    height: auto;
    float: left;
    font-weight: 700;
    font-size: 14px;
    line-height: normal;
    letter-spacing: 0.04em;
    color: #fff;
    margin: 20px 0 0 0;
}
.contacts__item b:first-child{
    margin: 0;
}
.contacts__item a, .contacts__item span{
    width: fit-content;
    height: auto;
    float: left;
    font-weight: 400;
    font-size: 14px;
    line-height: normal;
    color: #bdbdbd;
    text-align: left;
    position: relative;
    margin: 10px 0 0;
}
.contacts__item ul{
    width: 100%;
    height: auto;
    float: left;
    margin: 15px 0 0;
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}
.contacts__item ul > li{
    width: calc(85% - 14px);
    height: auto;
    float: left;
    list-style: disc;
    color: #f3923d;
    margin: 0 0 0 14px;
}
.contacts__item ul > li > a{
    margin: 0;
}
.contacts__item-route{
    width: 100% !important;
    height: auto;
    float: left;
    font-weight: 600 !important;
    font-size: 14px;
    line-height: normal;
    color: #fff !important;
    padding: 14px 0;
    transition: 0.4s;
    background-color: #e17f2a;
    border: 2px solid #e17f2a;
    border-radius: 5px;
    text-align: center !important;
    margin: 30px 0 0 !important;
}
.contacts__item-route:hover{
	background-color: unset;
}
/* CONTACTS */

/* FOOTER */
footer{
    width: 100%;
    height: auto;
    float: left;
    padding: 50px 0;
    background-color: #1f1d1d;
}
.footer__row{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    flex-direction: row;
}
.footer__item:nth-child(1){
    width: 25%;
}
.footer__item{
    width: min-content;
    height: auto;
}
.footer__item-logo{
    width: fit-content;
    height: auto;
    float: left;
}
.footer__item-logo img{
    width: 95px;
    height: auto;
    float: left;
    object-fit: contain;
    object-position: center;
}
.footer__item-description {
    width: 100%;
    height: auto;
    float: left;
    color: #bdbdbd;
    text-align: left;
    font-size: 14px;
    line-height: 25px;
    font-weight: 400;
    margin: 20px 0 0 0;
}
.footer__item-description span{
    font-size: 12px;
    line-height: 20px;
    margin: 20px 0 0;
    float: left;
    width: 100%;
}
.footer__item-title{
    width: 100%;
    height: auto;
    float: left;
    color: #ffffff;
    text-align: left;
    font-size: 17px;
    line-height: 21px;
    font-weight: 700;
    white-space: nowrap;
}
.footer__item ul{
    width: fit-content;
    height: auto;
    float: left;
    display: flex;
    flex-direction: column;
    margin: 20px 0 0;
    gap: 15px;
}
.footer__item ul > li{
    width: fit-content;
    height: auto;
    float: left;
}
.footer__item ul > li > a{
    width: fit-content;
    height: auto;
    float: left;
    color: #bdbdbd;
    text-align: left;
    font-size: 14px;
    white-space: nowrap;
    transition: .2s;
}
.footer__item ul > li > a:hover{
    color: #ffffff;
    transition: .2s;
}
.footer__network{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    margin: 25px 0 0 0;
    gap: 15px;
}
.footer__network a{
    width: 35px;
    height: 35px;
    background-color: #e28037;
    border-radius: 5px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 19px;
}
.footer__network a.vk{
    background-image: url("../images/icon/vk.svg");
}
.footer__network a.tg{
    background-image: url("../images/icon/tg.svg");
}
.footer__network a.wa{
    background-image: url("../images/icon/wa.svg");
}
.footer__network a.in{
    background-image: url("../images/icon/in.svg");
}
.footer__network a.yt{
    background-image: url("../images/icon/yt.svg");
}
.footer__network a.ru{
    background-image: url("../images/icon/ru.svg");
}
.footer__network a.max{
    background-image: url("../images/icon/max.svg");
    background-size: 17px;
}
/* FOOTER */

/* COPYRIGHT */
.copyright{
    width: 100%;
    height: auto;
    float: left;
    background-color: #1f1d1d;
}
.copyright__row{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    flex-direction: row;
    border-top: 1px solid #e28037;
    padding: 35px 0 70px;
}
.copyright__item{
    width: fit-content;
    height: auto;
    display: flex;
    gap: 30px;
}
.copyright__item p, .copyright__item a{
    width: fit-content;
    height: auto;
    color: #ffffff;
    text-align: left;
    font-size: 14px;
    font-weight: 400;
}
.copyright__item a:hover{
    color: #e28037;
    text-decoration: underline;
}
/* COPYRIGHT */

/* BLOG POST */
.blogpost{
    width: 100%;
    height: auto;
    float: left;
    padding: 70px 0;
}
.blog.blogcpanel{
    background-color: #161414;
}
.blogpost__row{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: flex-start;
    align-items: flex-start;
}
.blogpost__item:nth-child(1){
    width: 60%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 25px;
}
.blogpost__item:nth-child(2){
    width: calc(40% - 20px);
    height: auto;
    background-color: #1f1d1d;
    border: 1px solid #292929;
    box-sizing: border-box;
    padding: 25px;
    position: sticky;
}
.blogpost__item-poster,
.blogpost__item video{
    width: 100%;
    height: auto;
    max-height: 600px;
    float: left;
    object-fit: cover;
    object-position: center;
}
.blogpost__item-title {
    width: 100%;
    height: auto;
    float: left;
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 0.04em;
    color: #fff;
    text-align: left;
    position: relative;
    padding: 0 0 25px;
}
.blog-exit,
.blog-add{
    width: fit-content;
    height: auto;
    float: right;
    font-weight: 600;
    font-size: 15px;
    line-height: normal;
    color: #fff;
    background: #161414;
    border: 2px solid #fa9200;
    border-radius: 4px;
    padding: 12px 27px;
    cursor: pointer;
    transition: 0.4s;
    margin: -39px 0 0 15px;
}
.blog-exit:hover,
.blog-add:hover{
    color: #fff;
    background: #fa9200;
    border: 2px solid #fa9200;
    transition: 0.4s;
}
.blogpost__item-title::before{
    content: "";
    position: absolute;
    width: 70px;
    height: 7px;
    background-color: #f3923d;
    position: absolute;
    left: 0;
    bottom: 0%;
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
    clip-path: polygon(5% 0%, 100% 0%, 95% 100%, 0% 100%);
}
.blogpost__item-description {
    width: 100%;
    height: auto;
    float: left;
    font-weight: 500;
    font-size: 14px;
    line-height: 26px;
    color: #bdbdbd;
    text-align: left;
    position: relative;
    margin: 20px 0 0;
}
.blogpost__item-date {
    width: 100%;
    height: auto;
    float: left;
    font-weight: 500;
    font-size: 14px;
    line-height: normal;
    color: #bdbdbd;
    text-align: left;
    position: relative;
    margin: 20px 0 0;
    border-left: 4px solid #f3923d;
    padding: 8px 0 8px 15px;
    background-color: #161414;
    box-sizing: border-box;
}
.blogpost__item-home{
    width: 100% !important;
    height: auto;
    float: left;
    font-weight: 600 !important;
    font-size: 14px;
    line-height: normal;
    color: #fff !important;
    padding: 14px 0;
    transition: 0.4s;
    background-color: #e17f2a;
    border: 2px solid #e17f2a;
    border-radius: 5px;
    text-align: center !important;
    margin: 30px 0 0 !important;
}
.blogpost__item-home:hover{
	background-color: unset;
}
/* BLOG POST */

/* SERVICE */
.services{
    width: 100%;
    height: auto;
    float: left;
    padding: 0 0 70px;
}
.services-poster{
    width: 100%;
    height: 350px;
    float: left;
    object-fit: cover;
    object-position: center;
}
.services__row{
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background-color: #1f1d1d;
    border: 1px solid #292929;
    box-sizing: border-box;
    padding: 40px;
    margin: -100px 0 0 0;
}
.services__item:nth-child(1){
    width: 100%;
    height: auto;
}
.services__item:nth-child(2){
    width: 35%;
    height: auto;
}
.services__item:nth-child(3){
    width: 65%;
    height: auto;
}
.services__item-video{
    width: 100%;
    height: auto;
    max-height: 500px;
    float: left;
    object-fit: cover;
    object-position: center;
    margin: 0 0 40px;
}
.services__item-title {
    width: 100%;
    height: auto;
    float: left;
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 0.04em;
    color: #fff;
    text-align: left;
    position: relative;
    padding: 0 0 25px;
}
.services__item-title::before{
    content: "";
    position: absolute;
    width: 70px;
    height: 7px;
    background-color: #f3923d;
    position: absolute;
    left: 0;
    bottom: 0%;
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
    clip-path: polygon(5% 0%, 100% 0%, 95% 100%, 0% 100%);
}
.services__item-description {
    width: 100%;
    height: auto;
    float: left;
    font-weight: 500;
    font-size: 14px;
    line-height: 26px;
    color: #bdbdbd;
    text-align: left;
    position: relative;
}
.services__item-home{
    width: 250px;
    height: auto;
    float: left;
    font-weight: 600;
    font-size: 14px;
    line-height: normal;
    color: #fff;
    padding: 14px 0;
    transition: 0.4s;
    background-color: #e17f2a;
    border: 2px solid #e17f2a;
    border-radius: 5px;
    text-align: center;
    margin: 30px 0 0;
}
.services__item-home:hover{
	background-color: unset;
}
/* SERVICE */

/* LOADER */
.loader{
    width: 100%;
    height: 100vh;
    position: fixed;
    left: 0;
    top: 0;
    background-color: #000000;
    z-index: 1;
}
.loader__row{
    width: 100%;
    height: 100vh;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
}
.loader__item{
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.loader__item img{
	width: 180px;
	height: 180px;
	object-fit: cover;
	object-position: center;
}
.loader__item p{
    width: 100%;
    height: auto;
    float: left;
    font-weight: 700;
    font-size: 25px;
    line-height: normal;
    letter-spacing: 0.04em;
    color: #fff;
    text-align: center;
    margin: 20px 0 0;
}
.loader__item span{
    width: 100%;
    height: auto;
    float: left;
    font-weight: 500;
    font-size: 14px;
    line-height: 26px;
    color: #bdbdbd;
    text-align: center;
    position: relative;
    margin: 10px 0 0;
}
/* LOADER */

/* MODAL */
.modal{
    width: 100%;
    height: 100vh;
    float: left;
    position: fixed;
    left: 0;
    top: 0;
    background-color: rgb(22 20 20 / 0%);
    backdrop-filter: blur(3px);
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    z-index: 1;
    transform: scale(0);
    transition: .2s;
}
.modal__row{
    width: 95%;
    max-width: 600px;
    height: auto;
    float: left;
    background-color: rgb(22 20 20 / 100%);
    border: 2px solid #292929;
    padding: 30px 35px 25px;
    box-sizing: border-box;
}
.modal.show{
    transform: scale(1);
    transition: .2s;
}
.modal__item{
    width: 100%;
    height: auto;
    float: left;
}
.modal__item-close{
    width: 35px;
    height: 35px;
    border: unset;
    background-color: #292929;
    float: right;
    padding: 0;
    cursor: pointer;
    z-index: 1;
    position: relative;
    margin: -10px;
    background-image: url("../images/icon/close.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 23px;
    transition: .2s;
}
.modal__item-close:hover{
    background-color: #e28037;
    transition: .2s;
}
.modal__item-title{
    width: 100%;
    height: auto;
    float: left;
    font-weight: 700;
    font-size: 20px;
    line-height: normal;
    letter-spacing: 0.04em;
    color: #fff;
    text-align: center;
    margin: 0;
}
.modal__item-description{
    width: 100%;
    height: auto;
    float: left;
    font-weight: 500;
    font-size: 14px;
    line-height: 23px;
    color: #bdbdbd;
    text-align: center;
    padding: 0 0 15px;
    position: relative;
    margin: 10px 0 0;
}
.modal__item-description::before {
    content: "";
    position: absolute;
    width: 70px;
    height: 7px;
    background-color: #f3923d;
    position: absolute;
    left: 50%;
    bottom: 0%;
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
    clip-path: polygon(5% 0%, 100% 0%, 95% 100%, 0% 100%);
}
.modal__item form{
    width: 100%;
    height: auto;
    float: left;
    margin: 15px 0 0;
}
.modal__item form > label{
    width: 100%;
    height: auto;
    float: left;
    margin: 20px 0 0;
}
.modal__item form > label > input{
    width: 100%;
    height: auto;
    float: left;
    padding: 15px;
    box-sizing: border-box;
    border: unset;
    background-color: #292929;
    border-radius: 5px;
    color: #ffffff;
}
.modal__item form > label > input.error{
    background-color: #ff000038;
}
.modal__item form > span{
    width: 100%;
    height: auto;
    float: left;
    font-weight: 500;
    font-size: 13px;
    line-height: 21px;
    color: #bdbdbd;
    text-align: center;
    position: relative;
    margin: 17px 0 0;
}
.modal__item form > button{
    width: 100%;
    height: auto;
    float: left;
    font-weight: 600;
    font-size: 14px;
    line-height: normal;
    color: #fff;
    padding: 14px 0;
    transition: 0.4s;
    background-color: #e17f2a;
    border: 2px solid #e17f2a;
    border-radius: 5px;
    text-align: center;
    margin: 20px 0 0;
    cursor: pointer;
}
.modal__item form > button:hover{
	background-color: unset;
}
.modal__item__messangers{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    margin: 35px 0 0 0;
    gap: 13px;
}
.modal__item__messangers a{
    width: calc(25% - 10px);
    height: 50px;
    background-color: #292929;
    border-radius: 5px;
    background-position: center;
    background-repeat: no-repeat;
    border: 1px solid #373535;
    box-sizing: border-box;
    transition: .2s;
}
.modal__item__messangers a:hover{
    background-color: #e17f2a;
    transition: .2s;
}
.modal__item__messangers a:nth-child(1){
    background-image: url("../images/icon/tg.svg");
    background-size: 28px;
}
.modal__item__messangers a:nth-child(2){
    background-image: url("../images/icon/wa.svg");
    background-size: 26px;
}
.modal__item__messangers a:nth-child(3){
    background-image: url("../images/icon/max.svg");
    background-size: 24px;
}
.modal__item__messangers a:nth-child(4){
    background-image: url("../images/icon/phone.svg");
    background-size: 26px;
}
/* MODAL */

/* AUTH */
.auth{
    width: 100%;
    height: auto;
    float: left;
    padding: 60px 0;
}
.auth__row{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.auth__item{
    width: 95%;
    max-width: 600px;
    height: auto;
    float: left;
    background-color: rgb(22 20 20 / 100%);
    border: 2px solid #292929;
    padding: 30px 35px 25px;
    box-sizing: border-box;
}
.auth__item-title{
    width: 100%;
    height: auto;
    float: left;
    font-weight: 700;
    font-size: 20px;
    line-height: normal;
    letter-spacing: 0.04em;
    color: #fff;
    text-align: center;
    margin: 0;
}
.auth__item form{
    width: 100%;
    height: auto;
    float: left;
    margin: 15px 0 0;
}
.auth__item form > label{
    width: 100%;
    height: auto;
    float: left;
    margin: 20px 0 0;
}
.auth__item form > label > input{
    width: 100%;
    height: auto;
    float: left;
    padding: 15px;
    box-sizing: border-box;
    border: unset;
    background-color: #292929;
    border-radius: 5px;
    color: #ffffff;
}
.auth__item form > button{
    width: 100%;
    height: auto;
    float: left;
    font-weight: 600;
    font-size: 14px;
    line-height: normal;
    color: #fff;
    padding: 14px 0;
    transition: 0.4s;
    background-color: #e17f2a;
    border: 2px solid #e17f2a;
    border-radius: 5px;
    text-align: center;
    margin: 20px 0 0;
    cursor: pointer;
}
.auth__item form > button:hover{
	background-color: unset;
}
/* AUTH */

/* SAVE BLOG */
.saveblog{
    width: 100%;
    height: auto;
    float: left;
    padding: 60px 0;
}
.saveblog-title{
    width: 100%;
    height: auto;
    float: left;
    font-weight: 700;
    font-size: 27px;
    line-height: normal;
    letter-spacing: 0.04em;
    color: #fff;
    text-align: left;
}
.saveblog__row{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.saveblog__item{
    width: 100%;
    height: auto;
    float: left;
}
.saveblog__item form{
    width: 100%;
    height: auto;
    float: left;
    margin: 35px 0 0;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.saveblog__item form > label{
    width: 100%;
    height: auto;
    float: left;
}
.saveblog__item form > label > input,
.saveblog__item form > label > textarea{
    width: 100%;
    height: auto;
    float: left;
    padding: 15px;
    box-sizing: border-box;
    border: unset;
    background-color: #292929;
    border-radius: 5px;
    color: #ffffff;
}
.saveblog__item form > label > textarea{
    height: 300px;
    resize: unset;
}
.saveblog__item form > button{
    width: 100%;
    height: auto;
    float: left;
    font-weight: 600;
    font-size: 14px;
    line-height: normal;
    color: #fff;
    padding: 14px 0;
    transition: 0.4s;
    background-color: #e17f2a;
    border: 2px solid #e17f2a;
    border-radius: 5px;
    text-align: center;
    cursor: pointer;
}
.saveblog__item form > button:hover{
	background-color: unset;
}
.cpanel__saveblog__media{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    gap: 10px;
}
.cpanel__saveblog__media__box{
    width: calc((100% - 70px) / 8);
    height: auto;
    position: relative;
}
.cpanel__saveblog__media__box img,
.cpanel__saveblog__media__box video{
	width: 100%;
	height: 100px;
	float: left;
	border-radius: 10px;
	object-fit: cover;
	object-position: center;
}
.cpanel__saveblog__media__box button{
	width: 22px;
	height: 22px;
	border-radius: 5px;
	position: absolute;
	right: 10px;
	top: 10px;
	cursor: pointer;
	border: unset;
	background-color: #e28037;
	background-image: url("../images/icon/close.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 16px;
    transition: .2s;
}
.cpanel__saveblog__media__box button:hover{
    transform: scale(1.2);
    transition: .2s;
}
/* SAVE BLOG */

/* SPASIBO */
.spasibo{
    width: 100%;
    height: auto;
    float: left;
    padding: 100px 0;
}
.spasibo-title{
    width: 100%;
    height: auto;
    float: left;
    font-weight: 700;
    font-size: 27px;
    line-height: normal;
    letter-spacing: 0.04em;
    color: #fff;
    text-align: center;
}
.spasibo-description{
    width: 100%;
    height: auto;
    float: left;
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    color: #bdbdbd;
    text-align: center;
    padding: 0 0 25px;
    position: relative;
    margin: 20px 0 0;
}
.spasibo-description::before {
    content: "";
    position: absolute;
    width: 70px;
    height: 7px;
    background-color: #f3923d;
    position: absolute;
    left: 50%;
    bottom: 0%;
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
    clip-path: polygon(5% 0%, 100% 0%, 95% 100%, 0% 100%);
}
.spasibo__buttons{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 40px 0 0 0;
    gap: 20px;
}
.spasibo__buttons a{
    width: 250px;
    height: auto;
    float: left;
    font-weight: 600;
    font-size: 14px;
    line-height: normal;
    color: #fff;
    padding: 14px 0;
    transition: 0.4s;
    background-color: #e17f2a;
    border: 2px solid #e17f2a;
    border-radius: 5px;
    text-align: center;
}
/* SPASIBO */


@media screen and (max-width: 1000px){
    header{
        padding: 13px 0;
    }
    .header__item:nth-child(2),
    .header__item:nth-child(3),
    .header__item:nth-child(4){
        display: none;
    }
    .header__item-logo img{
        width: 65px;
    }
    .header__item{
        width: fit-content;
        max-width: fit-content;
    }
    .header__item-phone{
        font-size: 16px;
    }
    .header__item-time {
        font-size: 9.1px;
        line-height: 14px;
        margin: 3px 0 0;
    }
    .header__item-button{
        display: none;
    }
    .header__item-bar{
        width: 35px;
        height: 35px;
        border: unset;
        background-color: #e28037;
        border-radius: 3px;
        background-image: url("../images/icon/menu.svg");
        padding: 0;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 23px;
        display: block;
    }
    .header__item-bar.active{
        background-image: url("../images/icon/close.svg");
        background-size: 27px;
    }
    .navigation{
        display: none;
        background-color: #1f1d1d;
    }
    .navigation .center{
        width: 100%;
    }
    .navigation ul > li{
        width: 100%;
    }
    .navigation ul > li > a{
        width: 100%;
        box-sizing: border-box;
    }
    .main {
        background-color: #1f1d1d;
    }
    .main__box:nth-child(1) {
        width: 100%;
        order: 2;
        padding: 0 0 20px;
    }
    .main .owl-dots{
        display: none;
    }
    .main__box:nth-child(2) {
        width: 100%;
        order: 1;
    }
    .main__box:nth-child(2)::before{
        display: none;
    }
    .main__box-poster{
        height: 250px;
    }
    .main__box-title {
        width: 100%;
        font-size: 21px;
        line-height: 33px;
        padding: 0 8%;
        box-sizing: border-box;
        margin: 25px 0 0;
    }
    .main__box-description {
        width: 100%;
        margin: 15px 0 0;
        padding: 0 8%;
        font-size: 14px;
        line-height: 23px;
        box-sizing: border-box;
    }
    .main__box-button{
        margin: 20px 8% 0;
        width: 92%;
        box-sizing: border-box;
        text-align: center;
    }
    .about{
        padding: 50px 0;
    }
    .about-title{
        font-size: 22px;
    }
    .about-description {
        font-size: 14px;
        line-height: 22px;
        padding: 0 0 20px;
        margin: 15px 0 0;
    }
    .about-description br{
        display: none;
    }
    .about__row{
        margin: 30px 0 0 0;
        gap: 20px;
    }
    .about__item {
        width: 100%;
    }
    .about__item-description {
        font-size: 14px;
        line-height: 24px;
    }
    .about__item-button {
        width: 100%;
        font-size: 14px;
        line-height: normal;
        padding: 14px 0;
        text-align: center;
        margin: 20px 0 0 0;
    }
    .service{
        padding: 50px 0;
    }
    .service-title{
        font-size: 22px;
    }
    .service-description {
        font-size: 14px;
        line-height: 22px;
        padding: 0 0 20px;
        margin: 15px 0 0;
    }
    .service-description br{
        display: none;
    }
    .service__row{
        margin: 30px 0 0 0;
        gap: 20px;
    }
    .service__box:nth-child(1) {
        width: 100%;
    }
    .service__box:nth-child(2) {
        width: 100%;
        gap: 20px;
        margin: 20px 0 0 0;
    }
    .service__box:nth-child(2) .service__block {
        width: 100%;
        height: 210px;
        padding: 20px;
    }
    .service__box:nth-child(1) .service__block, 
    .service__item:nth-child(2) .service__box:nth-child(2) > .service__block,
    .service__item:nth-child(4) .service__box:nth-child(2) > .service__block{
        height: 210px;
        padding: 20px;
    }
    .service__item:nth-child(2) .service__box:nth-child(1),
    .service__item:nth-child(4) .service__box:nth-child(1) {
        width: 100%;
    }
    .service__item:nth-child(2) .service__box:nth-child(1) > .service__block,
    .service__item:nth-child(4) .service__box:nth-child(1) > .service__block {
        width: 100%;
        height: 210px;
    }
    .service__item:nth-child(2) .service__box:nth-child(2),
    .service__item:nth-child(4) .service__box:nth-child(2) {
        width: 100%;
        height: auto;
    }
    .service__box{
        gap: 20px;
    }
    .service__block p{
        font-size: 16px;
    }
    .service__block span{
        font-size: 14px;
    }
    .steps{
        padding: 50px 0;
    }
    .steps-title{
        font-size: 22px;
    }
    .steps-description {
        font-size: 14px;
        line-height: 22px;
        padding: 0 0 20px;
        margin: 15px 0 0;
    }
    .steps-description br{
        display: none;
    }
    .steps__row{
        margin: 30px 0 0 0;
        gap: 20px;
    }
    .steps__item{
        width: 100%;
    }
    .case{
        padding: 50px 0;
    }
    .case-title{
        font-size: 22px;
    }
    .case-description {
        font-size: 14px;
        line-height: 22px;
        padding: 0 0 20px;
        margin: 15px 0 0;
    }
    .case-description br{
        display: none;
    }
    .case__row{
        margin: 30px 0 0 0;
    }
    .case__controlers__dots{
        display: none;
    }
    .advantages{
        padding: 50px 0;
    }
    .advantages-title{
        font-size: 22px;
    }
    .advantages-description {
        font-size: 14px;
        line-height: 22px;
        padding: 0 0 20px;
        margin: 15px 0 0;
    }
    .advantages-description br{
        display: none;
    }
    .advantages__row{
        margin: 30px 0 0 0;
    }
    .advantages__item {
        width: 100%;
    }
    .review{
        padding: 50px 0;
    }
    .review-title{
        font-size: 22px;
    }
    .review-description {
        font-size: 14px;
        line-height: 22px;
        padding: 0 0 20px;
        margin: 15px 0 0;
    }
    .review-description br{
        display: none;
    }
    .review__row{
        margin: 30px 0 0 0;
        gap: 20px;
    }
    .reviewbanner{
        flex-wrap: wrap;
        gap: 20px;
    }
    .reviewbanner__box{
        width: 100%;
        max-width: 100%;
    }
    .reviewbanner__box-button {
        width: 100%;
    }
    .review__block{
        padding: 20px;
    }
    .review__controlers__dots{
        display: none;
    }
    .review__controlers {
        margin: 20px 0 20px 0;
    }
    .team{
        padding: 50px 0;
    }
    .team-title{
        font-size: 22px;
    }
    .team-description {
        font-size: 14px;
        line-height: 22px;
        padding: 0 0 20px;
        margin: 15px 0 0;
    }
    .team-description br{
        display: none;
    }
    .team__row{
        margin: 30px 0 0 0;
    }
    .blog{
        padding: 50px 0;
    }
    .blog-title{
        font-size: 22px;
    }
    .blog-description {
        font-size: 14px;
        line-height: 22px;
        padding: 0 0 20px;
        margin: 15px 0 0;
    }
    .blog-description br{
        display: none;
    }
    .blog__row{
        margin: 30px 0 0 0;
    }
    .certificate{
        padding: 50px 0;
    }
    .certificate-title{
        font-size: 22px;
    }
    .certificate-description {
        font-size: 14px;
        line-height: 22px;
        padding: 0 0 20px;
        margin: 15px 0 0;
    }
    .certificate-description br{
        display: none;
    }
    .certificate__row{
        margin: 30px 0 0 0;
    }
    .certificate__item img{
        height: 225px;
    }
    .repairs {
        padding: 325px 0 40px;
    }
    .repairs::before {
        content: "";
        position: absolute;
        width: 100%;
        height: 300px;
    }
    .repairs__item {
        width: 100%;
    }
    .repairs__item-title{
        width: 100%;
        font-size: 22px;
    }
    .repairs__item-description{
        width: 100%;
        font-size: 14px;
        line-height: 22px;
    }
    .repairs__item ul > li {
        width: 100%;
        font-size: 14px;
        line-height: 22px;
    }
    .repairs__item__buttons {
        margin: 25px 0 0 0;
        gap: 15px;
    }
    .repairs__item__buttons a {
        width: 100%;
    }
    .why{
        padding: 50px 0;
    }
    .why-title{
        font-size: 22px;
    }
    .why-description {
        font-size: 14px;
        line-height: 22px;
        padding: 0 0 20px;
        margin: 15px 0 0;
    }
    .why-description br{
        display: none;
    }
    .why__row{
        margin: 30px 0 0 0;
        gap: 15px;
    }
    .why__item {
        width: 100%;
        padding: 25px;
    }
    .estimate {
        padding: 50px 0;
    }
    .estimate__item-title{
        font-size: 20px;
    }
    .estimate__item-description{
        font-size: 14px;
        line-height: 25px;
    }
    .estimate__item-description br{
        display: none;
    }
    .estimate__item__buttons {
        margin: 30px 0 0 0;
        gap: 15px;
    }
    .sponsor{
         padding: 50px 0 0;
    }
    .sponsor__box {
        width: 100%;
    }
    .sponsor__box video {
        height: 250px;
    }
    .sponsor__box:nth-child(2){
        padding: 20px;
        box-sizing: border-box;
    }
    .sponsor__box-title {
        width: 100%;
        font-size: 20px;
    }
    .sponsor__box-description {
        width: 100%;
        font-size: 14px;
        line-height: 25px;
    }
    .sponsor__box__buttons a {
        width: 100%;
    }
    .contacts{
        padding: 50px 0;
    }
    .contacts-title{
        font-size: 22px;
    }
    .contacts-description {
        font-size: 14px;
        line-height: 22px;
        padding: 0 0 20px;
        margin: 15px 0 0;
    }
    .contacts-description br{
        display: none;
    }
    .contacts__row{
        margin: 30px 0 0 0;
    }
    .contacts__item:nth-child(1){
        width: 100%;
    }
    .contacts__item:nth-child(2){
        width: 100%;
        padding: 20px;
    }
    .contacts__item iframe {
        height: 300px;
    }
    .copyright__row{
        flex-wrap: wrap;
        padding: 20px 0;
    }
    .copyright__item {
        width: 100%;
        gap: 10px;
        display: flex;
        flex-direction: column;
        align-content: center;
        align-items: center;
    }
    .copyright__item p, .copyright__item a{
        font-size: 12px;
    }
    .copyright__item p{
        width: 100%;
        margin: 0 0 10px;
        text-align: center;
    }
    .footer__row{
        flex-wrap: wrap;
        gap: 30px;
    }
    .footer__item:nth-child(1){
        width: 100%;
    }
    .footer__item{
        width: 100%;
    }
    .blogpost{
        padding: 50px 0;
    }
    .blogpost__item:nth-child(1) {
        width: 100%;
    }
    .blogpost__item:nth-child(2) {
        width: 100%;
        padding: 20px;
        margin: 30px 0 0 0;
    }
    .blogpost__item-title {
        font-size: 22px;
        line-height: 31px;
    }
    .services{
        padding: 0 0 50px;
    }
    .services__row {
        padding: 30px;
        margin: -40px 0 0 0;
    }
    .services__item:nth-child(1) {
        width: 100%;
    }
    .services__item:nth-child(2) {
        width: 100%;
    }
    .services__item:nth-child(3) {
        width: 100%;
    }
    .services__item-title {
        font-size: 22px;
        line-height: normal;
        padding: 0 0 20px;
    }
    .services__item-description{
        margin: 30px 0 0 0;
    }
    .services__item-home {
        width: 100%;
    }
    .loader__item img {
        width: 140px;
        height: 140px;
    }
    .loader__item p {
        font-size: 20px;
        margin: 10px 0 0;
    }
    .loader__item span{
        line-height: normal;
    }
    .saveblog{
        padding: 50px 0;
    }
    .blogcpanel .blog__item {
        width: 100%;
    }
    .blog-exit, .blog-add {
        width: 48.7%;
        height: auto;
        float: right;
        font-weight: 600;
        font-size: 14px;
        line-height: normal;
        color: #fff;
        text-align: center;
        background: #161414;
        border: 2px solid #fa9200;
        border-radius: 4px;
        padding: 12px 0;
        cursor: pointer;
        transition: 0.4s;
        margin: 20px 0 0 2.5%;
        box-sizing: border-box;
    }
    .blog-exit{
        margin: 20px 0 0 0;
    }
    .auth__item {
        width: 90%;
        padding: 30px 20px 25px;
    }
    .spasibo{
        padding: 50px 0;
        border-top: 1px solid #292929;
    }
    .spasibo-title{
        font-size: 22px;
    }
    .spasibo-description {
        font-size: 14px;
        line-height: 22px;
        padding: 0 0 20px;
        margin: 15px 0 0;
    }
    .spasibo-description br{
        display: none;
    }
    .modal__item__messangers a {
        width: calc(50% - 7px);
        height: 45px;
    }
    .modal__item-description br{
        display: none;
    }
    .navigation__network{
        display: flex;
    }
}