body {
  margin: 0px!important;
  padding: 0px;
  -webkit-text-size-adjust: 100%;
  overflow-x: hidden;
  max-width: 1980px;
  min-width: 360px!important;
}

body * {
  margin: 0px;
  padding: 0px;
  outline: 0px;
  background-repeat: no-repeat;
  background-position: center;
  font-weight: normal;
}

li {
  list-style-type: none;
}

a {
  text-decoration: none;
}

img {
  border: none;
  opacity: 1;
  transition: 0.4s;
}

.page {
  width: 100vw;
  position: relative;
  overflow: hidden;
}

header {
  position: fixed;
  width: 100%;
  background: repeating-linear-gradient(-60deg, rgba(58,59,59,0.3) , rgba(71,71,73,0.3) 3px, transparent 5px, transparent 5px);
  background-color: rgba(0,0,0,0.7);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  z-index: 9;
}

.header_top_bg {
  width: 1140px;
  position: relative;
  height: 101px;
  z-index: 9;
}


.header_top {
  height: 101px;
  width: 1140px;
  display: flex;
  justify-content: space-between;
  color: #fff;
  align-items: center;
  z-index: 10;
}

.contact {
  display: flex;
}


.adres_box {
  background-image: url(../images/adress.png);
  background-position: 0px 0px;
  padding-left: 30px;
  margin-right: 40px;
}

.text_header_regular {
  font-family: 'Gilroy_regular';
  font-size: 14px;
  color: #c2c2c2;
}

.text_header_bold {
  font-size: 16px;
  font-family: 'Gilroy_Bold';
  color: #fff;
}

.phone_box {
  background-image: url(../images/phone.png);
  background-position: 0px 0px;
  padding-left: 30px;
}

