html {
    min-width: 320px;
}
* {
    margin: 0;
    padding: 0;
    font-weight: normal;
    font-style: normal;
}
body {
    font-family: 'museo_cyrillic700';
    font-size: 16px;
    color: #000;
    min-width: 320px;
}
.uppercase {
    text-transform: uppercase;
}
table {
    border-collapse: collapse;
}
a {color: #06a19d;}
a:hover{text-decoration: none;}
a img {
    border: 0;
}
input[type="text"],
input[type="password"],
textarea,
select {
    border: 0;
}
textarea {
    resize: none;
}
input[type="submit"] {
    border: 0;
    cursor: pointer;
}
ul {
    list-style: none;
}
:focus {
    outline: none;
}
.clear {
    clear: both;
}
.c-wrapper {
    width: 100%;
    max-width: 1016px;
    margin: 0 auto;
    position: relative;
}
.content {
    padding: 0 8px;
}
.scroll-top {
    opacity: 0.7;
    display: none;
    filter: alpha(opacity="0");
    transition: opacity .5s;
    position: fixed;
    z-index: 10;
    bottom: 0;
    left: 0;
    height: 50px;
    width: 50px;
    background: rgba(0, 0, 0, 0.5) url(../images/scroll-top.png) center center no-repeat;
}
.scroll-top:hover {
    opacity: 1;
    filter: alpha(opacity="100");
}
#lib-popup2 {
    display: none; 
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    background-color: rgba(255,255,255,0.8);
    opacity: 1;
}
#lib-popup2 .close {
    position: absolute;
    width: 100%;
    height: 80px;
    cursor: pointer;
    opacity: 0.9;
    backface-visibility: hidden;
    -webkit-transition: all 0.15s ease 0s;
    -moz-transition: all 0.15s ease 0s;
    -o-transition: all 0.15s ease 0s;
    transition: all 0.15s ease 0s;
}
#lib-popup2 .close img {
    float: right;
    margin-right: 20px;
    margin-top: 20px;
    width: 50px !important;
    height: 50px !important;
}
#lib-popup2 img {
    vertical-align: middle;
}
#lib-popup2 .popup {
    /*display: none;*/
    margin-top: 80px;
    position: fixed;
    width: 100%;
    z-index: 100;
}
#lib-popup2 .popup .form {
    display: block;
    background: #eee;
    border-radius: 5px;
    width: 440px;
    margin: 0 auto;
    top: 60px;
    right: 0;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
    text-align: center;
}
#lib-popup2 .popup .form h2 {
    font: 700 22px "museo_cyrillic500", sans-serif;
    color: #000;
    line-height: 22px;
    text-transform: uppercase;
    padding: 35px 0 30px;
    text-align: center;
    line-height: 22px;
}
#lib-popup2 .popup .form p {
    font: 600 16px "museo_cyrillic100", sans-serif;
    color: #fff;
    line-height: 16px;
    text-transform: uppercase;
    width: 460px;
    background: #5EBAB5;
    margin-left: -10px;
    position: relative;
    text-align: center;
    height: 70px;
    padding-top: 20px;
    box-sizing: border-box;
    margin-bottom: 20px;
}
#lib-popup2 input, #lib-popup textarea {
    box-sizing: border-box;
    outline: none;
    padding-left: 10px;
    background: none;
    border: none;
    position: relative;
    line-height: normal !important;
}
#lib-popup2 .popup .form .input {
    display: inline-block;
    width: 330px;
    height: 46px;
    box-sizing: border-box;
    border: 1px solid #fff;
    border-radius: 4px;
    background: #fff;
    position: relative;
    padding: 5px 0 5px 45px;
    margin-bottom: 7px;
    margin-top: 7px;
}
#lib-popup2 .popup .form .input input, .popup .form .input textarea {
    width: 100%;
    height: 100%;
    background: none;
    font: 400 14px "museo_cyrillic100", sans-serif;
    color: #000;
    line-height: 14px;
}
#lib-popup2 input, #lib-popup textarea {
    box-sizing: border-box;
    outline: none;
    padding-left: 10px;
    background: none;
    border: none;
    position: relative;
    line-height: normal !important;
}
#lib-popup textarea {
    padding: 0;
    overflow: auto;
    resize: none;
}
#lib-popup2 .popup .form .input textarea {
    padding-top: 5px;
    margin-bottom: 25px;
}
#lib-popup2 .popup .form .button {
    display: inline-block;
    /*background: rgba(255, 255, 255, 0.2);*/
    border-radius: 5px;
    /*border: 1px solid rgba(146, 146, 146, 0.2);*/
    padding: 5px;
    margin-bottom: 20px;
}
#lib-popup2 .popup .form .button button {
    font: 400 16px "museo_cyrillic100", sans-serif;
    color: #fff;
    line-height: 16px;
    padding: 5px 0px 5px 20px;
    background: #5EBAB5;
    position: relative;
    display: inline-block;
    /*border: 1px solid #4f9e9a;*/
    border-radius: 5px;
    height: 50px;
    -webkit-transition: all 0.15s ease 0s;
    -moz-transition: all 0.15s ease 0s;
    -o-transition: all 0.15s ease 0s;
    transition: all 0.15s ease 0s;
}
#lib-popup2 button {
    cursor: pointer;
    outline: none;
    text-align: center;
}
#lib-popup2 .popup .form .input::before {
    position: absolute;
    font-family: 'icomoon';
    height: 80%;
    width: 40px;
    font-size: 23px;
    line-height: 35px;
    top: 10%;
    left: 0;
    border-right: 1px solid #e7e7e7;
    color: #999;
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}
#lib-popup2 .popup .form .input:nth-of-type(1)::before {
    content: "\e607";
}
#lib-popup2 .popup .form .input:nth-of-type(2)::before {
    content: "\e617";
}
#lib-popup2 button span{
    /*margin-left: 22px;*/
}
#lib-popup2 .btn div {
    width: auto;
    font-style: normal;
    font-weight: normal;
    font-size: 22px;
}
#lib-popup2 .popup .form p {
    line-height: 22px;
    padding: 14px 57px 0px 57px;
}
.input-wrapper {
    display: flex;
    padding-left: 55px;
    margin-bottom: 10px;
}
#lib-popup2 .popup .form .input-wrapper .input:nth-of-type(1)::before {
    content: "";
}
#lib-popup2 .popup .form .input-wrapper .input:nth-of-type(2)::before {
    content: "";
}
#lib-popup2 .popup .form .input-wrapper .input::before {
    position: absolute;
    height: auto;
    width: 0px;
    font-size: 23px;
    line-height: 35px;
    top: 10%;
    left: 0;
    border-right: none;
}
#lib-popup2 .popup .form .input-wrapper .input {
    display: inline-block;
    width: 83px;
    height: 46px;
    box-sizing: border-box;
    border: 1px solid #fff;
    border-radius: 4px;
    background: #fff;
    position: relative;
    padding: 5px 0 5px 0px;
    margin-bottom: 7px;
}
#lib-popup2 .popup .form .input-wrapper .input:nth-of-type(2) {
    margin-left: 40px;
}
#lib-popup2 .popup .form .error {
    /*margin-top: 10px;*/
    display: inline-block;
    color: red;
    font-size: 12px;
}
.time-to-call {
    margin-top: 8px;
    margin-bottom: 0px;
    text-align: left;
    padding-left: 55px;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
    color: #C4C4C4;
}
#time_from-error {
    white-space: nowrap;
}
#time_to-error {
    white-space: nowrap;
    margin-left: 60px;
}
#name-error {
   transform: translate(-45px, 0px); 
}
#form_phone2-error {
   transform: translate(-56px, 0px); 
}


#block-1 {
    margin-top: 80px;
    height: 700px;
    background: url('../images/fon-2.jpg') center center no-repeat;
}
#block-1 .content {
    padding-top: 250px;
}
#block-1 h1 {
    text-align: center;
    line-height: 1.3em;
    background-color: rgba(255,255,255,0.8);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-size: 34px;
    font-weight: 600;
    text-transform: uppercase;
    color: #1A1A1A;
    opacity: 0.8;
    padding-top: 10px;
}
#block-1 h1 span {
    font-weight: 700;
    color: #06A19D;
}
#block-1 h3 {
    line-height: 1.5em;
    text-align: center;
}
#block-1 h3 span {
    display: inline-block;
    min-height: 44px;
    line-height: 39px;
    background-color: rgba(255,255,255,0.8);
    -moz-border-radius: 0 0 3px 3px;
    -webkit-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
    padding: 0 30px;
    font-size: 25px;
    color: #1A1A1A;
    opacity: 0.8;
}
#block-1 h3 span a {
    color: #06A19D;
    text-decoration: none;
    border-bottom: 1px dashed #06A19D;
}
/*animated icon starts*/
.icon {
  display: flex;
  justify-content: center;
  /*align-items: center;*/
  position: absolute;
  width: 100%;
  height: 100%;
  padding-top: 20px;
  /*background: #333;*/
}
.icon-container {
  position: relative;
  width: 24px;
  height: 24px;
}

#lib-popup .popup .form p {
    padding: 20px 57px 0px 57px;
}

.chevron {
  position: absolute;
  width: 28px;
  height: 8px;
  opacity: 0;
  transform: scale3d(0.5, 0.5, 0.5);
  animation: move 3s ease-out infinite;
}

.chevron:first-child {
  animation: move 3s ease-out 1s infinite;
}

.chevron:nth-child(2) {
  animation: move 3s ease-out 2s infinite;
}

.chevron:before,
.chevron:after {
  content: ' ';
  position: absolute;
  top: 0;
  height: 100%;
  width: 51%;
  background: #333;
}

.chevron:before {
  left: 0;
  transform: skew(0deg, 30deg);
}

.chevron:after {
  right: 0;
  width: 50%;
  transform: skew(0deg, -30deg);
}

@keyframes move {
  25% {
    opacity: 1;

  }
  33% {
    opacity: 1;
    transform: translateY(30px);
  }
  67% {
    opacity: 1;
    transform: translateY(40px);
  }
  100% {
    opacity: 0;
    transform: translateY(55px) scale3d(0.5, 0.5, 0.5);
  }
}

.icon-text {
  display: block;
  margin-top: 75px;
  margin-left: -30px;
  font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif;
  font-size: 12px;
  color: #000;
  text-transform: uppercase;
  white-space: nowrap;
  opacity: .25;
  animation: pulse 2s linear alternate infinite;
}

@keyframes pulse {
  to {
    opacity: 1;
  }
}
Run Pen 


/*animated icon end*/

.form .placeholder {
    width: 300px;
}
.form .placeholder label {
    color: #707070;
    font-family: "museo_cyrillic700";
    font-size: 14px;
    left: 12px;
    top: 15px;
}
.form .placeholder input {
    width: 286px;
    height: 46px;
    padding-left: 10px;
    border: 2px solid #ffa807;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #707070;
    font-family: "museo_cyrillic700";
    font-size: 14px;
}
.btn-1,
.btn-2 {
    width: 300px;
    height: 50px;
    background-color: #FFA807;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #FFF;
    font-family: "museo_cyrillic700";
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
}
a.btn-1,
a.btn-2 {
    line-height: 50px;
}
#block-1 .form {
    width: 630px;
    overflow: hidden;
    padding: 18px 18px 18px 18px;
    background: #fff;
    margin: 53px auto 0 auto;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
#block-1 .form .placeholder {
    float: left;
}
#block-1 .form .btn-1 {
    float: right;
}
#block-1 .form p {
    color: #1A1A1A;
    font-size: 12px;
    margin-top: 13px;
}
#block-2 {
    margin-top: -50px;
    font-family: "museo_cyrillic700",sans-serif !important;
    margin-bottom: 40px;
}
#block-2 .items {
    overflow: hidden;
}
#block-2 .item {
    width: 25%;
    float: left;
    text-align: center;
    position: relative;
}
#block-2 .item .img {
    background: #fff;
    margin: 0 auto;
    position: relative;
    width: 97px;
    height: 97px;
    border: 2px solid #06a19d;
}
#block-2 .item .img img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
#block-2 .item h2 {
    color: #1A1A1A;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 20px 0 14px;
    line-height: 24px;
    min-height: 48px;
}
#block-2 .item p {
    color: #1A1A1A;
    font-family: "museo_cyrillic100",sans-serif !important;
    font-size: 16px;
    font-weight: normal;
}
#block-2 .item:before {
    content: "";
    position: absolute;
    width: 102px;
    height: 23px;
    left: -52px;
    top: 91px;
    background-image: url('../images/bl2-arr.png');
}
#block-2 .items .item:first-child:before {
    display: none;
}
#block-download-catalog {
    margin-top: 50px;
    background: rgba(169, 169, 169, 0.1) url('../images/catalog.jpg') scroll 0% 0%;;
    min-height: 380px;
    overflow: hidden;
}
#block-download-catalog .container {
    padding-top: 69px;
}
#block-download-catalog img {
    position: absolute;
    width: 675px;
    margin-top: -2%;
    max-height: 500px;
}
#block-download-catalog .container .order {
    float: right;
    font-family: "museo_cyrillic700";
    text-align: center;
}
#block-download-catalog .container .order button {
    float: right;
    margin-top: 30px;
    margin-right: 10px;
}
.btnd-download-catalog {
    transform: translate(0px, -2px);
}

#block-download-catalog .btn div {
    padding-top: 0;
}
#block-download-catalog .container .order h3 {
    line-height: 33px;
    font-weight: normal;
    color: #4C594B;
    text-align: right;
}
#block-download-catalog .container .order h3 span:nth-of-type(1) {
    background: rgba(255,255,255,0.3);
    font-size: 34px;
    line-height: 38px;
    padding: 5px 4px 5px 10px;
    text-transform: uppercase;
    display: inline-block;
    margin-bottom: 2px;
}
#block-download-catalog .container .order h3 span:nth-of-type(2) {
    margin: 5px 0 2px 0;
    background: rgba(255,255,255,0.3);
    display: inline-block;
    font-family: "museo_cyrillic500";
    font-size: 22px;
    line-height: 26px;
    padding: 5px 4px 5px 10px;
    display: inline-block;
    margin-bottom: 7px;
}
#block-download-catalog .container .order h3 span:nth-of-type(3) {
    background: rgba(255,255,255,0.3);
    display: inline-block;
    font-family: "museo_cyrillic700";
    font-size: 24px;
    line-height: 28px;
    padding: 5px 4px 5px 10px;
    display: inline-block;
}
.container {
    overflow: hidden;
    padding: 0 12px 6px;
    position: relative;
    width: 80%;
    margin: 0 auto;
}
.btn .new {
    padding: 10px 10px 0 0;
    width: 230px;
}
.new-catalog-button {
    padding: 0px 10px 0 0!important;
    line-height: 22px!important;
}
.new-catalog-span {
    margin-top: 6px;
}
#block-3 {
    padding-bottom: 30px;
}
#block-3 h2 {
    padding: 50px 0 30px 0;
    text-align: center;
    color: #1A1A1A;
    font-size: 34px;
    font-weight: 700;
    text-transform: uppercase;
}
#block-3 .content {
    overflow: hidden;
}
#block-3 .items {
    overflow: hidden;
    padding-left: 10px;
}
#block-3 .item {
    float: left;
    width: 220px;
    margin-left: 20px;
    margin-bottom: 30px;
}
#block-3 .item p.price {
    text-align: center;
    font-size: 18px;
}
#block-3 .item p.price .neris_black {
    font-size: 22px;
}
#block-3 .item .btn div {
    width: 105px;
}
#block-3 .item .btn {
    display: block;
    margin: 0 auto;
    font-size: 20px;
    padding-left: 15px;
}
#block-3 .item .img {
    width: 220px;
    height: 300px;
    position: relative;
    display: block;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    overflow: hidden;
}
#block-3 .item .img .hover {
    display: none;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
