#form-1 .left,
#form-1 .left_restoration,
#header .logo,
#header .logo-text,
#header .right,
#submain li,
.button {
    display: inline-block
}

.hide-mob {
	display: none;
}

* {
    padding: 0;
    margin: 0;
    font-family: Roboto, sans-serif;
    font-weight: 400;
    vertical-align: top;
    -webkit-appearance: none!important
}

b,
h2 {
    font-weight: 700
}

ul {
    list-style: none
}

h2 {
    font-family: 'Roboto Slab', serif;
    font-size: 36px;
    color: #151712
}

input[type=text],
input[type=phone],
input[type=file] {
    border: 0;
    border-radius: 2px;
    background: #fff;
    display: block;
    margin: 0 auto;
    width: 302px;
    line-height: 61px;
    padding: 0 23px;
    color: #505052;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 16px
}

input[type=submit] {
    width: 348px;
    outline: 0
}

.container {
    width: 960px;
    margin: 0 auto
}

.clearfix:after {
    content:'';
    display: table;
    width: 100%;
    clear: both;
}

.button {
    background: #36c1d9;
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 18px;
    text-decoration: none;
    border-radius: 5px;
    text-align: center;
    width: 302px;
    line-height: 65px;
    box-shadow: 0 0 30px 0 rgba(54, 193, 217, .6)
}

#form-1 .left h2,
#form-1 .left_restoration h2,
#form-1 .right .header,
#form-2 .left .header,
#main .subh1,
#main_restoratio .subh1,
#steps li div {
    font-family: 'Roboto Slab', serif
}

.button:hover {
    box-shadow: 0 0 30px 0 rgba(32, 173, 197, .6);
    background: #20adc5
}

input[type=submit] {
    border: 0;
    cursor: pointer
}

#header {
    background: #fff
}

#header .container {
    height: 91px
}

#header .logo {
    background: url(../img/001.png) no-repeat;
    width: 150px;
    height: 33px;
    margin: 27px 0 0 9px
}

#header .logo-text {
    color: #52565a;
    font-size: 14px;
    line-height: 22px;
    margin: 22px 0 0 5px
}

#header .right {
    float: right;
    margin: 24px 11px 0 0
}

#clients .content,
#steps li,
#stuff li,
#stuff_restoration li,
#types li,
#types_restoration li{
    float: left;
    color: #000
}

#header .right .phone-text {
    color: #52565a;
    text-align: right;
    font-size: 14px
}

#form-1,
#submain {
    background: #fff
}

#header .right .phone {
    margin-bottom: 5px;
    text-align: right;
    font-weight: 700;
    color: #000;
    font-size: 18px
}

#header .right .phone-2 {
    margin-top: 5px;
    text-align: right;
    font-weight: 700;
    color: #000;
    font-size: 18px
}

#main_restoration{
    background: url(../img/003r.png) top center no-repeat;
    text-align: center
}

#main{
    background: url(../img/003.jpg) top center no-repeat;
    text-align: center
}

#main .container, #main_restoration .container{
    padding-top: 86px;
    height: 661px
}

#main h1, #main_restoration h1 {
    font-size: 22px;
    line-height: 30px;
    color: #151712
}

#main .subh1, #main_restoration .subh1 {
    color: #151712;
    font-weight: 700;
    font-size: 36px;
    line-height: 48px;
    margin-top: 11px
}

#main .button, #main_restoration .button {
    margin-top: 41px
}

#submain {
    position: absolute;
    width: 780px;
    height: 178px;
    left: calc(50% - 390px);
    top: 660px
}

#submain ul {
    margin-left: 59px
}

#submain li {
    float: left;
    padding: 134px 0 0;
    font-size: 17px;
    line-height: 22px;
    color: #151712;
    margin-right: 40px;
    background: url(../img/005.png) left 1px top 56px no-repeat
}

#submain li:nth-of-type(2) {
    background: url(../img/006.png) left 1px top 56px no-repeat
}

