strong {
  font-weight: 700;
}
em {
  font-style: italic;
}

.five-steps__list, .nav__list {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex; }

.five-steps__list {
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; }

.five-steps__list {
  box-sizing: border-box;
  color: #fff;
  font-family: tahoma;
  font-size: 18px;
  margin-top: 80px;
  width: 100%;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.five-steps__list_green {
  color: #558d40; }
  .five-steps__list_green .five-steps__icon {
    border: 6px solid #6caf52; }
  .five-steps__list_green .five-steps__item:hover .five-steps__icon {
    border: 6px solid #b3ea76; }
  .five-steps__list_green .five-steps__item:nth-of-type(1):hover .five-steps__icon:before {
    background: url(/images/5steps/req_act.png) no-repeat center center; }
  .five-steps__list_green .five-steps__item:nth-of-type(1) .five-steps__icon:before {
    background: url(/images/5steps/req.png) no-repeat center center; }
  .five-steps__list_green .five-steps__item:nth-of-type(2):hover .five-steps__icon:before {
    background: url(/images/5steps/price_act.png) no-repeat center center; }
  .five-steps__list_green .five-steps__item:nth-of-type(2) .five-steps__icon:before {
    background: url(/images/5steps/price.png) no-repeat center center; }
  .five-steps__list_green .five-steps__item:nth-of-type(3):hover .five-steps__icon:before {
    background: url(/images/5steps/agree_act.png) no-repeat center center; }
  .five-steps__list_green .five-steps__item:nth-of-type(3) .five-steps__icon:before {
    background: url(/images/5steps/agree.png) no-repeat center center; }
  .five-steps__list_green .five-steps__item:nth-of-type(4):hover .five-steps__icon:before {
    background: url(/images/5steps/cleen_act.png) no-repeat center center; }
  .five-steps__list_green .five-steps__item:nth-of-type(4) .five-steps__icon:before {
    background: url(/images/5steps/cleen.png) no-repeat center center; }
  .five-steps__list_green .five-steps__item:nth-of-type(5):hover .five-steps__icon:before {
    background: url(/images/5steps/util_act.png) no-repeat center center; }
  .five-steps__list_green .five-steps__item:nth-of-type(5) .five-steps__icon:before {
    background: url(/images/5steps/util.png) no-repeat center center; }

.five-steps__item {
  width: 20%;
  min-width: 190px;
  margin-bottom: 20px;
  position: relative; }
  .five-steps__item:hover .five-steps__icon {
    border: 6px solid #5fa840; }
  .five-steps__item:nth-of-type(1):hover .five-steps__icon:before {
    background: url(../images/c-1-h.png) no-repeat center center; }
  .five-steps__item:nth-of-type(1) .five-steps__icon:before {
    content: '';
    background: url(../images/c-1.png) no-repeat center center;
    display: block;
    width: 70px;
    height: 60px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%); }
  .five-steps__item:nth-of-type(2):hover .five-steps__icon:before {
    background: url(../images/c-2-h.png) no-repeat center center; }
  .five-steps__item:nth-of-type(2) .five-steps__icon:before {
    content: '';
    background: url(../images/c-2.png) no-repeat center center;
    display: block;
    width: 73px;
    height: 73px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%); }
  .five-steps__item:nth-of-type(3):hover .five-steps__icon:before {
    background: url(../images/c-3-h.png) no-repeat center center; }
  .five-steps__item:nth-of-type(3) .five-steps__icon:before {
    content: '';
    background: url(../images/c-3.png) no-repeat center center;
    display: block;
    width: 70px;
    height: 60px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%); }
  .five-steps__item:nth-of-type(4):hover .five-steps__icon:before {
    background: url(../images/c-4-h.png) no-repeat center center; }
  .five-steps__item:nth-of-type(4) .five-steps__icon:before {
    content: '';
    background: url(../images/c-4.png) no-repeat center center;
    display: block;
    width: 70px;
    height: 60px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%); }
  .five-steps__item:nth-of-type(5):hover .five-steps__icon:before {
    background: url(../images/c-5-h.png) no-repeat center center; }
  .five-steps__item:nth-of-type(5) .five-steps__icon:before {
    content: '';
    background: url(../images/c-5.png) no-repeat center center;
    display: block;
    width: 70px;
    height: 60px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%); }