#block-3 .item .img:hover .hover {
    display: block;
}
#block-3 .item .img .hover h3 {
    color: #FFF;
    font-size: 12px;
    font-variant: small-caps;
    text-transform: uppercase;
    font-weight: 700;
    padding-top: 15px;
    padding-left: 10px;
}
#block-3 .item .img .hover p {
    padding-left: 10px;
    color: #FFF;
    font-size: 12px;
    font-weight: 700;
}
#block-3 .item .img .hover small {
    font-size: inherit;
    font-weight: 300;
}
#block-3 .item .img img {
    display: block;
    width: auto;
    height: 100%;
    margin: 0 auto;
    /*width: 220px;
    height: 148px;
    display: block;*/
}
#block-3 .item .bottom {
    overflow: hidden;
    border: 1px solid #06a19d;
    background: #06a19d;
    -moz-border-radius: 3px;
    -webkti-border-radius: 3px;
    border-radius: 3px;
    margin-top: -3px;
    position: relative;
}
#block-3 .item .bottom span {
    width: 109px;
    float: left;
    background: #fff;
    font-family: "museo_cyrillic100";
    height: 31px;
    line-height: 31px;
    text-align: center;
    color: #1A1A1A;
    font-size: 14px;
    font-weight: 100;
}
#block-3 .item .bottom a {
    width: 109px;
    float: right;
    height: 31px;
    line-height: 31px;
    text-align: center;
    color: #FFF;
    font-size: 14px;
    font-weight: normal;
    font-variant: small-caps;
    text-decoration: none;
}
#block-3 #pages-list {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 0 65px;
    text-align: center;
    overflow: hidden;
}
#block-3 .pagination {
    background: rgba(122, 204, 200, 1);
    border: 1px solid rgba(94, 186, 181,0.7);
    border-radius: 0;
    box-shadow: 1px 4px 0px 1px rgba(94, 186, 181, 1);
    -webkit-box-shadow: 1px 4px 0px 1px rgba(94, 186, 181, 1);
    -moz-box-shadow: 1px 4px 0px 1px rgba(94, 186, 181, 1);
    color: rgba(255, 255, 255, 1);
    cursor: pointer;
    display: block;
    display: inline-block;
    padding: 14px 18px;
    text-align: center;
    width: 16px;
}
#block-3 .pagination:first-of-type {
    border-radius: 4px 0 0 4px;
    box-shadow: 1px 4px 0px 1px rgba(94, 186, 181, 1);
    -webkit-box-shadow: 1px 4px 0px 1px rgba(94, 186, 181, 1);
    -moz-box-shadow: 1px 4px 0px 1px rgba(94, 186, 181, 1);
}
#block-3 .pagination:last-of-type {
    border-radius: 0 4px 4px 0;
    box-shadow: -1px 4px 0px 1px rgba(94, 186, 181, 1);
    -webkit-box-shadow: 1px 4px 0px 1px rgba(94, 186, 181, 1);
    -moz-box-shadow: 1px 4px 0px 1px rgba(94, 186, 181, 1);
}
#block-3 .pagination:hover {
    background: rgba(113, 170, 166, 1);
    box-shadow: 1px 4px 0px 1px rgba(97, 147, 144, 1);
    -webkit-box-shadow: 1px 4px 0px 1px rgba(97, 147, 144, 1);
    -moz-box-shadow: 1px 4px 0px 1px rgba(97, 147, 144, 1);
}
#block-3 .hidden {
    height: 0;
    width: 1040px;
    margin-left: -40px;
    overflow: hidden;
    transition: all .5s;
}
#block-3 .hidden.selected {
    height: auto;
}
.block-3a h2 {
    padding-bottom: 10px !important;
    padding-top: 25px !important;
}
.block-3a h3 {
    color: #1a1a1a;
    font-size: 20px;
    font-weight: 300;
    margin-bottom: 30px;
    margin-top: 5px;
    text-align: center;
}
.block-3a h4 {
    color: #1a1a1a;
    font-size: 18px;
    margin-bottom: 5px;
    margin-top: 30px;
    text-align: center;
}
.block-3a ul {
    list-style: outside none !important;
    list-style-type: disc !important;
    margin-left: 30px;
}
.block-3a ol {
    margin-left: 30px;
}
.block-3a ul li ul {
    list-style: outside none !important;
    list-style-type: circle !important;
    margin-left: 30px;
}
#block-4 {
    height: 485px;
    background: url('../images/bl4-bg.jpg') center center no-repeat;
}
#block-4 .content {
    padding-top: 54px;
}
#block-4 h2 {
    text-align: center;
    width: 750px;
    margin: 0 auto;
    min-height: 50px;
    padding-top: 9px;
    line-height: 42px;
    background-color: #FFF;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #1A1A1A;
    font-size: 30px;
    font-weight: 700;
    text-transform: uppercase;
}
#block-4 h3 {
    text-align: center;
    width: 830px;
    min-height: 36px;
    line-height: 28px;
    padding-top: 4px;
    margin: -3px auto 0 auto;
    background-color: #FFF;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #1A1A1A;
    font-size: 20px;
    font-weight: 300;
}
#block-4 .form {
    margin-top: 58px;
}
#block-4 .form .line {
    margin: 0 auto;
    background: #fff;
    padding: 10px;
    max-width: 627px;
    overflow: hidden;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}
#block-4 .form label[for="pic"] {
    position: relative;
    padding-left: 10px;
    width: 296px;
    height: 46px;
    line-height: 46px;
    border: 2px solid #d1d1d1;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -wekit-border-radius: 3px;
    float: left;
    color: #030303;
    font-size: 14px;
    font-weight: 300;
    background: url(../images/file-btn.png) 96% center no-repeat;
    cursor: pointer;
}
#block-4 .form label[for="pic"]:before {
    position: absolute;
    content: "";
    height: 46px;
    width: 2px;
    background: #d1d1d1;
    top: 0;
    right: 34px;
}
#block-4 .form input[type="file"] {
    display: none;
}
#block-4 .form .placeholder {
    float: right;
}
#block-4 .form p {
    margin-top: 4px;
    color: #817F7F;
    font-size: 12px;
    font-weight: normal;
}
#block-4 .form .btn-1 {
    display: block;
    margin: 11px auto 0 auto;
}
#block-4 .mail-to {
    text-align: center;
    width: 500px;
    margin: 74px auto 0 auto;
    height: 55px;
    line-height: 55px;
    background-color: #FFF;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-family: "museo_cyrillic700";
    font-size: 18px;
    font-weight: 300;
    color: #1A1A1A;
}
#block-4 .mail-to span {
    color: #06A19D;
    text-decoration: none;
    font-weight: 300;
}
#block-5 .content {
    padding-top: 60px;
    padding-bottom: 90px;
}
#block-5 h2 {
    text-align: center;
    color: #1A1A1A;
    font-size: 30px;
    font-weight: 700;
    text-transform: uppercase;
}
#block-5 h3 {
    text-align: center;
    color: #1A1A1A;
    margin-top: 10px;
    font-size: 20px;
    font-weight: 300;
    margin-bottom: 30px;
}
#block-5 .items {
    height: 425px;
    position: relative;
    background: url(../images/bl5-items-bg.png) left center no-repeat;
}
#block-5 .item {
    position: absolute;
}
#block-5 .item h4 {
    color: #06A19D;
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
}
#block-5 .item p {
    color: #1A1A1A;
    font-family: "museo_cyrillic700";
    font-size: 15px;
    font-weight: 300;
}
#block-5 .item1 {
    left: 515px;
    top: 85px;
}
#block-5 .item2 {
    left: 715px;
    top: 183px;
}
#block-5 .item3 {
    left: 515px;
    top: 255px;
}
#block-5 .item4 {
    left: 715px;
    top: 335px;
}
#block-6 {
    padding-bottom: 30px;
    padding-top: 30px;
    /*background: rgba(169, 169, 169, 0.1) scroll 0% 0%;*/
}
#block-6 h2 {
    color: #1A1A1A;
    font-size: 34px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 20px;
}

#block-6 .item {
    float: left;
    width: 20%;
    text-align: center;
    position: relative;
}
#block-6 .item1 + .item {
    width: 40%;
}

#block-6 .items > .item:nth-of-type(3) {
    width: 40%;
}
#block-6 .item1 + .item .item2,
#block-6 .item1 + .item .item3,
#block-6 .item .item4,
#block-6 .item .item5 {
    width: 50%;
    float: left;
    position: relative;
    text-align: center;
}/*
#block-6 .item .item4,
#block-6 .item .item5 {
    width: 100%;
    float: left;
    position: relative;
    text-align: center;
}*/
#block-6 .item span,
#block-6 .item1 + .item .item2 span,
#block-6 .item1 + .item .item3 span,
#block-6 .item .item4 span,
#block-6 .item .item5 span {
    display: block;
    height: 33px;
    line-height: 33px;
    text-align: center;
    border: 2px solid #06a19d;
    border-left: 0;
    color: #06A19D;
    font-size: 16px;
    font-weight: 700;
}
#block-6 .item1 span {
    border-left: 1px solid #06A19D;
    border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    -webkit-border-radius: 3px 0 0 3px;
}
#block-6 .item5 span {
    border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    -webkit-border-radius: 0 3px 3px 0;
}
#block-6 .item > h2,
#block-6 .item1 + .item .item2 > h2,
#block-6 .item1 + .item .item3 > h2,
#block-6 .item .item4 > h2,
#block-6 .item .item5 > h2 {
    height: 48px;
    margin-top: 20px;
    margin-bottom: 10px;
    color: #06A19D;
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    word-break: break-all;
}
#block-6 .item > p,
#block-6 .item1 + .item .item2 > p,
#block-6 .item1 + .item .item3 > p,
#block-6 .item .item4 > p ,
#block-6 .item .item5 > p  {
    margin-top: 10px;
    padding: 0 4px;
    height: 105px;
    word-break: break-all;
    color: #1A1A1A;
    font-family: "museo_cyrillic300";
    font-size: 14px;
    font-weight: 300;
}
#block-6 .item:hover {
    background: #06A19D;
}
#block-6 .item:hover > h2,
#block-6 .item1 + .item:hover .item2 > h2,
#block-6 .item1 + .item:hover .item3 > h2,
#block-6 .item:hover .item4 > h2,
#block-6 .item:hover .item5 > h2 {
    color: #fff;
}
#block-6 .item:hover > p,
#block-6 .item1 + .item:hover .item2 > p,
#block-6 .item1 + .item:hover .item3 > p,
#block-6 .item:hover .item4 > p,
#block-6 .item:hover .item5 > p {
    color: #fff;
}
#block-6 .item:hover span,
#block-6 .item1 + .item:hover .item2 span,
#block-6 .item1 + .item:hover .item3 span,
#block-6 .item:hover .item4 span,
#block-6 .item:hover .item5 span {
    border-color: #fff !important;
    border-right-color: transparent !important;
    color: #fff;
}
#block-6 .item .img {
    height: 145px;
    position: relative;
}
#block-6 .item .img p {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    background-position: top center;
    background-repeat: no-repeat;
}
#block-6 .item:hover .img p {
    background-position: bottom center;
}
#block-6 .item1 .img p {
    width: 80px;
    height: 73px;
    background-image: url(../images/bl6-it1.png);
}
#block-6 .item2 .img p {
    width: 66px;
    height: 68px;
    background-image: url(../images/bl6-it2.png);
}
#block-6 .item3 .img p {
    width: 66px;
    height: 68px;
    background-image: url(../images/bl6-it3.png);
}
#block-6 .item4 .img p {
    width: 84px;
    height: 76px;
    background-image: url(../images/bl6-it4.png);
}
#block-6 .item5 .img p {
    width: 69px;
    height: 69px;
    background-image: url(../images/bl6-it5.png);
}
#block-6 .item6 .img p {
    width: 69px;
    height: 69px;
    background-image: url(../images/bl6-itn.png);
}
#block-6 .item:before {
    content: "";
    position: absolute;
    width: 102px;
    height: 23px;
    left: -52px;
    bottom: -35px;
    background-image: url('../images/bl2-arr.png');
}
#block-6 .item1 + .item .item3:before {
    content: "";
    position: absolute;
    width: 102px;
    height: 23px;
    left: -52px;
    bottom: -35px;
    background-image: url('../images/bl2-arr.png');
}
#block-6 .item .item5:before {
    content: "";
    position: absolute;
    width: 102px;
    height: 23px;
    left: -52px;
    bottom: -35px;
    background-image: url('../images/bl2-arr.png');
}
#block-6 .items .item:first-child:before {
    display: none;
}
#block-6 .btn {
    display: block;
    margin: 0 auto;
}
#block-6 .btn div {
    width: 160px;
}
#block-7 {
    padding-bottom: 40px;
    background: rgba(169, 169, 169, 0.1) url("../images/bg_doors_small.png") repeat scroll 0% 0%;
}
#block-7 button {
    display: block;
}
#block-7 .btn div {
    padding-top: 0;
}
#block-3a {
    padding-bottom: 120px;
}
#block-3b {
    padding-bottom: 60px;
}
#block-7 h2,
#block-3a h2,
#block-3b h2,
.block-3a h2 {
    color: #1A1A1A;
    text-align: center;
    font-size: 34px;
    font-weight: 700;
    text-transform: uppercase;
    padding-top: 40px;
    padding-bottom: 30px;
}
#block-3a h2,
#block-3b h2 {
    padding-top: 25px !important;
}
#block-3a h3,
#block-3b h3 {
    text-align: center;
    color: #1A1A1A;
    margin-top: -50px;
    font-size: 20px;
    font-weight: 300;
    margin-bottom: 30px;
}
#block-7 .items {
    text-align: center;
}
#block-7 .item {
    margin-bottom: 20px;
    width: 80%;
    max-width: 280px;
    display: inline-block;
    vertical-align: top;
}
#block-7 .item .img {
    position: relative;
    height: 95px;
}
#block-7 .item .img img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
#block-7 .item h3 {
    text-align: center;
    color: #06A19D;
    margin-bottom: 15px;
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
}
#block-7 .item p {
    text-align: center;
    color: #1A1A1A;
    font-family: "museo_cyrillic500";
    font-size: 15px;
    font-weight: 300;
}
#block-7 .item p strong {
    font-weight: 600;
    font-size: 19px;
}
#block-7 .form,
#block-3a .form {
    overflow: hidden;
    width: 650px;
    margin: 30px auto 0 auto;
}
#block-7 .form .placeholder,
#block-3a .form .placeholder {
    float: left;
}
#block-7 .form .btn-1,
#block-3a .form .btn-1 {
    width: 320px;
    float: right;
}
#block-8 {
    height: 591px;
    background: url('../images/bl8-bg.jpg') center no-repeat;
}
#block-8 .content {
    padding-top: 70px;
}
#block-8 h2 {
    max-width: 660px;
    min-height: 49px;
    padding-top: 6px;
    line-height: 42px;
    margin: 0 auto 54px auto;
    background: rgba(255, 255, 255, 0.8);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
    color: #1A1A1A;
    font-size: 34px;
    font-weight: 700;
    text-transform: uppercase;
}
#block-8 .formblock {
    max-width: 820px;
    margin: 0 auto;
    padding: 30px 55px;
    background: rgba(255, 255, 255, 0.8);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    overflow: hidden;
}
#block-8 .formblock .left {
    padding-bottom: 15px;
}
#block-8 .formblock .left ul {
    padding-top: 15px;
    padding-bottom: 30px;
}
#block-8 .formblock .left ul li {
    padding-left: 30px;
    background: url(../images/galka.png) left center no-repeat;
    margin-bottom: 20px;
    color: #1A1A1A;
    font-size: 18px;
    font-weight: 300;
}
#block-8 .formblock .left p {
    font-weight: normal;
    font-size: 18px;
}
#block-8 .leftblock {
    float: left;
    width: 50%;
}
#block-8 .formblock .left ul,
#block-8 .formblock .right ul {
    overflow: hidden;
    padding-top: 0px;
}
#block-8 .formblock .left p strong {
    font-weight: 900;
}
#block-8 .formblock .right ul li {
    font-weight: 300;
    list-style-type: disc;
    margin-left: 30px;
}
#block-8 .formblock .right p {
    font-size: 16px;
    font-weight: 300;
    margin-top: 15px;
}
#block-8 .formblock .right p strong {
    font-weight: 900;
}
#block-8 .form {
    float: right;
    width: 40%;
}
#block-8 .form h3 {
    text-align: center;
    color: #1A1A1A;
    font-size: 18px;
    font-weight: 300;
    padding-bottom: 40px;
    background: url('../images/galka2.png') center bottom no-repeat;
    margin-bottom: 20px;
}
#block-8 .form .placeholder {
    margin-bottom: 15px;
}
#block-9 {
    margin-top: -50px;
}
#block-9 .items {
    overflow: hidden;
}
#block-9 .item {
    width: 32%;
    float: left;
    text-align: center;
    position: relative;
}
#block-9 .item .img {
    background: #fff;
    margin: 0 auto;
    position: relative;
    width: 97px;
    height: 97px;
    border: 2px solid #06a19d;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
}
#block-9 .item .img img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
#block-9 .item h2 {
    margin: 5px 0 10px 0;
    color: #1A1A1A;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
}
#block-9 .item p {
    color: #1A1A1A;
    font-family: "museo_cyrillic100";
    font-size: 16px;
    font-weight: normal;
}
#block-9 .item:before {
    content: "";
    position: absolute;
    width: 102px;
    height: 23px;
    left: -52px;
    top: 91px;
    background-image: url('../images/bl2-arr.png');
}
#block-9 .items .item:first-child:before {
    display: none;
}
#gallery {
    padding-bottom: 30px;
    padding-top: 30px;
}
#gallery h2 {
    color: #1A1A1A;
    text-align: center;
    font-size: 34px;
    font-weight: 700;
    text-transform: uppercase;
    padding-top: 36px;
    padding-bottom: 29px;
}
#block-10 {
    padding-bottom: 85px;
    padding-top: 50px;
}
#block-10 h2 {
    color: #1A1A1A;
    text-align: center;
    font-size: 34px;
    font-weight: 700;
    text-transform: uppercase;
    padding-top: 36px;
    padding-bottom: 29px;
}

#portfolio {
    padding-bottom: 10px;
    padding-top: 50px;
}
#portfolio h2 {
    color: #1A1A1A;
    text-align: center;
    font-size: 34px;
    font-weight: 700;
    text-transform: uppercase;
    padding-top: 36px;
    padding-bottom: 29px;
}