#submain li:nth-of-type(3) {
    background: url(../img/007.png) left 1px top 56px no-repeat
}

#submain li:nth-of-type(4) {
    background: url(../img/008.png) left 1px top 56px no-repeat
}

#form-1 .left {
     background: url(../img/004.png) no-repeat;
     width: 518px;
     height: 557px;
     margin: 106px 0 0 9px;
     position: relative;
     z-index: 1
 }

#form-1 .left_restoration {
    background: url(../img/005r.png) no-repeat;
    width: 420px;
    height: 330px;
    margin: 363px 0 0 -40px;
    position: absolute;
    z-index: 1
}

#form-1 .right,
#form-1 .right_restoration,
#refresh,
#refresh_restoration{
    background: #19282f
}

#form-1 .right_restoration {
    position: relative;
    display: inline-block
}

#form-1 .right,
#form-1 .right_restoration-right,
#refresh .right,
#refresh_restoration .right,
#review .content .after,
#review .content .before,
#steps li::before {
    position: absolute;
    display: inline-block
}

#form-1 .left h2 {
    font-weight: 700;
    font-size: 32px;
    margin: 109px 0 0 32px
}

#form-1 .left_restoration h2 {
    font-weight: 700;
    font-size: 32px;
    margin: 109px 0 0 32px
}

#form-1 .left .subh2 {
    font-weight: 500;
    color: #151712;
    font-size: 18px;
    line-height: 28px;
    margin: 7px 0 0 32px
}

#form-1 .left_restoration .subh2 {
    font-weight: 500;
    color: #151712;
    font-size: 18px;
    line-height: 28px;
    margin: 7px 0 0 32px
}

#form-1 .left .subh2 span {
    color: #0799b2;
    font-weight: 900;
    font-size: 18px;
    text-transform: uppercase
}

#form-1 .left_restoration .subh2 span {
    color: #0799b2;
    font-weight: 900;
    font-size: 18px;
    text-transform: uppercase
}

#form-1 .right {
    width: 470px;
    left: calc(50% - 1px);
    z-index: 0;
    margin-top: 90px;
    text-align: center;
}

#form-1 .right_restoration-right {
    background: url(../img/005l.png) no-repeat;
    width: 269px;
    height: 245px;
    margin: 50px 0 0 200px;
    position: absolute;
    z-index: 1;
}

#form-1 .right_restoration {
    width: 550px;
    height: 600px;
    left: calc(50% - 250px);
    z-index: 1;
    margin-top: 90px;
    text-align: center;
}

#form-1 .right .header {
    color: #fff;
    font-weight: 700;
    font-size: 34px;
    margin-top: 45px
}

#form-1 .right_restoration .header {
    color: #fff;
    font-weight: 700;
    font-size: 34px;
    margin-top: 45px
}

#form-1 .right .text {
    font-size: 17px;
    color: #fff;
    margin-top: 11px
}

#form-1 .right_restoration .text {
    font-size: 17px;
    color: #fff;
    margin-top: 11px
}

#form-1 .right input[type=text] {
    margin-top: 30px
}

#form-1 .right_restoration input[type=text] {
    margin-top: 30px
}

#form-1 .right input[type=phone] {
    margin-top: 13px
}

#form-1 .right_restoration input[type=phone] {
    margin-top: 13px
}

#form-1 .right input[type=submit] {
    margin-top: -30px
}

#form-1 .right_restoration input[type=submit] {
    margin-top: -30px
}

#form-1 .right span {
    font-size: 10px;
    line-height: 14px;
    font-weight: 300;
    color: #fff;
    opacity: .5;
    text-align: left;
    display: inline-block;
    margin-top: 36px
}

#form-1 .right_restoration span {
    font-size: 10px;
    line-height: 14px;
    font-weight: 300;
    color: #fff;
    opacity: .5;
    text-align: center;
    display: inline-block;
    margin-top: 20px
}