.button_order {
  width: 250px;
  height: 56px;
  border-radius: 50px;
  background: linear-gradient(to top, #c073ff, #8f38d7);
  background-color: #8f38d7;
  font-family: 'Gilroy_semiBold';
  font-size: 14pt;
  text-align: center;
  line-height: 55px;
  cursor: pointer;
  text-transform: uppercase;
  transition: 0.3s;
  position: relative;
  z-index: 1;
  box-shadow: inset 0px -5px 5px rgba(0,0,0,0.3) ;
}


.button_order::before {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50px;
  background-image: linear-gradient(
    to top,
    #b357ff,
    #6e16b6
    );
  z-index: -1;
  transition: opacity 0.3s linear;
  opacity: 0;
  box-shadow: -5px 14px 21px rgba(192,115,255, 0.34);
}

.button_order:hover::before {
  opacity: 1;
}


.button_order:active {
  background: linear-gradient(to top, #b357ff, #6e16b6);
  box-shadow: inset 0px 3px 13px  rgba(0,0,0,0.46);

}

.button_order:active::before {
  opacity: 0;
  transition: 0.1s;
}


hr {
  position: absolute;
  border: none;
  background: rgba(255,255,255,0.2);
  width: 300%;
  margin-left: -100%;
  height: 1px;
  top: 101px;
}

.header_menu {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  padding-bottom: 15px;
  width: 1140px;
  position: relative;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  margin-top: -83px;
}


.header_menu_active{
  opacity: 1;
  visibility: visible;
  margin-top: 0px;
}


.header_menu a {
  font-family: 'Gilroy_regular';
  font-size: 14px;
  text-transform: uppercase;
  margin-right: 70px;
  margin-top: 15px;
  color: #fff;
  transition: 0.4s;
  height: 20px;
}

.header_menu a:hover {
  color: #c073ff;
  font-family: 'Gilroy_Bold';
}

.header_menu a:active {
  color: #5f159e;
}

.number {
  transition: 0.4s;
}

.number:hover {
  color: #c073ff;
}

.main_window {
  background-image: url(../images/main_back.jpg);
  background-position: 0px 0px;
  width: 100%;
  background-size: cover;
  padding-top: 211px;
  padding-bottom: 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  box-shadow: 0px 10px 20px rgba(0,0,0,0.5);
  z-index:10;
}

.main_content {
  color: #fff;
  width: 1140px;
  position: relative;
}

.main_content h1 {
  font-family: 'Gilroy_Black';
  font-size: 78px;
  text-transform: uppercase;
}

.main_content h2 {
  font-size: 48.76px;
  font-family: 'Gilroy_light';
  text-transform: uppercase;
  margin-top: -2px;
}

.main_content h2 span {
  color: #00cdcc;
}

.main_content hr {
  height: 1px;
  width: 440px;
  background: linear-gradient( to right, rgba(0,205,204,1), rgba(0,205,204,0.05));
  margin-left: 0px;
  margin-top: 13px;
  top: 0px;
  position: relative;
}

.main_content p {
  font-size: 20px;
  font-family: 'Gilroy_regular';
  margin-top: 31px;
}

.main_content p span {
  font-family: 'Gilroy_Bold';
}

.main_content .button_order {
  margin-top: 44px;
}

.sticker {
  width:270px;
  height: 210px;
  background-image: url(../images/sticker.png);
  position: absolute;
  right: 0px;
  top:120px;
}

.button_main {
  position: fixed;
  z-index: 9;
}

.line_advantages {
  margin-top: 40px;
  height: 95px;
  background: rgba(0,0,0,0.3);
  width: 300vw;
  margin-left: -150vw;
}


.advantages_content {
  display: flex;
  justify-content: space-between;
  width: 1140px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: 133px 0px 0px -570px;
}

.advantages_content p {
  width: auto;
  max-width: 150px;
  font-size: 16px;
  font-family: 'Gilroy_regular';
  display: block;
  margin-top: 0px;
  margin-left: 12px;
}

.advantages_content div:last-child p {
  width: 120px;
}

.advantages_content p span {
  font-family: 'Gilroy_Bold';
}

.advantages_content div {
  display: flex;
  justify-content: space-between;
  height: auto;
  align-items: center;
  height: 95px;
}

.advantages_content img {
  display: block;
  width: 64px;
  height: 59px;
}

/*конец стилей главного екрана*/

/*Начало стилей блока с услугами*/


.line_prev_block {
  width: 5px;
  height: 110px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  position: absolute;
  left: 0px;
  top: -29px;
  z-index: 5;
}

.long_line {
  width: 100%;
  height: 92px;
  background-color: #1a676d;
}

.short_line {
  width: 100%;
  height: 14px;
  background-color: #00cdcc;
}

.our_services {
  position: relative;
  z-index: 1;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 110px;
}

.background_1 {
  z-index: -1;
  width: 390px;
  height: auto;
  position: absolute;
  left: 0px;
  top: 50px;
}

.background_2 {
  z-index: -1;
  width: 390px;
  height: auto;
  position: absolute;
  right: 0px;
  bottom: 30px;
}

.content_our-services {
  padding-top: 96px;
  width: 1140px;
  position: relative;
}

.h2_services {
  width: 650px;
  height: 35px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.h2_services h2 {
  color: #353535;
  font-size: 48px;
  font-family: 'Gilroy_Bold';
  text-transform: uppercase;
  margin-top: 0px;
}

.h2_services div {
  width: 1px;
  height: 100%;
  background-color: #dddddd;
}

.h2_services p {
  width: 425px;
  text-transform: uppercase;
  font-family: 'Gilroy_regular';
}

.text_services {
  color: #636363;
  font-size: 15px;
  font-family: 'Gilroy_regular';
  margin-top: 44px;
}

.content_our-services ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 62px;
}

.content_our-services ul li {
  width: 358px;
  height: 258px;
  margin-top: 46px;
  border: 1px solid #e8e8e8;
  position: relative;
  color: #fff;
  cursor:pointer;
  transition: 0.5s;
  display: flex;
  align-items: center;
  justify-content: space-around;
  flex-direction: column;
}

.content_our-services ul li:hover {
  box-shadow: -5px 5px 20px rgba(0,0,0,0.3);
}
.content_our-services ul li img{
  width: 358px;
  height: 258px;
}

.content_our-services ul li .hatching {
  position: absolute;
  background: repeating-linear-gradient(-60deg, rgba(58,59,59,0.4) , rgba(71,71,73,0.6) 3px, transparent 5px, transparent 5px);
  background-color: rgba(0,0,0,0.7);
  width: 100%;
  stroke: #ccc;
  bottom: 0px;
  height: 85px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  transition: 0.5s;
  text-align: center;
}

.content_our-services ul li:hover .hatching{
  height: 100%;
}



.text_big {
  font-size: 18px;
  font-family: 'Gilroy_regular';
  text-transform: uppercase;
  transition: 0.3s;
  max-width: 316px;
}

.text_small {
  font-size: 14px;
  font-family: 'Gilroy_regular';
  transition: 0.3s;
  max-width: 316px;
}

.content_our-services ul li:hover .text_big{
  font-size: 30px;
  margin-top: 30px;
}

.content_our-services ul li:hover .text_small {
  opacity: 0;
  visibility: hidden;
  display: none;
}

.button_services {
  opacity: 0;
  visibility: hidden;
  height: 0px;
}

.content_our-services ul li:hover .button_services {
  opacity: 1;
  visibility: visible;
  display: block;
  margin-top: 30px;
  height: 56px;
}

.line_services {
  width: 1px;
  height: 0px;
  margin-top: 0px;
  background-color: #00cdcc;
  position: absolute;
  top: 0px;
}

.content_our-services ul li:hover .line_services {
  height: 35px;
}



.content_our-services ul li:nth-child(12) img {
  height: 73px;
  width: 73px;
}

.content_our-services ul li:nth-child(10) img {
 height: 68px;
 width: 83px;
}

.text_consult {
  color: #3e3e3e;
  font-family: 'Gilroy_Bold';
  text-align: center;
  width: 230px;
  font-size: 20px;
}

.consult_box .button_order {
  font-size: 14px;
  width: 285px;
}

.our_advantages {
  width: 100%;
  background-size: cover;
  background-image: url(../images/bg_advantages.jpg);
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  flex-direction: column;
  box-shadow: 0px 0px 20px 10px rgba(0,0,0,0.5);
}

.our_advantages_content {
  width: 1140px;
  position: relative;
  margin-top: 0px;
}

.our_advantages_content  .line_prev_block {
  top: 0px;
  height: 89px;
}

.our_advantages_content  .long_line {
  height: 70px;
}

.our_advantages_content .h2_services {
  color: #fff;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: column;
  margin-top: 93px;
  height: auto;
}

.our_advantages_content .h2_services h2{
  color: #e6e6e6;
}

.our_advantages_content .h2_services p {
  width: 100%;
  color: #e6e6e6;
  font-size: 15px;
  text-transform: none;
  font-family: 'Gilroy_regular';
  margin-top: 30px;
}

.our_advantages_content .plus {
  font-family: 'Gilroy_extraBold';
  font-size: 24px;
  color: #e6e6e6;
  margin-top: 45px;
}

.our_advantages_content .advantages_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 65px;
}

.our_advantages_content .advantages_box li {
  width: 357px;
  height: 150px;
  border: 1px solid #fff;
  border-top: 0px;
  margin-bottom: 60px;
  display: flex;
  align-items: center;
  flex-direction: column;
  position: relative;
  justify-content: space-around;
  color: #fff
}

.our_advantages_content .advantages_box li p {
  font-size: 14px;
  font-family: 'Gilroy_regular';
  width: 300px;
}

.our_advantages_content .advantages_box li span {
  font-size: 14px;
  font-family: 'Gilroy_Bold';
  width: 300px;
}


.our_advantages_content .advantages_box li:before {
  content: "";
  position: absolute;
  width: 120px;
  height: 1px;
  left: 0px;
  top: 0px;
  background: #fff;
}

.our_advantages_content .advantages_box li:after {
  content: "";
  position: absolute;
  width: 120px;
  height: 1px;
  right: 0px;
  top: 0px;
  background: #fff;
}

.images_advantage {
 background-image: url(../images/advantage_point.png);
 width: 49px;
 height: 47px;
 top: -25px;
 position: absolute;
}

.advantage_container {
  width: 100%;
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-direction: column;
  background-color: rgba(0,0,0,0.5);
  margin-top: 16px;
}

.advantages_content_container {
  display: flex;
  justify-content: space-around;
  width: 1140px;
  align-items: center;
  padding-bottom: 40px;
  padding-top: 40px;
}

.advantages_content_container div {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: column;
  color: #fff;
}

.advantages_content_container p {
  width: 340px;
  background-position: left top;
  font-family: 'Gilroy_Bold';
  font-size: 20px;
  padding-left: 100px;
  height: 80px;
  align-items: center;
  display: flex;
}


.advantages_content_container .question {
  background-image: url(../images/question.png);
}

.advantages_content_container .calc {
  background-image: url(../images/calc.png);
}

.white_line {
  background-color: #62645c;
  height: 175px;
  width: 1px;
}

.advantages_content_container  .button_order {
  font-size: 14px;
  align-items: center;
  margin-top: 20px;
  width: 280px;
}


/*блок про обслуживание*/


.service {
  width: 100%;
  background-image: url(../images/build_left2.jpg);
  display: flex;
  justify-content: center;
  align-items: center;
  background-position: 0px 0px;
  padding-bottom: 89px;
}

.service_content {
  width: 1140px;
  padding-top: 106px;
  position: relative;
}


.service_content  .line_prev_block {
  top: 0px;
  height: 89px;
}

.service_content  .long_line {
  height: 70px;
}

.h2_services div {
  width: 1px;
  margin-left: 18px;
  margin-right: 20px;
  height: 35px;
}

.service_content .h2_services {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  color: #282828;
}

.service_content .text_service {
  margin-top: 41px;
  font-size: 15px;
  color: #636363;
  font-family: 'Gilroy_regular';
}




.service_content img {
  width: 488px;
  height: 455px;
}

.container_service {
  width: 500%;
  margin-top: 55px;
  border: 1px solid #e8e8e8;
  display: flex;
  justify-content: flex-start;
}

.block_right {
  margin-left: 30px;
  margin-top: 27px;
}

.container_service  h2 {
  color: #353535;
  font-size: 24px;
  font-family: 'Gilroy_extraBold';
}

.container_service ul {
  width: 100%;
  margin-top: 30px;
}

.container_service ul li {
  background-image: url(../images/point_list.png);
  background-position: 0px 0px;
  padding-left: 25px;
  margin-top: 10px;
  font-size: 15px;
  color: #636363;
  font-family: 'Gilroy_regular';
}




.bottom_container {
  display: flex;
  justify-content: space-around;
  width: 100%;
  align-items: flex-start;
  padding-bottom: 40px;
  margin-top: 28px;
  flex-direction: column;
}


.bottom_container p {
  background-position: left top;
  font-family: 'Gilroy_Bold';
  font-size: 20px;
  padding-left: 100px;
  height: 80px;
  align-items: center;
  display: flex;
}


.bottom_container .question {
  background-image: url(../images/question.png);
}

.bottom_container .button_order {
  width: 280px;
  font-size: 14px;
  text-align: center;
  color: #fff;
  margin-top: 24px;
}


/*строительные услуги*/


.building_service {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url(../images/bg_building_service.jpg);
  background-size: cover;
}

.build_service_content {
  width: 1140px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  position: relative;
  padding-top: 98px;
  padding-bottom: 86px;
}

.build_service_content .h2_services {
  height: auto;
  width: 100%;
  justify-content: flex-start;
  position: relative;
  color: #282828;
  margin-bottom: 15px;
}

.build_service_content .h2_services h2 {
  margin-top: 0px;
}

.build_service_content .h2_services p {
  width: 300px;
  margin-top: 0px;
}


.build_service_content  .line_prev_block {
  top: 0px;
  height: 89px;
}

.build_service_content  .long_line {
  height: 70px;
}



.build_service_content p {
  color: #636363;
  font-family: 'Gilroy_regular';
  margin-top: 17px;
  text-align: left;
  width: 100%
}



.container_block {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 62px;
  width: 100%;
}

.container_block li {
  width: 358px;
  height: 258px;
  margin-top: 46px;
  border: none;
  position: relative;
  color: #fff;
  cursor:pointer;
  transition: 0.5s;
  display: flex;
  align-items: center;
  justify-content: space-around;
  flex-direction: column;
}


.build_service_content .container_block li p {
  color: #fff;
  margin-top: 0px;
  text-align: center;
  height: auto;
}

.container_block li:hover {
  box-shadow: -5px 5px 20px rgba(0,0,0,0.3);
}
.container_block li img{
  width: 358px;
  height: 258px;
}

.container_block li .hatching {
  position: absolute;
  background: repeating-linear-gradient(-60deg, rgba(58,59,59,0.4) , rgba(71,71,73,0.6) 3px, transparent 5px, transparent 5px);
  background-color: rgba(0,0,0,0.7);
  width: 100%;
  stroke: #ccc;
  bottom: 0px;
  height: 85px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  transition: 0.5s;
  
}

.container_block li:hover .hatching{
  height: 100%;
}

.container_block li:hover .text_big{
  font-size: 30px;
  margin-top: 30px;
}

.container_block li:hover .text_small {
  opacity: 0;
  visibility: hidden;
  display: none;
}

.container_block li:hover .button_services {
  opacity: 1;
  visibility: visible;
  display: block;
  margin-top: 30px;
  height: 56px;
}

.container_block li .button_services  {
  margin-top: 0px;
}

.line_services {
  width: 1px;
  height: 0px;
  margin-top: 0px;
  background-color: #00cdcc;
  position: absolute;
  top: 0px;
}

.container_block li:hover .line_services {
  height: 35px;
}

.build_service_content h2 {
  font-size: 30px;
  color: #2a2a2a;
  font-family: 'Gilroy_Bold';
  margin-top: 49px;
}

.build_service_content .h2_services h2{
  font-size: 48px;
  color: #2a2a2a;
  font-family: 'Gilroy_Bold';
}

.build_service_content .button_order {
  position: relative;
  margin-top: 25px;
  font-size: 14px;
  color: #fff;
  width: 280px;
}



.our_partners {
  background-image: url(../images/build_right2.jpg);
  background-position: bottom right;
  display: flex;
  justify-content: center;
  align-items: center;
}


.our_partners_content {
  width: 1140px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  position: relative;
  padding-bottom: 100px;
}

.our_partners_content .h2_services {
  height: auto;
  width: 100%;
  justify-content: flex-start;
  margin-top: 92px;
}


.our_partners_content  .line_prev_block {
  top: 0px;
  height: 89px;
}

.our_partners_content  .long_line {
  height: 70px;
}

.partners_block {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 24px;
}

.partners_block li {
  width: 260px;
  height: 104px;
  border: solid 1px #e8e8e8;
  margin-top: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
}


footer {
  width: 100%;
  background-color: #262626;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.footer_content a{
  color: #fff;
}



.footer_content a:hover {
  color: #c073ff;
}

.footer_content a:active {
  color: #5f159e;
}

.footer_content {
  width: 1140px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 100px;
  padding-bottom: 100px;
}

.footer_content img {
  width: 205px;
}

.button_footer {
  margin-top:11px;
  width: 202px;
  height: 40px;
  border: solid 1px #8f38d7;
  color: #fcfafa;
  text-align: center;
  font-size: 14px;
  font-family: 'Gilroy_regular';
  line-height: 40px;
  border-radius: 8px;
  cursor: pointer;
  transition: 0.5s;
}

.button_footer:hover {
  background-color: #8f38d7;
}


.button_footer_active {
  background-color: #2c2c2c;
  border: none;
  color: #999999;
}

.contact_footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-left: 98px;
}