.five-steps__icon {
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  border: 6px solid #fff;
  width: 140px;
  height: 140px;
  margin: 0 auto 10px;
  position: relative; }

.five-steps__slash {
  font-size: 30px;
  display: inline-block;
  vertical-align: sub;
  padding: 0 10px; }

#steps5-inside .btnn {
  margin: 45px auto 0; }

.header_box {
  height: auto;
  z-index: 101; }

#top-header {
  box-sizing: border-box;
  padding: 15px 0 0;
  height: auto;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.header-logo {
  display: block;
  width: 20%;
  min-width: 130px; }

.header__contacts {
  width: 40%;
  min-width: 240px;
  text-align: right; }

.header__phone {
  font-size: 27px;
  color: #65715b;
  margin-bottom: 8px; }
  .header__phone span {
    font-weight: 300; }

.header__link-popup {
  color: #ffa200;
  text-transform: uppercase;
  text-decoration: none;
  border-bottom: 2px dotted #ffa200;
  font-size: 14px;
  margin-bottom: 4px;
  display: inline-block; }

.header__work-time {
  color: #5FA840;
  font-weight: bold;
  position: relative;
  top: -20px;
  left: 235px;
  }

#main-search.header__search {
  width: auto;
  height: auto;
  position: relative;
  right: initial;
  bottom: initial;
  width: 230px;
  position: relative;
  left: -120px;

  }

.header-cities__wrap {
  width: 40%;
  position: relative; }

.get_city {
  top: 31px;
  left: initial;
  /*right: -200px;*/
  text-align: left;}

.select_city {
  top: 0;
  /*left: 50%;*/ }

#other_city {
  left: 0%;
  top: 30px; }

#bottom-header {
    margin-top: 83px;}

#bottom-header-empty {
  margin-bottom: 150px;
}

.modal-order {
  transform: translateY(-40%); }

.modal-overlay {
  z-index: 101; }