#review,
#types,
#types_restoration{
    text-align: center
}

#form-1 .right span a {
    color: #fff;
    font-weight: 400
}

#form-1 .right_restoration span a {
    color: #fff;
    font-weight: 400
}

#types, #types_restoration{
    background: #f6f0ed
}

#types .container,
#types_restoration .container{
    height: 504px;
    overflow: hidden;
    padding-top: 111px
}

#types ul,
#types_restoration ul {
    margin-top: 84px;
    height: 180px;
    width: 1020px;
    position: relative;
    right: 30px
}

#types li{
    display: inline-block;
    padding-top: 81px;
    font-size: 17px;
    line-height: 22px;
    width: 170px;
    background: url(../img/009.png) top center no-repeat
}

#types li:nth-of-type(2) {
    background: url(../img/010.png) top center no-repeat
}

#types li:nth-of-type(3) {
    background: url(../img/011.png) top center no-repeat
}

#types li:nth-of-type(4) {
    background: url(../img/012.png) top center no-repeat
}

#types li:nth-of-type(5) {
    background: url(../img/013.png) top center no-repeat
}

#types li:nth-of-type(6) {
    background: url(../img/014.png) top center no-repeat
}

#types_restoration li{
    display: inline-block;
    padding-top: 81px;
    font-size: 17px;
    line-height: 22px;
    width: 170px;
    background: url(../img/009r.png) top center no-repeat
}

#types_restoration li:nth-of-type(2) {
    background: url(../img/010r.png) top center no-repeat
}

#types_restoration li:nth-of-type(3) {
    background: url(../img/011r.png) top center no-repeat
}

#types_restoration li:nth-of-type(4) {
    background: url(../img/012r.png) top center no-repeat
}

#types_restoration li:nth-of-type(5) {
    background: url(../img/013r.png) top center no-repeat
}

#types_restoration li:nth-of-type(6) {
    background: url(../img/014r.png) top center no-repeat
}

#refresh .left {
    padding: 114px 0 0 5px;
    display: inline-block;
    width: 502px;
    height: 573px
}

#refresh .left h2 {
    color: #fff;
    margin-left: 4px
}

#refresh .left ul {
    margin-top: 79px
}

#refresh .left li {
    font-size: 17px;
    line-height: 1.2;
    padding-left: 34px;
    margin-bottom: 24px;
    min-height: 16px;
    background: url(../img/015.png) top 4px left 4px no-repeat;
    color: #fff
}

#refresh .right {
    height: 687px;
    background: url(../img/016.jpg) no-repeat;
    width: calc(50% - 27px)
}

#refresh_restoration .left {
    padding: 114px 0 0 5px;
    display: inline-block;
    width: 502px;
    height: 865px
}

#refresh_restoration .left h2 {
    color: #fff;
    margin-left: 4px
}

#refresh_restoration .left ul {
    margin-top: 79px;
    margin-bottom: 35px;
}

#refresh_restoration .left li {
    font-size: 17px;
    line-height: 1.2;
    padding-left: 34px;
    margin-bottom: 24px;
    min-height: 16px;
    background: url(../img/015.png) top 4px left 4px no-repeat;
    color: #fff
}

#refresh_restoration .right {
    height: 980px;
    background: url(../img/016r.png) no-repeat;
    width: calc(50% - 27px)
}

#refresh_restoration .button {
    width:395px;
}

#review {
    background: url(../img/017.jpg) top center no-repeat
}

#review .container {
    padding-top: 113px;
    height: 1992px
}

#review h2 {
    margin-bottom: 86px
}

#review .content .after,
#review .content .before {
    margin: 5px 0 0 -223px;
    width: 195px;
    height: 135px;
    cursor: pointer
}

#review .content .after {
    margin: 170px 0 0 -223px
}

#review .content .after img,
#review .content .before img {
    border: none;
    width: 100%;
    height: 100%;
    object-fit: cover
}

