.wrapper {
    width:500px;
}

#section-1 {
    width:500px;
    height:550px;
    background:url('../images/bg-top-500.jpg') 50% 50% no-repeat;
    margin:0 auto;
}

#section-1 .logo {
    width:210px;
    height:85px;
    line-height:132px;
    left:0;
}

#section-1 .logo img {
    width:135px;
    height:47px;
}

#section-1 .phone {
    font-size:23px;
    top:15px;
    right:40px;
}

#section-1 .title {
    position:absolute;
    font-size:30px;
    top:170px;
    left:40px;
}

#section-1 .description {
    position:absolute;
    font-size:20px;
    top:260px;
    left:40px;
    width:405px;
}

#section-1 .button {
    position:absolute;
    top:398px;
    left:40px;
}

#section-1 .arrow {
    top:515px;
    width:18px;
    height:17px;
    margin-left:-9px;
    background-size:cover;
}

#section-2 {
    width:500px;
    margin:0 auto;
}

#section-2 .col {
    height:350px;
    width:500px;
    left:none;
}

#section-2 .col .title {
    font-size:40px;
}

#section-2 .col .description {
    font-size:25px;
    width:360px;
    margin:30px auto 0;
}

#section-3 {
    height:170px;
    width:500px;
    margin:0 auto;
    background-size:395px 49px;
}

#section-3 .title {
    font-size:30px;
    width:400px;
    margin:0 auto;
    padding-top:75px;
}

#section-4 {
    width:500px;
    margin:0 auto;
}

#section-4 .col {
    min-height:452px;
    float:none !important;
    width:500px;
}

#section-4 .item {
    width:422px;
    position:static;
    left:auto;
    right:auto;
    padding:0 39px 30px;
}

#section-4 .item .title {
    padding-top:40px;
    font-size:27px;
}

#section-4 .item .description {
    padding-top:20px;
    font-size:16px;
}

#section-4 .params {
    margin-top:20px;
}

#section-4 .button {
    margin-top:20px;
    width:230px !important;
    font-size:15px !important;
}

#section-5 {
    width:500px;
    margin:0 auto;
    height:370px;
}

#section-5 .wrapper {
    background-size:175px 50px;
}

#section-5 .title {
    font-size:30px;
    width:345px;
    margin:0 auto;
    padding-top:100px;
}

#section-5 .title span {
    display:block;
}

#section-6 {
    width:500px;
    margin:0 auto;
    margin-top:-120px;
    padding-bottom:50px;
}

#section-6 .item {
    padding-top:290px;
}

#section-6 .item .title {
    font-size:22px;
}

#section-6 .button {
    margin:30px auto 0 !important;
    display:block !important;
}

#section-6 .slick-dots {
    font-size:0;
    text-align:center;
    margin-top:30px;
}

#section-6 .slick-dots li {
    display:inline-block;
    margin-left:15px;
}

#section-6 .slick-dots li:nth-child(1) {
    margin-left:0;
}

#section-6 .slick-dots li button {
    font-size:0;
    width:14px;
    height:14px;
    border-radius:14px;
    background:#d3d3d3;
    outline:none;
    border:none;
    cursor:pointer;
}

#section-6 .slick-dots li.slick-active button {
   background:#d01b18;
}

#section-7 {
    width:500px;
    margin:0 auto;
    height:580px;
    background:url('../images/bg-nadezh-s.jpg') 50% 50% no-repeat;
}

#section-7 .wrapper {
    background-position:50% 50px;
    background-size:365px 45px
}

#section-7 .title {
    font-size:30px;
    padding-top:75px;
    width:320px;
}

#section-7 .point-1 {
    left:60px;
    top:265px;
}

#section-7 .point-2 {
    left:78px;
    top:380px;
}

#section-7 .point-3 {
    left:390px;
    top:310px;
}

#section-7 .point-4 {
    left:340px;
    top:380px;
}

#section-7 .info {   
    width:200px;
    height:140px;
    border-radius:140px;    
    font-size:13px;
    background-size:140px 140px;
}

#section-7 .info span {   
    font-size:18px;
    margin-bottom:5px;
}

#section-7 .info-1 {
    left:65px;
    top:255px;
    padding:0 35px 0 155px;
}

#section-7 .info-2 {
    left:70px;
    top:380px;
    padding:0 35px 0 155px;
}

#section-7 .info-3 {
    left:50px;
    top:315px;
    padding:0 155px 0 35px;
}

#section-7 .info-4 {
    left:10px;
    top:390px;
    padding:0 155px 0 35px;
}

#section-8 {
    height:345px;
    margin:0 auto;
    width:500px;
    background-size:cover;
}

#section-8 .title {
    font-size:30px;
    padding-top:70px;
}