.contact_footer ul {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: column;
  width: auto; 
  padding-right: 25px;
  margin-left: 30px;
}

.contact_footer ul:first-child {
  margin-left: 0px;
}

.contact_footer ul li {
  font-family: 'Gilroy_regular';
  font-size: 16px;
  color: #fff;
  height: 30px;
}

.contact_footer ul li:last-child {
  margin-top: 36px;
}

.contact_footer ul li a {
  color: #fff;
  width: 170px;
}

.contact_footer li {
  background-image: url(../images/build_icon.png);
  background-position: 0px 0px;
  padding-left: 40px;
}


.contact_footer ul li p {
  width: 230px;
}

.contact_footer ul li p a{
  width: auto;
}

.contact_footer ul li p span {
  color: #929292;
}

.contact_footer .white_line {
  width: 1px;
  height: 111px;
}

.adres_footer li:last-child {
  background-image: url(../images/point_footer.png);
}

.mail_footer li {
  background-image: url(../images/mail_icon.png);
}


.phone_footer li:first-child {
  background-image: url(../images/globus_icon.png);
}


.phone_footer li:last-child {
  background-image: url(../images/phone.png);
}

.bottom_footer {
  width: 100%;
  background-color: #000;
  display: flex;
  justify-content: center;
  align-items: center;
}