#review .content .after span,
#review .content .before span {
    display: inline-block;
    position: absolute;
    text-align: center;
    width: 58px;
    height: 23px;
    background: #19282f;
    color: #fff;
    font-family: 'Roboto Slab', serif;
    font-size: 13px;
    line-height: 21px
}

#review .content {
    text-align: left;
    padding: 25px 30px 24px 252px;
    width: 658px;
    margin: 0 auto 23px;
    color: #000;
    min-height: 311px;
    background: #fff
}

.block-gallery {
    margin-bottom: 48px;
    text-align: center;
    overflow: hidden;
    position: relative;
    margin-top: 50px;
    display: block;
}
.work-item-wrap {
    z-index: 5;
    position: relative;
    width: 220px;
    max-width: 100%;
    display: inline-block;
}
.work-item-wrap {
    margin-right: 15px;
    margin-bottom: 15px;
    width: 32.2%;
    float: left;
    overflow: hidden;
}
.work-item-wrap:nth-child(3n){
    margin-right: 0;
}
.toggle-block-gal{
    background: #36c1d9;
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 18px;
    text-decoration: none;
    border-radius: 5px;
    text-align: center;
    width: 265px;
    line-height: 65px;
    box-shadow: 0 0 30px 0 rgba(54, 193, 217, .6);
    padding: 0px 0px;
    margin-top: 50px!important;
    display: block;
    margin: 0 auto;
    cursor: pointer;
}
.gallery {
    display: block;
    margin: 0 auto;
    text-align: center;
    padding: 0px;
}


#clients h2,
#steps,
#stuff,
#stuff_restoration {
    text-align: center
}

#review .content .header {
    font-weight: 700;
    font-size: 22px;
    margin-bottom: 30px
}

#review .content .about {
    line-height: 1.2;
    font-size: 16px;
    margin-bottom: 11px
}

#review .content .price {
    font-size: 16px;
    margin-bottom: 22px
}

#review .content .price span {
    padding: 0 19px
}

#review .content .full {
    font-size: 16px;
    line-height: 22px
}

#review .button {
    padding: 0 32px;
    margin-top: 16px
}

#stuff,
#stuff_restoration{
    background: #fff
}

#stuff .container,
#stuff_restoration .container{
    padding-top: 113px;
    height: 817px
}

#stuff ul,
#stuff_restoration ul{
    width: 940px;
    margin: 86px auto 0
}

#stuff li
{
    width: 290px;
    margin: 0 35px 34px 0;
    text-align: left;
    font-size: 16px;
    padding-top: 109px;
    background: url(../img/022.jpg) no-repeat
}

#stuff .container {
    padding-top: 25px!important;
}  

#stuff li:nth-of-type(2) {
     background: url(../img/023.jpg) no-repeat
 }

#stuff li:nth-of-type(3) {
    background: url(../img/024.jpg) no-repeat
}

#stuff li:nth-of-type(4) {
    background: url(../img/025.jpg) no-repeat
}

#stuff li:nth-of-type(5) {
    background: url(../img/026.jpg) no-repeat
}

#stuff li:nth-of-type(6) {
    background: url(../img/027.jpg) no-repeat
}

#stuff li:nth-of-type(7) {
    background: url(../img/028.jpg) no-repeat
}

#stuff li:nth-of-type(8) {
    background: url(../img/029.jpg) no-repeat
}

#stuff li:nth-of-type(9) {
    background: url(../img/030.jpg) no-repeat
}

#stuff li:nth-of-type(3n) {
    margin-right: 0
}

#stuff b {
    display: block;
    font-size: 18px
}

#stuff sup {
    font-size: 10px
}

#stuff_restoration li {
    width: 230px;
    height: 160px;
    margin: 0 6px 6px 0;
    text-align: left;
    font-size: 16px;
    color: #f4f5f5;
    box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.33) inset;
    /*padding-top: 109px;*/
    background: url(../img/022r.png) no-repeat
}