.feedback {
    width: 46%;
    margin-bottom: 60px;
}
.feedback .links {
    width: 100%;
    overflow: hidden;
    display: block;
    margin: 0 0 -20px -30px;
    z-index: 2;
}
.feedback .ava {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 100px;
    height: 100px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    z-index: 3;
}
.feedback .ava img {
    display: block;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    width: 100px;
}
.feedback .ava span {
    position: absolute;
    width: 35px;
    height: 35px;
    background-image: url('../images/vk-ico.png');
    top: 1px;
    right: -17px;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
}
.feedback .ava span.okru {
    background: url("../images/ok.png") no-repeat scroll -2px -1px rgba(0, 0, 0, 0);
}
.feedback .name {
    width: 150px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 15px;
    color: #06A19D;
    font-size: 15px;
    font-weight: normal;
    text-decoration: underline;
}
.feedback .name:hover {
    text-decoration: none;
}
.feedback .block {
    position: relative;
    float: left;
    width: 29%;
    margin-left: 4%;
    z-index: 5;
}
.feedback .block .img {
    position: relative;
    display: block;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.feedback .block .img img {
    display: block;
    /*height: 230px;*/
    /*box-shadow: 0 1px 4px rgba(0, 0, 0, .3), -23px 0 20px -23px rgba(0, 0, 0, .8), 23px 0 20px -23px rgba(0, 0, 0, .8), 0 0 40px rgba(0, 0, 0, .1) inset;
*/
}
.feedback .block .img .hover {
    display: none;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.feedback .block .img:hover .hover {
    display: block;
}
.feedback .block .img .hover h3 {
    color: #FFF;
    font-size: 12px;
    font-variant: small-caps;
    text-transform: uppercase;
    font-weight: 700;
    padding-top: 15px;
    padding-left: 10px;
}
.feedback .block .img .hover p {
    padding-left: 10px;
    color: #FFF;
    font-size: 12px;
    font-weight: 700;
}
.feedback .block .img .hover small {
    font-size: inherit;
    font-weight: 300;
}
.feedback .btn div {
    width: 100%;
    padding: 0;
}
.feedback .btn {
    padding: 9px 10px 9px 10px;
    font-size: 18px;
    border-radius: 30px;
    font-family: "museo_cyrillic500";
}
.bottom > span {
    display: block;
    width: 100%;
    height: 45px;
    font-family: "museo_cyrillic100";
    background: #FFF none repeat scroll 0% 0%;*
    color: #1A1A1A;
    font-size: 18px;
    font-weight: normal;
    text-align: center;
}
.feedback .block .bottom {
    position: relative;
}
.feedback .block .bottom a {
    float: left;
    width: 152px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    color: #FFF;
    font-size: 18px;
    font-weight: normal;
    font-variant: small-caps;
    text-decoration: none;
}
.feedback .text {
    position: relative;
    float: left;
    font-family: "museo_cyrillic100";
    text-align: left;
    width: 61%;
    margin-left: 4%;
    color: #1A1A1A;
    font-size: 16px;
    font-style: italic;
    margin-top: 10px;
}
.feedback.first,
.feedback.last {
    float: left;
}
.feedback.last {
    margin-left: 8%;
}
#block-10 .contacts {
    text-align: center;
    margin-top: 85px;
    font-family: "museo_cyrillic700";
    font-size: 18px;
    font-weight: 300;
    color: #1A1A1A;
}
#block-10 .contacts span {
    text-decoration: none;
    color: #06A19D;
    font-weight: 300;
}
#block-10 .btn {
    display: block;
    margin: 0 auto;
}
#block-10 table .btn div {
    line-height: 22px;
}
#block-10 .content > .btn div {
    width: 190px;
}
#middle .btn div {
    width: 190px;
}
.close-btn {
    position: absolute;
    z-index: 2;
    top: 20px;
    right: 0;
    width: 37px;
    height: 37px;
    background: url('../images/close-btn.png') center center no-repeat;
    cursor: pointer;
}
.phone-btn {
    position: absolute;
    z-index: 2;
    top: 20px;
    right: 0;
    width: 37px;
    height: 37px;
    background: url('../images/phone-btn.png') center center no-repeat;
    cursor: pointer;
}
.tablet-phone-btn {
    position: absolute;
    z-index: 2;
    top: 20px;
    right: 0;
    width: 37px;
    height: 37px;
    background: url('../images/phone-btn.png') center center no-repeat;
    cursor: pointer;
}
.menu-btn {
    position: absolute;
    z-index: 2;
    top: 20px;
    right: 0;
    width: 37px;
    height: 37px;
    background: url('../images/menu-btn.png') center center no-repeat;
    cursor: pointer;
}
.tablet-menu-btn {
    position: absolute;
    z-index: 2;
    top: 20px;
    right: 0;
    width: 37px;
    height: 37px;
    background: url('../images/menu-btn.png') center center no-repeat;
    cursor: pointer;
}
.modal-form {
    width: 400px;
    padding: 30px 0;
}
.modal-form p.hochu_modal {
    color: #3D3B3B;
    text-align: center;
    font-size: 30px;
    font-weight: 700;
    text-transform: uppercase;
    padding-bottom: 60px;
    background: url(../images/galka2.png) center 48px no-repeat;
}
#modal-form-2 h2 {
    background: none;
    padding-bottom: 30px;
}
.modal-form .placeholder {
    margin: 0 auto 10px auto;
}
.modal-form .btn-1 {
    display: block;
    margin: 0 auto;
}
.modal-form p {
    margin-top: 15px;
    color: #1A1A1A;
    font-size: 18px;
    font-weight: normal;
    text-align: center;
}
.modal-kitchen {
    width: 950px;
}
.modal-kitchen .left {
    width: 599px;
    float: left;
}
.modal-kitchen .left img {
    width: 599px;
    /*height: 594px;*/
}
.modal-kitchen .right {
    float: left;
    margin-left: 20px;
    width: 325px;
}
.modal-kitchen .right h2 {
    color: #3D3B3B;
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;
    padding-top: 15px;
    padding-bottom: 8px;
}
.modal-kitchen .right h3 {
    color: #06A19D;
    font-size: 22px;
    font-weight: normal;
    padding-bottom: 8px;
}
.modal-kitchen .right ul {
    padding-bottom: 25px;
}
.modal-kitchen .right ul li {
    color: #1A1A1A;
    font-size: 18px;
    font-weight: normal;
    padding-bottom: 2px;
}
.modal-kitchen .right span[class*="tel"] {
    padding-left: 30px;
    color: #666;
    font-family: "museo_cyrillic700";
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
}
.modal-kitchen .right span[class*="tel"] small {
    font-size: 12px;
    font-weight: 300;
}
.modal-kitchen .right span.tel1 {
    background: url(../images/mts-ico1.png) left center no-repeat;
    padding-right: 10px;
}
.modal-kitchen .right span.tel2 {
    background: url(../images/prov-ico1.png) left center no-repeat;
}
.modal-kitchen .form {
    position: relative;
    margin-left: 8px;
    margin-top: 45px;
}
.modal-kitchen .form:before {
    position: absolute;
    content: "";
    width: 25px;
    height: 21px;
    background: url(../images/galka2.png) center center no-repeat;
    left: 0;
    right: 0;
    top: -30px;
    margin: auto;
}
.modal-kitchen .form .placeholder {
    margin-bottom: 10px;
}
#pic-msg {
    width: 320px;
    padding: 30px 0;
    height: 110px;
    background: #ffffff url(../images/plain.png) center center no-repeat;
}
#pic-msg.empty {
    background: #ffffff url(../images/laod.gif) center center no-repeat;
}
#pic-msg h2 {
    text-align: center;
    color: #1A1A1A;
    font-size: 20px;
    font-weight: normal;
    text-transform: uppercase;
}
#pic-msg p {
    text-align: center;
    color: #1A1A1A;
    font-size: 14px;
    font-weight: 300;
    margin-top: 45px;
}
#msg {
    width: 320px;
    padding: 30px 0;
    height: 110px;
    background: #ffffff url(../images/plain.png) center center no-repeat;
}
#msg h2 {
    text-align: center;
    color: #1A1A1A;
    font-size: 20px;
    font-weight: normal;
    text-transform: uppercase;
}
#msg p {
    text-align: center;
    color: #1A1A1A;
    font-size: 14px;
    font-weight: 300;
    margin-top: 45px;
}
.adres_v_okne {
    font-size: 12px;
    margin-top: -10px;
    margin-bottom: 10px;
    color: #555;
}
.cena_v_okne {
    font-weight: bold;
    color: #1aa19d;
}
.form .btn-1:hover,
.block .btn-1:hover {
    background: #EA8B0E;
}
.block .bottom a:hover,
.item .bottom a:hover {
    background: #048782;
}
.messege_modal {
    font-size: 18px;
    padding-right: 10px;
}
.telefon_modal {
    font-size: 14px ! important;
    margin: 8px 0 5px 6px;
}
.catalog-filter table {
    margin: 0 0 50px;
    width: 100%;
}
.catalog-filter a,
.catalog-filter a:hover,
.catalog-filter a:focus {
    margin-right: 15px;
    line-height: 36px;
    padding: 3px 10px;
    border: 1px dashed #06a19d;
    color: #06a19d;
    text-decoration: none;
}
.catalog-filter a:hover {
    border: 1px solid #06a19d;
}
.catalog-filter a.filterOn {
    background: #06a19d;
    border-bottom: 2px solid #06a19d;
    border-radius: 3px;
    color: #fff;
    padding: 3px 10px;
}
.catalog-filter .color a {
    border: 2px solid transparent;
    border-radius: 2px;
    display: inline-block;
    vertical-align: top;
    font-size: 0px;
    height: 38px;
    width: 38px;
    padding: 0;
}
#block-3 .catalog-filter .color .color-block {
    float: left;
    width: 40px;
    height: 40px;
    margin : 0 0 0 10px;
}
.catalog-filter .color .color-block > a {
    border: 2px solid #43ACA7;
}
.catalog-filter .color a.filterOn {
    background: url("../images/tick.png") no-repeat scroll center center rgba(0, 0, 0, 0);
}
.catalog-filter table td:first-child {
    padding-right: 27px;
    text-align: right;
    width: 283px;
}
.catalog-filter table td {
    padding: 12px;
}
.catalog-filter tr {
    border-bottom: 1px solid rgba(15,15,15,0.05);
}
.catalog-filter table td:first-child,
.catalog-filter a {
    font-size: 20px;
    font-family: 'museo_cyrillic700';
}
.maintext a {
    border-bottom: 1px dashed #06a19d;
    color: #06a19d;
    text-decoration: none;
}
.maintext p,
.maintext li, .maintext li  span {
    font-weight: 300;
}
.spoiler {
    display: none;
}
.spoiler_block {
    border: 1px solid #ccc;
    display: block;
    margin-top: 10px;
    max-width: 400px;
    padding: 10px 31px;
}
.spoiler_calc {
    max-width: 600px;
    overflow: hidden;
    padding: 10px 16px;
    font-size: 80%;
}
.spoiler_calc a {color: #0FA19D;}
.spoiler_button {
    border-bottom: 1px dashed #06a19d;
    color: #06a19d;
    cursor: pointer;
}
.spoiler_button:hover {
    border-bottom: none;
}
.spoiler_button:before {
    content: "+";
}
span.minus:before {
    content: "- " !important;
}
.block-4a {
    background: url("../images/fon-materials.jpg") no-repeat scroll center rgba(0, 0, 0, 0);
    padding: 30px 0;
    overflow: hidden;
}
.block-4a .material-text {
    text-align: center;
    margin: 0 auto 30px auto;
    max-width: 50%;
    line-height: 56px;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 3px;
    font-size: 34px;
    font-weight: 600;
    text-transform: uppercase;
    color: #1A1A1A;
    opacity: 0.8;
}
.block-4a .content {
    width: 100%;
    max-width: 1016px;
    margin: 0px auto;
}
.block-4a h2 {
    background-color: #fff;
    border-radius: 3px;
    color: #1a1a1a;
    font-size: 30px;
    font-weight: 700;
    min-height: 50px;
    padding-top: 9px;
    line-height: 38px;
    margin: 0 auto;
    text-align: center;
    text-transform: uppercase;
}
.block-4a h3 {
    background-color: #fff;
    border-radius: 3px;
    color: #1a1a1a;
    font-size: 20px;
    font-weight: 300;
    height: 40px;
    line-height: 38px;
    margin: -3px auto 0;
    text-align: center;
    width: 830px;
}
.block-4a .form {
    margin-top: 58px;
}
.block-4a .form .line {
    background: none repeat scroll 0 0 #fff;
    border-radius: 2px;
    margin: 0 auto;
    overflow: hidden;
    padding: 10px;
    width: 627px;
}
.block-4a .form label[for="pic"] {
    background: url("../images/file-btn.png") no-repeat scroll 284px center rgba(0, 0, 0, 0);
    border: 2px solid #d1d1d1;
    border-radius: 3px;
    color: #030303;
    cursor: pointer;
    float: left;
    font-size: 14px;
    font-weight: 300;
    height: 46px;
    line-height: 46px;
    padding-left: 10px;
    position: relative;
    width: 296px;
}
.block-4a .form label[for="pic"]::before {
    background: none repeat scroll 0 0 #d1d1d1;
    content: "";
    height: 46px;
    position: absolute;
    right: 34px;
    top: 0;
    width: 2px;
}
.block-4a .form input[type="file"] {
    display: none;
}
.block-4a .form .placeholder {
    float: right;
}
.block-4a .form p {
    color: #817f7f;
    font-size: 12px;
    font-weight: normal;
    margin-top: 4px;
}
.block-4a .form .btn-1 {
    display: block;
    margin: 11px auto 0;
}
.block-4a .mail-to {
    background-color: #fff;
    border-radius: 3px;
    color: #1a1a1a;
    font-family: "museo_cyrillic700";
    font-size: 18px;
    font-weight: 300;
    height: 55px;
    line-height: 55px;
    margin: 74px auto 0;
    text-align: center;
    width: 500px;
}
.block-4a .mail-to span {
    color: #06a19d;
    font-weight: 300;
    text-decoration: none;
}
.block-4a .assortment li {
    margin: 0 auto 30px auto;
    overflow: hidden;
    height: 260px;
    width: 80%;
    background: rgba(255, 255, 255, 1);
}
.block-4a .assortment li:last-of-type {
    margin-bottom: 0;
}
.block-4a .assortment li .image {
    height: 217px;
    width: 170px;
}
.block-4a .assortment li .image.left {
    float: left;
}
.block-4a .assortment li .image img {
    height: 240px;
    margin-top: 10px;
}
.block-4a .assortment li .image.right {
    float: right;
}
.block-4a .assortment li .info {
    overflow: hidden;
    padding: 30px 0 20px 60px;
}
.block-4a .assortment li .info p {
    color: #262828;
    font-size: 24px;
    line-height: 22px;
    padding-bottom: 2px;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.block-4a .assortment li .info p .num {
    display: inline-block;
    width: 60px;
}
.block-4a .assortment li .info .item .text {
    color: #728181;
    font-size: 16px;
    font-weight: bold;
    line-height: 27px;
    overflow: hidden;
    text-transform: uppercase;
    font-family: "museo_cyrillic300";
}
.block-4a .assortment li .info .item .ico {
    display: inline-block;
    float: left;
    height: 24px;
    width: 60px;
}
.block-4a .assortment li .info .item span {
    color: #728181;
    font-size: 16px;
    font-weight: normal;
    line-height: 27px;
    margin: 0 0 0 5px;
    text-transform: none;
}
.block-4a .btn {
    margin: -1% 0 0 4%;
}
.block-4a .btn div {
    width: 260px;
}
.block-4a .furni li {
    font-size: 18px;
    font-weight: 300;
    line-height: 24px;
    margin: 5px 0 0;
    position: relative;
    padding-left: 22%;
    text-align: left;
}
.block-4a .furni li::before {
    background-color: #45c6f0;
    border-radius: 50%;
    content: "";
    height: 5px;
    left: 17%;
    position: absolute;
    top: 10px;
    width: 5px;
}
#director {
    border-bottom: 2px solid #ccc;
    border-top: 2px solid #ccc;
    background: rgba(169, 169, 169, 0.1) url("../images/bg_doors_small.png") repeat scroll 0% 0%;;
    color: #000;
    margin: 0 auto;
    padding: 60px 0;
    text-shadow: 0 0 5px #fff;
    overflow: hidden;
}
#director div.cite-wrapper {
    max-width: 576px;
    display: inline-block;
    position: relative;
    vertical-align: top;
}
#director div.cite {
    padding: 0 40px;
    position: relative;
}
#director blockquote p {
    font-family: "museo_cyrillic300";
    font-size: 16px;
    font-style: italic;
    line-height: 1.5em !important;
    margin-bottom: 20px;
}
/*#director blockquote::before {
    color: #43ACA7;
    content: "«";
    font-size: 72px;
    left: 0;
    position: absolute;
}
#director blockquote::after {
    bottom: 27px;
    color: #43ACA7;
    content: "»";
    font-size: 72px;
    position: absolute;
    right: 0;
}*/
#director .author {
    bottom: -30px;
}
#director form {
    margin: 30px auto 0;
    overflow: hidden;
    max-width: 650px;
}
#director form button {
    margin-left: 50px;
}
#director .form input {
    float: left;
    font-size: 22px;
    border-radius: 90px;
    border: 4px solid #43ACA7;
    padding: 10px 10px;
    margin: 1px 5px;
    text-align: center;
    font-family: "museo_cyrillic500";
}
#director .strelka {
    color: #7ACCC8;
    font-size: 100px;
    position: absolute;
    right: 35%;
    transform: rotate(90deg);
}
#director .form_obertka {
    /*background: url("../images/galka2.png") no-repeat scroll 32% top rgba(0, 0, 0, 0);*/
    padding: 1px 0 0;
}
#director .column .director-photo img {
    margin: -3% 0 0 -20%;
    height: 300px;
    max-width: 600px;
}
#director .column .director-photo {
    border: 5px solid #fff;
    border-radius: 200px;
    -moz-border-radius: 200px;
    -webkit-border-radius: 200px;
    background: #fff;
    padding: 5px;
    width: 280px;
    height: 280px;
    margin: 0 auto;
    display: inline-block;
    overflow: hidden;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3), -1px 0px 20px -23px rgba(0, 0, 0, 0.8);
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3), -1px 0px 20px -23px rgba(0, 0, 0, 0.8);
    -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3), -1px 0px 20px -23px rgba(0, 0, 0, 0.8);
}
#kitchenCalculator fieldset:not(:first-of-type) {
    display: none;
}
.calculate {
    padding-top: 60px;
}
.calculate .action-button {
    width: 100px;
    background: #ffa807;
    color: white;
    border: 0 none;
    border-radius: 3px;
    cursor: pointer;
    padding: 10px 5px;
    margin: 10px 5px;
    font-size: 14px;
}
.calculate .action-button:hover,
#kitchenCalculator .action-button:focus {
    background: #EA8B0E;
}
.one_more_time {
    display: block;
    text-align: center;
    font-size: 18px !important;
    width: 300px !important;
}
table {
    border-collapse: collapse;
}
td {
    font-weight: 300;
    padding: 5px;
}
.calculatorInfo {
    margin: 10px;
}
.block-3a fieldset {
    padding: 0 10px 20px 20px;
    position: relative;
}
.imgradio > img {
    max-width: 162px;
}
.calculate .imgradio {
    width: 162px;
    display: inline-block;
    border: 6px solid #ddd;
    border-radius: 4px;
    cursor: pointer;
    text-align: center;
    margin: 15px;
    padding: 10px;
}
.calculate input[type="radio"] {
    display: none;
}
.calculate .imgradio:hover {
    border: 6px solid #ccc;
}
.calculate input[type="radio"]:checked + label.imgradio {
    border: 6px solid orange;
}
.radiobutt {
    background: none repeat scroll 0 0 #ccc;
    border-radius: 100%;
    cursor: pointer;
    display: inline-block;
    height: 20px;
    margin: 0 4px 0 10px;
    position: relative;
    top: 4px;
    width: 20px;
}
.radiobutt::after {
    background: radial-gradient(40% 35%, #cccccc, #eeeeee 60%) repeat scroll 0 0 #969696;
    border-radius: 100%;
    box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.15) inset;
    -webkit-box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.15) inset;
    -moz-box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.15) inset;
    content: "";
    height: 50%;
    left: 25%;
    position: absolute;
    top: 25%;
    width: 50%;
}
.radiobutt::before {
    background: none repeat scroll 0 0 #eaeaea;
    border-radius: 100%;
    bottom: 5%;
    content: "";
    left: 5%;
    position: absolute;
    right: 5%;
    top: 5%;
}
.calculate input[type="radio"]:checked + label.radiobutt::before {
    background: linear-gradient(#dedede, #fdfdfd) repeat scroll 0 0 #e5e5e5;
}
.calculate input[type="radio"]:checked + label.radiobutt::after {
    background: radial-gradient(40% 35%, #59cbea, #25b5ce 60%) repeat scroll 0 0 #25b5ce;
}
.calculate input[type="number"] {
    border: 1px solid #ccc;
    border-radius: 4px;
    max-width: 35px;
    padding: 5px 10px;
}
.calculate select {
    border: 1px solid #ccc;
    border-radius: 4px;
}
.calculate label,
.calculate p {
    font-weight: 300;
}
.calculate legend {
    border: 1px solid #bbb;
    padding: 5px 10px;
}
.table_calc td {
    padding: 5px;
    border: 1px solid #ccc;
    font-weight: 300;
}
.calculate .btn-2 {
    background: #27AE60;
    display: block;
    margin: 7px 0;
    color: #fff;
}
.calculate .question {
    margin: 20px;
    padding-bottom: 30px;
    border-bottom: 1px dashed #ddd;
}
.calculate .question-no-border {
    margin: 30px;
    padding-bottom: 30px;
    border-bottom: none;
}
option {
    padding: 5px 10px;
}
.primer {
    background: #06a19d;
    border-radius: 3px;
    box-shadow: 0 1px 4px #888;
    -webkit-box-shadow: 0 1px 4px #888;
    -moz-box-shadow: 0 1px 4px #888;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    margin-left: 10px;
    padding: 2px 5px;
}
.primer:hover {
    background: #048782;
}
.modal-form-primer {
    width: 300px;
    padding: 30px 0;
    margin: 10% auto !important;
}
.modal-form-primer p {
    margin-top: 15px;
    color: #1A1A1A;
    font-size: 18px;
    font-weight: normal;
    text-align: center;
}
.primer {
    background: #06a19d;
    border-radius: 3px;
    box-shadow: 0 1px 4px #888;
    -webkit-box-shadow: 0 1px 4px #888;
    -moz-box-shadow: 0 1px 4px #888;
    color: #fff !important;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    margin-left: 10px;
    padding: 2px 5px;
}
.primer:hover {
    background: #048782;
}
.modal-form-primer {
    width: 300px;
    padding: 30px 0;
    margin: 10% auto !important;
}
.modal-form-primer p {
    margin-top: 15px;
    color: #1A1A1A;
    font-size: 18px;
    font-weight: normal;
    text-align: center;
}
img {
    max-width: 100%;
    height: auto;
}
.credits {
    text-align: center;
    color: #fff;
}


.ngdialog-content .container[material='vhodn'] .product-materials{
    display: none;
}


@media screen and (max-width: 960px) {
    #header {
        padding-bottom: 8px;
    }
    #header .tel-divider {
        display: block;
    }
    #header span.tel2 {
        margin-left: 0;
    }
    #header .time {
        clear: right;
    }
    #header .time span {
        padding-right: 5px !important;
    }
    #header .left {
        max-width: 60%;
    }
    #header .left p {
        margin-top: -4px;
    }
}
@media screen and (max-width: 799px) {
    #header {
        position: relative;
    }
    #block-1 {
        margin-top: 0;
    }
}
@media screen and (max-width: 670px) {
    #header .left {
        float: none;
        max-width: 100%;
    }
    #header .contacts {
        margin-top: 4px;
        float: none;
        text-align: left;
    }
    #header .contacts .time {
        text-align: left;
    }
}
@media screen and (max-width: 700px) {
    #block-1 .form {
        width: auto;
    }
    #block-1 .form .placeholder,
    #block-1 .form .btn-1 {
        float: none;
        display: block;
        width: 100%;
    }
    #block-1 .form .placeholder input {
        width: 100%;
        height: 50px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    #block-1 .form .btn-1 {
        margin-top: 8px;
    }
    /*.popup {
        width: 80%;
    }
    .form {
        width: 100% !important;
    }
    .form p {
        width: 105% !important;
    }
    .popup .form .input {
        width: 100% !important;
    }*/
}
@media screen and (max-width: 639px) {
    #block-2 {
        margin-top: 10px;
        margin-bottom: 40px;
    }
    #block-2 .item {
        width: 100%;
        float: none;
        margin-bottom: 12px;
    }
    #block-2 .item:before {
        display: none;
    }
    #block-2 .item h2 {
        min-height: 24px;
    }
}
@media screen and (max-width: 780px) {
    .catalog-filter table td:first-child {
        width: auto;
    }
}
@media screen and (max-width: 639px) {
    .catalog-filter table tr {
        width: 100%;
    }
    .catalog-filter table td:first-child {
        width: auto;
        padding: 0;
    }
    .catalog-filter table tr:nth-of-type(2) div  {
        writing-mode: tb-rl;
        white-space: nowrap;
        text-align: center;
    }
    .catalog-filter table td {
        padding-left: 0;
    }
    .catalog-filter table td.type a,
    .catalog-filter table td.material a {
        display: block;
        float: left;
        clear: left;
    }
}
#director .form .placeholder input {
    width: 100%;
    height: 50px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