.bottom_footer_content {
  width: 1140px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 24px;
  padding-bottom: 24px;
  color: #999999;
}

.bottom_footer_content a {
  color: #999999;
}

.bottom_footer_content a span {
  text-decoration: underline;
}

.bottom_footer_content a:hover span{
  text-decoration: none;
}



.bg_window {
  position: fixed;
  overflow: auto;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 10;
  background-color: rgba(0, 0, 0, 0.7);
  overflow-x: hidden;
  width: 100%;
  display: none;
}

.aboutus_modal {
  width: 1096px;
  height: auto;
  background-color: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -300px 0px 0px -548px;
  display: none;
}


.aboutus_content_modal {
  width: 990px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  margin-top: 28px;
  margin-left: 50px;
}

.close {
  width: 31px;
  height: 31px;
  background-image: url(../images/close.jpg);
  position: absolute;
  right: -15px;
  top: -15px;
  cursor: pointer;
  transition: 0.4s;
}

.close:hover {
  transform: rotate(90deg);
}

.close_form {
  width: 31px;
  height: 31px;
  background-image: url(../images/close.jpg);
  position: absolute;
  right: -15px;
  top: -15px;
  cursor: pointer;
  transition: 0.4s;
}

.close_form:hover {
  transform: rotate(90deg);
}