#stuff_restoration li div {
      margin-top: 106px;
      width: max-content;
      padding: 17px;
      display: inline-flex;
      height: 20px;
      background: #19282f;
    position: relative;
  }

#stuff_restoration li div span {
    margin-left: 5px;
    color: #20adc5;
    width: 20px;
    height: 20px;
    border: solid 1px;
    border-radius: 50%;
    display: block;
}

#stuff_restoration li div span:hover ~ .stuff_restoration_title{
    display: block;
}

.stuff_restoration_title {
    display: none;
    position: absolute;
    top: -75px;
    left: 135px;
    width: 150px;
    background: white;
    color: #6d7376;
    padding: 16px;
}

.stuff_restoration_title:after {
    content: '';
    z-index: 1001;
    position: absolute;
    top: 70px;
    left: 20px;
    border: 15px solid transparent;	border-top: 15px solid white;
}

#stuff_restoration_title2 {
    left: 40px;
    width: 100px;
}

#stuff_restoration li div span b {
    padding: 2px 7px;
    font-size: 14px;
}

.stuff_restoration_footer {
    margin-top: 30px;
    color: #6d7376;
}

#stuff_restoration li:nth-of-type(2) {
    background: url(../img/023r.png) no-repeat
}

#stuff_restoration li:nth-of-type(3) {
    background: url(../img/024r.png) no-repeat
}

#stuff_restoration li:nth-of-type(4) {
    background: url(../img/025r.png) no-repeat
}

#stuff_restoration li:nth-of-type(5) {
    background: url(../img/026r.png) no-repeat
}

#stuff_restoration li:nth-of-type(6) {
    background: url(../img/027r.png) no-repeat
}

#stuff_restoration li:nth-of-type(7) {
    background: url(../img/028r.png) no-repeat
}

#stuff_restoration li:nth-of-type(8) {
    background: url(../img/029r.png) no-repeat
}

#stuff_restoration li:nth-of-type(9) {
     background: url(../img/030r.png) no-repeat
 }

#stuff_restoration li:nth-of-type(10) {
    background: url(../img/031r.png) no-repeat
}

#stuff_restoration li:nth-of-type(11) {
    background: url(../img/032r.png) no-repeat
}


#stuff_restoration li:nth-of-type(4n) {
    margin-right: 0
}

#stuff_restoration b {
    display: block;
    font-size: 18px
}

#check_box {
    display: block;
    width: 876px;
    margin: 0 auto;
}

.check_box_restoration {
    background: url(../img/035r.png) top center no-repeat;
}

.check_box_restoration .container {
    padding-top: 113px;
    height: 750px;
}

.check_box_restoration .container h2{
    color: white;
    text-align: center;
    margin-bottom: 60px;
}

#check_box_windows {
    display: block;
    /*height: 300px;*/
    position: relative;
}


#check_box input {
    display: none;
}

#check_box label {
    display: block;
    cursor: pointer;
    width: 48.5%;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 20px;
    color: #36c1d9;
    background: #f2f1f1;
    float: left;
    padding: 25px 0 20px 0;
    margin-right: 10px;
    text-align: center;
    transition: all ease 0.7s;
}

#check_box label:last-child {
    float: right;
}

.check_box_win {
  opacity: 0;
    position: absolute;
    top: 49px;
    background: white;
    width: 820px;
    height: 400px;
    padding: 20px;
    margin: 20px 0;
    /*border: 1px solid black;*/
    /*border-radius: 5px;*/
    transition: all ease 0.5s;
}

.check_box_win_head {
    width: 710px;
    margin-left: 45px;
    margin-top: 40px;
    line-height: 1.7rem;
}

.check_box_win_line {
    width: 95px;
    height: 3px;
    background: #36c1d9;
    margin-left: 45px;
    margin-top: 38px;
}

#check_box_header-1:checked  ~ #check_box_windows div:nth-child(1){
    opacity: 1;
}