@media screen and (max-width: 880px) {
    #block-4 {
        position: relative;
    }
    #block-4 h2,
    #block-4 h3 {
        width: auto;
    }
    #block-4 .mail-to {
        position: absolute;
        bottom: 0;
        left: 50%;
        margin-left: -250px;
    }
}
@media screen and (max-width: 750px) {
    #block-4 .content {
        padding-top: 30px;
    }
}
@media screen and (max-width: 680px) {
    #block-4 .form {
        margin-top: 30px;
    }
    #block-4 .form label[for="pic"] {
        width: 47%;
        height: 50px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    #block-4 .form .placeholder {
        width: 47%;
    }
    #block-4 .form .placeholder input {
        width: 100%;
        height: 50px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
}
@media screen and (max-width: 960px) {
    .block-4a .assortment li .image {
        max-width: 30%;
        overflow: hidden;
    }
    .block-4a .assortment li .image img {
        max-width: none;
    }
}
@media screen and (max-width: 850px) {
    .block-4a .assortment li .info {
        padding-left: 20px;
    }
    .block-4a .assortment .a_example {
        width: auto;
        margin-left: 80px;
    }
}
@media screen and (max-width: 680px) {
    #block-6 .item > p,
    #block-6 .item1 + .item .item2 > p,
    #block-6 .item1 + .item .item3 > p {
        height: 80px;
    }
}
#block-8 .form input {
    display: block;
    width: 90%;
    border-radius: 90px;
    border: 4px solid #43ACA7;
    padding: 12px 2%;
    text-align: center;
    margin: 0 auto 15px auto;
    font-size: 22px;
    font-family: "museo_cyrillic500";
}
#block-8 .form .btn {
    display: block;
    margin: 0 auto;
    width: 100%;
}
#block-8 .form .btn div {
    width: 80%;
}

#portfolio .btn div {
    display: block;
    margin: 0 auto;
    line-height: 16px;
    padding: 7px 10px 0 0;
    width: 230px;
    text-align: center; 
}

@media screen and (max-width: 749px) {
    #block-8 .content {
        padding-top: 30px;
    }
    #block-8 h2 {
        margin-bottom: 30px;
    }
}
@media screen and (max-width: 639px) {
    #block-9 {
        margin-top: 10px;
    }
    #block-9 .item {
        width: 100%;
        float: none;
        margin-bottom: 12px;
    }
    #block-9 .item:before {
        display: none;
    }
    #block-9 .item h2 {
        min-height: 24px;
    }
}
@media screen and (max-width: 759px) {
    #block-10 {
        padding-bottom: 30px;
    }
    #block-10 table,
    #block-10 tr,
    #block-10 td {
        width: 100%;
        padding: 0;
    }
    #block-10 .contacts {
        margin-top: 10px;
    }
}
@media screen and (max-width: 639px) {
    #block-13 .block {
        position: static;
        width: auto;
        max-width: none;
        padding: 10px 5px;
    }
    #block-13 .block .title {
        margin-bottom: 12px;
    }
    #block-13 .block .desc,
    #block-13 .block hr {
        margin-bottom: 16px;
    }
    #block-13 .block .city {
        margin-bottom: 20px;
    }
    #block-13 .block .mail {
        margin: 14px 0;
    }
    #map {
        height: 290px;
    }
}
.modal-form {
    max-width: 400px;
    width: 90%;
}
#modal-map {
    width: 90%;
    max-width: 500px;
}
#msg,
#pic-msg {
    width: 90%;
    max-width: 320px;
}
.modal-kitchen {
    max-width: 950px;
    width: 90%;
}
.modal-kitchen .left {
    width: 60%;
    float: left;
}
.modal-kitchen .left img {
    width: 100%;
}
.modal-kitchen .right {
    float: right;
    margin-left: 0;
    width: 33%;
}
.modal-kitchen .form .placeholder,
.modal-kitchen .form .placeholder input,
.modal-kitchen .form .btn-1 {
    width: 100%;
    height: 50px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 300px;
}

.modal-win {
  position: absolute;
  background: #fff;
  left: 0;
  right: 0;
  margin: 50px auto;
  border: 5px solid #fff;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

@media screen and (max-width: 949px) {
    .modal-kitchen .left {
        width: 40%;
    }
    .modal-kitchen .right {
        width: 58%;
    }
}
.calculatorTable {
    width: 100%;
    font-size: 24px;
    font-weight: 300;
}
.calculatorTable .calcT-row {
    margin-top: 16px;
    overflow: hidden;
}
.calculatorTable .calcT-desc,
.calculatorTable .calcT-value {
    white-space: nowrap;
    line-height: 50px;
}
.calculatorTable .calcT-desc {
    float: left;
}
.calculatorTable .calcT-value {
    float: right;
}
.calculatorTable .calcT-left {
    float: left;
    width: 65%;
    margin-right: 5%;
}
.calculatorTable .calcT-order {
    float: left;
    width: 25%;
    max-width: 350px;
}
.calculatorTable .calcT-order .btn-2 {
    width: 100%;
    height: 50px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
}
@media screen and (max-width: 899px) {
    .calculatorTable .calcT-left {
        width: 70%;
        margin-right: 3%;
    }
}
@media screen and (max-width: 849px) {
    .calculatorTable .calcT-value span {
        display: none;
    }
    .calculatorTable .calcT-order .btn-2 {
        min-height: 50px;
        height: auto;
        line-height: 24px;
        padding-top: 13px;
    }
}
@media screen and (max-width: 699px) {
    .calculatorTable .calcT-left {
        width: auto;
        min-width: 250px;
        margin-right: 3%;
    }
    .calculatorTable .calcT-desc,
    .calculatorTable .calcT-value {
        float: none;
        width: auto;
        line-height: 27px;
    }
    .calculatorTable .calcT-value {
        font-size: 18px;
    }
    .calculatorTable .calcT-order {
        width: 35%;
    }
}
#header {
    position: fixed;
    width: 100%;
    min-width: 320px;
    top: 0;
    z-index: 10;
    background: #FFF none repeat scroll 0% 0%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.3s ease 0s;
    border-color: #D4D4D4;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .3), -23px 0 20px -23px rgba(0, 0, 0, .8);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .3), -23px 0 20px -23px rgba(0, 0, 0, .8);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .3), -23px 0 20px -23px rgba(0, 0, 0, .8);
}
#header .wrap {
    height: 80px;
    transition: all 0.2s ease 0s;
}
.wrap {
    margin: 0 auto;
    width: 90%;
    position: relative;
}
#header .wrap .logo {
    float: left;
    height: 80px;
    color: #FFF;
    letter-spacing: 9px;
    position: relative;
    display: inline-block;
    transition: all 0.2s ease 0s;
}
#header .wrap .logo img {
    height: 100%;
}
#header .wrap .menu {
    opacity: 1;
    width: 80%;
    position: absolute;
    right: 5%;
    transition: all 0.2s ease 0s;
}
#nav {
    width: 100%;
    display: inline-block;
}
#header .wrap .menu ul li {
    float: right;
    position: relative;
    height: 39px;
    padding: 20px 0;
}
#header .wrap .menu > ul li {
    border-right: 1px solid #d3d3d3;
}
#header .wrap .menu > ul li:last-of-type {
    border-left: 1px solid #d3d3d3;
}
#header .wrap .menu > ul li li{
    border-top: 1px solid #d3d3d3;
}
#header .wrap .menu > ul li li:last-of-type {
    border-left: none;
}
#header .wrap .menu li a.curr {
    color: #0F95F4;
}
#header .wrap .menu ul li a {
    display: inline-block;
    font: 15px/16px "museo_cyrillic100";
    color: #000;
    text-transform: uppercase;
    padding: 10px 10px;
    transition: all 0.2s ease 0s;
}
.sub-menu {
    display: none;
    position: absolute;
    width: 150px;
    top: 80px;
    left: 0;
    background: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .3), -23px 0 20px -23px rgba(0, 0, 0, .8);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .3), -23px 0 20px -23px rgba(0, 0, 0, .8);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .3), -23px 0 20px -23px rgba(0, 0, 0, .8);
}
.sub-menu li {
    float: left;
    width: 150px;
    height: 40px !important;
    padding: 10px 0 !important;
}
.sub-menu li a {
    font-size: 14px !important;
}
li:hover {
    background: #f0f7ed;
}
a {
    text-decoration: none;
}
#header .wrap .phones {
    display: none;
    height: 50px;
    top: 15px;
    right: 0;
    position: absolute;
    padding-right: 56px;
    transition: all 0.2s ease 0s;
}
#header .wrap .phones .shad span.time-in-gray-block {
    display: none;
    background: none;
    font-size: 14px;
}

