@font-face {
    font-family: 'bebas_neue';
    src: url('/fonts/19471-webfont.eot');
    src: url('/fonts/19471-webfont.eot?#iefix') format('embedded-opentype'),
    url('/fonts/19471-webfont.woff2') format('woff2'),
    url('/fonts/19471-webfont.woff') format('woff'),
    url('/fonts/19471-webfont.svg#bebas_neue_cyrillicregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ubuntu';
    src: url('/fonts/ubuntu-webfont.eot');
    src: url('/fonts/ubuntu-webfont.eot?#iefix') format('embedded-opentype'),
    url('/fonts/ubuntu-webfont.woff2') format('woff2'),
    url('/fonts/ubuntu-webfont.woff') format('woff'),
    url('/fonts/ubuntu-webfont.svg#ubunturegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body * {
    -webkit-font-smoothing: subpixel-antialiased !important;
    text-rendering:optimizeLegibility !important;
}

body {
    overflow-x: hidden;
    font-family: ubuntu, sans-serif;
    font-size: 14px;
    max-width: 1905px;
}

h1.h1,
div.h1 {
    color: #d30038;
    font-family: bebas_neue, sans-serif;
    font-size: 60px;
    padding-left: 5px;
    margin: 0 0 48px 0;
    position: relative;
    z-index: 1;
}

#first_screen {
    height: 745px;
    background: transparent url("../images/background_1.jpg") 0 -198px no-repeat;
    position: relative;
    margin-bottom: 88px;
}

section#storage_things::after,
section#cost_calc::after,
section#first_screen::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.22);
    top: 0;
    left: 0;
    z-index: 0;
}

header {
    position: relative;
    z-index: 1;
}

header div.logo span {
    font-family: bebas_neue, sans-serif;
    text-transform: uppercase;
    color: white;
    font-size: 36px;
    position: relative;
    left: 3px;
    top: 18px;
}

header img.logo {
    float: left;
}

header .clockwork {
    color: white;
    margin: 55px 0 0 107px;
}

header .clockwork .first {
    margin-right: 25px;
}

header .clockwork sup {
    left: 6px;
}

header .clockwork .divider {
    width: 20px;
    height: 2px;
    background: white;
    display: inline-block;
    margin: 0 8px 0 17px;
    position: relative;
    bottom: 3px;
}

header .phones {
    font-family: ubuntu, sans-serif;
    font-size: 24px;
    color: white;
    line-height: 1.6;
    font-weight: bold;
    padding-top: 14px;
}

header .phones img {
    margin: -10px 11px 0 0;
}

#first_screen .content {
    position: relative;
    z-index: 1;
    text-transform: uppercase;
    font-family: bebas_neue, sans-serif;
    color: white;
}

#first_screen .content .first {
    font-size: 36px;
    margin: 80px 0 0 465px;
}

#first_screen .content .second {
    margin: 101px 0 0 6px;
    font-size: 60px;
    line-height: 1.22;
}

#first_screen .content .third {
    margin: 92px 0 0 677px;
    font-size: 36px;
    line-height: 1.2;
    position: relative;
}

#first_screen .content .third:before {
    content: '';
    position: absolute;
    width: 60px;
    background: url('../images/tool-icon.png') left top no-repeat;
    height: 55px;
    left: -83px;
    top: 20px;
}

#first_screen .content .second .red {
    color: #d30038;
    font-size: 72px;
}
#questions .form,
#first_screen .form {
    position: absolute;
    background: rgba(255, 255, 255, .7);
    top: 0;
    right: 8px;
    width: 457px;
    height: 482px;
    border-radius: 14px;
    padding: 12px;
}
#questions .form {
    top: 120px;
    right: 592px;
    z-index: 1;
}
#questions form,
#cost_calc form,
#first_screen form {
    border: 2px solid #d30038;
    border-radius: 12px;
    height: 100%;
    padding: 0 54px;
}

#cost_calc form {
    padding: 0 24px;
}
#questions form label,
#first_screen form label {
    display: none;
}
#questions form .h2,
#first_screen form .h2 {
    text-align: center;
    color: #d30038;
    font-size: 36px;
    margin-top: 23px;
    font-family: bebas_neue, sans-serif;
}

#questions form .h2 span,
#first_screen form .h2 span {
    display: block;
    color: black;
    text-transform: none;
    font-family: ubuntu, sans-serif;
    font-weight: bold;
    font-size: 14px;
    margin: 10px 0 13px 0;
    line-height: 1.4;
    letter-spacing: 1.5px;
}

#questions form .form-group,
#first_screen form .form-group {
    margin-bottom: 22px;
}

#questions form .form-group.last,
#first_screen form .form-group.last {
    margin-bottom: 17px;
}

#questions form input,
#first_screen form input {
    padding: 6px 5px 0;
    background: transparent;
    border-bottom: 1px solid black;
    box-shadow: none;
    border-left: none;
    border-right: none;
    border-top: none;
    border-radius: 0;
    font-family: ubuntu, sans-serif;
    font-size: 16px;
    font-weight: normal;
}