#check_box_header-2:checked  ~ #check_box_windows div:nth-child(2){
    opacity: 1;
}

#check_box input:checked + label {
    color:white;
    background: #36c1d9
}

.check_box_win ul li p {
    padding-top: 3px;
    font-size: 17px;
}

.check_box_win ul li {
    float: left;
    margin-top: 20px;
    width: 360px;
}

.check_box_win_num {
    font-size: 15px;
    width: 25px;
    height: 25px;
    background: #f2f1f1;
    color: #36c1d9;
    border-radius: 50%;
    float: left;
    margin-right: 15px;
}

.check_box_win_num p{
    padding-top: 3px;
    margin-left: 8px;
    font-weight: bold;
}

.check_box_win_left {
    display: block;
    width: 330px;
    float: left;
    margin-left: 45px;
    margin-top: 30px;
    margin-bottom: 30px;
}

.check_box_win_right {
    display: block;
    width: 330px;
    float: right;
    margin-right: 40px;
    margin-top: 30px;
    margin-bottom: 30px;
}


#clients {
    background: url(../img/031.jpg) top center no-repeat
}

.clients_restoration {
    background: url(../img/036r.png) top center no-repeat !important;
}

#clients .container {
    height: 1214px;
    padding-top: 112px
}

.clients_restoration h2 {
    color: white !important;
}

#clients h2 {
    margin-bottom: 86px
}

#clients .content {
    width: 408px;
    margin: 0 18px 26px 10px;
    height: 189px;
    padding: 97px 20px 0 28px;
    background: url(../img/032.png) top 30px left 29px no-repeat #fff
}

#clients .content:nth-of-type(2) {
    background: url(../img/033.png) top 30px left 29px no-repeat #fff
}

#clients .content:nth-of-type(3) {
    background: url(../img/034.png) top 30px left 29px no-repeat #fff
}

#clients .content:nth-of-type(4) {
    background: url(../img/035.png) top 30px left 29px no-repeat #fff
}

#clients .content:nth-of-type(5) {
    background: url(../img/036.png) top 30px left 29px no-repeat #fff;
    margin: 0 252px
}

#clients_restoration_content_last {
    width: 445px !important;
    height: 277px !important;
    border: solid 5px white;
    background: none !important;
    padding: 0 !important;
}

#clients_restoration_content_last .button {
    margin: 104px 0 0 48px;
    padding: 0 25px 0 25px;
}

#clients .content:nth-of-type(2n) {
    margin-right: 0
}

#clients_restoration_content_5 {
    margin: 0 18px 26px 10px !important;
}

#clients .header {
    font-weight: 700;
    font-size: 20px
}

#clients .text,
#steps li {
    font-size: 17px;
    line-height: 26px
}

#clients .text {
    margin: 19px 0 0 1px
}

#steps {
    background: #fff
}

#steps .container {
    height: 595px;
    padding-top: 111px
}

#steps ul {
    margin-top: 58px;
    height: 294px
}

#steps li {
    width: 181px;
    text-align: left;
    padding: 27px 0 0 8px
}

#steps li::before {
    content: "";
    margin: 12px 0 0 54px;
    width: 117px;
    height: 4px;
    background: url(../img/037.png) repeat-x
}

#steps li div {
    color: #36c1d9;
    font-size: 40px;
    margin-bottom: 28px
}

#steps li:nth-of-type(5) {
    background: #f6f0ed;
    width: 196px;
    height: 177px
}

#steps li:nth-of-type(5)::before {
    display: none
}

#steps .button {
    padding: 0 36px
}

#form-2 {
    background: #19282f
}

#form-2 .left {
    padding: 114px 0 0 9px;
    display: inline-block;
    width: 509px;
    height: 855px
}

#form-2 .left .header {
    font-weight: 700;
    font-size: 36px;
    line-height: 44px;
    color: #fff;
    margin-left: 2px
}

#form-2 .left .text {
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    margin: 13px 0 33px 1px;
    color: #fff
}