#section-8 .description {
    font-size:20px;
    padding-top:25px;
    width:380px;
    margin:0 auto;
}

#section-8 .button {
    margin-top:30px;
}

#section-9 {
    height:860px;
    width:500px;
    margin:0 auto;
}

#section-9 .map-3 {
    display:block;
    height:350px;
}

#section-9 .title {
    width:390px;
    font-size:30px;
    top:50px;
    margin-left:-195px;
}

#section-9 .cols {    
    width:500px;
}

#section-9 .cols .col {
    width:500px;
    height:170px;
    font-size:25px;
    float:none;
}

#section-9 .cols .col span {
    margin-top:20px;
    font-size:25px;
}

#section-10 {
    height:320px;
    width:500px;
    margin:0 auto;
}

#section-10 .logo {
    width:175px;
    height:60px;
    left:40px;
    top:40px;
}

#section-10 .vk-cap, #section-10 .email-cap, #section-10 .tel-cap {
    font-size:16px;
}

#section-10 .tel-cap, #section-10 .email-cap {  
    left:275px;
}

#section-10 .vk-cap {
    left:40px;
    top:270px;
    width:140px;
}

#section-10 .email-cap {
    top:45px;
    width:180px;
}

#section-10 .tel-cap {
    top:140px;
    width:180px;
}

#section-10 .email, #section-10 .tel {
    font-size:20px;
    left:275px;
}

#section-10 .email {
    top:95px;
}

#section-10 .tel {
   top:190px;
}

#section-10 .vk {
    top:260px;
    left:195px;
}

#section-10 .arrow {
    display:none;
}

#section-10 .copyright {
    color:#cdcdcd;
    font-size:12px;
    top:275px;
    left:340px;
}

.overlay .window {
    padding:20px 20px;
    width:420px;
    min-height:350px;
    margin-left:-230px;
}

.overlay .window .title {
    font-size:20px;
    margin-bottom:20px;
    width:380px;
}

.overlay .progress .caption {
    font-size:14px;
}

.overlay .control {
    margin-top:20px;
}

.overlay .control label {
    font-size:14px;
    white-space:nowrap;
}

.overlay .buttons {
    left:20px;
    bottom:20px;
    width:420px;
    position:absolute;
}

.overlay .button {
    width: 150px !important;
    height:40px !important;
    font-size:16px !important;
}

.overlay .buttons .back {
    background-position:18px 50%;
}

#overlay-1 .step-1 .cols {
    margin-top:30px;
}

#overlay-1 .step-1 .col {
    margin-left:10px;
    width:97px;
}

#overlay-1 .step-1 .col img {
    display:block;
    margin-bottom:20px;
    width:100%;
    height:auto;
}

#overlay-1 .step-1 .col:nth-child(1) {
    margin-left:0;
}

#overlay-1 .step-2 .control {
    margin-top:20px;
}

#overlay-1 .step-3 .control {
    margin-top:25px;
}

#overlay-1 .step-4 .control {
    margin-top:25px;
}

#overlay-1 .step-5 .control {
    margin-top:25px;
}

#overlay-1 .step-7 .description {
    margin-top:25px;
    font-size:14px;
}

#overlay-1 .step-7 .control {
    margin-left:45px;
}

#overlay-1 .step-7 .control input[type="text"] {
    text-align:center;
    width:300px !important;
}

#overlay-1 .step-7 .control label {
    font-size:13px;
}

#overlay-1 .step-7 .description {
    margin-top:25px;
    font-size:14px;
}

#overlay-1 .step-7 .control {
    margin-left:45px;
}

#overlay-1 .step-7 .control input[type="text"] {
    text-align:center;
    width:300px !important;
}

#overlay-1 .step-7 .control label {
    font-size:13px;
}

#overlay-1 .step-7 .control .button {
    width:330px !important;
    height:50px !important;
}

#overlay-2 .description {
    margin-top:25px;
    font-size:14px;
}

#overlay-2 .control {
    margin-left:45px;
}

#overlay-2 .control input[type="text"] {
    text-align:center;
    width:300px !important;
}

#overlay-2 .control label {
    font-size:13px;
}

#overlay-2 .control .button {
    width:330px !important;
    height:50px !important;
}

.button {
    width:290px;
    height:60px;
    font-size:17px;
}

input[type="text"] {
    height:40px;
    padding:0 15px;
    width:390px;
    font-size:18px;
}

input[type="radio"] + label::before {
    height: 15px;
    width: 15px;
    margin: 0 5px 0 0;
    background-size:cover;
}

input[type="checkbox"] + label::before {   
    height: 15px;
    width: 15px;
    margin: 0 5px 0 0;
    background-size:cover;
}

.instr {
   left:262px;
   font-size:14px;
   top:50px;
   width:200px;
}