#questions form .form-control:focus,
#questions form .form-control:active,
form#calc_form .form-control:active,
form#calc_form .form-control:focus,
#first_screen form input:active,
#first_screen form input:focus {
    border-color: #d30038;
    color: #d30038;
}

#questions form input::placeholder,
#first_screen form input::placeholder {
    font-family: ubuntu, sans-serif;
    font-weight: normal;
    color: black;
    font-size: 16px;
}

#questions input::placeholder,
form#calc_form input::placeholder,
#first_screen form input::placeholder {
    color: black;
}

#questions input:active::placeholder,
#questions input:focus::placeholder,
form#calc_form input:active::placeholder,
form#calc_form input:focus::placeholder,
#first_screen form input:active::placeholder,
#first_screen form input:focus::placeholder {
    color: #d30038;
}
#questions .btn-red.btn-round,
form#calc_form .btn-red.btn-round,
#first_screen form .btn-red.btn-round {
    text-align: center;
    background: #d30038;
    color: white;
    width: 100%;
    margin-top: 13px;
    font-size: 24px;
    border-radius: 29px;
    padding: 10px 0;
    font-family: bebas_neue, sans-serif;
}

form#calc_form .btn-red.btn-round {
    font-family: bebas_neue, sans-serif;
    text-transform: uppercase;

}
#questions form .footer-text,
#first_screen form .footer-text {
    color: black;
    text-transform: none;
    font-family: ubuntu, sans-serif;
    font-weight: bold;
    font-size: 12px;
    margin: 10px 0 13px 0;
    line-height: 1.45;
    letter-spacing: 1.5px;
}

#first_screen .content .container {
    position: relative;
}

#first_screen .content .container:before {
    content: '';
    background: transparent url("../images/pointer.png") top left no-repeat;
    width: 113px;
    height: 383px;
    position: absolute;
    top: 15px;
    left: 609px;
}

#scene_four,
#scene_three,
#scene_two,
#scene {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
}

#scene_four .layer,
#scene_three .layer,
#scene_two .layer,
#scene .layer {
    position: absolute;
    width: 100%;
    height: 100%;
    list-style: none;
}
li.layer.depth-first img {
    position: absolute;
    top: 82px;
    left: 700px;
}

#scene_four li.layer.depth-first img {
    position: absolute;
    top: 382px;
    left: 430px;
}

#scene_three li.layer.depth-first img {
    position: absolute;
    top: 458px;
    left: 1242px;
}

#scene_two li.layer.depth-first img {
    position: absolute;
    top: 283px;
    left: 429px;
}

li.layer.depth-second img {
    position: absolute;
    top: 300px;
    left: 1062px;
}

#scene_four li.layer.depth-second img {
    position: absolute;
    top: 245px;
    left: 1161px;
}

#scene_three li.layer.depth-second img {
    position: absolute;
    top: 108px;
    left: 724px;
}

#scene_two li.layer.depth-second img {
    position: absolute;
    top: 540px;
    left: 790px;
}

li.layer.depth-third img {
    position: absolute;
    top: 130px;
    left: 547px;
}

#scene_four li.layer.depth-third img {
    position: absolute;
    top: 573px;
    left: 292px;
}

#scene_three li.layer.depth-third img {
    position: absolute;
    top: 583px;
    left: 796px;
}

li.layer.depth-fourth img {
    position: absolute;
    top: 266px;
    left: 261px;
}

#scene_four li.layer.depth-fourth img {
    position: absolute;
    top: 640px;
    left: 1440px;
}

#scene_three li.layer.depth-fourth img {
    position: absolute;
    top: 619px;
    left: 1232px;
}

#scene_four li.layer.depth-five img {
    position: absolute;
    top: 375px;
    left: 960px;
}

#scene_three li.layer.depth-five img {
    position: absolute;
    top: 236px;
    left: 401px;
}

#scene_two li.layer.depth-fourth img {
    position: absolute;
    top: 440px;
    left: 360px;
}

#what_do_we_offer {
    margin-bottom: 100px;
}

#what_do_we_offer .container .row:first-of-type {
    border-top: 1px solid #bababa;
}

#what_do_we_offer .container .row {
    border-right: 1px solid #bababa;
}

#what_do_we_offer .item {
    padding: 0 0 0 64px;
    border-bottom: 1px solid #bababa;
    border-left: 1px solid #bababa;
    min-height: 374px;
    overflow: hidden;
    transition: all 400ms ease-in-out;
}

#what_do_we_offer .item:hover {
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, .5);
    border-color: rgba(0,0,0,.6);
}

#what_do_we_offer .item:hover .mask {
    top: 0;
}

#what_do_we_offer .item .image {
    text-align: center;
}

#what_do_we_offer .item .image img {
    width: 100%;
    height: auto;
}