@media screen and (max-width: 649px) {
    #header .wrap .phones .shad span.time-in-gray-block {
        display: none !important;
    }
    #header .wrap .phones .shad span {
        display: block !important;
        margin-right: 30px !important;
        padding-left: 50px !important;
    }
    #header .wrap .phones .shad {
        padding: 12px 12px 0 !important;
        margin-left: 40px !important;
        margin-right: 40px !important;
        font-size: 18px !important;
    }
    #block-doors-list ul li {
    margin-left: 95px;
    }

}

@media screen and (max-width: 1299px) {
    #header .back-call div {
        width: 80px !important;
        font: 16px/16px "museo_cyrillic300" !important;
    }
    #header .wrap .phones .time {
        font-size: 14px !important;
    }
    /*#header .wrap .phones .shad {
        font-size: 14px !important;
    }*/
}

@media (max-width: 1089px) and (min-width: 890px) {
    #header .wrap .phones .shad {
        font-size: 18px;
    }
}

@media screen and (max-width: 1089px) {
    #header .wrap .phones .time {
        display: none !important;
    }
    #header .wrap .phones .shad span.time-in-gray-block {
        display: block;
        width: 93%;
        margin-top: 5px;
        text-align: center !important;
    }
    #header .wrap .phones .shad {
        height: 50px !important;
        margin-top: -6px !important;
    }
}
#header .wrap .phones .shad {
    float: right;
    height: 36px;
    padding: 12px 12px 0;
    border-radius: 4px;
    background: rgba(0, 0, 0, 0.1) none repeat scroll 0% 0%;
    margin-left: 30px;
    font-family: "museo_cyrillic300";
}
#header .wrap .phones .shad span:first-child {
    background: transparent url("../images/mts-ico.png") no-repeat scroll left center;
}
#header .wrap .phones .shad span {
    color: #000;
    background: transparent url("../images/phone-big.png") no-repeat scroll left center;
}
#header .wrap .phones .shad span:first-child {
    background: transparent url("../images/mts-ico.png") no-repeat scroll left center;
    margin-right: 15px;
    padding-left: 27px;
}
#header .wrap .phones .shad span {
    color: #000;
    display: inline-block;
    padding-left: 28px;
    background: transparent url("../images/phone-big.png") no-repeat scroll left center;
}
#header .wrap .phones .time {
    float: right;
    color: #000;
    padding-top: 12px;
    font-size: 18px;
    font-family: "museo_cyrillic300";
}
#header .wrap .close {
    position: absolute;
    display: block;
    height: 36px;
    width: 36px;
    right: -40px;
    top: 20px;
    cursor: pointer;
    -moz-user-select: none;
    transition: all 0.2s ease 0s;
}
.btn {
    border-radius: 60px;
    margin: 0 auto;
    font: 22px/50px "museo_cyrillic500";
    color: #fff;
    padding: 9px 0 9px 40px;
    background: rgba(122, 204, 200, 1);
    border: 0;
    box-shadow: 0 2px 0 -1px rgba(94, 186, 181, 1);
    -webkit-box-shadow: 0 2px 0 -1px rgba(94, 186, 181, 1);
    -moz-box-shadow: 0 2px 0 -1px rgba(94, 186, 181, 1);
    cursor: pointer;
}
.btn div {
    float: right;
    right: 22px;
    line-height: 16px;
    padding: 7px 10px 0 0;
    width: 130px;
}
.btn-application div{
    margin-top: 8px;
    width: 174px;
}
.btn-application {
    padding: 9px 0 9px 30px;
}

.btn span {
    float: right;
    margin-right: 9px;
    width: 33px;
    height: 33px;
    /*background: url(../images/button-bg.png) center no-repeat rgba(67, 172, 167, 1);*/
    background: url(../images/button-bg-s.svg) center no-repeat rgba(67, 172, 167, 1);
    border-radius: 100px;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}
.btnd {
    border-radius: 60px;
    margin: 0 auto;
    font: 22px/50px "museo_cyrillic500";
    color: #fff;
    padding: 15px 0 15px 15px;
    background: rgba(214, 107, 122, 1);
    border: 0;
    box-shadow: 0 2px 0 -1px rgba(94, 186, 181, 1);
    -webkit-box-shadow: 0 2px 0 -1px rgba(94, 186, 181, 1);
    -moz-box-shadow: 0 2px 0 -1px rgba(94, 186, 181, 1);
    cursor: pointer;
}
.center { 
    text-align: center;
    margin-top: 20px;
  }
.btnd div {
    float: right;
    right: 22px;
    line-height: 16px;
    padding: 4px 10px 0 0;
    width: 200px;
}
#header .back-call {
    float: right;
    border-radius: 60px;
    margin-left: 10px;
    font: 700 22px/50px "museo_cyrillic500",sans-serif;
    color: #fff;
    padding: 9px 0 9px 40px;
    background: rgba(122, 204, 200, 1);
    border: 0;
    box-shadow: 0px 2px 0px -1px rgba(94, 186, 181, 1);
    -webkit-box-shadow: 0 2px 0 -1px rgba(94, 186, 181, 1);
    -moz-box-shadow: 0 2px 0 -1px rgba(94, 186, 181, 1);
}
#header .back-call:hover {
    cursor: pointer;
    background: rgba(93, 198, 192, 1);
    box-shadow: 4px 6px 3px 1px #5EBAB5;
    -webkit-box-shadow: 4px 6px 3px 1px #5EBAB5;
    -moz-box-shadow: 4px 6px 3px 1px #5EBAB5;
}
#header .back-call div {
    float: right;
    right: 22px;
    line-height: 16px;
    padding: 2px 10px 0 0;
    width: 130px;
}
#header .back-call span {
    float: right;
    margin-right: 9px;
    margin-top: 2px;
    width: 33px;
    height: 33px;
    background: url(../images/button-bg-s.svg) center no-repeat rgba(67, 172, 167, 1);
    border-radius: 100px;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}
.up5 {
    margin-top: -5px;
}
/*block-7-offer*/
#block-7-offer  {
    background: #F5F5F5;
    padding: 130px 15px 70px 15px;
}
#block-7-offer h2  {
    text-align: center;
    text-transform: uppercase;
    font-size: 40px;
    line-height: 40px;
    margin-bottom: 50px;
}
.offer-items   {
    display: flex;
    justify-content: space-between;
}
.offer-item   {
    position: relative;
    cursor: pointer;
}
.offer-item:hover {
    bottom: 10px;
    box-shadow: 0px 20px 20px rgba(0,0,0,0.1);
}
.offer-item-heading  {
    position: absolute;
    top: 0;
    background: rgba(82, 82, 82, 0.4);
    backdrop-filter: blur(4px);
    height: 94px;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    width: 100%;
    padding-left:23px;
}
.offer-item-heading h3 {
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    text-transform: uppercase;
    color: #FFFFFF;
}

/*block-7-offer*/

/*doors list*/
ul.doors {
    height: 730px;
}
.doors-btn-width {
    margin-left: 40px;
    width: 240px;
}
#block-doors-list ol, #block-decor-elements  {
    width: 960px;
    margin: 0 auto;
}
#block-doors-list li:hover, #block-decor-elements li:hover {
    background: #fff;
}
#block-doors-list, #block-decor-elements  {
    color: #000;
    font-family: "museo_cyrillic700";
}
#block-doors-list input[type="text"],
#block-doors-list textarea {
    color: #797b6a;
    font-size: 22px;
}
#block-doors-list button {
    font-size: 22px;
}
#block-doors-list input[type="button"] {
    font-size: 18px;
}
#block-doors-list h1, #block-decor-elements h1 {
    display: block;
    padding: 20px 15%;
    font-size: 40px;
    line-height: 40px;
    margin: 20px 0 20px 0 ;
    text-align: center;
    text-transform: uppercase;
}
#block-doors-list h2, #block-decor-elements h2 {
    font-size: 34px;
    line-height: 40px;
}
#block-doors-list h3, #block-decor-elements h3 {
    font-size: 19px;
    line-height: 22px;
    padding: 20px 50px 30px 50px;
    text-align: center;
}
#block-doors-list ol li ul li figcaption {
    display: block;
    font-size: 22px;
    line-height: 22px;
    text-align: center;
    margin: 0 auto;
}
#block-doors-list ol li ul li figcaption i {
    font-size: 18px;
    line-height: 20px;
}
#block-doors-list ol li ul li figcaption,
#block-doors-list .price, #block-decor-elements .price {
    text-align: center;
}
#block-doors-list .price, #block-decor-elements .price {
    font-size: 20px;
    line-height: 22px;
}
#block-doors-list .price span, #block-decor-elements .price span {
    font-size: 38px;
}
#benefits h2,
#catalog_bg + div h2 {
    font-size: 29px;
    line-height: 30px;
}
#standart_benefits h2,
#block-doors-list ol li + li + li ul + h2 {
    text-align: center;
    font-size: 28px;
    line-height: 30px;
}
#block-doors-list ol li + li ol > li:last-child p {
    text-align: center;
}
#block-doors-list ol li + li ol > li:before {
    font-size: 16px;
}
#block-doors-list ol li + li ol > li {
    font-size: 16px;
}
#block-doors-list ol li + li ol > li:last-child ul li:first-child i {
    color: #afafaf;
}
#block-doors-list ol li + li + li ol li:last-child p {
    text-align: left;
}
#block-doors-list ol li + li + li + li ul figcaption {
    font-size: 16px;
}
#block-doors-list h1:before {
    top: 62px;
    left: 105px;
}
#block-doors-list h1:after {
    right: 130px;
    bottom: 6px;
}
#block-decor-elements ul.light figcaption {
    display:  block;
    text-align: center;
    font: 18px/20px "museo_cyrillic300";
    font-weight: 300;
    margin: 0 auto;
}
#block-decor-elements .btn div {
    width: 260px;
    line-height: 22px;
    padding: 0;
}
#block-decor-elements .btn span {
    margin-top: 5px;
}
#block-decor-elements .btn {
    display: block;
    margin-bottom: 30px;
}
#block-decor-elements .photo {
    margin-bottom: 10px;
}

#block-decor-elements ul.light li:nth-of-type(1) .photo {
    margin: 0 auto;
    width: 190px;
    height: 267px;
    background: transparent url("../images/otd1.jpg") no-repeat scroll center top;
}
#block-decor-elements ul.light li:nth-of-type(2) .photo {
    margin: 0 auto;
    width: 190px;
    height: 267px;
    background: transparent url("../images/otd2.jpg") no-repeat scroll center top;
}
#block-decor-elements ul.light li:nth-of-type(3) .photo {
    margin: 0 auto;
    width: 190px;
    height: 267px;
    background: transparent url("../images/otd3.jpg") no-repeat scroll center top;
}
#block-decor-elements ul.light li:nth-of-type(4) .photo {
    margin: 0 auto;
    width: 190px;
    height: 267px;
    background: transparent url("../images/otd4.jpg") no-repeat scroll center top;
}
#block-decor-elements ul.light li:nth-of-type(5) .photo {
    margin: 0 auto;
    width: 190px;
    height: 267px;
    background: transparent url("../images/otd5.jpg") no-repeat scroll center top;
}
#block-decor-elements ul.light li:nth-of-type(6) .photo {
    margin: 0 auto;
    width: 190px;
    height: 267px;
    background: transparent url("../images/otd6.jpg") no-repeat scroll center top;
}
#block-decor-elements ul.light li:nth-of-type(7) .photo {
    margin: 0 auto;
    width: 190px;
    height: 267px;
    background: transparent url("../images/otd7.jpg") no-repeat scroll center top;
}
#block-decor-elements ul.light li:nth-of-type(8) .photo {
    margin: 0 auto;
    width: 190px;
    height: 267px;
    background: transparent url("../images/otd8.jpg") no-repeat scroll center top;
}
#block-decor-elements ul.light li:nth-of-type(9) .photo {
    margin: 0 auto;
    width: 190px;
    height: 267px;
    background: transparent url("../images/otd9.jpg") no-repeat scroll center top;
}
#block-decor-elements ul.light li:nth-of-type(10) .photo {
    margin: 0 auto;
    width: 190px;
    height: 267px;
    background: transparent url("../images/otd10.jpg") no-repeat scroll center top;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    #block-doors-list h1.before:before {
        top: 60px;
    }
    #block-doors-list h1.after:after {
        bottom: 8px;
    }
}
#block-doors-list h2, #block-decor-elements h2 {
    padding: 20px 50px 30px 50px;
}
/*#block-doors-list h3, #block-decor-elements h3 {
    padding-left: 130px;
}*/
#block-doors-list h2, #block-decor-elements h2 {
    text-align: center;
}
#block-doors-list h3, #block-decor-elements h3 {
    padding-bottom: 24px;
}
#block-doors-list .photo {
    width: 320px;
    height: 510px;
}
#block-decor-elements .photo {
    width: 190px;
    height: 490px;
}
#block-doors-list .price, #block-decor-elements .price {
    height: 36px;
    margin: 0 auto;
    border-top: 3px dashed #7ACCC8;
    padding-top: 25px;
    padding-bottom: 10px;
}
#block-decor-elements ul, #block-decor-elements li,
ol {
    list-style-type: none;
}
#block-decor-elements ul {
    display: inline-block;
    margin: 0 auto 40px auto;
}
#block-doors-list ol li ul li figcaption {
    padding: 10px 0 20px 0;
}
#block-doors-list ol li ul li .photo {
    background: url('../images/d1.jpg') center top no-repeat;
}
#block-doors-list ol li ul li + li .photo {
    background: url('../images/d2.jpg') center top no-repeat;
}
#block-doors-list ol li ul li + li + li .photo {
    background: url('../images/d3.jpg') center top no-repeat;
}
#benefits h2 {
    padding-left: 50px;
    padding-top: 138px;
}
#benefits h2:after {
    right: -5px;
    bottom: 0;
}
#block-doors-list ol li + h1 + li ul li .photo {
    background: url('../images/d4.jpg') center top no-repeat;
}
#block-doors-list ol li + h1 + li ul li + li .photo {
    background: url('../images/d5.jpg') center top no-repeat;
}
#block-doors-list ol li + h1 + li ul li + li + li .photo {
    background: url('../images/d6.jpg') center top no-repeat;
}
.photo-new-popular-1 {
    background: url('../images/d6-new-popular-1.png') center top no-repeat!important;
}
.photo-new-popular-2 {
    background: url('../images/d6-new-popular-2.png') center top no-repeat!important;
}
.photo-new-popular-3 {
    background: url('../images/d6-new-popular-3.png') center top no-repeat!important;
}
#standart_benefits h2 {
    padding: 0;
    padding-top: 55px;
    padding-bottom: 75px;
}
#block-doors-list ol li + li ol > li {
    width: 225px;
    margin-left: 60px;
}
#block-doors-list ol li + li ol > li p:before {
    width: 5px;
    height: 13px;
    left: -15px;
    top: 5px;
}
#block-doors-list ol li + li ol > li + li {
    width: 210px;
    margin-left: 90px;
}
#block-doors-list ol li + li ol > li + li + li {
    width: 280px;
}
#block-doors-list ol li + li ol > li:before {
    width: 29px;
    height: 29px;
    padding-top: 3px;
    top: -50px;
    left: 50%;
    margin-left: -15px;
}
#block-doors-list ol li + li ol > li:last-child {
    width: 100%;
    padding-top: 115px;
    margin-left: 0;
}
#block-doors-list ol li + li ol > li:last-child:before {
    content: "4.";
    top: 70px;
}
#block-doors-list ol li + li ol > li:last-child p:before {
    left: 260px;
}
#block-doors-list ol li + li ol > li:last-child ul li {
    position: relative;
    margin-left: 100px;
}
#block-doors-list ol li + li ol > li:last-child ul li:before {
    content: "";
    display: block;
    position: absolute;
    width: 4px;
    height: 4px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-color: #7ACCC8;
    top: 11px;
    left: -15px;
}
#block-doors-list ol li + li ol > li:last-child ul li:nth-child(3):after {
    left: -20px;
}
#block-doors-list ol li + li ol > li:last-child ul li + li:after {
    background-position: -422px 9px;
}
#block-doors-list ol li + li ol > li:last-child ul li + li + li:after {
    background-position: -522px 9px;
}
#block-doors-list ol li + li ol > li:last-child ul li + li + li + li:after {
    background-position: -622px 9px;
}
#block-doors-list ol li + li ol > li:last-child ul {
    padding-top: 165px;
}
#block-doors-list ol li + li ol + button {
    margin-top: 33px;
}
#block-doors-list ol li + h1 + li + li ul li .photo {
    background: url('../images/d7.jpg') center top no-repeat;
}
#block-doors-list ol li + h1 +  li + li ul li + li .photo {
    background: url('../images/d8.jpg') center top no-repeat;
}
#block-doors-list ol li + h1 + li + li ul li + li + li .photo {
    background: url('../images/d9.jpg') center top no-repeat;
}
#block-doors-list ol li + li + li ol {
    padding-top: 60px;
}
#block-doors-list ol li + li + li ul + h2 {
    padding-left: 0;
}
#block-doors-list ol li + li + li ol li {
    width: 250px !important;
    margin-left: 40px !important;
}
#block-doors-list ol li + li + li ol li:before {
    left: 30%;
    margin-left: 0;
}
#block-doors-list ol li + li + li ol li + li + li + li:before {
    content: "4.";
}
#block-doors-list ol li + li + li ol li + li + li + li + li:before {
    content: "5.";
}
#block-doors-list ol li + li + li ol li:last-child:before {
    content: "6.";
    top: 0;
    left: 30%;
    top: -50px;
}
#block-doors-list ol li + li + li ol li:first-child,
#block-doors-list ol li + li + li ol li:nth-child(2),
#block-doors-list ol li + li + li ol li:nth-child(3) {
    padding-bottom: 105px;
}
#block-doors-list ol li + li + li ol li:nth-child(4) {
    clear: left;
}
#block-doors-list ol li + li + li ol li:last-child {
    padding-top: 0;
    width: 250px;
}
#block-doors-list ol li + li + li ol li:last-child p:before {
    left: -15px;
}
#block-doors-list ol li + li + li ol {
    padding-left: 50px;
}
#block-doors-list ol li + li + li + li h3:before {
    content: "4.";
}
#block-doors-list ol li + li + li + li ul {
    padding-top: 30px;
}
#block-doors-list ol li + li + li + li ul li {
    margin-left: 30px;
}
#block-doors-list ol li + li + li + li ul figcaption {
    padding-top: 40px;
}
.num-1 {
    counter-increment: num1-counter;
    display: block;
    float: left;
    width: 37px;
    height: 33px;
    border: 1px solid #4E4B42;
    border-radius: 50%;
    padding-top: 7px;
    padding-left: 3px;
    left: 130px;
    top: 1px;
    text-align: center;
    margin-right: 10px;
    font-style: italic;
}
.thinitalic {
    font-style: italic;
}
.lightkhaki {
    color: #7ACCC8;
}
.gray {
    color: #4E4B42;
}
.left {
    float: left;
}
#middle {
    background: url(../images/bg-middle.jpg) center center no-repeat;
    background-size: 100% 100%;
    overflow: hidden;
}
#middle .wrap {
    padding: 110px 0;
}
#middle .wrap .block {
    position: relative;
    margin-left: 300px;
    padding-left: 50px;
    height: 160px;
    border-left: 1px solid rgba(255, 255, 255, 0.38);
}
#middle .wrap .block::before {
    content: "";
    font-size: 125px;
    color: #fff;
    position: absolute;
    left: -210px;
    top: 0;
    width: 160px;
    height: 160px;
    display: block;
    text-align: center;
    line-height: 160px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.38) url(../images/logo_small.png) no-repeat;
    background-size: 90%;
    background-position: center center;
}
#middle .wrap .block h2 {
    font: 700 34px 'museo_cyrillic700', sans-serif;
    color: #fff;
    line-height: 46px;
}
#middle .wrap .block p {
    font: 300 20px 'museo_cyrillic300', sans-serif;
    color: #fff;
    line-height: 20px;
    margin: 10px 0 23px;
}
#middle .wrap .block .button {

}
/*#middle .wrap .block .button {
    display: inline-block;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 5px;
    border: 1px solid rgba(146, 146, 146, 0.2);
    padding: 5px;
    margin-bottom: 20px;
}
#middle .wrap .block .button button {
    font: 400 16px 'Open Sans', sans-serif;
    color: #fff;
    line-height: 16px;
    padding: 15px 40px 15px 40px;
    background: #5194cc;
    position: relative;
    display: inline-block;
    border: 1px solid #3a79ad;
    border-radius: 5px;
    -webkit-transition: all 0.15s ease 0s;
    -moz-transition: all 0.15s ease 0s;
    -o-transition: all 0.15s ease 0s;
    transition: all 0.15s ease 0s;
}*/
#sec4 {
    display: block;
    background: rgba(169, 169, 169, 0.1) url("../images/bg_doors_small.png") repeat scroll 0% 0%;
}
#sec4 .wrap h2 {
    font: 700 34px 'museo_cyrillic700', sans-serif;
    color: #000;
    line-height: 40px;
    padding: 70px 0 40px;
}
#sec4 .wrap .contr {
    float: right;
    padding-left: 10px;
    margin-left: 20px;
    margin-bottom: 20px;
    height: 280px;
    border-left: 1px solid #cacaca;
}
ol, ul {
    list-style: none;
}
#sec4 .wrap .contr li {
    cursor: pointer;
    width: 210px;
    height: 50px;
    font: 400 16px 'museo_cyrillic300', sans-serif;
    color: #000;
    line-height: 48px;
    padding-left: 10px;
    box-sizing: border-box;
    border: 2px solid transparent;
    border-radius: 4px;
}
#sec4 .wrap .contr li.curr {
    color: #43ACA7;
    border-color: #43ACA7;
}
#sec4 .wrap .screen:first-of-type {
    display: block;
}
#sec4 .wrap .screen {
    display: none;
    /*width: 980px;*/
    padding-bottom: 30px;
}
#sec4 .wrap .screen img {
    float: left;
    margin-right: 20px;
}
@media (max-width:1155px){
    .sec4-2 {
    max-width: 230px !important;
    }
}