#form-2 .left .text_restoration {
    font-size: 16px;
}

#form-2 .left input {
    margin-left: 0;
    width: 370px
}

#form-2 .left input[type=text],
#form-2 .left input[type=phone] {
    margin-bottom: 13px
}

#form-2 .left .fake {
    background: url(../img/039.png) right 21px top 21px no-repeat #fff;
    border-radius: 2px;
    display: block;
    width: 370px;
    line-height: 61px;
    padding: 0 23px;
    color: #505052;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 16px;
    overflow: hidden;
    height: 61px
}

#footer .top .callback-text,
#popup .header,
#ty-main .header,
#ty-main .text {
    font-family: 'Roboto Slab', serif
}

#form-2 .left input[type=file] {
    position: relative;
    bottom: 61px;
    opacity: 0
}

#form-2 .left input[type=submit] {
    position: relative;
    bottom: 23px;
    width: 416px
}

#form-2 .left .police {
    font-size: 10px;
    line-height: 14px;
    font-weight: 300;
    color: #fff;
    opacity: .5;
    text-align: left;
    display: inline-block;
    margin: 3px 0 30px
}

#form-2 .left .police a {
    color: #fff;
    font-weight: 400
}

#form-2 .left .whatsapp {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #fff
}

#form-2 .left .whatsapp p {
    font-size: 22px;
    width: 200px;
    float: left;
}

.whatsapp .phone-2 {
    float: left;
    padding: 0 10px 0 1px;
}

#footer .bottom,
#footer .middle .right span {
    font-weight: 300
}

#footer .top .callback-text,
#footer .top .logo-text {
    line-height: 1.2;
    font-size: 14px;
    display: inline-block
}

#form-2 .right {
    position: absolute;
    background: url(../img/038.jpg) no-repeat;
    width: calc(50% - 38px);
    height: 969px;
    display: inline-block
}

#footer {
    background: #f6f0ed
}

#footer .container {
    padding: 47px 10px 0;
    width: 940px
}

#footer .top .logo {
    background: url(../img/001.png) no-repeat;
    width: 150px;
    height: 33px;
    display: inline-block
}

#footer .top .logo-text {
    color: #52565a;
    margin: 2px 0 0 4px
}

#footer .top .right {
    float: right;
    display: inline-block
}

#footer .top .callback-text {
    color: #000;
    text-align: right
}

#footer .top .callback {
    display: inline-block;
    font-size: 14px;
    border: 1px solid #36c1d9;
    border-radius: 5px;
    text-decoration: none;
    margin: 1px 0 0 7px;
    padding: 0 19px;
    line-height: 29px;
    color: #36c1d9;
    background: 0 0
}

#footer .top .callback:hover {
    background: #36c1d9;
    color: #fff
}

#footer .middle {
    color: #52565a;
    font-size: 14px;
    line-height: 20px;
    margin-top: 17px
}

#footer .middle .left {
    display: inline-block
}

#footer .middle .right {
    float: right;
    display: inline-block;
    text-align: right
}

#footer .middle .right a {
    color: #52565a;
    text-decoration: none;
    font-weight: 300
}

#footer .bottom {
    font-size: 10px;
    line-height: 14px;
    margin-top: 14px
}

#popup {
    text-align: center;
    background: rgba(22, 29, 33, .75);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2;
    display: none
}

#popup .callback,
#popup .form {
    background: #f6f0ed;
    width: 348px;
    padding: 26px 61px 0;
    display: none
}

#popup .callback {
    height: 467px;
    margin: calc((100vh - 467px)/ 2) auto 0
}

#popup .form {
    height: 507px;
    margin: calc((100vh - 507px)/ 2) auto 0
}

#popup .img {
    background-size: contain!important;
    width: 90vw;
    height: 90vh;
    margin: 5vh auto;
    display: none
}

#popup .close,
#popup span,
#ty-header .logo,
#ty-header .phone {
    display: inline-block
}