#what_do_we_offer .item .head_1 {
    font-family: bebas_neue, sans-serif;
    font-size: 36px;
    position: relative;
}
#what_do_we_offer .item .head_1:after {
    content: '';
    width: 40px;
    height: 4px;
    position: absolute;
    left: 2px;
    bottom: 2px;
    background: #d30038;
}

#what_do_we_offer .item .text {
    padding-top: 48px;
    position: relative;
    min-width: 210px;
}

#what_do_we_offer .item .text span {
    position: absolute;
    bottom: 28px;
    line-height: 1.4;
}

#what_do_we_offer .item .mask {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
    transition: all 200ms ease-in-out;
}

#types_roll_profile {
    background: #f2f2f2;
    padding-top: 85px;
    padding-bottom: 50px;
    margin-bottom: 84px;
}

#types_roll_profile .image {
    text-align: center;
    margin-bottom: 50px;
}

#types_roll_profile .text p {
    padding: 0 40px;
}

#types_roll_profile .text .head {
    font-family: bebas_neue, sans-serif;
    text-align: center;
    font-size: 36px;
    margin-bottom: 6px;
}

#storage_systems {
    margin-bottom: 75px;
}

#storage_systems .row {
    padding-top: 18px;
}

#storage_systems .image {
    margin-bottom: 17px;
}

#storage_systems .head {
    font-family: bebas_neue, sans-serif;
    font-size: 36px;
    line-height: 1.4;
}

#storage_systems .head span {
    display: block;
    font-family: ubuntu, sans-serif;
    text-transform: none;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 2px;
    padding-bottom: 15px;
    margin-bottom: 16px;
    color: #d30038;
    border-bottom: 1px solid #000000;
}

#storage_systems .text p {
    font-size: 16px;
    padding: 0 0 0 6px;
    margin-top: -2px;
    line-height: 1.4;
}

#cost_calc {
    background: url("../images/background_1_2.jpg") center center no-repeat;
    padding-top: 86px;
    min-height: 992px;
    position: relative;
    overflow: hidden;
    margin-bottom: 87px;
}

#cost_calc .form {
    width: 520px;
    float: right;
    background: rgba(255,255,255,.7);
    position: relative;
    padding: 12px;
    border-radius: 14px;
    margin: -107px 60px 0 0;
    z-index: 1;
}

#cost_calc .form .h2 {
    text-align: center;
    color: black;
    font-size: 36px;
    margin-top: 23px;
    font-family: bebas_neue, sans-serif;
    text-transform: uppercase;
    padding: 0 54px;
    margin-bottom: 24px;
}

#cost_calc .form label {
    margin: 0;
    color: black;
}

#cost_calc .form .form-control {
    padding: 0 5px;
    height: 27px;
    border-radius: 0;
    border: none;
    background: transparent;
    border-bottom: 1px solid #000000;
    outline: none;
}
#cost_calc .form .form-control:active,
#cost_calc .form .form-control:focus {
    border-color: #d30038;
    box-shadow: none;
}

#cost_calc .form .form-row {
    margin-bottom: 30px;
}

#cost_calc .form .h2.red {
    color: #d30038;
    padding-top: 12px;
    margin-bottom: 15px;
}
#calc_form .form-row.bordered {
    margin-bottom: 42px;
    padding-bottom: 21px;
    border-bottom: 1px solid #000000;
}

#calc_form .pl-5.pr-5 {
    padding: 0 60px!important;
}

#calc_form .pl-5.pr-5 > .form-group {
    margin-bottom: 33px;
}

#calc_form .pl-5.pr-5 > .form-group.last {
    margin: -24px 0 20px 0;
}

#calc_form .footer-text {
    font-family: ubuntu, sans-serif;
    font-size: 15px;
    color: black;
    line-height: 1.2;
    font-weight: bold;
    margin-bottom: 20px;
}
.custom-control-input:not(:disabled):active~.custom-control-label::before {
    color: #fff;
    background-color: rgba(211, 0, 56, .75);
    border-color: rgba(211, 0, 56, .75);
}

.custom-control-input:focus~.custom-control-label::before {
    box-shadow: 0 0 0 0.2rem rgba(211, 0, 56, .25);
}

.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #d30038;
    background-color: #d30038;
}

#scheme_work {
    margin-bottom: 56px;
}

#scheme_work .item {
    text-align: center;
    padding-top: 34px;
}

#scheme_work .item img {
    margin-bottom: 31px;
}

#scheme_work .text .h3 {
    font-family: bebas_neue, sans-serif;
    text-transform: uppercase;
    font-size: 34px;
    margin-bottom: 15px;
}
#scheme_work .text p {
    padding: 0 80px;
    line-height: 1.4;
}

#add_options {
    background: #d30038;
    padding-top: 88px;
    padding-bottom: 100px;
}