.phone__link_mobile {
  display: none; }

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

	/***********/
	#bottom-header #bottom-header-inside {
    width: 100%;
    height: 100%;
}
#bottom-header .bottom-head {
    position: relative;
    top: 100px;
    right: initial;
    width: 100%;
    height: auto;
    display: block;
    background: rgba(255, 255, 255, 0.6);
}
	#bottom-header .bottom-head span {
    display: block;
    text-align: center;
    padding: 0 20px;
}
#bottom-header .action {
    box-sizing: border-box;
    height: auto;
    width: 90%;
    position: relative;
    right: initial;
    top: 160px;
    margin: 0 auto;
    background: rgba(255, 255, 255, 0.9);
    padding: 50px 20px 20px;
    text-align: center;
}
#bottom-header .action .action-logo {
    margin-top: initial;
    margin-left: initial;
    position: initial;
}
.action-logo > img {
    position: absolute;
    top: -40px;
    left: 50%;
    transform: translateX(-50%);
}
#bottom-header .action .action-logo .action-text {
    margin: 0 0 20px;
    width: auto;
    position: initial;
    top: initial;
    left: initial;
}
#bottom-header .action .btn {
    position: initial;
    top: initial;
    right: initial;
}
#bottom-header .action .other-info {
    position: initial;
    bottom: initial;
    right: initial;
}
#bottom-header .same-info {
    display: none;
}
	/***********/


  #top-header {
    width: 100%;
    padding: 20px;
    border-bottom: 1px solid #eaeaea;
    min-height: 130px; }
  #bottom-header {
    margin-top: 95px; }
  .get_city {
    right: initial; }
  .header-of-block {
    margin: 10px 20px; }
  #bottom-header {
    max-width: 100%; }
  #bottom-header #bottom-header-inside {
    width: 100%;
    height: 100%; }
  #bottom-header .bottom-head {
    position: relative;
    top: 100px;
    right: initial;
    width: 100%;
    height: auto;
    display: block;
    background: rgba(255, 255, 255, 0.6); }
  #bottom-header .bottom-head span {
    display: block;
    text-align: center;
    padding: 0 20px; }
  #bottom-header .action {
    box-sizing: border-box;
    height: auto;
    width: 90%;
    position: relative;
    right: initial;
    top: 160px;
    margin: 0 auto;
    background: rgba(255, 255, 255, 0.9);
    padding: 50px 20px 20px;
    text-align: center; }
  #bottom-header .action .action-logo {
    margin-top: initial;
    margin-left: initial;
    position: initial; }
  .action-logo > img {
    position: absolute;
    top: -40px;
    left: 50%;
    transform: translateX(-50%); }
  #bottom-header .same-info {
    display: none; }
  #bottom-header .action .btn {
    position: initial;
    top: initial;
    right: initial; }
  #bottom-header .action .other-info {
    position: initial;
    bottom: initial;
    right: initial; }
  #bottom-header .action .action-logo .action-text {
    margin: 0 0 20px;
    width: auto;
    position: initial;
    top: initial;
    left: initial; }
  #categories {
    width: 100%;
    text-align: center;
    padding: 0 20px;
    box-sizing: border-box; }
  #categories .header {
    margin-bottom: 40px; }
  #our-partners {
    width: 100%; }
  #our-partners .partners li {
    height: auto;
    width: 25%; }
  .partners_img,
  .partners a {
    display: block; }
  .partners_img img,
  .partners a img {
    object-fit: contain;
    object-position: center;
    width: 100%;
    height: auto; }
  #work-with-me {
    max-width: 100%; }
  .inside-work {
    width: 100%; }
  .items .inside-work {
    width: 90%;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center; }
  #work-with-me .item {
    padding: 25px 0 10px; }
  #work-with-me .item:first-child {
    color: #595959; }
  #work-with-me .item .text-work {
    margin-left: 30px;
    height: auto; }
  #work-with-me .item .work-img {
    display: none; }
  #services {
    width: 100%;
    text-align: center; }
  .service {
    display: inline-block;
    vertical-align: top;
    float: none; }
  .service > a {
    display: block; }
  .service_title {
    width: auto;
    max-width: 300px; }
  .res {
    display: none; }
  #steps5-inside {
    width: 100%;
    padding: 60px 0 0; }
  .five-steps__icon {
    width: 100px;
    height: 100px; }
  .five-steps__item {
    min-width: 165px; }
  .five-steps__list {
    margin-top: 35px; }
  #steps5-inside .btnn {
    margin: 20px auto 0; }
  #our-contacts-inside {
    width: 100%;
    box-sizing: border-box; }
  #our-contacts-inside .three-info {
    width: 100%;
    max-width: 280px;
    margin: 0 auto;
    box-sizing: border-box;
    padding-bottom: 20px; }
  #our-contacts-inside .three-info li {
    display: block;
    width: auto;
    margin: 0 0 20px; }
  #our-contacts-inside .three-info li p#adress {
    float: none !important; }
  #our-contacts-inside .three-info li:first-child {
    margin-right: 0; }
  #our-contacts-inside .three-info li:last-child {
    margin-left: 0; }
  #map {
    height: 400px; }
  #before-footer-inside {
    width: 100%;
    box-sizing: border-box; }
  #before-footer-inside article {
    width: 100%; }
  .new__footer {
    width: 100%;
    box-sizing: border-box;
    padding: 20px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  .new__footer-logo,
  .new__footer-contacts {
    width: 50%; }
  .new__footer .logo {
    position: initial !important;
    top: initial !important;
    left: initial !important;
    margin-bottom: 10px; }
  .new__footer .cop_cop {
    position: initial;
    top: initial;
    margin-left: 0; }
  .new__footer .contact-information {
    position: initial;
    right: initial;
    top: initial;
    margin-bottom: 20px; }
  .new__footer .social-links {
    width: auto;
    position: initial;
    right: initial;
    top: initial; }
  #content, article {
    width: 100%;
    box-sizing: border-box;
    padding: 0 20px; }
  #content iframe {
    width: 100% !important;
    max-width: 500px; }
  .article-content {
    width: 100%; }
  .conteiner {
    padding: 20px; }
  .searchBox {
    width: 100%; }
  #how_we_do_it.our-work__block {
    width: 100%;
    padding: 20px;
    box-sizing: border-box; }
  .how_line,
  .img_how {
    float: none;
    display: none; }
  .how_title span {
    display: none; }
  .text_how {
    float: none; }
  .left_105,
  .left_130,
  .left_72,
  .left_153,
  .left_80,
  .top_m20,
  .left_444,
  .left_m30 {
    margin: 0; }
  .left_m55 {
    margin-left: 0; }
  .left_m5 {
    margin-left: 0; } }

