html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

hr {
    margin: 0;
    padding: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

body {
    line-height: 1
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

input {
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none
}

.clearfix::after,
.ceiling_rewiev .ceil_rew1::after,
.ceiling_rewiev .ceil_rew2::after,
.window_change::after,
.forma::after,
.timer .timer_counter::after {
    content: "";
    display: table;
    clear: both;
    height: 0;
    visibility: hidden
}

@font-face {
    font-family: 'pt_sansregular';
    src: url("../fonts/PTS55F-webfont.eot");
    src: url("../fonts/PTS55F-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/PTS55F-webfont.woff") format("woff"), url("../fonts/PTS55F-webfont.ttf") format("truetype"), url("../fonts/PTS55F-webfont.svg#pt_sansregular") format("svg");
    font-weight: normal;
    font-style: normal
}

a {
    display: block;
    color: #656565;
    text-decoration: none
}

li {
    list-style: none
}

:focus {
    outline: none
}

body {
    font: 1em "pt_sansregular", sans-serif;
    -webkit-font-smoothing: antialiased
}

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

.container::after {
    content: '';
    display: block;
    clear: both
}

h2 {
    text-transform: uppercase;
    font-size: 40px;
    text-align: center;
    color: #c20000;
    position: relative;
    letter-spacing: -2px;
    padding-bottom: 10px;
    background: url("../img/line_h2.png") bottom center no-repeat;
    margin-bottom: 50px
}

section {
    padding: 50px 0 0
}

section::after {
    content: '';
    display: block;
    clear: both
}

.section_one,
header {
    background: url("../img/greyzz_dark.png") repeat
}

.logo {
    float: left;
    padding-top: 20px;
    width: 360px
}

.logo img {
    float: left;
    margin: 0 20px 0 0
}

.logo h1 {
    padding-top: 10px;
    text-transform: uppercase;
    font: 40px "pt_sansregular", sans-serif
}

.logo p {
    position: relative;
    text-transform: uppercase;
    white-space: nowrap
}

.top_tel {
    float: right;
    width: 60%;
    padding-top: 26px
}

.top_tel span {
    display: inline-block;
    font-size: 22px;
    margin-left: 55px;
    margin-top: 5px
}

.top_tel a {
    background: url("../img/top_btn.png") no-repeat;
    width: 312px;
    height: 56px;
    float: right;
    position: relative;
    bottom: 29px
}

nav ul {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

nav ul li {
    display: inline-block
}

nav ul li a {
    text-transform: uppercase;
    font-size: 18px;
    padding: 20px 0 10px;
    border-bottom: 1px solid #656565
}

nav ul li a:hover {
    color: #c20000;
    border-bottom: 1px solid #c20000
}

/*nav ul li a::after {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    border-top: 10px solid #c20000;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent
}
*/
.door_section {
    background: url("../img/doors/floor.jpg") left bottom repeat-x;
    height: 791px
}

.door_section h2 {
    padding-top: 50px
}

.door_section .top_door {
    float: left;
    width: 33.33%;
    text-align: center;
    position: relative
}

.door_section .top_door .price_layout {
    position: absolute;
    bottom: 54px;
    left: 91px;
    width: 139px
}

.door_section .top_door .price_layout p {
    color: #fff;
    display: block;
    position: relative;
    font-size: 18px;
    margin-bottom: 5px
}

.door_section .top_door .price_layout p::after {
    content: '';
    display: block;
    width: 90px;
    height: 2px;
    background: #c20000;
    position: absolute;
    left: 27px;
    bottom: 10px
}

.door_section .top_door .price_layout span {
    font-size: 30px;
    color: #fff;
    text-shadow: 1px 1px 1px #000
}

.door_section .top_door .price_layout a {
    color: #fff;
    background: #c20000;
    display: inline-block;
    padding: 3px 5px;
    text-transform: uppercase;
    margin-top: 10px
}

.door_section .counter_layout {
    background: url("../img/doors/for_timer.png") no-repeat;
    margin: 545px auto 0;
    height: 131px;
    width: 924px
}

.door_section .counter_layout .left_counter_layout {
    width: 50%;
    height: 100%;
    float: left;
    padding-left: 50px;
    box-sizing: border-box;
    position: relative
}

.door_section .counter_layout .left_counter_layout p {
    text-align: center;
    color: #656565;
    padding: 5px 0 10px
}

.door_section .counter_layout .left_counter_layout input {
    display: block;
    width: 250px;
    height: 30px;
    margin-bottom: 13px;
    border: none;
    box-shadow: inset 1px 1px 5px #555, -1px 1px 5px #fff
}

.door_section .counter_layout .left_counter_layout input[type="text"] {
    text-indent: 47px;
    font-size: 17px
}

.door_section .counter_layout .left_counter_layout input[name="name"] {
    background: #eee url("../img/form_person.png") 5px center / 25px 25px no-repeat;
    background-size: 10%
}

.door_section .counter_layout .left_counter_layout input[name="tel"] {
    background: #eee url("../img/form_tel.png") 5px center / 25px 25px no-repeat;
    background-size: 10%
}

.door_section .counter_layout .left_counter_layout input[type="submit"] {
    width: 140px;
    height: 78px;
    position: absolute;
    right: 0px;
    top: 32px;
    background-color: #c20000;
    border-radius: 2px;
    color: #fff;
    text-transform: uppercase;
    white-space: normal;
    font-size: 20px;
    cursor: pointer;
    margin: 0
}

.door_section .counter_layout .left_counter_layout input[type="submit"]:hover {
    color: #000
}

.door_section .counter_layout .right_counter_layout {
    width: 50%;
    float: right;
    height: 100%
}

.door_section .counter_layout .right_counter_layout .timer p {
    padding: 11px 0
}

.door_section .counter_layout .right_counter_layout .timer ul {
    margin-left: 30px !important
}

.section_ceiling {
    background: url("../img/greyzz_dark.png") repeat;
    padding-bottom: 120px
}

.section_ceiling .change_skidka {
    position: relative;
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
    margin-bottom: 24px
}

.section_ceiling .change_skidka p:first-child {
    font-size: 60px;
    color: #c20000;
    font-weight: bold;
    text-shadow: 2px 0 0 #fff, 0 2px 0 #fff, -2px 0 0 #fff, 0 -2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff;
    float: left;
    margin-right: 10px
}

.section_ceiling .change_skidka p:last-child {
    color: #fff;
    font-size: 27px;
    font-weight: bold;
    line-height: 25px;
    text-shadow: 3px 3px 3px #888
}

.section_ceiling .change_skidka p:last-child span {
    text-transform: uppercase;
    font-size: 35px
}

.section_ceiling .flat {
    background: url("../img/ceiling/flat1.jpg") top right no-repeat;
    height: 540px;
    position: relative
}

.section_ceiling .flat input[type="radio"] {
    display: none
}

.section_ceiling .flat label {
    display: block;
    position: absolute;
    cursor: pointer
}

.section_ceiling .flat [for="ceil1"] {
    background: url("../img/ceiling/r1.png") no-repeat;
    opacity: 0;
    width: 300px;
    height: 200px;
    top: 201px;
    left: 500px;
    z-index: 1
}

.section_ceiling .flat [for="ceil2"] {
    background: url("../img/ceiling/r2.png") no-repeat;
    opacity: 0;
    width: 216px;
    height: 174px;
    left: 340px;
    top: 273px;
    z-index: 1
}

.section_ceiling .flat [for="ceil3"] {
    background: url("../img/ceiling/r3.png") no-repeat;
    opacity: 0;
    width: 220px;
    height: 226px;
    left: 290px;
    top: 88px;
    z-index: 1
}

.section_ceiling .flat [for="ceil4"] {
    background: url("../img/ceiling/r4.png") no-repeat;
    opacity: 0;
    width: 172px;
    height: 151px;
    left: 463px;
    top: 64px;
    z-index: 1
}

.section_ceiling .flat [for="ceil5"] {
    background: url("../img/ceiling/r5.png") no-repeat;
    opacity: 0;
    width: 353px;
    height: 325px;
    left: 579px;
    top: 22px
}

.section_ceiling .flat [for="ceil1"]:hover {
    opacity: 1
}

.section_ceiling .flat [for="ceil2"]:hover {
    opacity: 1
}

.section_ceiling .flat [for="ceil3"]:hover {
    opacity: 1
}

.section_ceiling .flat [for="ceil4"]:hover {
    opacity: 1
}

.section_ceiling .flat [for="ceil5"]:hover {
    opacity: 1
}

.section_ceiling .flat #ceil1:checked~[for="ceil1"] {
    opacity: 1
}

.section_ceiling .flat #ceil2:checked~[for="ceil2"] {
    opacity: 1
}

.section_ceiling .flat #ceil3:checked~[for="ceil3"] {
    opacity: 1
}