#add_options .items {
    margin: 0 auto;
    background: white;
    max-width: 1140px;
    padding: 73px 0 67px;
    border-radius: 0 0 30px 0;
}

#add_options .items > div {
    position: relative;
}

#add_options .items > div:after {
    content: '';
    width: 1px;
    height: 285px;
    background: black;
    position: absolute;
    top: 26px;
    right: -12px;
}

#add_options .items > div:last-of-type:after {
    display: none;
}

#add_options .items .text,
#add_options .items .image {
    text-align: center;
}

#add_options .items .image {
    margin-bottom: 58px;
    font-size: 52px;
    font-weight: bold;
    font-family: bebas_neue, sans-serif;
}

#add_options .items .image.number {
    margin-bottom: 64px;
    padding-top: 8px;
    font-size: 56px;
}

#add_options .items .text .h3 {
    font-family: bebas_neue, sans-serif;
    font-size: 36px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

#add_options .items .text p {
    font-size: 16px;
    line-height: 1.25;
}

#add_options .h1 {
    margin-bottom: 60px;
}

#storage_things {
    background: url("../images/background_2.jpg") center center no-repeat;
    padding-top: 86px;
    height: 880px;
    margin-bottom: 86px;
    overflow: hidden;
}

#storage_things .container {
    z-index: 1;
}

#storage_things p {
    font-family: bebas_neue, sans-serif;
    text-transform: uppercase;
    color: white;
    position: absolute;
    font-size: 24px;
}
#storage_things p:after {
    content: '';
    background: url("../images/pointer_line.png") top left no-repeat;
    width: 146px;
    height: 73px;
    position: absolute;
}
#storage_things p.things {
    top: 187px;
    left: 676px;
}
#storage_things p.things:after {
    top: 88px;
    left: -24px;
    transform: rotate(-140deg);
}
#storage_things p.wheel_auto {
    top: 241px;
    left: 1096px;
}
#storage_things p.wheel_auto:after {
    top: 80px;
    left: -56px;
    transform: rotate(-120deg);
}
#storage_things p.pram {
    top: 417px;
    left: 21px;
}
#storage_things p.pram:after {
    top: -55px;
    left: 175px;
    transform: rotate(130deg);
}
#storage_things p.snowboard {
    top: 491px;
    left: 1194px;
}
#storage_things p.snowboard:after {
    top: 46px;
    left: -136px;
    transform: rotate(286deg);
}
#storage_things p.tools {
    top: 661px;
    left: 804px;
}
#storage_things p.tools:after {
    top: -55px;
    left: -160px;
    transform: rotate(360deg);
}
#content {
    margin-bottom: 90px;
    overflow: hidden;
}
#questions {
    background: url("../images/background_3.jpg") center center no-repeat;
    position: relative;
    padding: 90px 0 0 0;
    height: 876px;
    overflow: hidden;
}
#questions .container {
    position: relative;
}

footer {
    background: #d30038;
    color: white;
}

footer .logo {
    font-family: bebas_neue, sans-serif;
    text-transform: uppercase;
    font-size: 36px;
}

footer .logo span {
    padding: 34px 0 10px;
    display: block;
}
footer .clockwork {
    margin: 54px 0 0 106px;
}

footer .clockwork .first {
    margin-right: 26px;
}

footer .clockwork sup {
    margin: 0 6px;
}

footer .clockwork .divider {
    width: 18px;
    height: 2px;
    background: white;
    display: inline-block;
    margin: 1px 8px;
}

footer .phones {
    font-family: ubuntu, sans-serif;
    font-size: 24px;
    color: white;
    line-height: 1.6;
    font-weight: bold;
    padding-top: 14px;
}

footer .phones img {
    margin: -5px 11px 0 0;
}

#toTop {
    position: fixed;
    bottom: 50%;
    right: 50px;
    color: white;
    background: #d30038;
    font-size: 50px;
    opacity: .75;
    text-shadow: 2px 5px 5px rgba(0,0,0,.5);
    cursor: pointer;
    z-index: 10;
    display: none;
    line-height: 1.15;
    width: 60px;
    height: 60px;
    text-align: center;
    border-radius: 50%;
    box-shadow: 0 2px 2px rgba(0,0,0,.5);
}

@media (max-width: 1601px) {
    li.layer.depth-first img {left: 500px;}
    li.layer.depth-fourth img {left: 61px;}
    li.layer.depth-third img {left: 347px;}
    li.layer.depth-second img {left: 862px;}
    #scene_two li.layer.depth-first img {left: 229px;}
    #scene_two li.layer.depth-second img {left: 590px;}
    #scene_two li.layer.depth-fourth img {left: 160px;}
    #scene_three li.layer.depth-first img {left: 1042px;}
    #scene_three li.layer.depth-second img {left: 524px;}
    #scene_three li.layer.depth-third img {left: 596px;}
    #scene_three li.layer.depth-fourth img {left: 1032px;}
    #scene_three li.layer.depth-five img {left: 201px;}
    #storage_things p.wheel_auto:after {left: -70px;transform: rotate(-85deg);}
    #storage_things p.snowboard:after {left: -140px;transform: rotate(305deg);}
    #scene_four li.layer.depth-first img {left: 230px;}
    #scene_four li.layer.depth-second img {left: 961px;}
    #scene_four li.layer.depth-third img {left: 92px;}
    #scene_four li.layer.depth-fourth img {left: 1240px;}
    #scene_four li.layer.depth-five img {left: 760px;}
}