.aboutus_content_modal h2{
  font-size: 24px;
  font-family: 'Gilroy_Black';
  color: #000;
  text-transform: uppercase;
}


.aboutus_content_modal ul {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}

.aboutus_content_modal ul li  {
  font-family: 'Gilroy_regular';
  color: #3a3939;
  margin-top: 29px;
  padding-left: 18px;
  position: relative;
}

.aboutus_content_modal ul li:before {
  content: '';
  background-color: #a957ec;
  border-radius: 7px;
  height: 7px;
  width: 7px;
  position: absolute;
  left: 0px;
  top: 6px;
}

.bottom {
  height: auto;
  width: 100%;
  background-color: #f5f5f5;
  margin-top: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 20px;
}


.bottom_content{
  width: 990px;
  display: flex;
  justify-content: space-between;
}


.bottom_content .question {
  background-image: url(../images/question.png);
  width: 500px;
  background-position: left top;
  font-family: 'Gilroy_Bold';
  font-size: 20px;
  padding-left: 100px;
  height: 80px;
  align-items: center;
  display: flex;
}

.bottom_content .button_order {
  width: 280px;
  color: #fff;
  font-size: 14px;
  margin-top: 10px;
}

.live_object {
  width: 1095px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -250px 0px 0px -547.5px;
  background-color: #fff;
  display: none;
}

.live_object_content {
  width: 1010px;
  display: flex;
  justify-content: space-between;
  margin-left: 25px;
  padding-top: 55px;
}


.prev {
 width: 34px;
 height: 68px;
 background-image: url(../images/prev.png);
 background-position: center;
 top: 140px;
 left: 0px;
 position: absolute;
 cursor: pointer;
 transition: 0.3s;
 z-index: 30;
 background-color: #a354df;
}


.next {
 width: 34px;
 height: 68px;
 background-image: url(../images/next.png);
 background-position: center;
 top: 140px;
 right: 0px;
 position: absolute;
 transition: 0.5s;
 cursor: pointer;
 z-index: 30;
 background-color: #a354df;
}

.prev:hover {
  background-color: #9337de;
  box-shadow: 0px 14px 21px rgba(192,115,255,0.45);
}

.next:hover {
  background-color: #9337de;
  box-shadow: 0px 14px 21px rgba(192,115,255,0.45);
}

.next:active {
  background-color: #ad52f8;
  box-shadow: inset 0px 3px 10px rgba(0,0,0,0.38);
}

.prev:active {
  background-color: #ad52f8;
  box-shadow: inset 0px 3px 10px rgba(0,0,0,0.38);
}

.prev_slider {
  top: 365px; 
}

.next_slider {
  top: 365px; 
}

.slider {
  width: 504px;
  position: relative;
  overflow: hidden;
}

.small_slider li {
  position: relative;
  cursor: pointer;
  transition: 0.3s;
}



.small_slider li:before {
  content: '';
  display: block;
  z-index: 1;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: solid 2px #a957ec;
  opacity: 0;
  transition: 0.3s;
}