@media (max-width:970px){
    #sec4 .wrap .screen img {
    display: none;
    }
}

img {
    vertical-align: middle;
}
#sec4 .wrap .screen h3 {
    font: 700 20px 'museo_cyrillic700', sans-serif;
    color: #000;
    line-height: 20px;
    margin-bottom: 30px;
    text-transform: uppercase;
}
#sec4 .wrap .screen p {
    font: 400 16px 'museo_cyrillic300', sans-serif;
    color: #000;
    margin-bottom: 30px;
    line-height: 21px;
}
#sec7 {
    display: block;
}
#sec7 .wrap {
    padding-bottom: 20px;
}
#sec7 .wrap h2 {
    font: 700 43px 'museo_cyrillic700', sans-serif;
    color: #000;
    line-height: 43px;
    padding: 30px 0 45px;
    text-align: center;
}
#sec7 .wrap .info {
    float: left;
    width: 35%;
}
#sec7 .wrap .info h3 {
    font: 700 25px 'museo_cyrillic500', sans-serif;
    color: #000;
    line-height: 25px;
    margin-bottom: 25px;
    text-transform: uppercase;
}
#sec7 .wrap .info p {
    font: 400 18px 'museo_cyrillic300', sans-serif;
    color: #000;
    line-height: 18px;
    display: block;
    padding-left: 27px;
    margin-bottom: 15px;
}
#sec7 .wrap .info p:first-of-type {
    background: url(../images/phone.png) 0px center no-repeat;
}
#sec7 .wrap .info p:nth-of-type(2) {
    background: url(../images/mail.png) 2px center no-repeat;
}
#sec7 .wrap .info p:nth-of-type(3) {
    background: url(../images/in_map.png) left center no-repeat;
}
#sec7 .wrap .info p:nth-of-type(4) {
    background: url(../images/clock1.png) left top no-repeat;
}
#sec7 .wrap .info p:nth-of-type(5) {
    background: url(../images/insta-icon.png) left top no-repeat;
}
#sec7 .wrap .form {
    float: right;
    width: 60%;
    position: relative;
}
#sec7 .wrap .form form{
    width: 100%;
}
#sec7 .wrap .form h3 {
    font: 700 25px 'museo_cyrillic500', sans-serif;
    color: #000;
    line-height: 25px;
    margin-bottom: 25px;
    text-transform: uppercase;
}
#sec7 input, #sec7 textarea {
    box-sizing: border-box;
    outline: none;
    padding: 5px 0 5px 30px;
    background: none;
    border: none;
    position: relative;
    line-height: normal !important;
}
#sec7 .wrap .form .button {
    display: inline-block;
    margin-bottom: 20px;
    bottom: 0;
    right: 0;
}
#sec7 .right-fields {
    float: right;
    width: 55%;
}
#sec7 .right-fields .input {
    height: 50%;
}
#sec7 .left-fields {
    float: left;
    width: 40%;
}
#sec7 .wrap .form .input {
    display: inline-block;
    width: 90%;
    height: 40px;
    box-sizing: border-box;
    border: 1px solid #e7e7e7;
    border-radius: 4px;
    background: #fff;
    position: relative;
    padding: 1% 0px 2% 6%;
    margin-bottom: 20px;
    float: left;
}
/*#sec7 .wrap .form .input:nth-of-type(2) {
    height: 100px;
    float: right;
    width: 52%;
}*/
#sec7 .wrap .form .input:nth-of-type(1):before {
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    background: url('../images/SVG/0114-user.svg') center no-repeat;
    background-size: 20px auto;
}
#sec7 .wrap .form .input:nth-of-type(2):before {
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    background: url('../images/SVG/0067-phone.svg') center no-repeat;
    background-size: 20px auto;
    font-size: 23px;
}
#sec7 .wrap .form .right-fields .input:nth-of-type(1) {
    height: 100px;
}
#sec7 .wrap .form .right-fields .input:nth-of-type(1):before {
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    background: url('../images/SVG/0113-bubbles4.svg') center no-repeat;
    background-size: 20px auto;
    font-size: 23px;
}
#sec7 .wrap .form .input::before {
    position: absolute;
    height: 80%;
    width: 40px;
    text-align: center;
    font-size: 20px;
    line-height: 30px;
    top: 10%;
    left: 0;
    border-right: 1px solid #e7e7e7;
    color: #999;
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}
#sec7 .wrap .form .input input, #sec7 .wrap .form .input textarea {
    width: 100%;
    height: 100%;
    background: none;
    font: 14px 'museo_cyrillic300';
    color: #000;
    line-height: 14px;
    line-height: normal;
}
#sec7 .wrap .form .input.focus {
    border-color: #88c7f4;
}
#sec7 .wrap .form .input.focus::before {
    color: #88c7f4;
}
.validate .error {
    border-color: #ff8983 !important;
}
footer {
    display: block;
    background: #27363E none repeat scroll 0% 0%;
    padding-bottom: 30px;
    overflow: hidden;
}
footer nav {
    font-size: 16px;
    font-weight: 600;
    display: inline-block;
    vertical-align: top;
    float: left;
    width: 200px;
    padding-top: 30px;
}
footer nav ul {
    padding: 0px;
}
footer nav ul li:hover {
    background: none;
}
footer nav ul li a {
    color: #DB4857;
    font: 500 18px/26px "museo_cyrillic500",sans-serif;
    text-decoration: none;
    border-bottom: 1px solid;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 15px;
    padding: 5px 10px 5px 5px;
}
footer nav ul li a:hover {
    background: #f0f7ed;
}
footer .contacts-footer {
    display: inline-block;
    vertical-align: top;
    min-width: 250px;
    margin-left: 5%;
    padding-top: 30px;
    font-size: 14px;
    color: #B2BFC5;
    line-height: 24px;
    -webkit-transform: translate(50%, 0);
    -moz-transform: translate(50%, 0);
    transform: translate(50%, 0);
}
footer .contacts-footer h3 {
    font: 500 22px/26px "museo_cyrillic500",sans-serif;
    color: #D8D8D8;
    margin-bottom: 20px;
}
footer .contacts-footer address {
    font-style: normal;
    font-size: 16px;
    color: #888787;
    margin-bottom: 18px;
    line-height: 25px;
}
footer .contacts-footer address p.phone p.address p.info {
    color: #888787;
    font: 500 18px/26px "museo_cyrillic500",sans-serif;
    margin-top: 10px;
    font-size: 15px;
}
footer .footer-form {
    margin-right: 20px;
    display: inline-block;
    vertical-align: top;
    width: 260px;
    float: right;
    padding-top: 30px;
    font-size: 14px;
    line-height: 22px;
}
footer .footer-form h3 {
    font: 500 22px/26px "museo_cyrillic500",sans-serif;
    color: #FFCD03;
    margin-bottom: 17px;
}
footer .footer-form p {
    font-size: 13px;
    line-height: 20px;
    color: #B2BFC5;
    margin-bottom: 10px;
}
footer .footer-form .form-item {
    margin-bottom: 15px;
    position: relative;
}
footer .footer-form .form-item label {
    display: block;
    color: #5D5C5C;
    font-size: 14px;
    margin-bottom: 4px;
}
footer .footer-form .form-item input {
    text-align: left;
    display: block;
    width: 300px;
    font-size: 20px;
    height: 36px;
    padding: 0 15px;
    border: 4px solid #546E67;
    border-radius: 50px;
}
footer .footer-form .form-item {
    margin-bottom: 15px;
    position: relative;
}
footer .footer-form .form-item label {
    display: block;
    color: #5D5C5C;
    font-size: 14px;
    margin-bottom: 4px;
}
footer .footer-form .form-item input {
    text-align: left;
    display: block;
    width: 220px;
    margin: 0 auto;
    height: 36px;
    padding: 3px 15px;
    border: 2px solid #5EBAB5;
    border-radius: 90px;
    font: 700 18px/26px "museo_cyrillic300",sans-serif;
}
footer .btn div {
    width: 155px;
}
footer .btn-wrap .btn {
    width: 255px;
    margin-left: 3px;
}

/**Slider*/
#slider {
    height: 60px;
    font-family: "museo_cyrillic700";
}
#slider td {
    text-align: left;
}
#slider td p {
    text-align: center;
}
#slider td p input:nth-of-type(2n) {
    opacity: 0;
    width: 5%;
}
#slider span {
    float: right;
    text-align: left;
}
#slider input[type="text"] {
    border: 4px solid #048782;
    outline: none;
    border-color: #9ecaed !important;
    box-shadow: 0 0 10px #9ecaed;
    -webkit-box-shadow: 0 0 10px #9ecaed;
    -moz-box-shadow: 0 0 10px #9ecaed;
    border-radius: 20px;
    height: 40px;
    text-align: center;
    font-size: 20px;
}
#slider input[type="text"]{
    margin-left: 5px;
    width: 30%;
    font-family: "museo_cyrillic700";
}
#slider-range {
    margin-top: 10px;
}
.overlay {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(255,255,255,0.9);
  z-index: 11;
}
.user-icon,
.phone-icon,
.comment-icon,
.send-icon {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    width: 20px;
    height: 20px;
}
.user-icon {
    background: url(../images/SVG/users81.svg) center no-repeat;
    background-size: 100%;
}
.phone-icon {
    background: url(../images/SVG/smartphone86.svg) center no-repeat;
    background-size: 100%;
}
.comment-icon {
    background: url(../images/SVG/comment32.svg) center no-repeat;
    background-size: 100%;
}
.comment-icon:after {
    height: 85px;
}
.send-icon {
    background: url(../images/SVG/paper20.svg) center no-repeat;
    background-size: 100%;
}
.close-ico {
    width: 50px;
    height: 50px;
    background: url(../images/SVG/close.svg) center no-repeat;
    background-size: 100%;
    position: fixed;
    top: 5%;
    right: 3%;
    cursor: pointer;
}
.btn {
    transition: all .4s;
}
.btn:hover {
    background: rgba(93, 198, 192, 1);
    box-shadow: 4px 6px 3px 1px #5EBAB5;
    -webkit-box-shadow: 4px 6px 3px 1px #5EBAB5;
    -moz-box-shadow: 4px 6px 3px 1px #5EBAB5;
}
.btn__mod1,
.btn__mod2 {
    position: absolute;
    top: 56%;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}