@media (max-width: 1537px) {
    li.layer.depth-first img {left: 500px;}
    li.layer.depth-fourth img {left: 61px;}
    li.layer.depth-third img {left: 347px;}
    li.layer.depth-second img {left: 862px;}
    #scene_two li.layer.depth-first img {left: 229px;}
    #scene_two li.layer.depth-second img {left: 590px;}
    #scene_two li.layer.depth-fourth img {left: 160px;}
    #scene_three li.layer.depth-first img {left: 1042px;}
    #scene_three li.layer.depth-second img {left: 524px;}
    #scene_three li.layer.depth-third img {left: 596px;}
    #scene_three li.layer.depth-fourth img {left: 1032px;}
    #scene_three li.layer.depth-five img {left: 201px;}
    #storage_things p.wheel_auto:after {left: -70px;transform: rotate(-85deg);}
    #storage_things p.snowboard:after {left: -140px;transform: rotate(305deg);}
    #scene_four li.layer.depth-first img {left: 230px;}
    #scene_four li.layer.depth-second img {left: 961px;}
    #scene_four li.layer.depth-third img {left: 92px;}
    #scene_four li.layer.depth-fourth img {left: 1240px;}
    #scene_four li.layer.depth-five img {left: 760px;}
}

@media (max-width: 1401px) {
    li.layer.depth-first img {left: 350px;}
    li.layer.depth-fourth img {left: -140px;}
    li.layer.depth-third img {left: 200px;}
    li.layer.depth-second img {left: 666px;}
    #scene_two li.layer.depth-first img {left: 229px;}
    #scene_two li.layer.depth-second img {left: 590px;}
    #scene_two li.layer.depth-fourth img {left: 160px;}
    #scene_three li.layer.depth-first img {left: 970px;}
    #scene_three li.layer.depth-second img {left: 430px;}
    #scene_three li.layer.depth-third img {left: 596px;}
    #scene_three li.layer.depth-fourth img {left: 950px;}
    #scene_three li.layer.depth-five img {left: 140px;}
    #storage_things p.wheel_auto:after {left: -150px;transform: rotate(-85deg);}
    #storage_things p.snowboard:after {left: -140px;transform: rotate(305deg);}
    #scene_four li.layer.depth-first img {left: 120px;top: 490px;}
    #scene_four li.layer.depth-second img {left: 961px;}
    #scene_four li.layer.depth-third img {left: 5px;top: 570px;}
    #scene_four li.layer.depth-fourth img {left: 1240px;}
    #scene_four li.layer.depth-five img {left: 760px;}
    #first_screen .content .first {font-size: 34px;margin: 80px 0 0 400px;}
    #first_screen .content .second {margin: 100px 0 0 -70px;font-size: 56px;}
    #first_screen .content .third {margin: 92px 0 0 450px;}
    #first_screen .content .container:before {left: 530px;}
    #storage_systems .head {font-size: 32px;}
    #cost_calc .form {margin: 0 60px 0 0;}
    #cost_calc .form .h2 {font-size: 20px;}
    #storage_things p.wheel_auto {left: 1070px;}
    #storage_things p.snowboard {left: 1080px;}
    header .clockwork {margin: 55px 0 0 80px;}
    footer .clockwork {margin: 54px 0 0 70px;}
    #questions .form {right: 430px;}
    #storage_systems .text p {font-size: 14px;}
}