.small_slider li:hover:before {
  opacity: 1;
}

.small_slider .slide_active:before {
  opacity: 1;
}

.small_slider {
  display: flex;
  flex-wrap: wrap;
  margin-top: 12px;
  width: 508px;
}

.small_slider li {
  margin-right: 4px;
  height: 91px;
  box-sizing: border-box;
  margin-bottom: 5px;
}

.small_slider li:first-child {
  margin-left: 0px;
}

.small_slider li img {
  width: 120px;
  height: 91px;
}

.big_photo {
 overflow-y: hidden;
 width: 504px;
 height: 331px;
 cursor: pointer;
}

.big_photo div{
 width: 504px;
 height: 331px;
 display: block;
 background-image: url(../images/zoom.png);
 background-color: rgba(0,0,0,1);
 background-size: 45px;
}


.big_photo img {
 width: 504px;
 height: 331px;
 transition: 0.4s;
 opacity: 1;
}

.big_photo img:hover{
  opacity: 0.6;
}


.right_content {
  margin-left: 20px;
  width: 50%;
}


.right_content h2 {
  font-size: 24px;
  color: #000;
  font-family: 'Gilroy_Black';
  margin-bottom: 8px;
  text-transform: uppercase;
}

.right_content p {
  margin-top: 32px;
  font-size: 15px;
  color: #3a3939;
  font-family: 'Gilroy_regular';
}


/*Малоэтажное строительство*/

.low-rise {
  width: 1095px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -250px 0px 0px -547.5px;
  background-color: #fff;
  display: none;
}




.low-rise_content {
  width: 1010px;
  display: flex;
  justify-content: space-between;
  margin-left: 25px;
  padding-top: 55px;
}




.bottom_content_fot_window {
  display: flex;
  justify-content: space-around;
  width: 1140px;
  align-items: flex-start;
  padding-bottom: 40px;
  padding-top: 15px;
}

.bottom_content_fot_window div {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: column;
  color: #353535;
}

.bottom_content_fot_window p {
  width: 340px;
  background-position: left top;
  font-family: 'Gilroy_Bold';
  font-size: 20px;
  padding-left: 100px;
  height: 80px;
  align-items: center;
  display: flex;
}


.bottom_content_fot_window .question {
  background-image: url(../images/question.png);
}

.bottom_content_fot_window .calc {
  background-image: url(../images/calc.png);
}

.bottom_content_fot_window  .button_order {
  font-size: 14px;
  align-items: center;
  margin-top: 20px;
  width: 280px;
  color: #fff;
}


.repair {
  width: 1095px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -250px 0px 0px -547.5px;
  background-color: #fff;
  display: none;
}


.repair_content {
  width: 1010px;
  display: flex;
  justify-content: space-between;
  margin-left: 25px;
  padding-top: 55px;
}

.kleaning {
  width: 1095px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -250px 0px 0px -547.5px;
  background-color: #fff;
  display: none;
}


.kleaning_content {
  width: 1010px;
  display: flex;
  justify-content: space-between;
  margin-left: 25px;
  padding-top: 55px;
}




.small_repair {
  width: 1095px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -250px 0px 0px -547.5px;
  background-color: #fff;
  display: none;
}


.small_repair_content {
  width: 1010px;
  display: flex;
  justify-content: space-between;
  margin-left: 25px;
  padding-top: 55px;
}


.mebel {
  width: 1095px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -250px 0px 0px -547.5px;
  background-color: #fff;
  display: none;
}


.mebel_content {
  width: 1010px;
  display: flex;
  justify-content: space-between;
  margin-left: 25px;
  padding-top: 55px;
}



.technick {
  width: 1095px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -250px 0px 0px -547.5px;
  background-color: #fff;
  display: none;
}


.technick_content {
  width: 1010px;
  display: flex;
  justify-content: space-between;
  margin-left: 25px;
  padding-top: 55px;
}


.carpenter {
  width: 1095px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -250px 0px 0px -547.5px;
  background-color: #fff;
  display: none;
}


.carpenter_content {
  width: 1010px;
  display: flex;
  justify-content: space-between;
  margin-left: 25px;
  padding-top: 55px;
}


.moving {
  width: 1095px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -250px 0px 0px -547.5px;
  background-color: #fff;
  display: none;
}


.moving_content {
  width: 1010px;
  display: flex;
  justify-content: space-between;
  margin-left: 25px;
  padding-top: 55px;
}


.proecting {
  width: 1095px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -250px 0px 0px -547.5px;
  background-color: #fff;
  display: none;
}


.proecting_content {
  width: 1010px;
  display: flex;
  justify-content: space-between;
  margin-left: 25px;
  padding-top: 55px;
}

.cap_build {
  width: 1095px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -250px 0px 0px -547.5px;
  background-color: #fff;
  display: none;
}

.cap_build_content {
  width: 1010px;
  display: flex;
  justify-content: space-between;
  margin-left: 25px;
  padding-top: 55px;
}


.reconstruction {
  width: 1095px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -250px 0px 0px -547.5px;
  background-color: #fff;
  display: none;
}