@media screen and (max-width: 830px) {
  .header-logo {
    margin-right: 20px; }
  .select_city,
  #other_city {
    left: 0; }
  .get_city {
    text-align: left; } }

@media screen and (max-width: 674px) {
  .modal-order-form {
    overflow-y: scroll;
    max-height: 195px; }
  .news-item img {
    float: none; }
  .news-item .foot-news {
    margin: 0; }
  #top-header {
    display: block; }
  .header-logo {
    width: 100%;
    text-align: center;
    margin-bottom: 10px; }
  .header__contacts {
    width: 100%; }
  #bottom-header {
    margin-top: 150px; }
  .conteiner img,
  #content article img {
    max-width: 100% !important; }
  #bottom-header-empty {
    margin-bottom: 220px;
    } }
.conteiner {
  border:0px!important;
}
@media screen and (max-width: 560px) {

	/***********/
	#bottom-header {
    margin-top: 100px;
}


	/**********/


  #before-footer-inside iframe {
    display: none; }
  #work-with-me .item .text-work {
    font-size: 20px; }
  .new__footer {
    display: block; }
  #bottom-header-empty {
  margin-bottom: 170px; }
  .new__footer-logo,
  .new__footer-contacts {
    width: 100%;
    text-align: center; }
  .new__footer .contact-information {
    text-align: center;
    margin-top: 20px; }
  .new__footer .social-links {
    text-align: center; }
  .news-item img {
    max-width: 100%; }
  .five-steps__item {
    min-width: 115px; }
    .five-steps__item .five-steps__icon:before {
      background-size: 45px !important; }
  .five-steps__icon {
    width: 60px;
    height: 60px; }
  .five-steps__list_green .five-steps__item .five-steps__icon:before {
    background-size: 45px !important; }
  .header-cities__wrap {
    width: 100%;
    position: relative; }
  .select_city {
    position: relative;
    z-index: 1; }
  #other_city {
    left: 0; }
  .get_city {
    position: absolute;
    top: 5px;
    width: 100%;
    text-align: left;
	left: 140px;
    font-size: 14px; }
  #top-header {
    padding: 10px 20px; }
  .header-logo {
    margin-bottom: 5px; }
  .header__contacts {
    width: 100%;
    margin-top: 5px;
    text-align: center; }
  #main-search.header__search {
    /*margin: 0 auto;*/
    max-width: 230px;
    left: auto;
	}
	.header__work-time {
		top: 5px;
		left: 24px;
	}
  .how_title {
    display: block;
    float: none;
    text-align: left;
    padding: 0; }
  .how_sqr {
    display: none; }
  #bottom-header {
    margin-top: 100px; }
  .mobile_hidden {
    display: none; }
  .phone__link_mobile {
    display: block !important;
    position: absolute;
    top: 25px;
    right: 20px; }
    .phone__link_mobile:before {
      content: '';
      background: url(/images/phone-ico.png) no-repeat center center;
      background-size: contain;
      width: 32px;
      height: 32px;
      display: block; }
  .nav_mobile {
    right: -3.5rem !important; }
  h1 {
    padding: 0 0 20px;
    margin-left: 0;
    margin-top: 20px;
    display:block!important; } }

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

	/**********/
	#bottom-header .bottom-head {
    font-size: 40px;
}
	/**********/
  #map {
    height: 300px; }
  .service img {
    width: 100%; }
  #bottom-header .bottom-head {
    font-size: 40px; }
  #wrapper-for-modal-window .modal-window {
    width: 280px; }
  .get_city {
    white-space: nowrap;
    overflow: hidden;
    padding: 5px;
    text-overflow: ellipsis;
    max-width: 130px;
    right: 0;
    position: absolute;
    top: 0; } }