@media (max-width: 1369px) {
    li.layer.depth-first img {left: 235px;}
    li.layer.depth-fourth img {left: -320px;}
    li.layer.depth-third img {left: 80px;}
    li.layer.depth-second img {left: 566px;top: 315px;}
    #scene_two li.layer.depth-first img {left: 180px;}
    #scene_two li.layer.depth-second img {left: 530px;top: 555px;}
    #scene_two li.layer.depth-fourth img {left: 130px;}
    #scene_three li.layer.depth-first img {left: 900px;}
    #scene_three li.layer.depth-second img {left: 350px;}
    #scene_three li.layer.depth-third img {left: 530px;}
    #scene_three li.layer.depth-fourth img {left: 825px;}
    #scene_three li.layer.depth-five img {left: 65px;}
    #storage_things p.wheel_auto:after {left: -150px;transform: rotate(-85deg);}
    #storage_things p.snowboard:after {left: -140px;transform: rotate(305deg);}
    #scene_four li.layer.depth-first img {left: 120px;top: 490px;}
    #scene_four li.layer.depth-second img {left: 961px;}
    #scene_four li.layer.depth-third img {left: 5px;top: 570px;}
    #scene_four li.layer.depth-fourth img {left: 1240px;}
    #scene_four li.layer.depth-five img {left: 760px;}
    #first_screen .content .first {font-size: 34px;margin: 80px 0 0 350px;}
    #first_screen .content .second {margin: 100px 0 0 -70px;font-size: 56px;}
    #first_screen .content .third {margin: 92px 0 0 380px;}
    #first_screen .content .container:before {left: 480px;}
    #storage_systems .head {font-size: 32px;}
    #cost_calc .form {margin: 0;}
    #cost_calc .form .h2 {font-size: 20px;}
    #storage_things p.wheel_auto {left: 1070px;}
    #storage_things p.snowboard {left: 1075px;top: 475px;}
    header .clockwork {margin: 55px 0 0 80px;}
    footer .clockwork {margin: 54px 0 0 70px;}
    #questions .form {right: 360px;}
    #storage_systems .text p {font-size: 14px;}
    #storage_things p.tools {left: 710px;}
}

@media (max-width: 1201px) {
    #first_screen .content .second {margin: 100px 0 0 20px;font-size: 48px;}
    #first_screen .content .third {margin: 92px 0 0 350px;}
    #scene_three li.layer.depth-five img {left: -10px;}
    #scene_three li.layer.depth-second img {left: 255px;}
    #scene_three li.layer.depth-first img {left: 820px;}
    #scene_three li.layer.depth-third img {left: 445px;}
    #storage_things p.tools {left: 666px;}
    #scene_three li.layer.depth-fourth img {left: 740px;}
    #storage_things p.wheel_auto {left: 990px;}
    #storage_things p.wheel_auto:after {left: -135px;transform: rotate(-70deg);}
}
@media (max-width: 1153px) {
    header div.logo span {font-size: 28px;}
    footer .clockwork .first, header .clockwork .first {margin-right: 8px;}
    footer .clockwork sup, header .clockwork sup {left: 0;margin: 0}
    footer .clockwork .divider, header .clockwork .divider {width: 12px;margin: 0;}
    footer .clockwork, header .clockwork {margin: 55px 0 0 75px;}
    #first_screen .content .second {margin: 100px 0 0 0;font-size: 48px;width: 300px;}
    #first_screen .content .first {margin: 80px 0 0 220px;}
    #first_screen .content .third {margin: 92px 0 0 240px;}
    #first_screen .content .container:before {left: 350px;}
    #first_screen .content .third {margin: 45px 0 0 240px;}
    #types_roll_profile .text p {padding: 0 8px;}
    #types_roll_profile .image img {width: 100%;height: auto;}
    #storage_systems .image img {width: 100%;height: auto;}
    #storage_systems .text p {font-size: 12px;}
    #scheme_work .text p {padding: 0 40px;}
    #scene_three li.layer.depth-five img {left: 0;}
    #storage_things p.pram {top: 505px;left: 145px;}
    #storage_things p.pram:after {top: -100px;left: -50px;transform: rotate(30deg);}
    #storage_things p.things {top: 165px;left: 550px;}
    #storage_things p.wheel_auto {left: 870px;}
    #storage_things p.wheel_auto:after {left: -30px;transform: rotate(-85deg);}
    #scene_three li.layer.depth-fourth img {left: 675px;}
    #storage_things p.snowboard {left: 945px;top: 475px;}
    #scene_four li.layer.depth-five img {left: 585px;}
    #scene_four li.layer.depth-fourth img {left: 1020px;}
    #scene_four li.layer.depth-second img {left: 885px;}
    #scene_four li.layer.depth-first img {left: 10px;}
    #scene_four li.layer.depth-third img {display: none}
}

@media (max-width: 1025px) {
    #scene_three li.layer.depth-five img {left: -70px;}
    #storage_things p.pram {left: 265px;}
    #storage_things p.tools {left: 570px;top: 725px;}
    #storage_things p.tools:after {top: -95px;left: -60px;transform: rotate(22deg);}
    #storage_things p.wheel_auto {left: 790px;}
    #scene_three li.layer.depth-fourth img {left: 630px;top: 670px;}
    #storage_things p.snowboard {left: 800px;}
    #storage_things p.snowboard:after {left: -40px;transform: rotate(275deg);top: 70px;}
    #storage_things p.wheel_auto:after {left: 50px;transform: rotate(-135deg);}
    #scene_four li.layer.depth-second img {left: 740px;}
    #scene_two li.layer.depth-fourth img {left: 20px;}
    #scene_two li.layer.depth-first img {left: 100px;}
    #scene_two li.layer.depth-second img {left: 385px;top: 520px;}
}