.section_ceiling .flat #ceil4:checked~[for="ceil4"] {
    opacity: 1
}

.section_ceiling .flat #ceil5:checked~[for="ceil5"] {
    opacity: 1
}

.section_ceiling .flat #ceil1:checked~.flat_info .flat_info1 {
    display: block
}

.section_ceiling .flat #ceil2:checked~.flat_info .flat_info2 {
    display: block
}

.section_ceiling .flat #ceil3:checked~.flat_info .flat_info3 {
    display: block
}

.section_ceiling .flat #ceil4:checked~.flat_info .flat_info4 {
    display: block
}

.section_ceiling .flat #ceil5:checked~.flat_info .flat_info5 {
    display: block
}

.section_ceiling .flat_info>div {
    display: none
}

.section_ceiling .flat_info1 {
    position: relative;
    background: url("../img/ceiling/line1.png") no-repeat;
    width: 614px;
    height: 296px;
    top: 245px
}

.section_ceiling .flat_info1 span {
    color: #c20000;
    display: block;
    font-size: 40px;
    position: absolute;
    font-weight: bold
}

.section_ceiling .flat_info1 .meters {
    top: 120px;
    left: 160px
}

.section_ceiling .flat_info1 .ceil_cost {
    bottom: 20px;
    left: 40px
}

.section_ceiling .flat_info1 p {
    color: #656565;
    left: 170px;
    position: absolute;
    top: 170px
}

.section_ceiling .flat_info2 {
    position: relative;
    background: url("../img/ceiling/line2.png") no-repeat;
    width: 474px;
    height: 282px;
    top: 245px
}

.section_ceiling .flat_info2 span {
    color: #c20000;
    display: block;
    font-size: 40px;
    position: absolute;
    font-weight: bold
}

.section_ceiling .flat_info2 .meters {
    top: 105px;
    left: 160px
}

.section_ceiling .flat_info2 .ceil_cost {
    bottom: 20px;
    left: 40px
}

.section_ceiling .flat_info2 p {
    color: #656565;
    left: 170px;
    position: absolute;
    top: 155px
}

.section_ceiling .flat_info3 {
    position: relative;
    background: url("../img/ceiling/line3.png") no-repeat;
    width: 434px;
    height: 343px;
    top: 196px
}

.section_ceiling .flat_info3 span {
    color: #c20000;
    display: block;
    font-size: 40px;
    position: absolute;
    font-weight: bold
}

.section_ceiling .flat_info3 .meters {
    top: 157px;
    left: 160px
}

.section_ceiling .flat_info3 .ceil_cost {
    bottom: 15px;
    left: 40px
}

.section_ceiling .flat_info3 p {
    color: #656565;
    left: 170px;
    position: absolute;
    top: 206px
}

.section_ceiling .flat_info4 {
    position: relative;
    background: url("../img/ceiling/line4.png") no-repeat;
    width: 574px;
    height: 403px;
    top: 139px
}

.section_ceiling .flat_info4 span {
    color: #c20000;
    display: block;
    font-size: 40px;
    position: absolute;
    font-weight: bold
}

.section_ceiling .flat_info4 .meters {
    top: 220px;
    left: 160px
}

.section_ceiling .flat_info4 .ceil_cost {
    bottom: 15px;
    left: 40px
}

.section_ceiling .flat_info4 p {
    color: #656565;
    left: 170px;
    position: absolute;
    top: 270px
}

.section_ceiling .flat_info5 {
    position: relative;
    background: url("../img/ceiling/line5.png") no-repeat;
    width: 785px;
    height: 356px;
    top: 139px
}

.section_ceiling .flat_info5 span {
    color: #c20000;
    display: block;
    font-size: 40px;
    position: absolute;
    font-weight: bold
}

.section_ceiling .flat_info5 .meters {
    top: 180px;
    left: 160px
}

.section_ceiling .flat_info5 .ceil_cost {
    bottom: 15px;
    left: 40px
}

.section_ceiling .flat_info5 p {
    color: #656565;
    left: 170px;
    position: absolute;
    top: 230px
}