.btn__mod1 {
    left: -45px;
}
.btn__mod1 > span {
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-left: -30px;

}
.btn__mod2 {
    right: -45px;
}
.btn__mod2 > span {
    margin-right: -20px;
    position: relative;
    right: 30px;
}
#price-from ,
#price-to {
    border: 0 !important;
    color: #43ACA7 !important;
    font-weight: bold !important;
    display: inline-block;
}
#price-to + label {
    margin-left: 50px
}
#slider label {
    color: #43ACA7 !important;
    font-weight: bold !important;
}
.action-icon {
    display: none;
    width: 50px;
    height: 50px;
    background: #ccc;
    position: fixed;
    bottom: 5%;
    right: 0;
    cursor: pointer;
}
.action-content {
    display: none;
    position: fixed;
    top: 25%;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 40%;
    height: 50%;
    background: #333;
    z-index: 11;
}
.hideBlock {
    display: none;
}
#gift_for_you {
    display: none;
    position: fixed;
    bottom: 0;
    right: 0;
    width: 300px;
    z-index: 3;
}
#gift_for_you img {
    width: 100%;
    border: 2px solid rgba(51, 51, 51, 0.8);
}
#gift_for_you #timer_for_gift {
    position: absolute;
    width: 120px;
    height: 70px;
    color: #FFF;
    margin-left: 178px;
    margin-top: -130px;
    overflow: hidden;
    text-align: center;
    list-style-type: none;
    z-index: 3;
}
#gift_for_you #timer_for_gift > p {
    font-family: "museo_cyrillic500";
}
#gift_for_you ul {
    position: absolute;
    width: 150px;
    height: 134px;
    color: #fff;
    margin-left: 20px;
    margin-top: -200px;
    overflow: hidden;
    list-style-type: none;
    z-index: 3;
}
#gift_for_you ul li {
    list-style-type: none;
    text-transform: uppercase;
    font-size: 16px;
    font-family: "museo_cyrillic300";
}
#gift_for_you ul li:hover {
    background: none;
}
#gift_for_you ul li:first-of-type {
    font-size: 24px;
    font-family: "museo_cyrillic700";
    padding-bottom: 5px;
}
#gift_for_you .logo {
    position: absolute;
    border: none;
    margin-top: -447px;
    margin-left: 190px;
    height: 50px;
    width: 100px;
    font: 400 10px/10px "museo_cyrillic100",sans-serif;
    color: #FFF;
    text-transform: uppercase;
    letter-spacing: 9px;
    display: inline-block;
    transition: all 0.2s ease 0s;
    z-index: 3;
}
#gift_for_you .logo img {
    height: 100%;
    border: none;
    z-index: 2;
    position: relative;
}
#gift_for_you .btn-wrap {
    position: absolute;
    margin-top: -65px;
    margin-left: 20px;
    background-clip: padding-box;
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0.01) 100%);
    border: 1px solid rgba(255, 255, 255, 0.02);
    border-radius: 30px 30px 30px 30px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08) inset;
    -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08) inset;
    -moz-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08) inset;
    display: inline-block;
    height: 60px;
    padding: 5px;
    width: 260px;
    cursor: pointer;
    z-index: 3;
}
#gift_for_you .btn-wrap button:after {
    background-color: #ECB485;
    background-image: linear-gradient(to top, rgba(255, 255, 255, 0) 0px, rgba(255, 255, 255, 0.12) 100%);
    border-radius: 30px 30px 208px 212px / 20px 21px 24px 25px;
    content: "";
    height: 15px;
    left: 0;
    opacity: 0.12;
    position: absolute;
    top: 0;
    width: 100%;
}
#gift_for_you .btn-wrap button {
    background-clip: padding-box;
    background-color: #DC6C20;
    background-image: linear-gradient(to top, #EB5325 0px, #F95C2C 100%);
    border: medium none;
    border-radius: 22px 22px 22px 22px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.24), 0 1px 1px rgba(255, 255, 255, 0.36) inset;
    -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.24), 0 1px 1px rgba(255, 255, 255, 0.36) inset;
    -moz-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.24), 0 1px 1px rgba(255, 255, 255, 0.36) inset;
    color: #FFFFFF;
    font-size: 18px;
    font-family: "museo_cyrillic700";
    height: 48px;
    padding: 0 25px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.15s ease 0s;
    width: 100%;
    cursor: pointer;
    z-index: 3;
}
#close_gift_for_you {
    width: 20px;
    height: 20px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAABoUlEQVR42rWU30oCQRTG82GC6CaI7oLyrsI79UKhd1CE9R2KUPprqOETpEkUod20Xde6u5pe9gJCo7T+aW2bD87BWNIF2RY+mDlzvt/MzpyZpVnf8tpmWCov1ZYakdoUC7vz54FiUk9SjoeQs+8FK7JheycsDjLnuqY3a9ZgUIHQRgxjv8ClubCV9a1J5jSv2ZNJ2XGc67+EsZPc1evqRtAmaNENizPs9r7+TEZP3T08qvAQNDYF0p5lz/IaEm3bLluWVYHQRmxWHH/De8qwCALB3YjgJBhCodC7oii6EOIGcQjtdDqtYww5PAm8BI0AWEDnMHuhI4GBgAUCge9UKmV2u90qJNsGYhhjIAQvAQsAdtBpGK0aJ/BqGJBIJMxkMmnyBLxqzoeXgB0Ax+gMhkOacQrFqhjEYMQYxoKXgGNfgB+iVyVg35dfftGMOgFbvhzK0XGOD+VyWjZ70YXLBl4CRrkW1UULGx6CqX5fvfj/PQ5uKF9FbLbRfKuNRuOK6PWrOE3EeM9IJb8eWNX9wHqBo1gx1emX1CfqDKWBsVm+HxSQPnslWPduAAAAAElFTkSuQmCC");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    cursor: pointer;
    margin-left: -25px;
    margin-bottom: -5px;
}
#gift_for_you_small {
    border: 2px solid rgba(51, 51, 51, 0.8);
    display: none;
    position: fixed;
    bottom: 0;
    right: 0;
    width: 160px;
    height: 38px;
    cursor: pointer;
    background: #F16100 url('../images/gift_for_you_small.png') no-repeat;
    padding: 10px 10px 0 20px;
    border-radius: 50px 5px 5px 5px;
}
#gift_for_you_small span {
    color: #fff;
    float: left;
    padding: 0;
    font-size: 26px;
    text-transform: uppercase;
    font-family: "museo_cyrillic700";
}
#gift_for_you_small img:nth-of-type(2) {
    padding: 15px 0;
    float: right;
}
#gift_for_you_small img:nth-of-type(1) {
    float: left;
    height: 36px;
    margin: -8px 6px 0px;
}
#gift_for_you input {
    display: none;
    position: absolute;
    width: 140px;
    height: 30px;
    color: #000;
    padding-left: 10px;
    margin-left: 20px;
    margin-top: -120px;
    font-size: 14px;
    border-radius: 90px;
    box-shadow: -2px 4px 8px rgba(0, 0, 0, 0.24), -2px 1px 1px rgba(255, 255, 255, 0.36) inset;
    -webkit-box-shadow: -2px 4px 8px rgba(0, 0, 0, 0.24), -2px 1px 1px rgba(255, 255, 255, 0.36) inset;
    -moz-box-shadow: -2px 4px 8px rgba(0, 0, 0, 0.24), -2px 1px 1px rgba(255, 255, 255, 0.36) inset;
    font-family: "museo_cyrillic300";
}
#gift_for_you input:nth-of-type(2) {
    margin-top: -160px;
}
#gifts_btn_0 {
    display: block;
}
.is-error {
    border-color: rgba(190, 0, 0, 0.8) !important;
    transform: translate(5px,0);
    color:  rgba(190, 0, 0, 0.9) !important;
}

.vibration {
    -webkit-animation: 0.1s tremor ease-out infinite;
    -o-animation: 0.1s tremor ease-out infinite;
    -moz-animation: 0.1s tremor ease-out infinite;
    animation: 0.1s tremor ease-out infinite;
}
@-webkit-keyframes tremor {
    0%, 25% {
        left: -1px;
        -webkit-transform: translateX(-2%);
        transform: translateX(-2%);
    }
    50%, 100% {
        left: 1px;
        -webkit-transform: translateX(2%);
        transform: translateX(2%);
    }
}
@-moz-keyframes tremor {
    0%, 25% {
        left: -1px;
        -webkit-transform: translateX(-2%);
        transform: translateX(-2%);
    }
    50%, 100% {
        left: 1px;
        -webkit-transform: translateX(2%);
        transform: translateX(2%);
    }
}
@-ms-keyframes tremor {
    0%, 25% {
        left: -1px;
        -webkit-transform: translateX(-2%);
        transform: translateX(-2%);
    }
    50%, 100% {
        left: 1px;
        -webkit-transform: translateX(2%);
        transform: translateX(2%);
    }
}
@-o-keyframes tremor {
    0%, 25% {
        left: -1px;
        -webkit-transform: translateX(-2%);
        transform: translateX(-2%);
    }
    50%, 100% {
        left: 1px;
        -webkit-transform: translateX(2%);
        transform: translateX(2%);
    }
}
@keyframes tremor {
    0%, 25% {
        left: -1px;
        -webkit-transform: translateX(-2%);
        transform: translateX(-4%);
    }
    50%, 100% {
        left: 1px;
        -webkit-transform: translateX(2%);
        transform: translateX(4%);
    }
}

@media screen and (max-width: 1400px) {
    body footer .contacts-footer{
        margin-left: 5%;
    }
}

@media screen and (max-width: 1300px) {
    body footer .contacts-footer{
        margin-left: 0 !important;
    }
    #header .wrap .menu ul li a {
        font: 14px/16px "museo_cyrillic100";
        padding: 10px 6px;
    }
}

.yellow {background: #fff000;}
.green {background: #27AE60;}
.red {background: #ff0000;}
.biege {background: rgba(245, 241, 222, 1);}
@media screen and (max-width: 1200px) {
    footer .contacts-footer {
        margin-left: 2% !important;
    }
}
@media screen and (max-width: 1120px) {
    #header .wrap .menu ul li a {
        font: 15px/16px "museo_cyrillic100";
        padding: 10px 5px;
    }
    .btn.btn__mod2 {
        right: 10px;
        bottom: 0px;
        top: inherit;
    }
    .btn.btn__mod1 {
        left: 10px;
        bottom: 0px;
        top: inherit;
    }
}
@media screen and (max-width: 1099px) {
    #header .wrap .phones {
    display: none;
    height: 50px;
    top: 15px;
    right: 0;
    position: absolute;
    padding-right: 16%!important;
    transition: all 0.2s ease 0s;
}
    #header .wrap .menu ul li a {
        font: 14px/16px "museo_cyrillic100";
        padding: 10px 5px;
    }
    #block-10 .feedback .links {
        margin: 0 0 -20px -10px;
    }
    footer .contacts-footer {
        -webkit-transform: translate(30%, 0);
        -moz-transform: translate(30%, 0);
        transform: translate(30%, 0);
    }
}
@media screen and (max-width: 1039px) {
    #header .wrap .menu ul li a {
        font: 14px/16px "museo_cyrillic100";
        padding: 10px 4px;
    }
    #block-download-catalog img {
        width: 65%;
    }
    footer nav ul li a {
        font: 500 14px/26px "museo_cyrillic300",sans-serif;
    }
    footer .contacts-footer h3 {
        font: 500 18px/26px "museo_cyrillic300",sans-serif;
    }
    footer .contacts-footer address p.phone {
        font: 500 14px/18px "museo_cyrillic100",sans-serif;
    }
    footer .contacts-footer address {
        font: 500 14px/18px "museo_cyrillic100",sans-serif;
    }
    footer .contacts-footer {
        margin-left: 0% !important;
    }
    #block-download-catalog .container .order h3 span:nth-of-type(3) {
        font-size: 20px;
    }
    #block-download-catalog .container .order h3 span:nth-of-type(2) {
        font-size: 18px;
    }
    #block-download-catalog .container .order h3 span:nth-of-type(1) {
        font-size: 24px;
        line-height: 39px;
    }
}
@media screen and (max-width: 1009px) {
    #header .wrap .menu ul li a {
        font: 13px/16px "museo_cyrillic100";
        padding: 10px 6px;
    }
    #block-3 .item {
        width: 200px;
    }
    #block-3 .item .img {
        height: 269px;
        width: 200px;
    }
    #block-doors-list .photo {
        width: 300px;
        height: 500px;
    }
    #block-doors-list .price span, #block-decor-elements .price span {
        font-size: 36px;
    }
    #block-decor-elements ul {
        display: block;
        margin: 0 auto;
    }
    #block-decor-elements ul.light li {
        width: 20% !important;
    }
    #block-decor-elements ul.light li {
        width: 130px !important;
    }
    #block-decor-elements ul.light li .photo {
        background-size: 50% !important;
        width: 120px !important;
        height: 110px !important;
        padding: 0;
    }
    #block-decor-elements ul.light figcaption {
        font-size: 14px !important;
    }
    #block-decor-elements figure {
        margin: 0 auto !important;
    }
    #block-decor-elements p {
        margin: 0 auto !important;
        padding: 0 !important;
    }
    #block-8 .form input {
        width: 90%;
        font-size: 16px;
    }
    #block-8 .form .btn div {
        font-size: 16px;
    }
    ul.doors {
        height: 670px;
    }
    #block-6 .items > .item{
        width: 100% !important;
    }
    #block-6 .items > .item:nth-child(2),
    #block-6 .items > .item:nth-child(3){
        padding: 0 30%;
        box-sizing: border-box;
    }
    #block-6 .items > .item:nth-child(2):before,
    #block-6 .items > .item:nth-child(3):before{
        display: none;
    }
    #block-6 .items > .item:nth-child(1){
        padding-bottom: 30px;
    }
    #block-6 .items > .item:nth-child(1):after{
        display: block;
        position: absolute;
        bottom: -10px;
        left: 50%;
        width: 20px;
        height: 20px;
        transform: translateX(-50%) rotate(-45deg);
        border-left: solid 1px #439c9b;
        border-bottom: solid 1px #439c9b;
        content: '';
    }
    #block-6 .item1 + .item .item3:before{
        bottom: 0;
    }
}

@media screen and (max-width: 900px){
    #block-6 .items > .item:nth-child(2),
    #block-6 .items > .item:nth-child(3){
        padding: 0 25%;
    }
}
@media screen and (max-width: 800px){
    #block-6 .items > .item:nth-child(2),
    #block-6 .items > .item:nth-child(3){
        padding: 0 20%;
    }
}
@media screen and (max-width: 700px){
    #block-6 .items > .item:nth-child(2),
    #block-6 .items > .item:nth-child(3){
        padding: 0 15%;
    }
}
@media screen and (max-width: 600px){
    #block-6 .items > .item:nth-child(2),
    #block-6 .items > .item:nth-child(3){
        padding: 0 10%;
    }
}
@media screen and (max-width: 500px){
    #block-6 .items > .item:nth-child(2),
    #block-6 .items > .item:nth-child(3){
        padding: 0 5%;
    }
}
@media screen and (max-width: 400px){
    #block-6 .items > .item:nth-child(2),
    #block-6 .items > .item:nth-child(3){
        padding: 0;
    }
}

@media screen and (max-width: 979px) {
    #header .wrap .menu ul li a {
        font: 13px/16px "museo_cyrillic100";
        padding: 10px 5px;
    }
    #block-doors-list ol, #block-decor-elements {
        width: 920px;
        overflow: hidden;
    }
    #block-download-catalog img {
        width: 75%;
    }
    footer nav {
        width: 20% !important;
    }
    footer .container {
        width: 100%;
    }
    footer .contacts-footer {
        -webkit-transform: translate(50%, 0);
        -moz-transform: translate(50%, 0);
        transform: translate(50%, 0);
    }
}
@media screen and (max-width: 938px) {
    #header .wrap .menu {
        display: none;
        opacity: 0;
    }
    #header .wrap .phones {
        display: block !important;
    }
    #block-1 h1 {
        line-height: 36px;
        font-size: 34px;
    }
    #block-1 h3 span {
        line-height: 44px;
        font-size: 20px;
    }
    #block-doors-list h1 {
        font-size: 26px;
        line-height: 30px
    }
    #block-doors-list h2, #block-decor-elements h2 {
        font-size: 24px;
        line-height: 26px
    }
    .block-4a .material-text {
        line-height: 36px;
        font-size: 24px;
    }
    #block-7 h2 {
        font-size: 24px;
    }
    #middle .wrap .block h2 {
        font-size: 24px;
        line-height: 26px
    }
    #sec7 .wrap h2 {
        font-size: 34px;
    }
    /*#header .wrap .menu {
        width: 100px;
        right: 0;
        left: -5%;
    }
    #nav {
        margin-top: 90px;
        float: right;
        width: 100px;
        background: #fff;
    }
    #header .wrap .menu > ul li {
        width: 100%;
        padding: 5px 0;
        border: 1px solid #d3d3d3;
        border-top: none;
    }
    .sub-menu {
        width: 150px;
        top: 0;
        left: 100px;
    }*/
    #block-3 .item {
        width: 180px;
    }
    #block-3 .item .img {
        height: 242px;
        width: 180px;
    }
    #block-doors-list ol, #block-decor-elements {
        width: 820px;
        overflow: hidden;
    }
    #block-doors-list .photo {
        width: 270px;
        height: 495px;
    }
    #block-doors-list .price span, #block-decor-elements .price span {
        font-size: 34px;
    }
    #block-doors-list button {
        font-size: 18px;
    }
    .doors-btn-width {
        margin-left: 40px;
        width: 200px;
    }
    #block-doors-list .btn div {
        float: left;
        width: 90px;
    }
    #director .column .director-photo {
        margin: 20px 25%;
    }
    #director div.cite-wrapper {
        width: 90%
    }
    #block-8 .form .btn div {
        width: 60%;
    }
}

@media screen and (max-width: 569px) {
    #block-1 h1 {
        line-height: 32px !important;
        font-size: 28px !important;
    }
    #block-1 h3 span {
        line-height: 30px !important;
        font-size: 20px !important;
    }
}
@media screen and (max-width: 402px) {
    #block-1 h1 {
        line-height: 25px !important;
        font-size: 25px !important;
    }
    #block-1 h3 span {
        padding-top: 10px;
        line-height: 20px !important;
        font-size: 20px !important;
    }
    #block-1 h3 {
        margin-top: 10px;
    }
}

@media (max-width: 650px) {
    #sec4 .wrap .contr {
    height: 340px !important;
}
}
@media (max-width: 1080px) and (min-width:971px)  {
    #sec4 .wrap .contr {
    height: 330px !important;
}
}