@media (max-width: 855px) {
    header div.logo span {font-size: 20px;}
    footer .clockwork, header .clockwork {margin: 55px 0 0 0;}
    footer .clockwork .first, header .clockwork .first {margin-right: 4px;}
    header .phones {font-size: 22px;}
    #questions .form, #first_screen .form {width: 400px;}
    #questions form .h2, #first_screen form .h2 {font-size: 32px;}
    li.layer.depth-first img {left: 150px;}
    li.layer.depth-third img {left: 20px;}
    #questions form .h2 span, #first_screen form .h2 span {font-size: 12px;}
    #first_screen .content .first {margin: 80px 0 0 150px;}
    #first_screen .content .third {margin: 45px 0 0 110px;}
    #first_screen .content .container:before {left: 195px;}
    #first_screen .content .first {margin: 80px 0 0 65px;}
    li.layer.depth-second img {left: 620px;top: 300px;}
    #what_do_we_offer .item .image img {min-width: 200px;margin-left: -90px;}
    #what_do_we_offer .item {padding: 0 0 0 10px;}
    #types_roll_profile .text .head {font-size: 22px;}
    #types_roll_profile .text .text-center {font-size: 12px;}
    #storage_systems .head {font-size: 20px;}
    #storage_systems .head span {font-size: 10px;}
    #cost_calc .form {width: 400px;}
    #cost_calc form {padding: 0 4px;}
    #cost_calc .form label {font-size: 12px;padding-top: 4px;}
    #scene_two li.layer.depth-fourth img {left: 0;}
    #scheme_work .text p {padding: 0;}
    #add_options .items .text p {font-size: 14px;}
    #add_options .items .text .h3 {font-size: 24px;}
    #add_options .items > div:after {right: 0;}
    #scene_three li.layer.depth-second img {left: 95px;}
    #scene_three li.layer.depth-five img {left: -100px;}
    #storage_things p.pram {left: 100px;}
    #scene_three li.layer.depth-third img {left: 330px;}
    #scene_three li.layer.depth-fourth img {left: 510px;top: 670px;}
    #storage_things p.things {left: 420px;}
    #storage_things p.tools {left: 400px;}
    #storage_things p.snowboard {left: 645px;}
    #scene_three li.layer.depth-first img {left: 630px;}
    #storage_things p.wheel_auto {left: 635px;}
    #storage_things p.wheel_auto:after {left: 15px;transform: rotate(-100deg);}
    #scene_four li.layer.depth-first img {left: 10px;top: 378px;}
    #scene_four li.layer.depth-second img {left: 610px;}
    #scene_four li.layer.depth-five img {left: 430px;}
    #questions .form {width: 400px;right: auto;left: 60px;}
    footer .logo {font-size: 32px;}
    footer .clockwork .divider, header .clockwork .divider {margin: 0 0 3px;}
    footer .phones {font-size: 22px;}
    #cost_calc .form .h2 {font-size: 16px;}
    #calc_form .footer-text {font-size: 14px;}
}

@media (max-width: 801px) {
    #first_screen {overflow: hidden;}
    #scene_two li.layer.depth-fourth img {left: -90px;}
    #storage_things p.things {left: 360px;}
    #storage_things p.things:after {transform: rotate(-125deg);}
    #storage_things p.wheel_auto {left: 580px;}
    #storage_things p.wheel_auto:after {left: 40px;transform: rotate(-145deg);}
}

@media (max-width: 641px) {
    #first_screen div.logo {padding: 34px 0 0 0}
    footer .clockwork, header .clockwork {margin: 58px -15px 0 0;}
    header .phones {font-size: 14px;padding-top: 36px;}
    header .phones img {margin: -3px 6px 0 0;width: 18px;}
    #first_screen .form {display: none;}
    #first_screen .content .container:before {left: 425px;}
    #first_screen .content .third {margin: 45px 0 0 310px;}
    #first_screen .content .second {margin: 100px 0 0 0;font-size: 48px;width: 485px;}
    li.layer.depth-second img {display: none}
    #first_screen .content .first {margin: 80px 0 0 290px;}
    #first_screen {height: 635px;}
    h1.h1, div.h1 {font-size: 42px;}
    .slick-prev:before, .slick-next:before {display: none;}
    .slick-prev, .slick-next {color: black;margin-top: -130px;}
    #scene_two li.layer.depth-fourth img {display: none;}
    #scene_two li.layer.depth-first img {left: -18px;}
    #cost_calc .form {width: 100%;left: 0;}
    #scene_three li.layer.depth-five img {left: -180px;}
    #scene_three li.layer.depth-fourth img {left: 400px;}
    #scene_three li.layer.depth-third img {left: 220px;}
    #storage_things p.tools {left: 315px;}
    #scene_three li.layer.depth-second img {left: -20px;display: block;}
    #scene_three li.layer.depth-first img {left: 460px;}
    #storage_things p.snowboard {left: 415px;}
    #storage_things p.snowboard:after {left: 40px;transform: rotate(215deg);top: 70px;}
    #storage_things p.wheel_auto {display: none;}
    footer div.logo {padding: 16px 0 0 0;}
    footer .logo span {font-size: 20px;}
    footer .clockwork {margin: 58px -15px 0 0;}
    footer .phones {font-size: 14px;}
    footer .phones img {margin: 5px 3px 7px 0;}
    #add_options .items > div:after {display: none;}
}