.section_ceiling .timer_wrapp {
    position: absolute;
    top: 529px
}

.section_ceiling .forma_wrapp {
    position: absolute;
    width: 390px;
    right: 0;
    top: 487px
}

.ceiling_rewiev {
    background: url("../img/greyzz.png") repeat
}

.ceiling_rewiev .ceil_rew1 {
    height: 290px;
    width: 100%;
    margin: 40px 0;
    box-sizing: border-box;
    padding: 20px;
    box-shadow: inset 0 0 20px #777
}

.ceiling_rewiev .ceil_rew1 .main_rew_img {
    float: left;
    margin-right: 20px
}

.ceiling_rewiev .ceil_rew1 .ceil_rew1_inner {
    color: #656565
}

.ceiling_rewiev .ceil_rew1 .ceil_rew1_inner h3 {
    color: #c20000;
    font-size: 32px;
    padding-bottom: 10px
}

.ceiling_rewiev .ceil_rew1 .ceil_rew1_inner p {
    background: #fff url("../img/ceiling/trangle_red.png") no-repeat;
    width: 520px;
    height: 122px;
    float: left;
    box-sizing: border-box;
    padding: 20px;
    margin-top: 27px
}

.ceiling_rewiev .ceil_rew1 .ceil_rew1_inner .child_img {
    float: right;
    margin-top: 28px
}

.ceiling_rewiev .ceil_rew2 {
    color: #656565;
    height: 290px;
    width: 100%;
    box-sizing: border-box;
    padding: 20px;
    box-shadow: inset 0 0 20px #777
}

.ceiling_rewiev .ceil_rew2 h3 {
    color: #c20000;
    font-size: 32px;
    padding-bottom: 10px
}

.ceiling_rewiev .ceil_rew2 .child_img {
    float: left;
    margin-right: 10px;
    padding-top: 30px
}

.ceiling_rewiev .ceil_rew2 p {
    background: #fff url("../img/ceiling/trangle_red.png") no-repeat;
    width: 520px;
    height: 122px;
    float: left;
    box-sizing: border-box;
    padding: 20px;
    margin-top: 28px
}

.ceiling_rewiev .ceil_rew2 .main_rew_img {
    float: right;
    margin-left: 20px;
    margin-top: -100px
}

.ceiling_rewiev .ceil_rew2 span {
    display: block;
    width: 680px
}

.window_change {
    width: 100%;
    padding-bottom: 20px
}

.window_change input[type="radio"] {
    display: none
}

.window_change label {
    display: block;
    float: left;
    overflow: hidden;
    cursor: pointer;
    margin-left: 20px;
    position: relative;
    top: 460px;
    z-index: 1
}

.window_change [for="win1"] {
    background: url("../img/win/smallwin/1.png") 0 -47px no-repeat;
    width: 27px;
    height: 47px;
    margin-left: 176px
}

.window_change [for="win1"]:hover {
    background-position: 0 0
}

.window_change [for="win2"] {
    background: url("../img/win/smallwin/2.png") 0 -47px no-repeat;
    width: 47px;
    height: 47px
}

.window_change [for="win2"]:hover {
    background-position: 0 0
}

.window_change [for="win3"] {
    background: url("../img/win/smallwin/3.png") 0 -47px no-repeat;
    width: 67px;
    height: 47px
}

.window_change [for="win3"]:hover {
    background-position: 0 0
}

.window_change [for="win4"] {
    background: url("../img/win/smallwin/4.png") 0 -65px no-repeat;
    width: 67px;
    height: 65px
}

.window_change [for="win4"]:hover {
    background-position: 0 0
}

.window_leftside {
    width: 60%;
    position: relative
}

.window_leftside img {
    max-width: 100%
}

.window_leftside .skidka_banner {
    position: absolute;
    width: 151px;
    height: 165px;
    top: 200px;
    margin-left: 220px
}

.window_leftside .skidka_banner span {
    color: #c20000;
    position: absolute;
    font-size: 40px;
    top: 30px;
    left: 43px;
    font-weight: bold
}

#win1:checked~.window_change_inner .window_leftside {
    background: url("../img/win/bigwin/bigwin.png") 150px -1207px no-repeat;
    width: 567px;
    height: 415px;
    overflow: hidden
}

#win1:checked~.window_change_inner .window_rightside .win1 {
    display: block
}

#win2:checked~.window_change_inner .window_rightside .win2 {
    display: block
}

#win3:checked~.window_change_inner .window_rightside .win3 {
    display: block
}

#win4:checked~.window_change_inner .window_rightside .win4 {
    display: block
}

#win2:checked~.window_change_inner .window_leftside {
    background: url("../img/win/bigwin/bigwin.png") 126px -772px no-repeat;
    width: 567px;
    height: 430px;
    overflow: hidden
}

#win3:checked~.window_change_inner .window_leftside {
    background: url("../img/win/bigwin/bigwin.png") 100px -416px no-repeat;
    width: 567px;
    height: 362px;
    overflow: hidden
}

#win4:checked~.window_change_inner .window_leftside {
    background: url("../img/win/bigwin/bigwin.png") 100px 0px no-repeat;
    width: 567px;
    height: 410px;
    overflow: hidden
}

#fence h2 {
    margin-bottom: 90px
}

#fence h2 span {
    display: block;
    font-size: .9em
}

.fence h3 {
    text-align: center;
    text-transform: uppercase;
    font-size: 25px;
    color: #fff;
    width: 100%;
    height: 35px;
    line-height: 40px;
    position: relative;
    background: #c20000;
    margin-bottom: 20px
}

.fence h3::after {
    content: '';
    width: 0;
    height: 0;
    border-top: 10px solid #c20000;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    bottom: -10px;
    left: 185px;
    position: absolute
}

.fence .skidka_banner {
    top: 0;
    left: 404px;
    margin-left: 0
}

.window_change_inner {
    position: relative;
    width: 100%;
    top: -33px
}

.window_change_inner .window_leftside {
    float: left
}

.window_change_inner .window_rightside {
    width: 40%;
    float: right
}

.window_change_inner .window_rightside .win_hidden {
    display: none
}

.window_change_inner .window_rightside .win_hidden h3 {
    text-align: center;
    text-transform: uppercase;
    font-size: 25px;
    color: #fff;
    width: 100%;
    height: 35px;
    line-height: 40px;
    position: relative;
    background: #c20000;
    margin-bottom: 20px
}