.reconstruction_content {
  width: 1010px;
  display: flex;
  justify-content: space-between;
  margin-left: 25px;
  padding-top: 55px;
}



.cap_repair {
  width: 1095px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -250px 0px 0px -547.5px;
  background-color: #fff;
  display: none;
}

.cap_repair_content {
  width: 1010px;
  display: flex;
  justify-content: space-between;
  margin-left: 25px;
  padding-top: 55px;
}






.bg_window_form {
  position: fixed;
  overflow: auto;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 11;
  background-color: rgba(0, 0, 0, 0.7);
  overflow-x: hidden;
  width: 100%;
  display: none;
}

.form_manager {
  width: 555px;
  height: auto;
  background-color: #fff;
  display: none;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -300px  0px 0px -277.5px;
}



.form_manager_content {
  width: 420px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  margin-left: 67.5px;
  padding-bottom: 60px;
}

.text {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  margin-top: 44px;
}

.text h2 {
  font-size: 30px;
  font-family: 'Gilroy_Black';
  text-transform: uppercase;
}

.text p {
  margin-top: 6px;
  color: #474747;
  font-size: 24px;
  font-family: 'Gilroy_regular';
  margin-bottom: 20px;
}

input {
  width: 100%;
  height: 50px;
  border: none;
  box-shadow: inset 0px 3px 7px rgba(0,0,0,0.23);
  box-sizing: border-box;
  background-color: #f5feff;
  padding-left: 25px;
  margin-top: 20px;
  transition: 0.3s;
}

input:hover {
  box-shadow: inset 0px -7px 7px rgba(0,0,0,0.23);
}


input:active {
  box-shadow: inset 0px -7px 20px rgba(0,0,0,0.23);
}

input:placeholder {
  color: #464646;
  font-size: 15px;
  font-family: 'Gilroy_regular';
}


.error {
  box-shadow: inset 0px -7px 20px rgba(201,27,27,0.63);
  border: solid 1px rgba(201,27,27,0.63);
}

.submit {
  width: 296px;
  height: 56px;
  color: #fff;
  box-shadow: inset 0px -5px 5px rgba(0,0,0,0.3);
  margin-top: 30px;
  font-size: 14px;
}

.submit_manager {
  width: 296px;
  height: 56px;
  color: #fff;
  box-shadow: inset 0px -5px 5px rgba(0,0,0,0.3);
  margin-top: 30px;
  font-size: 14px;
}

.radio_box {
  position: relative;
  margin-top: 24px;
}


.radio {
  width: 12px;
  height: 12px;
  background: none;
  box-shadow: none;
  position: absolute;
  z-index: -1;
  opacity: 0;
  margin-top: 4px;
}

.radio + label {
  position: relative;
  padding: 0 0 0 35px;
  cursor: pointer;
}
.radio + label:before {
  content: '';
  position: absolute;
  top: 3px;
  left: 0;
  width: 12px;
  height: 12px;
  border: 1px solid #CDD1DA;
  border-radius: 50%;
  background: #FFF;
}
.radio + label:after {
  content: '';
  position: absolute;
  top: 7px;
  left: 4px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #000;
  opacity: 0;
  transition: 0.4s;
}
.radio:checked + label:after {
  opacity: 1;
}


label {
  font-size: 13px;
  font-family: 'Gilroy_regular';
  margin-top: 20px;
  position: relative;
}

label a {
  color: #676767;
  text-decoration: underline;
}

label a:hover{
  text-decoration: none;
}


.form_application {
  width: 555px;
  height: auto;
  background-color: #fff;
  display: none;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -300px 0px 0px -277.5px;
}



.form_application_content {
  width: 420px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  margin-left: 67.5px;
  padding-bottom: 60px;
}






/*чекбоксы*/

.checkbox {
  position: absolute;
  z-index: -1;
  opacity: 0;
  margin: 10px 0 0 0px;
}

.checkbox + label {
  position: relative;
  padding: 4px 0 0 30px;
  cursor: pointer;
}

.checkbox + label:before {
  content: '';
  position: absolute;
  top: -4px;
  left: 0;
  width: 12px;
  height: 12px;
  background: #fff;
  transition: .2s;
  border: 1px solid #000;
  margin-top: 10px;
}

.checkbox + label:after {
  content: '';
  position: absolute;
  top: 6px;
  left: 0px;
  width: 14px;
  height: 14px;
  padding-left: 3px;
  transition: 0.2s;
  box-sizing: border-box;
  margin-bottom: 6px;
}

.checkbox:checked + label:before {
  background: #9FD468;
}

.checkbox:checked + label:after {
  box-sizing: border-box; 
  content: '✔';
  background-color: #a957ec;
  color: #fff;
}

.box_checkbox label {
  margin-left: 30px;
}

.box_checkbox {
  box-shadow: inset 0px 3px 7px rgba(0,0,0,0.23);
  background-color: #f5feff;
  position: absolute;
  top: 0px;
  width: 420px;
  font-size: 15px;
  padding-bottom: 20px;
  transition: 0.4s;
  opacity: 0;
  z-index: 15;
  visibility: hidden;
}