@media (max-width: 601px) {
    #scene_four li.layer.depth-five img {left: 360px;}
    #questions .form {left: 0;}
}

@media (max-width: 481px) {
    .slick-next {right: 25px;}
    #scene_four li.layer.depth-five img {display: none;}
    #questions .form {left: 50%;margin-left: -200px;}
    #questions {height: 752px;}
    img.logo {display: none;}
    #first_screen div.logo {padding: 0 15px;}
    li.layer.depth-fourth img {left: -500px;}
    header div.logo span {font-size: 42px;line-height: 1;}
    #first_screen .content .second {width: 290px;}
    header .phones {font-size: 22px;padding-top: 15px;}
    #first_screen .content .first {margin: 30px 0 0 150px;}
    #first_screen .content .third {margin: 14px 0 0 180px;}
    #first_screen .content .container:before {left: 300px;}
    #storage_systems .image {padding-right: 45px;}
    .slick-prev, .slick-next {margin-top: -150px;width: 25px;height: 46px;}
    #storage_systems .text p {padding: 0}
    #storage_things p.pram,#scene_three li.layer.depth-five img {display: none;}
    #scene_three li.layer.depth-second img {left: -117px;}
    #scene_three li.layer.depth-third img {left: -35px;}
    #storage_things p.tools {left: 100px;}
    #storage_things p.snowboard {left: 230px;}
    #scene_three li.layer.depth-fourth img {left: 150px;}
    #storage_things p.things {left: 175px;}
    #scene_three li.layer.depth-first img {display: none;}
    footer .clockwork, header .clockwork {margin: 8px 0 0 0;}
    footer div.logo {padding: 16px 15px 0 15px;}
}

@media (max-width: 401px) {
    #cost_calc {padding-top: 40px}
    h1.h1, div.h1 {padding: 0;margin-bottom: 16px;}
    #calc_form .footer-text {font-size: 12px;}
    #first_screen .content .container:before {left: 265px;}
    #first_screen .content .third {margin: 14px 0 0 140px;}
    #first_screen .content .first {margin: 30px 0 0 120px;}
    #storage_things h1.h1, div.h1 {width: 366px}
    #toTop {right: 15px}
    #questions .form {width: 100%;left: 0;margin-left: 0;height: auto;}
    footer .logo span {padding: 5px 0 10px;}
}

@media (max-width: 376px) {
    header .phones {font-size: 16px;padding-top: 24px;}
    header div.logo span {font-size: 30px;}
    #first_screen .content .container:before {left: 254px;}
    #scene_three li.layer.depth-fourth img {left: 80px;}
    #storage_things p.snowboard {left: 155px;}
    #questions form .h2 {font-size: 28px;}
    #questions form .h2 span {font-size: 10px;letter-spacing: 1px!important;}
}

@media (max-width: 321px) {
    header div.logo span {font-size: 32px;line-height: 1;}
    header .phones {font-size: 16px;padding-top: 26px;}
    #first_screen .content .first {margin: 30px 0 0 70px;}
    #what_do_we_offer .item .image img {margin-left: -120px;}
    #first_screen {margin-bottom: 30px;}
    #what_do_we_offer .item .text {padding-top: 30px;}
    #what_do_we_offer {margin-bottom: 30px;}
    #types_roll_profile {padding-top: 40px;}
    #storage_things h1.h1, div.h1 {width: 105%;}
    #cost_calc {padding-top: 40px;min-height: 900px;margin-bottom: 30px;}
    #add_options {padding-top: 30px;padding-bottom: 40px;}
    #add_options .items .image {margin-bottom: 10px}
    #add_options .items > div {margin-bottom: 20px}
    #add_options .items {padding: 40px 0 20px;}
    #storage_things {padding-top: 30px;margin-bottom: 40px;}
    #storage_things p.things {left: 15px;}
    #scene_three li.layer.depth-second img {left: -270px;}
    #scene_three li.layer.depth-third img {left: -80px;}
    #storage_things p.snowboard {left: 120px;}
    #scene_three li.layer.depth-fourth img {left: 5px;}
    #storage_things p.snowboard {left: 120px;top: 520px;}
    #content {margin-bottom: 30px;}
    #questions {height: 752px;padding-top: 30px;}
    #questions form .h2 {font-size: 22px;}
    #questions form .h2 span {font-size: 14px;}
    footer .logo span {padding: 5px 0 10px;}
    #first_screen .content .container:before {left: 195px;}
    #first_screen .content .third {margin: 14px 0 0 80px;}
    #storage_systems {margin-bottom: 0;}
}