.window_change_inner .window_rightside .win_hidden h3::after {
    content: '';
    width: 0;
    height: 0;
    border-top: 10px solid #c20000;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    bottom: -10px;
    left: 185px;
    position: absolute
}

.window_change_inner .window_rightside .win_hidden p {
    color: #656565;
    font-size: 1em;
    line-height: 20px;
    padding-bottom: 15px
}

.forma {
    position: relative
}

.forma p {
    text-align: center;
    padding: 25px 0 15px;
    color: #656565
}

.forma input {
    display: block;
    width: 250px;
    height: 40px;
    margin-bottom: 13px;
    border: none;
    box-shadow: inset 1px 1px 5px #555, -1px 1px 5px #fff
}

.forma input[type="text"] {
    text-indent: 47px;
    font-size: 17px
}

.forma input[name="name"] {
    background: #eee url("../img/form_person.png") 5px center / 25px 25px no-repeat
}

.forma input[name="tel"] {
    float: left;
    background: #eee url("../img/form_tel.png") 5px center / 25px 25px no-repeat
}

.forma input[type="submit"] {
    width: 120px;
    height: 98px;
    position: absolute;
    bottom: 13px;
    right: 0;
    background-color: #c20000;
    border-radius: 2px;
    color: #fff;
    text-transform: uppercase;
    white-space: normal;
    font-size: 20px;
    cursor: pointer;
    margin: 0
}

.forma input[type="submit"]:hover {
    color: #000
}

.window_price {
    border-bottom: 3px solid #c20000;
    max-height: 50px
}

.window_price p {
    font-size: 26px;
    color: #c20000 !important
}

.window_price p strong {
    font-weight: bold;
    font-size: 50px
}

.window_price p span {
    font-size: 12px;
    color: #656565
}

.timer {
    position: relative
}

.timer p {
    text-align: center;
    color: #656565;
    padding: 15px 0 10px
}

.timer .timer_counter li {
    float: left;
    text-align: center;
    font-size: 35px;
    font-weight: bold;
    color: #c20000;
    background-color: #F0F0F0;
    height: 70px;
    width: 80px;
    line-height: 50px;
    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.5);
    margin-left: 13px;
    position: relative;
    border-radius: 2px
}

.timer .timer_days {
    position: absolute;
    bottom: 7px;
    left: -13px
}

.timer .timer_days li {
    color: #656565;
    float: left;
    margin-left: 49px
}

.section_balkon {
    background: url("../img/greyzz_dark.png") repeat
}

.section_balkon .container {
    position: relative
}

.section_balkon .container input[type="radio"] {
    display: none
}

.section_balkon .container label {
    display: inline-block;
    cursor: pointer;
    text-transform: uppercase;
    color: #656565;
    padding: 5px 10px;
    border: 1px solid #656565;
    position: absolute;
    bottom: 20px
}

.section_balkon .container label:nth-of-type(1) {
    left: 40px
}

.section_balkon .container label:nth-of-type(2) {
    left: 280px
}

.section_balkon .container #bal1:checked~[for="bal1"] {
    background: #c20000;
    color: #fff
}

.section_balkon .container #bal2:checked~[for="bal2"] {
    background: #c20000;
    color: #fff
}

.section_balkon .container #bal1:checked~.bal_inner .right_bal .cold_bal {
    display: block
}

.section_balkon .container #bal2:checked~.bal_inner .right_bal .hot_bal {
    display: block
}

.section_balkon .container #bal1:checked~.bal_inner .left_bal {
    background: url("../img/balkon/cold.jpg") no-repeat;
    width: 533px;
    height: 611px
}

.section_balkon .container #bal2:checked~.bal_inner .left_bal {
    background: url("../img/balkon/hot.jpg") no-repeat;
    width: 533px;
    height: 611px
}

.section_balkon .container .bal_inner {
    height: 700px
}

.section_balkon .container .bal_inner .left_bal {
    width: 50%;
    float: left
}

.section_balkon .container .bal_inner .right_bal {
    width: 390px;
    float: right
}

.section_balkon .container .bal_inner .right_bal .cold_bal,
.section_balkon .container .bal_inner .right_bal .hot_bal {
    display: none
}

.section_balkon .container .bal_inner .right_bal h3 {
    position: relative;
    text-align: center;
    text-transform: uppercase;
    padding: 5px 0;
    background: #c20000;
    color: #fff;
    margin-bottom: 20px
}

.section_balkon .container .bal_inner .right_bal h3::after {
    content: '';
    width: 0;
    height: 0;
    border-top: 10px solid #c20000;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    bottom: -10px;
    left: 185px;
    position: absolute
}

.section_balkon .container .bal_inner p {
    color: #656565
}

.section_balkon .container .bal_inner .window_price {
    margin-top: 175px
}

.choice_color {
    background: url("../img/shadow1.png") left top repeat-x, url("../img/shadow2.png") left bottom repeat-x, url("../img/greyzz.png") repeat;
    padding-bottom: 17px
}

.choice_color h2 {
    text-align: center;
    font-size: 35px;
    color: #c20000
}

.choice_color input[type="radio"] {
    display: none
}

.choice_color label {
    display: inline-block;
    width: 52px;
    height: 55px;
    cursor: pointer;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    position: relative;
    left: 682px;
    margin: 5px
}

.choice_color label:hover {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px)
}

[for="color1"] {
    background: url("../img/color/1.png") no-repeat
}

[for="color2"] {
    background: url("../img/color/2.png") no-repeat
}

[for="color3"] {
    background: url("../img/color/3.png") no-repeat
}

[for="color4"] {
    background: url("../img/color/4.png") no-repeat
}

[for="color5"] {
    background: url("../img/color/5.png") no-repeat
}

[for="color6"] {
    background: url("../img/color/6.png") no-repeat
}

[for="color7"] {
    background: url("../img/color/7.png") no-repeat
}

[for="color8"] {
    background: url("../img/color/8.png") no-repeat
}

[for="color9"] {
    background: url("../img/color/9.png") no-repeat
}

[for="color10"] {
    background: url("../img/color/10.png") no-repeat
}

[for="color11"] {
    background: url("../img/color/11.png") no-repeat
}

[for="color12"] {
    background: url("../img/color/12.png") no-repeat
}

.balkon_color {
    background: url("../img/balkon/balkon.jpg") no-repeat;
    width: 664px;
    height: 573px;
    position: relative;
    bottom: 208px
}

.balkon_color_inner {
    background: url("../img/color/color_line.png") no-repeat top left;
    position: relative;
    top: 337px;
    left: 63px
}