#popup .close {
    width: 17px;
    height: 17px;
    background: url(../img/040.png) no-repeat;
    position: relative;
    left: 210px;
    bottom: 7px
}

#popup .header {
    font-weight: 700;
    font-size: 34px;
    color: #151712;
    margin-bottom: 11px
}

#popup .text {
    font-size: 17px;
    color: #151712;
    margin-bottom: 30px;
    line-height: 1.2
}

#popup input[type=text],
#popup input[type=phone] {
    width: 300px;
    line-height: 59px;
    border: 1px solid #d9d8d4
}

#popup input[type=text] {
    margin-bottom: 13px
}

#popup input[type=phone] {
    margin-bottom: 31px
}

#popup span {
    font-size: 10px;
    line-height: 14px;
    font-weight: 300;
    color: #000;
    opacity: .8;
    text-align: left;
    margin-top: 36px
}

#popup span a {
    color: #000;
    font-weight: 400
}

#ty-header {
    background: #fff
}

#ty-header .container {
    padding-top: 27px;
    height: 60px
}

#ty-header .logo {
    background: url(../img/001.png) no-repeat;
    width: 150px;
    height: 33px;
    margin-left: 9px
}

#ty-header .phone {
    font-weight: 700;
    font-size: 18px;
    color: #000;
    float: right;
    margin: 8px 11px 0 0;
    text-align: right
}

#ty-main {
    text-align: center;
    color: #151712;
    font-weight: 700;
    background: url(../img/003.jpg) top center no-repeat
}

#ty-main .container {
    padding-top: 157px;
    height: 506px
}

#ty-main .header {
    font-size: 36px;
    margin-bottom: 9px
}

#ty-main .text {
    font-size: 28px
}

#ty-main .button {
    margin-top: 41px
}

#types .button,
#types_restoration .button{
    width: auto;
    padding: 0 20px;
    margin-top: 40px
}

#header .right .phone-2 a {
    margin: 2px 0 0 0;
    display: inline-block
}

#form-1 .fake {
    background: url(../img/039.png) right 21px top 21px no-repeat #fff;
    border-radius: 2px;
    display: block;
    width: 302px;
    line-height: 61px;
    padding: 0 23px;
    color: #505052;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 16px;
    overflow: hidden;
    height: 61px;
	margin: 13px auto 0;
    text-align: left;
}

#form-1 input[type=file] {
    position: relative;
    bottom: 61px;
    opacity: 0
}

#form-1 .fake2, #form-1 .fake3, #form-1 .fake4 {margin-top: -61px; display: none;}
#form-2 .fake2, #form-2 .fake3, #form-2 .fake4 {margin-top: -48px; display: none;}
#form-1 .container {height: auto; padding-bottom: 90px;}
#form-1 .right {padding-bottom: 15px;}
#form-1 .more, #form-2 .more {position:relative; top: -61px; text-align: left; width: 348px; margin: 0 auto;}
#form-1 .more span, #form-2 .more span {font-size: 12px; text-decoration: underline; cursor: pointer; margin-top: 20px; line-height: 14px;
    font-weight: 300;
    color: #fff;
    opacity: .5;
    text-align: left;
    display: inline-block;}

	#form-2 .more {margin: 0;}
	#form-1 .more-1 {
		height: 737px;
	}
	#form-1 .more-2 {
		height: 811px;
	}
	#form-1 .more-3 {
		height: 851px;
	}
	#form-1 .right span {margin-top: 23px;}
	#form-2 .more-1 .left {
		height: 929px;
	}
	#form-2 .more-2 .left {
		height: 1003px;
	}
	#form-2 .more-3 .left {
		height: 1043px;
	}
	#form-2 .more-1 .right {
		height: 1043px;
	}
	#form-2 .more-2 .right {
		height: 1117px;
	}
	#form-2 .more-3 .right {
		height: 1157px;
	}
	#form-2 .right {
		background-size: cover;
	}