.box_checkbox_active {
  opacity: 1;
  top: 25px;
  visibility: visible;
}


.box_checkbox_content {
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;

}
















.big_photo_slider {
  z-index: 0;
  width: 1100px;
  height: 800px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -400px 0px 0px -550px;
  display: none;
  background-color: #fff;
}

.big_photo_slider img {
  width: 1100px;
  height: auto;
}

.form_active {
  display: block;
}




.bg_window_thank {
  position: fixed;
  overflow: auto;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 16;
  background-color: rgba(0, 0, 0, 0.7);
  overflow-x: hidden;
  width: 100%;
  display: none;
}

.window_thank {
  width: 492px;
  height: auto;
  background-color: #fff;
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -91.5px 0px 0px -246px;
  padding-top: 51px;
  padding-bottom: 56px;
}

.window_thank_content {
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-direction: column;
  width: 100%;
}

.window_thank_content h2 {
  font-size: 30px;
  font-family: 'Gilroy_Black';
  text-transform: uppercase;
}

.window_thank_content p {
  margin-top: 10px;
  font-family: 'Gilroy_regular';
  color: #474747;
  font-size: 24px;
}

.close_thank{
  width: 31px;
  height: 31px;
  background-image: url(../images/close.jpg);
  position: absolute;
  right: -15px;
  top: -15px;
  cursor: pointer;
  transition: 0.4s;
}

.close_thank:hover {
  transform: rotate(90deg);
}




.modal_active {
  display: block;
  margin: -300px 0px 0px -547.5px;
}







@font-face {
  font-family: 'Gilroy_semiBold';
  src: url(../fonts/Gilroy_SemiBold.ttf);
}

@font-face {
  font-family: 'Gilroy_Bold';
  src: url(../fonts/Gilroy_Bold.ttf);
}

@font-face {
  font-family: 'Gilroy_regular';
  src: url(../fonts/Gilroy_Regular.ttf);
}


@font-face {
  font-family: 'Gilroy_Black';
  src: url(../fonts/Gilroy_Black.ttf);
}


@font-face {
  font-family: 'Gilroy_light';
  src: url(../fonts/Gilroy_Light.ttf);
}



@font-face {
  font-family: 'Gilroy_extraBold';
  src: url(../fonts/Gilroy_extraBold.ttf);
}


.price-row {
  font-family: 'Gilroy_Bold'; padding: 25px 0 0;
}
.table-wrapper {
  padding: 32px 20px 0;
}
.table-price {
  text-align: center; border: solid 1px #ccc; line-height: 1.1;
}
.table-price .cell {
  display: flex; flex-wrap: wrap; -ms-align-items: center; align-items: center; justify-content: center;
  height: 50px; box-sizing: border-box;
}
.mob-head {
  text-align: center; font-family: 'Gilroy_Bold'; font-size: 16px; display: none;
}
.table-head {
  display: flex; flex-wrap: wrap; font-family: 'Gilroy_Bold';
}
.table-head .col:first-child {
  width: 20%; display: flex; flex-wrap: wrap; -ms-align-items: center; align-items: center; justify-content: center;
  box-sizing: border-box; border-right: solid 1px #ccc;
}
.table-head .col:nth-child(2) {
  width: 80%; display: flex; flex-wrap: wrap; -ms-align-items: center; align-items: center; justify-content: center;
  box-sizing: border-box;
}
.table-head .col:nth-child(2) .cell {
  width: 33.333%; border-right: solid 1px #ccc;
}
.table-head .col:nth-child(2) .cell:first-child {
  width: 100%; border-right: 0; border-bottom: solid 1px #ccc;
}
.table-head .col:nth-child(2) .cell:last-child {
  border-right: 0;
}
.table-row {
  display: flex; flex-wrap: wrap; font-family: 'Gilroy_regular'; border-top: solid 1px #ccc;;
}
.table-row .cell {
  width: 26.6667%; border-right: solid 1px #ccc;
}
.table-row .cell:first-child {
  width: 20%;
}
.table-row .cell:last-child {
  border-right: 0;
}
.table-row .cell .mob-title {
  display: none; text-align: center; font-family: 'Gilroy_Bold'; padding: 10px 5px 12px;
  width: 100%; 
}
.table-row .cell .mob-text {
  display: none;
}



@media screen and (max-width: 1000px) {
  .table-head .col:first-child {
    padding-left: 5px; padding-right: 5px;
  }
  .table-price .cell {
    padding: 10px 5px 12px; height: auto;
  }
}

@media screen and (max-width: 700px) {
  .table-price {
    border: 0;
  }
  .table-head {
    display: none;
  }
  .table-row .cell .mob-title,
  .mob-head {
    display: block;
  }
  .table-row .cell .mob-text {
    display: inline; margin-left: 5px;
  }
  .table-row {
    margin-top: 35px; border: solid 1px #ccc;
  }
  .table-row .cell {
    min-width: 100%; padding: 0; border-top: solid 1px #ccc; padding-bottom: 12px; border-right: 0;
  }
  .table-row .cell:first-child {
    border-top: 0;
  }
}