#color1:checked~.balkon_color .balkon_color_inner {
    background-position: -5px -7px;
    width: 544px;
    height: 142px
}

#color2:checked~.balkon_color .balkon_color_inner {
    background-position: -5px -615px;
    width: 544px;
    height: 142px
}

#color3:checked~.balkon_color .balkon_color_inner {
    background-position: -5px -767px;
    width: 544px;
    height: 142px
}

#color4:checked~.balkon_color .balkon_color_inner {
    background-position: -559px -7px;
    width: 544px;
    height: 142px
}

#color5:checked~.balkon_color .balkon_color_inner {
    background-position: -559px -160px;
    width: 544px;
    height: 142px
}

#color6:checked~.balkon_color .balkon_color_inner {
    background-position: -559px -311px;
    width: 544px;
    height: 142px
}

#color7:checked~.balkon_color .balkon_color_inner {
    background-position: -559px -463px;
    width: 544px;
    height: 142px
}

#color8:checked~.balkon_color .balkon_color_inner {
    background-position: -559px -613px;
    width: 544px;
    height: 137px
}

#color9:checked~.balkon_color .balkon_color_inner {
    background-position: -559px -765px;
    width: 544px;
    height: 137px
}

#color10:checked~.balkon_color .balkon_color_inner {
    background-position: -5px -157px;
    width: 544px;
    height: 137px
}

#color11:checked~.balkon_color .balkon_color_inner {
    background-position: -5px -309px;
    width: 544px;
    height: 137px
}

#color12:checked~.balkon_color .balkon_color_inner {
    background-position: -5px -461px;
    width: 544px;
    height: 137px
}

.color_text {
    width: 283px;
    margin: -550px 0 0 665px;
    box-sizing: border-box;
    text-align: center;
    color: #707070
}

.warning_text {
    color: #656565;
    padding-top: 10px
}

.warning_text span {
    display: block
}

.color_form {
    width: 295px;
    margin: 21px 0 0 665px;
    box-sizing: border-box;
    text-align: center;
    padding-bottom: 55px
}

.color_form input[type="text"] {
    display: block;
    margin: 0 auto;
    width: 230px;
    height: 35px;
    margin-bottom: 15px;
    text-indent: 45px;
    font-size: 1em
}

.color_form input[name="name"] {
    background: url("../img/form_person.png") 10px center / 25px 25px no-repeat;
    margin-top: 15px
}

.color_form input[name="tel"] {
    background: url("../img/form_tel.png") 10px center / 25px 25px no-repeat;
    margin-top: 15px
}

.color_form input[type="submit"] {
    border-radius: 2px;
    border: none;
    background-color: #c20000;
    width: 230px;
    height: 40px;
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    cursor: pointer
}

.color_form input[type="submit"]:hover {
    color: #000
}

.assortiment {
    background: url("../img/greyzz.png") repeat
}

.assortiment h2 {
    margin-bottom: 0
}

.assort {
    height: 570px;
    width: 100%
}

.assort div {
    width: 200px;
    height: 201px;
    box-sizing: border-box;
    display: inline-block;
    margin-left: 48px;
    margin-top: 49px;
    text-align: center;
    color: #fff;
    padding-top: 143px
}

.assort div:nth-of-type(1) {
    background: url("../img/balkon/1.png") no-repeat;
    margin-left: 0
}

.assort div:nth-of-type(2) {
    background: url("../img/balkon/2.png") no-repeat
}

.assort div:nth-of-type(3) {
    background: url("../img/balkon/3.png") no-repeat
}

.assort div:nth-of-type(4) {
    background: url("../img/balkon/4.png") no-repeat
}

.assort div:nth-of-type(5) {
    background: url("../img/balkon/5.png") no-repeat;
    margin-left: 0
}

.assort div:nth-of-type(6) {
    background: url("../img/balkon/6.png") no-repeat
}

.assort div:nth-of-type(7) {
    background: url("../img/balkon/7.png") no-repeat
}

.assort div:nth-of-type(8) {
    background: url("../img/balkon/8.png") no-repeat
}

.assort p {
    display: block;
    color: #656565
}

.assort p>span {
    color: #fff;
    display: block;
    padding: 17px 0
}

.section_two {
    background: url("../img/shadow1.png") left top repeat-x, url("../img/shadow2.png") left bottom repeat-x, url("../img/graphy.png") repeat;
    width: 100%
}

.section_two .container {
    background: url("../img/win/montaznik.png") right bottom no-repeat;
    min-height: 700px;
    position: relative
}

.section_two .container .our_preim {
    width: 470px;
    margin-top: 130px
}

.section_two .container .our_preim li {
    display: inline-block;
    width: 49%;
    text-align: center;
    color: #c20000;
    text-transform: uppercase;
    font-size: 20px;
    margin-bottom: 40px
}

.section_two .container .our_preim li img {
    display: block;
    margin: 0 auto
}

.section_two .container a {
    width: 159px;
    height: 90px;
    border: 1px solid #000;
    text-align: center;
    text-transform: uppercase;
    color: #c20000;
    font-size: 1.2em;
    line-height: 25px;
    box-sizing: border-box;
    padding-top: 8px;
    position: absolute;
    right: 50px;
    top: 200px;
    background: #e3e4e4 url("../img/red_trangles.png") no-repeat;
    background-size: contain
}

.section_two .container a:hover {
    color: #000
}

.section_three {
    background: url("../img/greyzz.png") repeat;
    padding-bottom: 50px
}

.section_three .bottom_doors_inner {
    width: 33.33%;
    float: left;
    text-align: center;
    color: #656565;
    position: relative;
    margin-bottom: 60px
}

.section_three .bottom_doors_inner h5 {
    padding-bottom: 10px
}

.section_three .bottom_doors_inner p {
    position: absolute;
    color: #fff;
    bottom: 138px;
    left: 100px;
    font-size: 20px
}

.section_three .bottom_doors_inner a {
    display: inline-block;
    position: absolute;
    background: #c20000;
    color: #fff;
    text-transform: uppercase;
    padding: 5px 7px;
    left: 100px;
    bottom: 80px;
    z-index: 1
}

.section_three .bottom_doors_inner a:hover {
    color: #000
}

.section_three .portfolio a {
    border: 3px solid #656565;
    margin: 5px;
    display: inline-block;
    width: 300px;
    height: 200px
}

.section_three .portfolio a:hover {
    border: 3px solid #c20000
}