@media screen and (max-width: 848px) {
    header#header .phones button {
        display: none;
    }
    #block-3 .item {
        width: 160px;
    }
    #block-3 .item .img {
        height: 215px;
        width: 160px;
    }
    #block-3 .item .btn div {
        width: 90px;
        font-size: 18px;
    }
    #block-3 .item p.price .neris_black {
        font-size: 20px;
    }
    #block-doors-list ol, #block-decor-elements {
        width: 780px;
        overflow: hidden;
    }
    #block-doors-list ul li {
        padding: 0 5px;
    }
    #block-doors-list .photo {
        width: 250px;
        height: 495px;
    }
    #block-doors-list .price span, #block-decor-elements .price span {
        font-size: 32px;
    }
    #block-doors-list button {
        font-size: 18px;
        margin-left: 20px;
    }
    .doors-btn-width {
        margin-left: 40px;
        width: 200px;
    }
    #block-doors-list .btn div {
        float: left;
        width: 90px;
    }
    #block-2 .item:before {
        content: "";
        position: absolute;
        width: 102px;
        height: 23px;
        left: -52px;
        top: 91px;
        background: none;
    }
    #block-download-catalog img {
        margin-left: -10%;
        margin-top: 0;
    }
}
@media screen and (max-width: 798px) {
    #block-doors-list ul li {
        padding: 0;
    }
    #block-doors-list .photo {
        width: 230px;
        height: 490px;
    }
    #block-doors-list .price span, #block-decor-elements .price span {
        font-size: 28px;
    }
    #block-doors-list button {
        font-size: 18px;
        margin: 0 20px;
    }
    #block-doors-list button {
        font-size: 18px;
    }
    /*.doors-btn-width {
        margin-left: 40px;
        width: 200px;
    }
    #block-doors-list .btn div {
        float: left;
        width: 90px;
    }
    #block-doors-list ol, #block-decor-elements {
        width: 740px;
        overflow: hidden;
    }*/
    #block-doors-list ol, #block-decor-elements {
        width: 760px;
        overflow: hidden;
    }
    #block-decor-elements {
        width: 750px;
    }
    #middle .btn div {
        width: 100px !important;
    }
    #middle  .btn {
        width: 200px !important;
    }
    footer nav {
        width: 20% !important;
    }
    footer nav ul li a {
        font: 500 14px/26px "museo_cyrillic300",sans-serif;
    }
    footer .footer-form {
        width: 32%;
        margin-right: 4%;
    }
    footer .footer-form h3 {
        font: 500 18px/26px "museo_cyrillic500",sans-serif;
    }
    footer .footer-form p {
        font-size: 12px;
        line-height: 18px;
    }
    footer .footer-form .form-item input {
        width: 90%;
        font: 14px/20px "museo_cyrillic300",sans-serif;
    }
    footer .btn {
        width: 236px!important;
        transition: all .4s;
        width: 100%;
        font-size: 18px;
    }
    footer .btn div {
        width: 70%;
    }
    footer .contacts-footer {
        width: 25%;
        margin-left: 2%;
        min-width: 8% !important;
    }
}
@media screen and (max-width: 820px) {
    #block-doors-list ul.doors {
        height: 420px;
    }
    #block-doors-list .photo {
        width: 240px;
        height: 260px;
        background-size: 80% !important;
    }
    #block-doors-list .price span, #block-decor-elements .price span {
        font-size: 28px;
    }
    #block-doors-list button {
        font-size: 18px;
        margin: 0 20px;
    }
    #block-doors-list button {
        font-size: 18px;
    }
}
@media screen and (max-width: 768px) {
    #block-3 .item {
        width: 140px;
    }
    #block-3 .item .img {
        width: 140px;
        height: 188px;
    }
    #block-3 .item .btn div {
        width: 70px;
        font-size: 14px;
    }
    #block-3 .item p.price .neris_black {
        font-size: 18px;
    }
    .doors-btn-width {
        margin-left: 40px;
        width: 200px;
    }
    #block-doors-list .btn div {
        float: left;
        width: 90px;
    }
    #block-decor-elements {
        width: 720px;
    }
    #block-doors-list ol, #block-decor-elements {
        width: 740px;
        overflow: hidden;
    }
    #block-6 .item h2 {
        font-size: 14px !important;
    }
    #middle .wrap .block h2 {
        font-size: 24px;
        line-height: 26px;
    }
    #middle .wrap .block p {
        font-size: 16px;
    }
    #block-10 .feedback .links {
        margin: 0 0 -20px -5px;
    }
}
@media screen and (max-width: 738px) {
    .offer-items {
    flex-direction: column;
    }
    .offer-items img{
    width: 100%;
    }
    #block-doors-list .photo {
        width: 210px;
        height: 230px;
        background-size: 80% !important;
    }
    #block-doors-list .price span, #block-decor-elements .price span {
        font-size: 26px;
    }
    #block-decor-elements {
        width: 680px;
    }
    #block-doors-list button {
        font-size: 16px;
        margin: 0 10px;
    }
    #block-doors-list button {
        font-size: 18px;
    }
    .doors-btn-width {
        margin-left: 40px;
        width: 180px;
    }
    #block-doors-list .btn div {
        float: left;
        width: 200px;
    }
    #block-doors-list .btn {
        padding-left: 20px;
    }
    #block-decor-elements ul {
        display: block;
        margin: 0 auto;
    }
    #block-decor-elements ul.light li {
        width: 20% !important;
    }
    #block-decor-elements ul.light li {
        width: 110px !important;
    }
    #block-decor-elements ul.light li .photo {
        background-size: 40% !important;
        width: 100px !important;
        height: 80px !important;
        padding: 0;
    }
    #block-decor-elements figure {
        margin: 0 auto !important;
    }
    #block-decor-elements p {
        margin: 0 auto !important;
        padding: 0 !important;
    }
    #block-doors-list ol, #block-decor-elements {
        width: 670px;
        overflow: hidden;
    }
    .block-4a .btn div {
        width: 200px !important;
        font-size: 18px !important;
    }
}
@media screen and (max-width: 698px) {
    footer .btn-wrap .btn {
    width: 295px!important;
    margin: 0 auto;
}
    #block-doors-list ul li {
        padding: 0;
        margin-left: 100px;
    }
    #block-doors-list ul.doors {
        height: 320px;
    }
    #block-3 .item {
        width: 120px;
    }
    #block-3 .item .img {
        width: 120px;
        height: 162px;
    }
    #block-3 .item .btn div {
        width: 60px;
        font-size: 14px;
    }
    #block-3 .item .btn span {
        opacity: 0.1;
        width: 20px;
        height: 20px;
        padding-top: 2px;
    }
    #block-3 .item p.price .neris_black {
        font-size: 18px;
    }
    #block-doors-list .photo {
        width: 180px;
        height: 200px;
        background-size: 80% !important;
    }
    #block-doors-list ol li ul li figcaption {
        font-size: 18px;
    }
    #block-doors-list .price span, #block-decor-elements .price span {
        font-size: 20px;
    }
    #block-doors-list .btn span {
        width: 23px;
        height: 23px;
    }
    #block-doors-list .btn div {
        padding: 3px 0 0 0;
    }
    #block-doors-list .btn {
        padding-left: 15px;
        /*width: 250px;*/
    }
    #block-download-catalog .container .order button {
    float: none;
    margin-top: 30px;
    margin-right: 10px;
    }
    html, body {
    overflow-x: hidden;
    }
    .offer-item {
    margin-bottom: 10px;
    }
    #block-decor-elements {
        width: 100%;
    }
    #block-doors-list ol, #block-decor-elements, #block-decor-elements-2 {
        width: 100%;
        overflow: hidden;
    }
    #middle .wrap .block {
        position: relative;
        margin-left: 250px;
    }
    footer nav{
        box-sizing: border-box;
        width: 50% !important;
        padding-left: 10px;
        padding-right: 10px;
    }
    footer .contacts-footer{
        width: 50% !important;
        -webkit-transform: none;
        -moz-transform: none);
        transform: none;
    }
    footer .footer-form{
        width: 100%;
        margin: 0;
        text-align: center;
    }
    footer .container{
        box-sizing: border-box;
    }
    footer .footer-form .form-item input{
        width: 260px;
    }
    footer .btn{
        margin: 0 auto;
        display: block;
        width: 300px;
    }
}
@media screen and (max-width: 590px) {
    #block-doors-list ul li {
    margin-left: 75px;
    }
    #middle .wrap .block{
        margin-left: 0;
        margin-top: 100px;
        height: auto;
        padding-left: 20px;
    }
    #middle .wrap .block::before{
        left: 30px;
        top: -180px;
    }
    #middle .wrap{
        padding-bottom: 30px;
    }
}

@media screen and (max-width: 560px) {
    #header .wrap .phones .shad {
        font-size: 15px !important;
        line-height: 20px !important;
        margin-right: 30px !important;
    }
    #header .wrap .phones .shad span{
    margin-right: 10px !important;
    padding-left: 30px !important;
    }
    #block-doors-list ul li {
    margin-left: 60px;
    }
}

@media screen and (max-width: 515px) {
    #block-doors-list ul li {
    margin-left: 50px;
    }
}

@media screen and (max-width: 490px) {
    #header .wrap .phones .shad {
        margin-right: 10px !important;
    }
    #block-doors-list ul li {
    margin-left: 40px;
    }
}

@media screen and (max-width: 455px) {
    #header .wrap .phones .shad {
        margin-right: 0px !important;
    }
    #block-doors-list ul li {
    margin-left: 30px;
    }
    footer nav{
        width: 100% !important;
        text-align: center;
        float: none;
    }
    footer .contacts-footer{
        margin: 0 auto !important;
        display: block;
        float: none;
    }
}
@media screen and (max-width: 442px) {
    #header .wrap .phones .shad {
        padding: 5px 5px 0 !important;
    }
    #block-doors-list ul li {
    margin-left: 25px;
    }
}

@media screen and (max-width: 429px) {
    #header .wrap .phones .shad {
        display: none !important;
    }
    #block-doors-list ul li {
    margin-left: 20px;
    }
}

@media screen and (max-width: 429px) {
    #block-doors-list ul li {
    margin-left: 8px;
    }
    #block-doors-list .price, #block-decor-elements .price {
    padding-top: 0px;
    padding-bottom: 25px;
    border-top: none;
    }

}

@media screen and (max-width: 375px) {
    #block-doors-list ul li {
    margin-left: 1px;
    }
    #block-doors-list ol li ul li figcaption {
    padding: 10px 0 10px 0;
    }
}

@media screen and (max-width: 361px) {
    #portfolio .btn {
    padding: 9px 0 9px 7px;
}
    #block-doors-list ul li {
    margin-left: 15px;
    }
    #block-doors-list .photo {
    width: 150px;
    height: 170px;
    }
    #block-doors-list ul.doors {
    height: 220px;
    }
    #block-doors-list ol li ul li figcaption {
    font-size: 16px;
    }
    #block-doors-list ol li ul li figcaption i {
    font-size: 16px;
    line-height: 18px;
    }
    #block-doors-list .price, #block-decor-elements .price {
    font-size: 18px;
    line-height: 20px;
    }
}

@media screen and (max-width: 329px) {
    #block-doors-list ul li {
    margin-left: 10px;
    }
}

@media screen and (mx-width: 1020px) and (max-height: 580px) {
    #gift_for_you {
        opacity: 0 !important;
    }
}
#sliding-menu {
    overflow: scroll;
    position: fixed;
    top: 81px;
    left: 0;
    height: 100%;
    width: 250px;
    background: rgba(255, 255, 255, 1);
    text-align: center;
    box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.3), -23px 0px 20px -23px rgba(0, 0, 0, 0.8);
    z-index: 99999999;
}
#sliding-menu ul li {
    padding: 20px 0 0 0;
    cursor: pointer;
}
#sliding-menu ul li a {
    font: 18px/26px "museo_cyrillic100";
    padding: 20px 0 0 0;
}
#sliding-menu hr {
    width: 60%;
    min-width: 130px;
    border-color: rgb(18, 209, 234);
    margin: 20px auto 0 auto;
}
#close-sliding-menu {
    position: absolute;
    width: 50px;
    height: 50px;
    top: 10px;
    left: 200px;
    font: 32px/26px "museo_cyrillic100";
    cursor: pointer;
}
#sliding-menu ul.new-sub-menu li a {
    color: rgba(12, 131, 234, 1);
    font: 14px/20px "museo_cyrillic100";
}
#sliding-menu ul.new-sub-menu li {
    padding: 10px 0 0 0;
}
#sliding-menu ul.new-sub-menu hr {
    width: 40%;
    min-width: 90px;
    border-color: rgba(12, 131, 234, 1);
    margin-top: 10px;
}
@media screen and (max-height: 860px) {
    #sliding-menu ul li a {
        font: 28px/36px "museo_cyrillic100";
        padding: 20px 0 0 0;
    }
    #sliding-menu ul.new-sub-menu li a {
        color: rgba(12, 131, 234, 1);
        font: 18px/26px "museo_cyrillic100";
    }
}
@media screen and (max-height: 740px) {

    #sliding-menu ul li a {
        font: 18px/26px "museo_cyrillic100";
        padding: 20px 0 0 0;
    }
    #sliding-menu ul.new-sub-menu li a {
        color: rgba(12, 131, 234, 1);
        font: 14px/20px "museo_cyrillic100";
    }
}


/*----------*/
    body .ngdialog-content .container .images-slider{
        display: block;
        width: 100%;
        max-width: 45%;
        position: relative;
        padding-right: 20px;
    }
    .custom-dialog .ngdialog-content .container{
        overflow: visible;
    }
    body .ngdialog-content .container .images-slider .modal-image{
        width: 100%;
        height: auto !important;
        max-width: 300px;
        max-height: none;
        min-width: auto;
        min-height: auto;
    }
    .ngdialog-content .container[material='nord-termico'] .images-slider .modal-image{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    body .custom-dialog .ngdialog-content .container{
        word-wrap: initial;
        white-space: normal;
        overflow: visible;
    }

    body .ngdialog-content .container .product-description{
        max-width: 55%;
        padding: 0;
    }
    .ngdialog-content .container .product-description .material-image{
        width: calc(20% - 3px);
    }

    .ngdialog-content .container .product-description .product-subtitle{
        margin-bottom: 10px;
    }

@media screen and (max-width: 1000px) {
    .ngdialog-content .container .product-description{
        font-size: 15px;
    }
    body .ngdialog-content .container .product-description .product-title{
        margin-bottom: 25px;
    }
    body .product-material-wrapper {
        margin-bottom: 25px;
    }
    body .material-single {
        margin-bottom: 15px;
    }
    body .ngdialog-content .container .product-description .product-title{
        font-size: 28px;
    }
}

@media screen and (max-width: 950px) {
    body .custom-dialog .ngdialog-content{
        width: 90%;
        margin: 50px 5%;
    }
    .ngdialog-content .container .product-description{
        font-size: 14px;
    }
    body .ngdialog-content .container .product-description .product-title{
        font-size: 26px;
    }
    #director .column .director-photo{
        display: block;
        margin: 20px auto;
    }
}
@media screen and (max-width: 850px) {
    #sec7 .wrap .info,
    #sec7 .wrap .form{
        float: none;
        display: block;
        margin: 0 auto;
        width: 400px;
    }
    #sec7 .wrap .form{
        margin-top: 30px;
    }
    #sec7 .wrap .info h3,
    #sec7 .wrap .form h3{
        text-align: center;
    }
    #sec7 .left-fields,
    #sec7 .right-fields{
        float: none;
        width: 100%;
    }
    #sec7 .wrap .form .input{
        float: none;
        width: 100%;
    }
    #sec7 .wrap .form .button{
        display: block;
        position: static;
        margin: 0 auto;
        width: 230px;
        margin-bottom: 20px;
    }
}
@media screen and (max-width: 800px) {
    .ngdialog-content .container .product-description{
        font-size: 14px;
    }
    body .ngdialog-content .container .product-description .product-title{
        font-size: 26px;
    }
}

@media screen and (max-width: 700px) {
    .ngdialog-content .container .product-description{
        font-size: 13px;
    }
    body .ngdialog-content .container .images-slider{
        max-width: 55%;
    }
    body .ngdialog-content .container .product-description{
        max-width: 45%;
    }
    body .ngdialog-content .container .product-description .product-title{
        font-size: 24px;
    }
}


@media screen and (max-width: 650px){
    body .ngdialog-content .container .product-description .product-title{
        font-size: 22px;
    }
    #director .form input,
    #director form button{
        float: none;
        display: block;
        margin: 10px auto;
    }
    .feedback{
        width: 100%;
        padding: 0 10px;
        box-sizing: border-box;
    }
    .feedback.last{
        margin-left: 0;
    }
}



@media screen and (max-width: 600px){
    body .custom-dialog .ngdialog-content{
        padding: 20px;
    }
    body .ngdialog-content .container .product-description .product-title{
        font-size: 20px;
    }
    body .custom-dialog .ngdialog-content .ngdialog-close{
        top: 3px;
        right: 5px;
        width: 25px;
    }
    #sec4 .wrap .contr{
        float: none;
        height: auto !important;
    }
}

@media screen and (max-width: 550px){
    body .custom-dialog .ngdialog-content{
        height: 90%;
        margin: 5%;
        display: block;
        overflow: auto;
    }
    body .custom-dialog .ngdialog-content .container{
        display: block;
    }
    body .ngdialog-content .container .images-slider{
        max-width: 100%;
    }
    body .ngdialog-content .container[material='nord-termico'] .images-slider .modal-image,
    body .ngdialog-content .container .images-slider .modal-image{
        display: block;
        position: static;
        margin: 0 auto;
        transform: none;
    }
    body .ngdialog-content .container .product-description{
        max-width: 100%;
    }
    body .custom-dialog .ngdialog-content .ngdialog-close{
        position: fixed;
        top: 35px;
        right: 50px;
    }
}

@media screen and (max-width: 450px) {
    #sec7 .wrap .info,
    #sec7 .wrap .form{
        width: 300px;
    }
}