@media screen and (max-width: 375px) {
	/**************/
	#bottom-header .bottom-head span {
    word-wrap: break-word;
}
	/**************/
  h1 {
    word-break: break-word; }
  .five-steps__list {
    display: block; }
  .five-steps__item {
    width: 100%; }
  .five-steps__icon {
    display: none; }
  #bottom-header .bottom-head span {
    word-wrap: break-word;
    font-size: 31px; }
  #content article {
    padding: 0; }
  #before-footer article {
    padding: 0 20px; }
  article ul.tabs {
    margin: 10px 0; }
  .modal-desc {
    display: none; }
  .get_city {
    max-width: 95px; } }

@media screen and (max-width: 1024px) {
  #center-header #main-menu > ul > li:hover > ul {
    display: none; }
  #center-header #main-menu > ul > li {
    background-color: #fbf9f5;
    display: block;
    border: 0;
    width: 100%; }
  #center-header #main-menu > ul {
    background-color: #fbf9f5;
    height: 100%;
    padding: 20px 0; }
  #center-header {
    height: auto;
    margin: 0;
    border: 0; }
  #center-header #main-menu {
    border-right: 1px solid #eaeaea;
    box-sizing: border-box; }
  #center-header #main-menu > ul > li > a {
    border: 0; } }

#main-menu {
  position: relative;
  z-index: 9; }
  @media screen and (max-width: 1024px) {
    #main-menu {
      position: fixed;
      left: -225px;
      width: 225px;
      height: 100%;
      top: 0; } }
  @media screen and (max-width: 1024px) {
    #main-menu.js-menu__open {
      left: 0; } }

.nav_mobile {
  cursor: pointer;
  position: absolute;
  top: 80px;
  right: -5rem;
  width: 2.5rem;
  height: 2.5rem;
  background-color: #fbf9f5;
  display: none; }
  @media screen and (max-width: 1024px) {
    .nav_mobile {
      display: block; } }
  @media screen and (max-width: 674px) {
    .nav_mobile {
      top: 20px; } }

.nav_toggle {
  line-height: normal;
  position: absolute;
  cursor: pointer;
  top: 0.5rem;
  left: 0.3125rem;
  right: 1.25rem;
  width: 1.875rem;
  padding: 0.625rem 0;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out; }
  .nav_toggle span {
    content: '';
    position: absolute;
    display: block;
    cursor: pointer;
    opacity: 1;
    height: 0.25rem;
    width: 1.875rem;
    background: #5FA840;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s; }
    .nav_toggle span::before, .nav_toggle span::after {
      content: '';
      position: absolute;
      display: block;
      cursor: pointer;
      opacity: 1;
      height: 0.25rem;
      width: 1.875rem;
      background: #5FA840;
      -webkit-transition: 0.5s;
      -moz-transition: 0.5s;
      -ms-transition: 0.5s;
      -o-transition: 0.5s;
      transition: 0.5s; }
    .nav_toggle span::before {
      top: -0.625rem; }
    .nav_toggle span::after {
      bottom: -0.625rem; }

.js-menu__open .nav_toggle span {
  background-color: transparent; }
  .js-menu__open .nav_toggle span::before, .js-menu__open .nav_toggle span::after {
    top: 0; }
  .js-menu__open .nav_toggle span::before {
    transform: rotate(45deg); }
  .js-menu__open .nav_toggle span::after {
    transform: rotate(-45deg); }

.nav__list {
  list-style-type: none;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; }
  @media screen and (max-width: 1024px) {
    .nav__list {
      position: absolute;
      display: block;
      left: 0;
      background: #3a3d42;
      width: 14.0625rem;
      height: 100%; } }

.nav__item {
  position: relative;
  padding: 1.0625rem 2rem;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s; }
  .nav__item:last-of-type:hover .nav__link {
    color: #fff; }

.nav__link {
  color: #fff;
  display: block; }




.header-logo {
  min-width: 180px;
}

.header-logo img {
  width: 180px!important;
}

.new__footer-logo .logo  img {
  width: 180px!important;
}

@media screen and (max-width: 1024px) {
  #our-contacts-inside .three-info li .main-adress {
    float: none !important;
  }

  #our-contacts-inside .three-info:not(:nth-child(8)){
    padding-bottom: 0;
  }
}