.section_three .portfolio a img {
    width: 100%;
    height: 100%
}

.section_four {
    background: url("../img/shadow1.png") left top repeat-x, url("../img/shadow2.png") left bottom repeat-x, url("../img/greyzz_dark.png") repeat;
    padding-bottom: 50px
}

.section_four .left_pig {
    width: 50%;
    float: left;
    text-align: center;
    color: #c20000;
    text-transform: uppercase;
    font-weight: bold
}

.section_four .left_pig p {
    font-size: 50px
}

.section_four .left_pig span {
    font-size: 31px
}

.section_four .right_pig {
    float: right;
    width: 50%
}

.section_four .right_pig h2 {
    margin-top: 70px;
    font-size: 35px
}

.section_four .right_pig form {
    width: 350px;
    margin: 0 auto
}

.section_four .right_pig form p {
    text-align: center;
    color: #656565;
    font-size: 18px;
    padding-bottom: 20px
}

.section_four .right_pig form input {
    display: block;
    width: 250px;
    height: 40px;
    margin: 20px auto 0;
    border: none;
    box-shadow: inset 1px 1px 5px #555, -1px 1px 5px #fff
}

.section_four .right_pig form input[type="text"] {
    text-indent: 47px;
    font-size: 17px
}

.section_four .right_pig form input[name="name"] {
    background: #eee url("../img/form_person.png") 5px center / 25px 25px no-repeat
}

.section_four .right_pig form input[name="tel"] {
    background: #eee url("../img/form_tel.png") 5px center / 25px 25px no-repeat
}

.section_four .right_pig form input[type="submit"] {
    background: #c20000;
    color: #fff;
    text-transform: uppercase;
    margin-top: 40px;
    font-size: 21px;
    cursor: pointer
}

.section_four .right_pig form input[type="submit"] :hover {
    color: #000
}

.section_five {
    background: url("../img/greyzz_dark.png") repeat
}

.section_five .rew {
    width: 869px;
    height: 240px;
    margin-top: 40px;
    background: url("../img/rew.png") no-repeat;
    box-sizing: border-box;
    box-shadow: 0 10px 15px -5px rgba(0, 0, 0, 0.5);
    padding: 40px 20px 40px 40px
}

.section_five .rew img {
    display: inline-block;
    margin-right: 15px;
    float: left
}

.section_five .rew span {
    display: block;
    color: #c20000;
    font-size: 30px;
    padding-bottom: 10px
}

.section_five .how {
    position: relative;
    margin-top: 100px;
    padding-bottom: 50px
}

.section_five .how a {
    position: absolute;
    background: #c20000;
    color: #fff;
    width: 170px;
    height: 30px;
    bottom: 125px;
    text-align: center;
    line-height: 30px;
    font-size: 15px;
    text-transform: uppercase
}

.section_five .how a:hover {
    color: #000
}

.section_six {
    position: relative;
    background: url("../img/shadow1.png") left top repeat-x, url("../img/shadow2.png") left bottom repeat-x, url("../img/greyzz.png") repeat
}

.section_six .girl_left {
    width: 50%;
    float: left
}

.section_six .girl_right {
    width: 50%;
    float: right
}

.section_six .girl_right h2 {
    margin-top: 70px;
    font-size: 35px
}

.section_six .girl_right form {
    width: 350px;
    margin: 0 auto
}

.section_six .girl_right form p {
    text-align: center;
    color: #656565;
    font-size: 18px;
    padding-bottom: 20px
}

.section_six .girl_right form input {
    display: block;
    width: 250px;
    height: 40px;
    margin: 20px auto 0;
    border: none;
    box-shadow: inset 1px 1px 5px #555, -1px 1px 5px #fff
}

.section_six .girl_right form input[type="text"] {
    text-indent: 47px;
    font-size: 17px
}

.section_six .girl_right form input[name="name"] {
    background: #eee url("../img/form_person.png") 5px center / 25px 25px no-repeat
}

.section_six .girl_right form input[name="tel"] {
    background: #eee url("../img/form_tel.png") 5px center / 25px 25px no-repeat
}

.section_six .girl_right form input[type="submit"] {
    background: #c20000;
    color: #fff;
    text-transform: uppercase;
    margin-top: 40px;
    font-size: 21px;
    cursor: pointer
}

.section_six .girl_right form input[type="submit"]:hover {
    color: #000
}

.section_seven {
    background: url("../img/greyzz_dark.png") repeat;
    padding-bottom: 50px
}

.section_seven .serts {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 70px
}

.section_eight {
    background: url("../img/greyzz_dark.png") repeat
}

.section_eight .envelope {
    background: url("../img/envelope.png") no-repeat;
    width: 871px;
    height: 459px;
    margin: 50px auto 0;
    box-sizing: border-box;
    padding: 30px 0 0 30px;
    position: relative
}

.section_eight .envelope .map {
    width: 600px;
    height: 400px;
    border: 2px solid #656565;
    float: left;
    margin-right: 20px;
}

.section_eight .envelope .contacts {
    box-sizing: border-box
}

.section_eight .envelope .contacts h3 {
    font-size: 30px;
    text-transform: uppercase;
    padding-bottom: 20px;
    text-align: center
}

.section_eight .envelope .contacts p {
    color: #656565;
    font-size: 18px
}



.section_eight .envelope .contacts p:nth-of-type(3) span {
    font-weight: bold
}

.section_eight .envelope .contacts a {
    background: #c20000;
    width: 200px;
    height: 30px;
    color: #fff;
    position: absolute;
    right: 23px;
    text-align: center;
    line-height: 30px;
    text-transform: uppercase;
    margin-top: 37px
}

.section_eight .envelope .contacts a:hover {
    color: #000
}

.section_eight .winlanding {
    text-align: center;
    padding: 30px 0
}

.section_eight .winlanding p {
    text-align: center;
    display: inline-block
}

.section_eight .winlanding p a {
    display: inline-block
}

.section_eight .winlanding p a:hover {
    text-decoration: underline
}

.section_woodySlider {
    background: url("../img/greyzz_dark.png") repeat;
    padding-bottom: 100px
}

.section_woodySlider .container {
    position: relative;
    height: 600px
}

.woodySliderContainer {
    display: none;
    height: 600px;
    position: absolute
}

.woodySliderContainer .oakImg {
    float: left;
    margin: 0 20px 0 0
}

.woodySliderContainer::after {
    content: '';
    display: block;
    clear: both
}

.treesInfo {
    width: 44%;
    float: right
}

.treesInfo h3 {
    font-size: 40px;
    text-transform: uppercase;
    text-align: right;
    font-weight: bold;
    line-height: 44px;
    padding-bottom: 10px
}

.treesInfo h3 span {
    color: #c20000
}

.treesInfo p {
    color: #656565
}

.winPrice {
    padding: 10px 0;
    border-bottom: 2px solid #c2c2c2;
    border-top: 2px solid #c2c2c2
}

.winPrice img {
    display: block;
    margin-bottom: -28px
}

.winPrice s,
.winPrice p,
.winPrice a {
    display: inline-block
}

.winPrice s {
    color: #555;
    margin: 0 20px 0 15px;
    font-size: 20px
}

.winPrice p {
    color: #c20000 !important;
    font-size: 27px !important;
    font-weight: bold
}

.winPrice a {
    border-radius: 15px;
    box-shadow: 0 -2px 2px #fff, 0 2px 2px #555, 0 0 0px 3px #8ca100;
    font-size: 14px;
    padding: 2px 16px;
    color: #000;
    font-variant: small-caps;
    background: linear-gradient(#d5ea00, #8ca100);
    position: relative;
    margin-left: 9px;
    bottom: 10px
}

.winPrice a:hover {
    background: linear-gradient(#8ca100, #d5ea00)
}

.woodPrice {
    position: absolute;
    bottom: 15px;
    width: 430px;
    right: 0px;
    padding: 20px 0;
    border-bottom: 2px solid #c2c2c2;
    border-top: 2px solid #c2c2c2
}

.woodPrice img {
    display: block;
    margin-bottom: -28px
}

.woodPrice s,
.woodPrice p,
.woodPrice a {
    display: inline-block
}

.woodPrice s {
    color: #555;
    margin: 0 20px 0 15px;
    font-size: 20px
}

.woodPrice p {
    color: #c20000;
    font-size: 36px;
    font-weight: bold
}

.woodPrice a {
    border-radius: 15px;
    box-shadow: 0 -2px 2px #fff, 0 2px 2px #555, 0 0 0px 3px #8ca100;
    font-size: 14px;
    padding: 2px 16px;
    color: #000;
    font-variant: small-caps;
    background: linear-gradient(#d5ea00, #8ca100);
    position: relative;
    margin-left: 9px;
    bottom: 10px
}

.woodPrice a:hover {
    background: linear-gradient(#8ca100, #d5ea00)
}

.trees {
    position: absolute;
    bottom: 0;
    left: 100px;
    z-index: 1;
    width: 451px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.trees li {
    text-align: center
}

.trees li a {
    width: 62px;
    background: url("../img/wood/woodMenu.png") no-repeat;
    text-align: center;
    padding-top: 61px;
    border-radius: 50%;
    transition: -webkit-transform 0.2s !important;
    transition: transform 0.2s !important;
    transition: transform 0.2s, -webkit-transform 0.2s !important;
    margin-bottom: 10px
}

.trees li:nth-of-type(1) a {
    background-position: 0 1px
}

.trees li:nth-of-type(2) a {
    background-position: -69px 1px;
    border: 3px solid #86540f
}

.trees li:nth-of-type(3) a {
    background-position: -138px 1px;
    margin-left: 10px
}

.trees::after {
    content: '';
    display: block;
    clear: both
}

.trees li a:hover {
    -webkit-transform: translateY(-10px) !important;
    -ms-transform: translateY(-10px) !important;
    transform: translateY(-10px) !important
}

#oak {
    display: block
}

.get_consultation {
    width: 100%;
    box-shadow: 0 0 20px #555;
    position: relative;
    z-index: 1;
    padding-bottom: 0
}

.section_unique,
.section_bench,
.section_our_assort,
.treeVsPlastic,
.get_consultation {
    background: url("../img/greyzz_dark.png") repeat;
    will-change: transform;
    padding-bottom: 100px
}

.section_unique .container,
.get_consultation .container {
    position: relative
}

.section_our_assort,
.get_consultation {
    padding-bottom: 0
}

.get_consultation,
.treeVsPlastic {
    box-shadow: 0 0 20px #555
}

.okGirl {
    float: left
}

.consult_form {
    position: absolute;
    top: 0;
    right: 0;
    width: 400px
}

.consult_form h3 {
    font-size: 36px;
    text-transform: uppercase;
    font-family: 'PT Sans Narrow', sans-serif;
    font-weight: bold;
    text-align: right;
    color: #656565
}

.consult_form h3>b {
    color: #c20000;
    display: block;
    font-size: 90px;
    font-family: "pt_sansregular", sans-serif;
    margin-bottom: -15px
}

.consult_form h3>span {
    color: #656565;
    display: block;
    font-size: 40px;
    letter-spacing: 2px;
    font-family: "pt_sansregular", sans-serif
}

.send {
    width: 300px;
    margin: 54px 0 0 97px;
    min-height: 300px;
    text-align: center
}

.send p {
    padding-bottom: 40px
}

.send input[type="text"] {
    border-radius: 20px;
    width: 200px;
    height: 25px;
    box-shadow: inset 0 2px 2px #4c4c4c, 0 2px 2px #fff;
    border: none;
    text-align: center;
    font-size: 14px;
    margin-top: 20px
}

.send input[type="submit"] {
    border-radius: 15px;
    box-shadow: 0 -2px 2px #fff, 0 2px 2px #555, 0 0 0px 3px #8ca100;
    font-size: 14px;
    padding: 4px 18px;
    color: #000;
    border: none;
    font-variant: small-caps;
    background: linear-gradient(#d5ea00, #8ca100);
    margin-top: 50px;
    cursor: pointer
}

.send input[type="submit"]:hover {
    background: linear-gradient(#8ca100, #d5ea00)
}

.section_title {
    font-size: 40px;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    padding-bottom: 50px
}

.section_title span {
    color: #c20000;
    font-size: 60px;
    letter-spacing: 4px
}

.section_bench {
    text-align: center
}

.equation {
    padding-top: 50px
}

.equation_text {
    width: 725px;
    margin: 0 auto;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.equation_text p {
    text-transform: uppercase
}

.equation_text p span {
    color: #c20000
}

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

.equation_form input {
    border-radius: 20px;
    width: 200px;
    height: 25px;
    box-shadow: inset 0 2px 2px #4c4c4c, 0 2px 2px #fff;
    border: none;
    text-align: center;
    font-size: 14px;
    margin: 0 10px
}

.equation_form input[type="submit"] {
    border-radius: 15px;
    box-shadow: 0 -2px 2px #fff, 0 2px 2px #555, 0 0 0px 3px #8ca100;
    font-size: 14px;
    padding: 4px 18px;
    color: #000;
    border: none;
    font-variant: small-caps;
    background: linear-gradient(#d5ea00, #8ca100);
    margin-top: 50px;
    cursor: pointer
}

.equation_form input[type="submit"]:hover {
    background: linear-gradient(#8ca100, #d5ea00)
}

.top_row_assort {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 100px
}

.top_row_assort li {
    width: 200px;
    height: 201px;
    position: relative
}

.top_row_assort li:nth-of-type(4) .assort_price {
    bottom: -55px
}

.assort_price {
    position: absolute;
    text-align: center;
    width: 200px;
    bottom: 0;
    bottom: -40px;
    color: #656565
}

.assort_price s,
.assort_price b,
.assort_price p {
    display: block;
    padding-bottom: 20px
}

.assort_price b {
    color: #fff
}

.assort_price p {
    line-height: 1
}

.bottom_row_assort {
    width: 760px;
    padding-bottom: 100px;
    margin: 0 auto;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.bottom_row_assort li {
    width: 200px;
    height: 201px;
    position: relative
}

.treeVsPlastic h2 span {
    color: #000;
    font-size: 30px
}

.treeVsPlasticInner {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.treeVsPlasticInner>div {
    width: 50%;
    text-align: center;
    min-height: 800px
}

.leftPlastic>img {
    padding-top: 65px
}

.badPlastic li,
.goodTree li {
    height: 80px;
    text-align: left
}

.badPlastic p,
.goodTree p {
    font-size: 14px;
    text-transform: uppercase;
    padding-top: 15px
}

.badPlastic li::after,
.goodTree li::after {
    content: '';
    display: block;
    clear: both
}

.badPlastic img,
.goodTree img {
    margin: 13px 10px 0 0;
    float: left
}

.section_ipad {
    background: url(../img/shadow2.png) left bottom repeat-x, url("../img/greyzz.png") repeat;
    width: 100%
}

.carousel {
    width: 960px;
    position: relative;
    height: 750px;
    margin: 50px auto;
    width: 100%;
    background: url("../img/ipad.png") no-repeat
}

.carousel-wrapper {
    overflow: hidden;
    position: relative;
    top: 106px;
    margin-left: 90px;
    width: 784px
}

.carousel-items {
    width: 10000px;
    position: relative
}

.carousel-block {
    float: left;
    width: 784px;
    padding: 10px 10px 10px 0
}

.carousel-block img {
    display: block
}

.carousel-button-left a,
.carousel-button-right a {
    width: 55px;
    height: 55px;
    position: absolute;
    top: 350px;
    cursor: pointer;
    text-decoration: none;
    z-index: 2
}

.carousel-button-left a {
    left: 100px;
    background: url("../img/arrows.png") no-repeat;
    background-position: 0 0
}

.carousel-button-right a {
    right: 100px;
    background: url("../img/arrows.png") no-repeat;
    background-position: -64px 0
}

.hidden {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.6);
    display: none;
    z-index: 500;
    text-align: center
}

.hidden-close {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 520
}

.pop_up {
    text-align: center;
    font-size: 20px;
    background: url("../img/greyzz.png") repeat;
    position: absolute;
    z-index: 550;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-sizing: border-box;
    padding: 20px;
    -o-box-shadow: 0px 11px 50px #2c2727;
    box-shadow: 0px 11px 50px #2c2727;
    border-radius: 5px
}

.form-box-logo {
    font-size: 18px;
    color: #656565;
    padding: 20px 0 30px
}

/*.popup_form input {
    display: block;
    margin: 0 auto;
    width: 240px;
    height: 40px
}*/
#close_btn{
    position: absolute;
    top: 10px;
    right: 10px;
    width: 30px;
    cursor: pointer;
    opacity: .5;
}
#close_btn:hover{
    opacity: 1;
}

.popup_form input[type="text"] {
    display: block;
    border-radius: 3px;
    text-indent: 45px;
    margin: 13px auto;
    color: #666;
    font-size: 16px;
    height: 40px;
    box-shadow: inset 0 0 15px #777;
    border: 1px solid #999;
    width: 300px;
}

.popup_form input[name="name"] {
    background: url("../img/form_person.png") 10px center / 25px 25px no-repeat
}

.popup_form input[name="tel"] {
    background: url("../img/form_tel.png") 10px center / 25px 25px no-repeat
}

.popup_form input[type="submit"] {
    background: linear-gradient(#fc0000, #ad0000);
    width: 182px;
    height: 40px;
    border-radius: 5px;
    border: none;
    box-shadow: 0 2px 4px #000;
    font: 17px 'RobotoCondensed', sans-serif;
    text-transform: uppercase;
    color: #fff;
    cursor: pointer
}

.popup_form input[type="submit"]:hover {
    background: linear-gradient(#ca0000, #780000)
}

.popup_form input[type="submit"]:active {
    background: linear-gradient(#ad0000, #fc0000)
}

.fix_bottom {
    position: fixed;
    width: 100%;
    left: 0;
    z-index: 2;
    bottom: 0;
    background: url("../img/shadow1.png") left top repeat-x, url("../img/shadow2.png") left bottom repeat-x, url("../img/greyzz_dark.png") repeat
}

.fix_bottom .forma_bottom_fix {
    margin: 0 auto
}

.fix_bottom .forma_bottom_fix h3 {
    text-align: center;
    font-variant: small-caps;
    font-size: 25px
}

.fix_bottom .forma_bottom_fix input {
    display: inline-block;
    width: 200px;
    height: 25px;
    border-radius: 3px;
    margin: 10px;
    text-indent: 10px
}

.fix_bottom .forma_bottom_fix input[type="submit"] {
    background: #c20000;
    color: #fff;
    text-transform: uppercase;
    border: none;
    height: 30px
}

.fix_bottom .forma_bottom_fix input:hover {
    color: #000
}

@media (max-width: 1024px) {
    * {
        -webkit-transform: none !important;
        -ms-transform: none !important;
        transform: none !important;
        transition: none !important;
        -webkit-animation: none !important;
        animation: none !important;
        opacity: 1 !important
    }
}

.flex {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    text-align: center
}

.flex img {
    margin-bottom: 0
}