@charset "UTF-8";
* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

html, body {
  width: 100%;
  min-width: 320px;
  color: #3C2415;
  background: #ffffff;
  font: 16px/20px "PF Agora Sans Pro", Verdana;
  cursor: default;
}

html {
  height: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  height: auto !important;
  min-height: 100%;
  height: 100%;
  position: relative;
}

html, body, div, applet, object, iframe, blockquote, pre, abbr, acronym, address, big, select, input, textarea,
cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dd, dl, dt, fieldset, form, label, legend, caption {
  font: 16px/20px "PF Agora Sans Pro", Verdana;
  margin: 0;
  padding: 0;
  border: 0;
}

a img, :link img, :visited img {
  border: 0;
}

p {
  padding: 0px;
  margin: 0px;
}

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

td {
  vertical-align: top;
}

a {
  cursor: pointer;
  outline: none;
  color: #3C2415;
  text-decoration: none;
  font: 16px/20px "PF Agora Sans Pro", Verdana;
}

a:hover {
  text-decoration: none;
}

.cl:after, .f_cols:after, .b14_form .f_3x:after, .b13_items:after, .b12_bot:after, .b12_items:after, .b11_items:after, .f_2x:after, .tabs:after, .cat_list:after, .ts_items:after, .top_slider:after, .footer:after, .cp_content:after, .h_bot:after, .h_top:after, .b1:after, .b2:after, .b3:after, .b4:after, .b5:after, .b6:after, .b7:after, .b8:after, .b9:after, .b10:after, .b11:after, .b12:after, .b13:after, .b14:after, .b15:after {
  content: "";
  display: block;
  clear: both;
}

.hand {
  cursor: pointer;
}

.display_none {
  display: none;
}

input, select, textarea {
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

textarea {
  outline: none;
  resize: none;
  oveflow: auto;
}

ul {
  list-style: none;
}

/* site styles */
.footer, .cp_content, .h_bot, .h_top, .b1, .b2, .b3, .b4, .b5, .b6, .b7, .b8, .b9, .b10, .b11, .b12, .b13, .b14, .b15 {
  max-width: 1550px;
  padding: 0 15px;
  margin: 0 auto;
}

body {
  padding-top: 90px;
}
body.modal_open {
  overflow: hidden;
}

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

.h_top_wrap {
  width: 100%;
  height: 90px;
  background: #fff;
  position: fixed;
  z-index: 6;
  left: 0;
  top: 0;
  box-shadow: 0px 4px 4px rgba(180, 75, 20, 0.1);
}

.h_top {
  padding: 20px 15px;
}

.logo {
  display: block;
  float: left;
  width: 100%;
  max-width: 228px;
  margin-top: -4px;
}

.h_text {
  float: left;
  margin: 0px 0 0 30px;
  font-size: 18px;
  line-height: 24px;
}

.burger {
  display: none;
  position: absolute;
  width: 22px;
  height: 20px;
  right: 75px;
  top: 19px;
}
.burger:after {
  display: block;
  content: "МЕНЮ";
  font-size: 18px;
  line-height: 110%;
  color: #DB5C1E;
  font-weight: 700;
  position: absolute;
  right: -65px;
  top: 0px;
}
.burger.opened span {
  height: 0;
}
.burger.opened span:before {
  top: 50%;
  transform: rotate(-45deg);
}
.burger.opened span:after {
  top: 50%;
  transform: rotate(45deg);
}
.burger:hover {
  filter: alpha(Opacity=70);
  opacity: 0.7;
}
.burger span {
  display: block;
  width: 100%;
  height: 2px;
  background: #DB5C1E;
  position: absolute;
  left: 0;
  top: 8px;
}
.burger span:before {
  display: block;
  content: "";
  width: 100%;
  height: 2px;
  background: #DB5C1E;
  position: absolute;
  left: 0;
  top: -9px;
  transition: 0.3s;
}
.burger span:after {
  display: block;
  content: "";
  width: 100%;
  height: 2px;
  background: #DB5C1E;
  position: absolute;
  left: 0;
  top: 9px;
  transition: 0.3s;
}

.h_right {
  float: right;
}

.h_search {
  float: left;
  width: 50px;
  height: 50px;
  border-radius: 8px;
  position: relative;
  margin-right: 20px;
}
.h_search:hover .hs_input_popup {
  width: 430px;
  border: 1px solid #DB5C1E;
}

.hs_amp {
  width: 50px;
  height: 50px;
  background: url(../images/search.svg) center no-repeat;
  filter: brightness(30%);
  cursor: pointer;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  transition: 0.3s;
}
.hs_amp:hover {
  filter: brightness(100%);
}

.hs_input_popup {
  width: 0px;
  height: 50px;
  border-radius: 8px;
  overflow: hidden;
  background: #fff;
  border-radius: 8px;
  position: absolute;
  top: 0;
  right: 0;
  transition: 0.3s;
}
.hs_input_popup > input {
  display: block;
  width: 100%;
  padding: 0 55px 0 16px;
  font-size: 18px;
  line-height: 48px;
  background: none;
}

.h_address {
  display: none;
  font-size: 16px;
  line-height: 120%;
}

.h_socials, .f_socials {
  float: left;
}
.h_socials > a, .f_socials > a {
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
  width: 50px;
  height: 50px;
  border: 1px solid #E7C6B6;
  box-sizing: border-box;
  border-radius: 8px;
  position: relative;
  transition: 0.3s;
}
.h_socials > a:hover, .f_socials > a:hover {
  box-shadow: -4px 4px 4px rgba(180, 75, 20, 0.4);
}
.h_socials > a:active, .f_socials > a:active {
  background: #DB5C1E;
  border: 1px solid #DB5C1E;
}
.h_socials > a:active > img, .f_socials > a:active > img {
  filter: brightness(400%);
}
.h_socials > a > img, .f_socials > a > img {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
}

.h_tel, .f_tel {
  float: left;
  width: 230px;
  margin-left: 20px;
  text-align: right;
}
.h_tel > span, .f_tel > span {
  display: inline-block;
  vertical-align: top;
  font-size: 24px;
  line-height: 30px;
  font-weight: 700;
  cursor: pointer;
  position: relative;
}
.h_tel > span > a, .f_tel > span > a {
  font-size: 24px;
  line-height: 30px;
  font-weight: 700;
}
.h_tel > span:hover, .f_tel > span:hover {
  font-size: 21px;
  padding-left: 30px;
}
.h_tel > span:hover > a, .f_tel > span:hover > a {
  font-size: 21px;
}
.h_tel > span:hover:before, .f_tel > span:hover:before {
  display: block;
  content: "";
  width: 24px;
  height: 22px;
  background: url(../images/tel.svg) 0 0 no-repeat;
  position: absolute;
  left: 0;
  top: 4px;
}
.h_tel > a, .f_tel > a {
  display: inline-block;
  vertical-align: top;
  color: #DB5C1E;
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  position: relative;
}
.h_tel > a:after, .f_tel > a:after {
  display: block;
  content: "";
  width: 0;
  height: 2px;
  background: #DB5C1E;
  position: absolute;
  bottom: -5px;
  right: 0;
  transition: 0.3s;
}
.h_tel > a:hover:after, .f_tel > a:hover:after {
  width: 100%;
}

.h_tel_mob {
  display: none;
  width: 24px;
  height: 22px;
  background: url(../images/tel.svg) 0 0 no-repeat;
  cursor: pointer;
  position: absolute;
  top: 17px;
  right: 110px;
}
.h_tel_mob:hover, .h_tel_mob:active {
  filter: alpha(Opacity=70);
  opacity: 0.7;
}

.h_bot_wrap {
  background: #DB5C1E;
  height: 90px;
  padding: 10px 0;
  position: relative;
}

.h_bot {
  position: relative;
}

.cat_popup {
  display: none;
  width: 100%;
  background: #fff;
  box-shadow: -4px 4px 14px rgba(180, 75, 20, 0.3);
  border-radius: 0px 0px 4px 4px;
  padding: 60px 0;
  position: absolute;
  left: 0;
  top: 90px;
}
.cat_popup > ul > li {
  display: inline-block;
  vertical-align: top;
  margin: 0 200px 20px 0;
}

.cp_col {
  width: 400px;
  float: left;
  padding-right: 20px;
}

.cp_menu > li {
  display: block;
  margin-bottom: 20px;
}
.cp_menu > li > a {
  font-size: 20px;
  line-height: 120%;
  font-weight: 700;
  color: #DB5C1E;
  transition: 0.3s;
}
.cp_menu > li > a:hover, .cp_menu > li > a:active {
  color: #3C2415;
}

.h_menu_mobile {
  display: none;
  margin-top: 15px;
}
.h_menu_mobile > li {
  display: block;
  margin-bottom: 3px;
}
.h_menu_mobile > li > a {
  font-size: 16px;
  line-height: 110%;
  font-weight: 700;
  transition: 0.3s;
}
.h_menu_mobile > li > a:hover {
  color: #DB5C1E;
}

.h_menu {
  text-align: center;
  padding-top: 24px;
}
.h_menu > li {
  display: inline-block;
  vertical-align: top;
  margin: 0 19px;
}
.h_menu > li.cat_link {
  height: 80px;
  padding-bottom: 10px;
  margin: 0;
  position: absolute;
  top: 0;
  left: 15px;
  text-align: left;
}
.h_menu > li.cat_link:hover > a, .h_menu > li.cat_link.opened > a {
  background: #3C2415;
  color: #fff;
}
.h_menu > li.cat_link:hover > a:before, .h_menu > li.cat_link.opened > a:before {
  background: url(../images/cat_link_opened.svg) 0 0 no-repeat;
}
.h_menu > li.cat_link > a {
  display: block;
  width: 228px;
  height: 70px;
  background: #FFFFFF;
  border-radius: 4px;
  padding-left: 96px;
  font-size: 24px;
  line-height: 70px;
  color: #DB5C1E;
  position: relative;
}
.h_menu > li.cat_link > a:before {
  display: block;
  content: "";
  width: 36px;
  height: 21px;
  background: url(../images/cat_link.svg) 0 0 no-repeat;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 39px;
}
.h_menu > li > a {
  font-size: 20px;
  line-height: 110%;
  color: #fff;
  font-weight: 700;
  transition: 0.3s;
}
.h_menu > li > a:hover {
  color: #3C2415;
}

.h_cart {
  width: 228px;
  height: 70px;
  border: 2px solid #FFFFFF;
  border-radius: 8px;
  padding-left: 74px;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 15px;
  transition: 0.3s;
}
.h_cart:hover {
  background: #E7C6B6;
  border: 2px solid #E7C6B6;
}
.h_cart:hover > span {
  color: #DB5C1E;
}
.h_cart:hover > i {
  background: #DB5C1E;
  color: #fff;
}
.h_cart:hover:before {
  filter: brightness(100%);
}
.h_cart:active {
  background: #fff;
}
.h_cart:active > span {
  color: #DB5C1E;
}
.h_cart:active:before {
  filter: brightness(100%);
}
.h_cart:before {
  display: block;
  content: "";
  width: 39px;
  height: 36px;
  background: url(../images/cart.svg) 0 0 no-repeat;
  filter: brightness(1000%);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 20px;
  transition: 0.3s;
}
.h_cart > span {
  display: inline-block;
  vertical-align: top;
  font-size: 24px;
  line-height: 30px;
  color: #FFFFFF;
  font-weight: 700;
  margin: 18px 15px 0 0;
  transition: 0.3s;
}
.h_cart > i {
  display: inline-block;
  vertical-align: top;
  font-style: normal;
  min-width: 32px;
  height: 32px;
  text-align: center;
  padding: 0 2px;
  font-size: 16px;
  line-height: 32px;
  color: #DB5C1E;
  font-weight: 700;
  background: #E7C6B6;
  border-radius: 50%;
  margin-top: 17px;
  transition: 0.3s;
}

.b1_wrap {
  background: #F1F2F2;
  padding: 75px 0;
}

.top_slider {
  max-width: 1550px;
  margin: 0 auto;
}
.top_slider .owl-prev, .top_slider .owl-next {
  width: 88px;
  height: 88px;
  border: 1px solid #E7C6B6;
  background: #F1F2F2;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.3s;
}
.top_slider .owl-prev:after, .top_slider .owl-next:after {
  width: 28px;
  height: 20px;
}
.top_slider .owl-prev {
  left: -52px;
}
.top_slider .owl-next {
  transform: translateY(-50%) rotate(180deg);
  right: -52px;
}

.owl-dots {
  display: none;
}

.owl-prev, .owl-next {
  display: block;
  width: 60px;
  height: 60px;
  background-size: 19px;
  border: 1px solid #E7C6B6;
  background: #fff;
  border-radius: 50%;
  position: absolute;
  top: -100px;
  transition: 0.3s;
}
.owl-prev:after, .owl-next:after {
  display: block;
  content: "";
  width: 20px;
  height: 14px;
  background: url(../images/arrow_l.svg) left center no-repeat !important;
  background-size: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
}
.owl-prev:hover, .owl-next:hover {
  box-shadow: -4px 4px 4px rgba(180, 75, 20, 0.4);
}
.owl-prev:active, .owl-next:active {
  background: #DB5C1E;
  border: 1px solid #DB5C1E;
}
.owl-prev:active:after, .owl-next:active:after {
  filter: brightness(400%);
}
.owl-prev > span, .owl-next > span {
  display: none !important;
}

.owl-prev {
  right: 80px;
}

.owl-next {
  transform: rotate(180deg);
  right: 0;
}
.owl-next:hover {
  box-shadow: 4px -4px 4px rgba(180, 75, 20, 0.4);
}

.ts_content {
  min-height: 620px;
  padding-left: 80px;
  position: relative;
}
.ts_content.ts_2 {
  padding-top: 150px;
}

.ts_left {
  width: calc(100% - 670px);
}

h1, h2 {
  font-size: 64px;
  line-height: 110%;
  font-weight: 700;
}
h1 > span, h2 > span {
  display: block;
  color: #B44B14;
  margin-top: 5px;
}

.ts_img {
  position: absolute;
  top: 0;
  right: 0;
}

.ts_text {
  font-size: 28px;
  line-height: 120%;
  margin: 50px 0 40px;
}

.ts_item {
  float: left;
  width: 130px;
  text-align: center;
  margin-right: 100px;
}
.ts_item:nth-child(2) {
  width: 230px;
}
.ts_item:nth-child(3) {
  margin-right: 0;
}

.tsi_img {
  display: table;
  width: 100%;
  height: 140px;
}
.tsi_img > span {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.tsi_img > span > img {
  display: inline-block !important;
  vertical-align: middle;
}

.tsi_head {
  font-size: 20px;
  line-height: 120%;
  font-weight: 700;
  margin: 5px 0 10px;
}
.tsi_head > span {
  display: block;
  color: #DB5C1E;
}

.tsi_text {
  font-size: 18px;
  line-height: 120%;
}

.b1_video_block {
  display: table;
  max-width: 560px;
  width: 100%;
  height: 108px;
  margin-top: 40px;
  position: relative;
  padding-left: 148px;
}
/*
.b1v_link {
display: block;
width: 108px;
height: 108px;
position: absolute;
top: 0;
left: 0;
background: url(../images/b1v_play.svg) right no-repeat;
}
.b1v_link:hover {
background: url(../images/b1v_play_hover.svg) center no-repeat;
}*/

.b1v_text {
  display: table-cell;
  vertical-align: middle;
  font-size: 20px;
  line-height: 120%;
}

.b2_wrap {
  height: 173px;
  background: url(../images/b1_bot.jpg) center repeat-x;
  padding-top: 50px;
}

.b2_text {
  display: table;
  width: calc(100% - 490px);
  height: 70px;
  float: left;
  font-size: 24px;
  line-height: 120%;
  font-weight: 700;
  color: #fff;
}
.b2_text > span {
  display: table-cell;
  vertical-align: middle;
}

.btn {
  display: block;
  max-width: 480px;
  width: 100%;
  height: 70px;
  background: #DB5C1E;
  border: 1px solid #db5c1e;
  border-radius: 8px;
  text-align: center;
  font-size: 20px;
  line-height: 68px;
  color: #fff;
  font-weight: 700;
  transition: 0.3s;
}
.btn:hover {
  background: #E7C6B6;
  color: #DB5C1E;
}

.b2_btn {
  float: right;
}

.b3 {
  margin-top: 30px;
  position: relative;
  z-index: 1;
}
.b3 .c_head {
  text-align: center;
}

.c_head {
  font-size: 64px;
  line-height: 120%;
  font-weight: 700;
  margin-bottom: 50px;
}
.c_head > span {
  color: #B44B14;
}

.cat_list > li {
  display: block;
  height: 60px;
  float: left;
  margin: 0 20px 20px 0;
  border: 1px solid #DB5C1E;
  border-radius: 8px;
}
.cat_list > li > a {
  display: block;
  padding: 0 26px;
  font-size: 20px;
  line-height: 58px;
  color: #DB5C1E;
  font-weight: 700;
}

.tabs .tab {
  display: block;
  height: 60px;
  float: left;
  margin: 0 20px 20px 0;
  border: 1px solid #DB5C1E;
  border-radius: 8px;
  padding: 0 26px;
  font-size: 20px;
  line-height: 58px;
  color: #DB5C1E;
  font-weight: 700;
  text-align: center;
  cursor: pointer;
}
.tabs .tab.active {
  background: #ff6600;
  color: #fff;
}

.b3_text {
  font-size: 20px;
  line-height: 120%;
  font-weight: 700;
  margin: 20px 0 65px;
  padding-right: 180px;
}
.b3_text > span {
  font-weight: 900;
}

.cs_content {
  /*max-width: 357px;*/
  width: 100%;
  border: 1px solid #F1F2F2;
  border-radius: 8px 8px 0px 0px;
  transition: 0.3s;
}

.cs_label {
  display: inline-block;
  min-width: 140px;
  height: 40px;
  background: #7CA950;
  border-radius: 8px 0px;
  padding: 0 15px;
  text-align: center;
  color: #fff;
  font-size: 18px;
  line-height: 40px;
  position: absolute;
  top: 0;
  left: 0;
}

.cs_img {
  display: table;
  width: 100%;
  height: 300px;
}
.cs_img > a {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.cs_img > a img {
  display: inline-block !important;
}

.cs_block {
  padding: 30px;
  border-top: 1px solid #F1F2F2;
}

.cs_head {
  display: block;
  height: 90px;
  overflow: hidden;
  font-size: 24px;
  line-height: 30px;
  font-weight: 700;
  margin-bottom: 5px;
  transition: 0.3s;
}
.cs_head:hover {
  color: #DB5C1E;
}

.cs_store {
  font-size: 18px;
  line-height: 120%;
  color: #7CA950;
  margin-bottom: 30px;
  padding-left: 30px;
  position: relative;
}
.cs_store.no:before {
  height: 16px;
  background: url(../images/cs_store_cross.svg) center no-repeat;
}
.cs_store:before {
  display: block;
  content: "";
  width: 16px;
  height: 12px;
  background: url(../images/cs_store_mark.svg) center no-repeat;
  position: absolute;
  left: 0;
  top: 4px;
}

.cst_line {
  font-size: 18px;
  line-height: 120%;
  color: #8C8C8C;
  margin-bottom: 7px;
}
.cst_line > span {
  display: inline-block;
  vertical-align: top;
  width: 170px;
  margin-right: 10px;
  font-weight: 500;
}

.cs_bot {
  display: table;
  height: 96px;
  width: 100%;
  padding: 0 100px 0 30px;
  background: #F1F2F2;
  border-radius: 0px 0px 8px 8px;
  position: relative;
}

.cs_price {
  display: table-cell;
  vertical-align: middle;
  font-size: 28px;
  line-height: 120%;
  font-weight: 700;
}
.cs_price > span {
  display: block;
  font-size: 25px;
  color: #BBB5B0;
}
.cs_price > span > del {
  font-size: 25px;
  line-height: 120%;
  font-weight: 700;
}

.cs_btn {
  display: block;
  width: 52px;
  height: 52px;
  border: 1px solid #E7C6B6;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 40px;
  transition: 0.3s;
}
.cs_btn:hover {
  box-shadow: -4px 4px 4px rgba(180, 75, 20, 0.4);
}
.cs_btn:after {
  display: block;
  content: "";
  width: 16px;
  height: 11px;
  background: url(../images/arrow_l.svg) center no-repeat;
  background-size: 16px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0) rotate(180deg);
}

/*стили модальных окон*/
.mask {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9000;
  background: rgba(0, 0, 0, 0.4);
  display: none;
}

.boxes .window {
  display: none;
  max-width: 480px;
  width: 100%;
  max-height: 90vh;
  overflow: auto;
  background: #ffffff;
  border-radius: 8px;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999;
}

.boxes #modal_calculate {
  max-width: 1000px;
  width: 100%;
  background: #ffffff;
}
.boxes #modal_calculate .modal_content {
  padding-left: 500px;
  position: relative;
  background: url(../images/modal_img.jpg) 0 0 no-repeat;
}

.close {
  display: block;
  width: 25px;
  height: 25px;
  position: absolute;
  z-index: 3;
  right: 40px;
  top: 40px;
  cursor: pointer;
  transition: 0.3s;
}
.close:hover {
  filter: alpha(Opacity=70);
  opacity: 0.7;
}
.close:before {
  display: block;
  content: "";
  width: 25px;
  height: 2px;
  background: #DB5C1E;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate3d(-50%, -50%, 0) rotate(-45deg);
}
.close:after {
  display: block;
  content: "";
  width: 25px;
  height: 2px;
  background: #DB5C1E;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate3d(-50%, -50%, 0) rotate(45deg);
}

.modal_content {
  padding: 40px;
}

.m_head {
  font-size: 28px;
  line-height: 120%;
  font-weight: 700;
  padding-right: 30px;
}

.m_text {
  font-size: 18px;
  line-height: 120%;
  color: #000;
  margin: 20px 0 30px;
}

.f_input {
  display: block;
  width: 100%;
  height: 60px;
  border: 1px solid #8C8C8C;
  border-radius: 8px;
  padding: 20px;
  font-size: 18px;
  margin-bottom: 20px;
  background: #fff;
}

/*	styles for select*/
.selectbox {
  width: 100%;
  vertical-align: middle;
  cursor: pointer;
}

.selectbox .select {
  width: 100%;
  height: 60px;
  padding: 0 50px 0 20px;
  background: #fff;
  border: 1px solid #8C8C8C;
  border-radius: 8px;
  position: relative;
  margin-bottom: 20px;
}
.selectbox .select:after {
  display: block;
  content: "";
  width: 27px;
  height: 14px;
  background: url(../images/select.svg) 0 0 no-repeat;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}

.selectbox .select .text {
  display: block;
  color: #6f777c;
  font-size: 18px;
  line-height: 58px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.selectbox ul.dropdown {
  top: 59px;
  width: 100%;
  margin: 0;
  background: #FBF5ED;
  border: 1px solid #8C8C8C;
  border-radius: 8px;
}

.selectbox li {
  color: #383636;
  font-size: 18px;
  padding: 5px 10px 6px;
}

.selectbox li:hover, .selectbox li.selected {
  background: #E6E6E6;
  color: #000000;
}

.selectbox li.disabled {
  color: #AAA;
}

/*	end of styles for select*/
.f_2x .selectbox {
  width: 49%;
  float: left;
}
.f_2x .f_input {
  width: 49%;
  float: right;
}

.niceCheck {
  display: inline-block;
  vertical-align: middle;
  padding-left: 60px;
  margin: 20px 0 30px;
  cursor: pointer;
  position: relative;
}
.niceCheck > input {
  display: none;
}

.niceCheck > span {
  display: block;
  font-size: 14px;
  line-height: 16px;
  font-weight: 500;
  text-transform: uppercase;
  color: #8C8C8C;
}
.niceCheck > span:before {
  content: "";
  height: 30px;
  width: 30px;
  background: #fff;
  border: 1px solid #D0D0D0;
  border-radius: 4px;
  position: absolute;
  top: 5px;
  left: 0;
}
.niceCheck input:checked + span::before {
  background: #fff url(../images/check.svg) center no-repeat;
}

.f_submit {
  cursor: pointer;
}

.b3_btn {
  margin: 95px auto 0;
}

.b4_wrap {
  height: 800px;
  background: url(../images/b4.jpg) center top no-repeat;
  
}

.b4 {
  position: relative;
}

.b4_block {
  max-width: 400px;
  width: 100%;
  position: absolute;
  left: calc(50% + 80px);
  top: 275px;
}

.b4b_pro {
  font-size: 200px;
  line-height: 202px;
  color: #fff;
  font-weight: 700;
  padding-left: 105px;
  position: relative;
}
.b4b_pro:before {
  display: block;
  content: "до";
  font-size: 64px;
  line-height: 65px;
  color: #fff;
  font-weight: 700;
  position: absolute;
  left: 0;
  top: 25px;
}
.b4b_pro:after {
  display: block;
  content: "";
  width: 80px;
  height: 20px;
  background: #fff;
  position: absolute;
  left: 0;
  top: 135px;
}

.b4b_text {
  font-size: 25px;
  line-height: 36px;
  color: #fff;
  font-weight: 700;
  margin-top: -10px;
}

.b5 {
  margin-top: 90px;
}
.b5 .c_head {
  padding-right: 160px;
}

.b6 {
  min-height: 330px;
  margin: 150px auto 73px;
  background: #3C2415;
  border-radius: 8px;
  padding: 0 0 0 645px;
  position: relative;
}

.b6_img {
  display: block;
  position: absolute;
  left: 63px;
  top: -73px;
}

.b6_left {
  max-width: 465px;
  width: calc(100% - 370px);
  float: left;
  padding-top: 50px;
}

.b6_head {
  font-size: 48px;
  line-height: 120%;
  color: #fff;
  font-weight: 700;
}
.b6_head > span {
  display: block;
  color: #E7C6B6;
}

.b6_text {
  margin-top: 58px;
  font-size: 24px;
  line-height: 120%;
  color: #fff;
  font-weight: 700;
}

.b6_right {
  max-width: 360px;
  width: 100%;
  height: 330px;
  float: right;
  background: linear-gradient(180deg, #B44B14 0.01%, #3C2415 99.99%);
  border-radius: 0px 8px 8px 0px;
  padding-top: 50px;
  text-align: center;
}

.b6_logo {
  display: inline-block;
  vertical-align: top;
  max-width: 112px;
  width: 100%;
}

.b6_contacts {
  margin: 30px 0 20px;
}

.b6_tel {
  text-align: center;
  color: #fff;
  font-size: 24px;
  line-height: 120%;
  font-weight: 700;
}

.b6_callback {
  display: inline-block;
  vertical-align: top;
  font-size: 16px;
  line-height: 120%;
  color: #fff;
  font-weight: 700;
  margin-top: 5px;
}
.b6_callback:hover {
  text-decoration: underline;
}

.b6_socials {
  margin-top: 20px;
}
.b6_socials > a {
  display: inline-block;
  vertical-align: top;
  width: 60px;
  height: 60px;
  margin: 0 9px 0;
  background: #FFFFFF;
  border: 1px solid #fff;
  border-radius: 8px;
  position: relative;
  transition: 0.3s;
}
.b6_socials > a:hover {
  filter: alpha(Opacity=70);
  opacity: 0.7;
}
.b6_socials > a:active {
  background: #B44B14;
}
.b6_socials > a:active > img {
  filter: brightness(1000%);
}
.b6_socials > a > img {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
}

.b7 {
  max-width: 1650px;
  margin-top: 140px;
}
.b7 .c_head {
  text-align: center;
}

.b7_items {
  text-align: center;
}

.b7_item {
  display: inline-block;
  vertical-align: top;
  max-width: 370px;
  height: 350px;
  width: 100%;
  margin: 0 9px 20px;
  background: url(../images/b7i_1.jpg) center 75px no-repeat;
}
.b7_item:nth-child(2) {
  background: url(../images/b7i_2.jpg) center 40px no-repeat;
}
.b7_item:nth-child(3) {
  background: url(../images/b7i_3.jpg) center 66px no-repeat;
}
.b7_item:nth-child(4) {
  background: url(../images/b7i_4.jpg) center 75px no-repeat;
}

.b7i_number {
  font-size: 140px;
  line-height: 142px;
  color: #E7C6B6;
  font-weight: 700;
}

.b7i_text {
  font-size: 20px;
  line-height: 120%;
  font-weight: 700;
  margin-top: 15px;
}

.b8_wrap, .b10_wrap {
  background: #F1F2F2;
  margin: 127px 0 27px;
  padding: 100px 0;
  position: relative;
}
.b8_wrap:before, .b10_wrap:before {
  display: block;
  content: "";
  width: 100%;
  height: 27px;
  background: url(../images/b8_wave.jpg) center top repeat-x;
  position: absolute;
  z-index: 1;
  left: 0;
  top: -27px;
}
.b8_wrap:after, .b10_wrap:after {
  display: block;
  content: "";
  width: 100%;
  height: 27px;
  background: url(../images/b8_wave.jpg) center top repeat-x;
  transform: rotate(180deg);
  position: absolute;
  left: 0;
  bottom: -27px;
}

.b8_left {
  max-width: 660px;
  width: calc(100% - 760px);
  float: left;
}

.cl_head {
  font-size: 48px;
  line-height: 120%;
  font-weight: 700;
  padding-left: 40px;
  border-left: 3px solid #B44B14;
}
.cl_head > span {
  color: #B44B14;
}

.b8l_text {
  font-size: 18px;
  line-height: 120%;
  font-weight: 500;
  margin: 60px 0 50px;
}

.b8l_item {
  margin-bottom: 30px;
  padding-left: 40px;
}

.b8li_head {
  font-size: 24px;
  line-height: 120%;
  font-weight: 700;
  margin-bottom: 15px;
  position: relative;
}
.b8li_head:before {
  display: block;
  content: "";
  width: 10px;
  height: 10px;
  background: #B44B14;
  border-radius: 50%;
  position: absolute;
  left: -40px;
  top: 10px;
}

.b8li_text {
  font-size: 18px;
  line-height: 120%;
  color: #8C8C8C;
}

.b8_right {
  max-width: 745px;
  width: 100%;
  float: right;
}

.b8r_img {
  display: block;
  max-width: 745px;
  width: 100%;
  margin: 0 auto;
  border-radius: 8px;
}

.b8r_block {
  max-width: 547px;
  width: 100%;
  background: #FFFFFF;
  border-radius: 8px;
  margin: -90px auto 50px;
  padding: 30px;
  position: relative;
  z-index: 1;
}

.b8rb_head {
  font-size: 24px;
  line-height: 120%;
  font-weight: 700;
  margin-bottom: 20px;
}

.b8rb_text {
  font-size: 18px;
  line-height: 120%;
  padding-left: 64px;
  position: relative;
}
.b8rb_text:before {
  display: block;
  content: "";
  width: 32px;
  height: 40px;
  background: url(../images/address_mark.svg) 0 0 no-repeat;
  position: absolute;
  left: 0;
  top: 0;
}
.b8rb_text > span {
  color: #B44B14;
  font-size: 20px;
  line-height: 120%;
  font-weight: 700;
}

.b8r_slider_head {
  font-size: 28px;
  line-height: 120%;
  font-weight: 700;
  margin-bottom: 40px;
}

.brands_slider {
  background: #FFFFFF;
  border-radius: 8px;
  padding: 30px 30px 10px;
}
.brands_slider .owl-prev, .brands_slider .owl-next {
  top: -85px;
}

.bs_content {
  width: 208px;
  height: 200px;
}

.brand {
  display: block;
}

.bs_text {
  text-align: center;
  font-size: 16px;
  line-height: 120%;
  color: #8C8C8C;
  font-weight: 700;
  margin-top: 15px;
}

.b9 {
  margin-top: 100px;
}

.houses_slider {
  margin-top: 60px;
}
.houses_slider .owl-prev, .houses_slider .owl-next {
  top: -135px;
}

.hs_content {
  max-width: 745px;
  width: 100%;
  /*height: 419px;*/
  position: relative;
  border-radius: 8px;
  overflow: hidden;
}
.hs_content:hover .hs_img {
  filter: brightness(80%);
}

.hs_img {
  filter: brightness(40%);
  transition: 0.3s;
  border-radius: 8px;
}

.hs_text {
  display: block;
  width: calc(100% - 20px);
  padding: 20px;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 8px;
  position: absolute;
  left: 10px;
  bottom: 10px;
  font-size: 18px;
  line-height: 120%;
  color: #000;
  text-align: center;
}

.b10 .c_head {
  float: left;
}

.b10_items {
  float: right;
  text-align: center;
}

.b10_item {
  display: inline-block;
  vertical-align: top;
  max-width: 330px;
  width: 100%;
  margin: 0 18px 20px;
}

.b10i_img {
  display: table;
  width: 100%;
  height: 110px;
  margin-bottom: 25px;
}
.b10i_img > span {
  display: table-cell;
  vertical-align: middle;
}
.b10i_img > span > img {
  display: inline-block;
}

.b10i_head {
  font-size: 28px;
  line-height: 120%;
  font-weight: 700;
}

.b10i_text_1 {
  font-size: 18px;
  line-height: 120%;
  color: #8C8C8C;
  margin: 20px 0;
}

.b10i_text_2 {
  font-size: 20px;
  line-height: 120%;
  font-weight: 700;
}

.b11 {
  position: relative;
  z-index: 1;
  margin-top: 100px;
  padding-bottom: 20px;
}

.b11_left {
  float: left;
  max-width: 688px;
  width: calc(100% - 775px);
  min-width: 320px;
  margin-top: -170px;
}
.b11_left .c_head {
  margin-top: 60px;
}

.b11_img {
  display: block;
}

.b11_right {
  float: right;
  max-width: 750px;
  width: calc(100% - 350px);
}

.b11_item {
  float: left;
  width: 50%;
  padding-right: 30px;
}
.b11_item:nth-child(2) {
  padding-right: 0;
}
.b11_item:nth-child(2) .b11i_list > li, .b11_item:nth-child(2) .b12i_list > li {
  padding-left: 37px;
  position: relative;
}
.b11_item:nth-child(2) .b11i_list > li:before, .b11_item:nth-child(2) .b12i_list > li:before {
  display: block;
  content: "";
  width: 10px;
  height: 10px;
  background: #B44B14;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 6px;
}

.b11i_img, .b12i_img {
  display: block;
  height: 115px;
  margin-bottom: 10px;
}
.b11i_img > img, .b12i_img > img {
  display: block;
}

.b11i_head, .b12i_head {
  font-size: 28px;
  line-height: 120%;
  font-weight: 700;
}

.b11i_list > li, .b12i_list > li {
  display: block;
  margin-top: 25px;
  font-size: 18px;
  line-height: 120%;
  color: #8C8C8C;
}
.b11i_list > li > span, .b12i_list > li > span {
  color: #3C2415;
  font-weight: 700;
}

.b12_wrap {
  position: relative;
  margin-top: 20px;
  padding: 100px 0 70px;
}
.b12_wrap:before {
  display: block;
  content: "";
  width: 100%;
  height: 35px;
  background: url(../images/b12_wave.jpg) center top repeat-x;
  position: absolute;
  left: 0;
  top: 0;
}

.b12_left {
  float: left;
  max-width: 875px;
  width: calc(100% - 630px);
}

.b12_item {
  float: left;
  width: 43%;
  padding-right: 20px;
}
.b12_item:nth-child(2) {
  padding-right: 0;
  width: 57%;
}

.b12i_head {
  min-height: 60px;
}

.b12i_list > li {
  padding-left: 25px;
  position: relative;
}
.b12i_list > li:before {
  display: block;
  content: "";
  width: 6px;
  height: 6px;
  background: #B44B14;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 8px;
}

.b12_bot {
  margin-top: 60px;
}

.b12b_text {
  float: left;
  font-size: 28px;
  line-height: 125%;
  color: #B44B14;
  font-weight: 700;
}

.b12b_btn {
  float: right;
  max-width: 360px;
}

.b12_right {
  float: right;
  max-width: 618px;
  width: 100%;
  position: relative;
}

.b12r_img {
  display: block;
}

.b12r_text {
  display: block;
  width: 100%;
  background: #FFFFFF;
  border: 2px solid #E7C6B6;
  border-radius: 8px;
  padding: 15px;
  text-align: center;
  position: absolute;
  left: 20px;
  top: 350px;
  font-size: 48px;
  line-height: 120%;
  font-weight: 700;
}
.b12r_text > span {
  display: block;
  color: #B44B14;
}

.b13_wrap {
  background: #E7C6B6;
  margin-top: -70px;
  padding: 70px 0 100px;
  position: relative;
}
.b13_wrap:before {
  display: block;
  content: "";
  width: 100%;
  height: 27px;
  background: url(../images/b13_wave.png) center top repeat-x;
  position: absolute;
  z-index: 1;
  left: 0;
  top: -27px;
}

.b13_item {
  width: calc(50% - 15px);
  float: left;
}
.b13_item:nth-child(2) {
  float: right;
}

.b13v_link {
  display: block;
  position: relative;
  border-radius: 8px;
}
.b13v_link:hover > img {
  filter: brightness(100%);
}
.b13v_link:before {
  display: block;
  content: "";
  width: 108px;
  height: 108px;
  background: url(../images/b1v_play.svg) 0 0 no-repeat;
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
}
.b13v_link > img {
  display: block;
  border-radius: 8px;
  filter: brightness(40%);
  transition: 0.3s;
}

.b13i_text {
  margin-top: 30px;
  font-size: 20px;
  line-height: 120%;
  color: #000;
}

.b14_wrap {
  background: url(../images/b14_bg.png) center top no-repeat;
  min-height: 600px;
  padding: 115px 0 30px;
  margin-top: -30px;
  position: relative;
  z-index: 1;
}

.b14 .cl_head {
  color: #fff;
  border-left: 3px solid #fff;
}

.b14_text {
  max-width: 920px;
  font-size: 20px;
  line-height: 120%;
  color: #fff;
  margin: 55px 0;
}

.b14_form .f_input, .b14_form .selectbox .select {
  background: rgba(255, 255, 255, 0.8);
}
.b14_form .f_3x {
  margin-bottom: 10px;
}
.b14_form .f_3x > div {
  float: left;
  width: 32%;
}
.b14_form .f_3x > div:nth-child(2) {
  margin: 0 1.5%;
}
.b14_form .niceCheck {
  min-height: 40px;
  margin: 0;
}
.b14_form .niceCheck {
  color: #fff;
}
.b14_form .f_submit {
  max-width: 100%;
  height: 60px;
  line-height: 58px;
}

.b15 {
  margin-top: 100px;
  padding-bottom: 10px;
}

.faq_item {
  border: 1px solid #E7C6B6;
  border-radius: 8px;
  position: relative;
  margin-bottom: 20px;
}
.faq_item:hover {
  box-shadow: -4px 4px 14px rgba(180, 75, 20, 0.3);
}
.faq_item:hover .faq_head {
  color: #DB5C1E;
}
.faq_item.opened {
  background: #F3E7E1;
}
.faq_item.opened:before {
  transform: rotate(180deg);
}
.faq_item.opened .faq_head {
  color: #B44B14;
}
.faq_item:before {
  display: block;
  content: "";
  width: 27px;
  height: 14px;
  background: url(../images/faq_arrow.svg) 0 0 no-repeat;
  position: absolute;
  right: 40px;
  top: 39px;
  transition: 0.3s;
}

.faq_question {
  cursor: pointer;
  padding: 30px 90px 30px 40px;
  cursor: pointer;
  font-size: 24px;
  line-height: 120%;
  font-weight: 700;
}

.faq_answer {
  display: none;
  padding: 10px 40px 30px 40px;
  font-size: 18px;
  line-height: 120%;
}

footer {
  background: #F1F2F2 url(../images/footer_bg.png) center top no-repeat;
  background-size: cover;
  margin-top: 100px;
  padding-top: 80px;
}

.footer {
  position: relative;
}

.f_cols {
  float: left;
}

.f_col {
  width: 190px;
  float: left;
  margin-right: 45px;
}
.f_col:nth-child(1) {
  width: 240px;
  margin-right: 150px;
}
.f_col:nth-child(3) {
  margin-right: 0;
}

.f_logo {
  display: block;
  max-width: 185px;
}
.f_logo > img {
  display: block;
}

.f_text {
  font-size: 18px;
  line-height: 120%;
  margin: 20px 0;
}

.f_email {
  display: inline-block;
  font-size: 16px;
  line-height: 120%;
  color: #8C8C8C;
  font-weight: 700;
}

.f_tel {
  width: 100%;
  float: none;
  text-align: left;
  margin: 20px 0 25px;
}

.fs_mob {
  display: none !important;
}

.f_menu {
  height: 270px;
}
.f_menu > li {
  display: block;
  margin-bottom: 20px;
}
.f_menu > li > a {
  font-size: 20px;
  line-height: 120%;
  color: #8C8C8C;
  font-weight: 700;
  transition: 0.3s;
}
.f_menu > li > a:hover {
  color: #3C2415;
}

.f_socials_head {
  font-size: 16px;
  line-height: 120%;
  font-weight: 700;
  margin-bottom: 34px;
}

.map {
  max-width: 616px;
  width: 100%;
  height: 395px;
  float: right;
  border: 1px solid #D0D0D0;
  border-radius: 8px;
  overflow: hidden;
  position: relative;
}

.map_info {
  max-width: 358px;
  width: 100%;
  padding: 20px 30px 20px;
  background: #FFFFFF;
  box-shadow: -4px 4px 14px rgba(180, 75, 20, 0.3);
  border-radius: 8px;
  text-align: center;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 38%;
}
.map_info:before {
  display: block;
  content: "";
  width: 64px;
  height: 80px;
  background: url(../images/f_map.svg) 0 0 no-repeat;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -72px;
}

.mi_text {
  font-size: 18px;
  line-height: 120%;
  color: #000;
}

.mi_btn {
  display: block;
  width: 220px;
  height: 60px;
  margin: 20px auto 0;
  border: 1px solid #DB5C1E;
  border-radius: 8px;
  text-align: center;
  font-size: 20px;
  line-height: 58px;
  color: #DB5C1E;
  font-weight: 700;
  transition: 0.3s;
}
.mi_btn:hover {
  background: #DB5C1E;
  color: #fff;
}

.f_bot {
  background: #DB5C1E;
  padding: 17px 0;
  margin-top: 70px;
}

.copy {
  text-align: center;
  font-size: 14px;
  line-height: 120%;
  color: #fff;
  font-weight: 500;
  text-transform: uppercase;
}

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

img {
  max-width: 100%;
  height: auto;
}

/* MEDIA QUERIES*/
@media only screen and (max-width: 1650px) {
  .top_slider .owl-prev {
    left: 0;
  }
  .top_slider .owl-next {
    right: 0;
  }

  .ts_content {
    padding-left: 95px;
  }

  h1, h2 {
    font-size: 48px;
  }
  h1 > span, h2 > span {
    margin-top: 2px;
  }

  .ts_item {
    margin-right: 20px;
  }

  .ts_text {
    font-size: 22px;
    margin: 30px 0 20px;
  }

  .b12r_text {
    width: calc(100% - 20px);
  }
}
@media only screen and (max-width: 1550px) {
  .f_col {
    margin-right: 30px;
  }
  .f_col:nth-child(1) {
    margin-right: 30px;
  }

  .map {
    width: calc(100% - 700px);
  }
}
/*1550*/
@media only screen and (max-width: 1500px) {
  .b6 {
    padding-left: 300px;
    margin: 30px auto 0;
  }

  .b6_img {
    max-width: 270px;
    top: 50%;
    transform: translateY(-50%);
    left: 10px;
  }

  .b12i_list > li {
    margin-top: 15px;
    font-size: 16px;
  }

  .b12_bot {
    margin-top: 30px;
  }
}
/*1500*/
@media only screen and (max-width: 1370px) {
  .h_menu > li {
    margin: 0 10px;
  }
  .h_menu > li > a {
    font-size: 20px;
  }

  .cat_popup {
    padding: 40px 0;
  }

  .cp_col {
    width: 300px;
  }

  .b1_wrap {
    padding: 30px 0;
  }

  .ts_content {
    min-height: auto;
    padding-bottom: 20px;
    padding-left: 50px;
  }
  .ts_content.ts_2 {
    padding-top: 50px;
  }

  .ts_left {
    width: calc(100% - 410px);
  }

  .ts_img {
    max-width: 400px;
  }

  .top_slider .owl-prev, .top_slider .owl-next {
    width: 40px;
    height: 40px;
  }
  .top_slider .owl-prev:after, .top_slider .owl-next:after {
    background-size: 17px !important;
    background-position: center !important;
  }

  .ts_items {
    margin-top: 90px;
    width: calc(100% + 400px);
  }

  h1, h2 {
    font-size: 35px;
  }

  .cat_list > li > a {
    font-size: 18px;
    padding: 0 15px;
  }

  .tabs .tab {
    font-size: 18px;
    padding: 0 15px;
  }

  .b6_head {
    font-size: 38px;
  }

  .b6_text {
    font-size: 20px;
    margin-top: 25px;
  }

  .b8_left {
    max-width: 100%;
    width: 100%;
    float: none;
    margin-bottom: 20px;
  }

  .b8_right {
    float: none;
    margin: 0 auto;
  }

  .b8_wrap, .b10_wrap {
    margin-top: 80px;
    padding: 50px 0;
  }

  .b10 .c_head {
    float: none;
    text-align: center;
  }

  .b10_items {
    float: none;
  }

  .b12_left {
    width: 100%;
    margin: 0 auto;
    float: none;
  }

  .b12_right {
    float: none;
    margin: 20px auto 0;
  }

  .b12r_text {
    width: 100%;
  }

  .b13_wrap {
    margin-top: -250px;
  }
}
/*1370*/
@media only screen and (max-width: 1270px) {
  .h_menu > li.cat_link {
    top: 10px;
  }
  .h_menu > li.cat_link > a {
    width: 50px;
    height: 50px;
    padding: 0;
  }
  .h_menu > li.cat_link > a:before {
    left: 7px;
  }
  .h_menu > li.cat_link > a > span {
    display: none;
  }

  .h_cart {
    width: 50px;
    height: 50px;
    padding-left: 0;
    top: 10px;
  }
  .h_cart:before {
    width: 28px;
    height: 27px;
    background-size: 100%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
  }
  .h_cart > span {
    display: none;
  }
  .h_cart > i {
    min-width: 20px;
    height: 20px;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 2px;
    right: 2px;
    font-size: 11px;
    line-height: 20px;
  }

  .h_search:hover .hs_input_popup {
    width: 250px;
  }

  .h_socials, .f_socials {
    margin-top: 5px;
  }
  .h_socials > a, .f_socials > a {
    width: 40px;
    height: 40px;
    margin-right: 5px;
  }

  .hs_text {
    padding: 10px;
    font-size: 16px;
  }

  .b11_left {
    margin-top: -70px;
  }
}
/*1270*/
@media only screen and (max-width: 1170px) {
  .logo {
    max-width: 150px;
    margin-top: 10px;
  }

  .h_text {
    font-size: 14px;
    line-height: 120%;
    margin-top: 10px;
  }

  .b10_item {
    max-width: 290px;
    margin: 0 10px 20px;
  }

  footer {
    margin-top: 50px;
    padding-top: 50px;
  }

  .f_bot {
    margin-top: 0;
  }

  .f_cols {
    float: none;
    margin: 0 auto;
  }

  .f_col {
    width: 33.3% !important;
    margin: 0 !important;
    padding-right: 20px;
  }

  .map {
    float: none;
    width: 100%;
    max-width: 100%;
    margin-top: 20px;
  }
}
/*1170*/
@media only screen and (max-width: 1000px) {
  body {
    padding-top: 56px;
  }

  .h_top_wrap {
    height: 56px;
  }

  .h_top {
    padding: 10px 15px;
    position: relative;
  }

  .h_bot_wrap {
    display: none;
  }

  .h_right {
    display: none;
    float: none;
    width: 300px;
    padding: 15px;
    background: #fff;
    box-shadow: 0px 0px 8px rgba(180, 75, 20, 0.4);
    position: absolute;
    top: 60px;
    right: 15px;
  }

  .h_menu_mobile {
    display: block;
  }

  .h_search {
    display: none;
  }

  .h_address {
    display: block;
  }

  .h_socials, .f_socials {
    margin: 15px 0;
  }
  .h_socials > a, .f_socials > a {
    width: 30px;
    height: 30px;
  }
  .h_socials > a > img, .f_socials > a > img {
    max-width: 20px;
  }

  .h_tel, .f_tel {
    float: none;
    margin: 0;
    text-align: left;
  }

  .h_tel_mob {
    display: block;
  }

  .logo {
    margin-top: 0;
  }

  .h_text {
    margin: 0 0 0 20px;
  }

  .burger {
    display: block;
  }

  .b2_btn {
    max-width: 250px;
  }

  .b2_text {
    width: calc(100% - 260px);
  }

  .boxes #modal_calculate {
    max-width: 480px;
  }
  .boxes #modal_calculate .modal_content {
    padding-left: 40px;
    background: none;
  }

  .b4_wrap {
    background: url(../images/b4_1000.jpg) right top no-repeat;
  }

  .b4_block {
    left: auto;
    right: 15px;
  }

  .b4_wrap {
    height: auto;
    margin-top: 30px;
    background: #803B14;
    padding: 15px 0;
  }

  .b4_block {
    max-width: 230px;
    position: static;
    margin: 0 auto;
    text-align: center;
  }

  .b4b_pro {
    font-size: 100px;
    line-height: 101px;
    padding-left: 30px;
  }
  .b4b_pro:before {
    font-size: 30px;
    line-height: 31px;
    top: 10px;
  }
  .b4b_pro:after {
    width: 40px;
    height: 10px;
    top: 70px;
  }

  .b4b_text {
    font-size: 16px;
    line-height: 120%;
    margin: 0;
  }

  .b6 {
    padding-left: 15px;
  }

  .b6_img {
    display: none;
  }

  .houses_slider {
    max-width: 745px;
    margin: 80px auto 0;
  }
  .houses_slider .owl-prev, .houses_slider .owl-next {
    top: -70px;
  }

  .b10_item {
    max-width: 210px;
    margin-bottom: 30px;
  }
  .b10_item:last-child {
    margin-bottom: 0;
  }

  .b10i_img {
    height: 90px;
    margin-bottom: -5px;
  }
  .b10i_img img {
    max-width: 70px;
  }

  .b10i_head {
    font-size: 20px;
  }

  .b10i_text_1 {
    font-size: 16px;
    margin: 10px 0;
  }

  .b10i_text_2 {
    font-size: 16px;
  }

  .b11_left {
    width: 100%;
    max-width: 100%;
    min-width: auto;
    float: none;
  }
  .b11_left .c_head {
    text-align: center;
  }

  .b11_img {
    display: none;
  }

  .b11_right {
    max-width: 100%;
    width: 100%;
    float: none;
  }

  .b13_item {
    width: calc(50% - 5px);
  }

  .b13v_link:before {
    width: 50px;
    height: 50px;
    background-size: 100%;
  }

  .b13i_text {
    font-size: 16px;
    margin-top: 15px;
  }

  .b14_wrap {
    background-size: cover;
    padding: 60px 0;
    margin-top: -40px;
  }

  .b14_form .f_3x > div {
    width: 100%;
    float: none;
    margin: 0 !important;
  }
  .b14_form .niceCheck {
    max-width: 500px;
    margin-bottom: 15px;
  }
  .b14_form .niceCheck > span:before {
    top: 0;
  }

  .b15 {
    margin-top: 30px;
  }

  .faq_item {
    margin-bottom: 15px;
  }
  .faq_item:before {
    top: 20px;
    right: 20px;
  }

  .faq_question {
    padding: 15px 70px 15px 15px;
    font-size: 20px;
  }

  .faq_answer {
    padding: 5px 15px 15px 15px;
    font-size: 16px;
  }

  .f_menu {
    height: 240px;
  }

  .f_socials_head {
    margin-bottom: 18px;
  }
}
/*1000*/
@media only screen and (max-width: 850px) {
  .b7_item {
    display: block;
    float: left;
    width: 50%;
    height: auto;
    padding: 0 15px;
    margin: 0 0 20px;
    background: none !important;
  }

  .b7i_number {
    font-size: 50px;
    line-height: 52px;
  }

  .b7i_text {
    font-size: 16px;
    margin-top: 5px;
  }
}
@media only screen and (max-width: 770px) {
  .ts_content {
    width: 100%;
    padding: 0 !important;
  }

  .ts_left {
    width: 100%;
    padding: 0 50px;
    float: none;
    text-align: center;
  }

  .ts_img {
    position: static;
    max-width: 200px;
    margin: 10px auto;
  }

  .ts_items {
    width: calc(100% + 100px);
    transform: translateX(-50px);
    margin-top: 0;
    text-align: center;
  }

  .ts_item {
    width: 33.3% !important;
    padding: 0 5px;
    vertical-align: top;
    margin: 0;
  }

  .ts_text, .b1v_text {
    font-size: 16px;
  }

  .tsi_head {
    font-size: 14px;
  }

  .tsi_text {
    font-size: 12px;
  }

  .tsi_img {
    height: 80px;
    padding: 0 10px;
  }
  .tsi_img > span > img {
    max-width: 70px;
    width: 100%;
  }

  .b1_video_block {
    max-width: 100%;
    padding-left: 0;
    margin-top: 0;
  }

  .b1v_link {
    position: static;
    margin: 15px auto;
  }

  .b1v_text {
    display: block;
  }

  .b2_text {
    font-size: 16px;
  }

  .c_head {
    font-size: 30px;
    margin-bottom: 30px;
  }

  .cat_list > li {
    height: 30px;
    margin: 0 10px 10px 0;
  }
  .cat_list > li > a {
    font-size: 14px;
    line-height: 28px;
    padding: 0 10px;
  }

  .tabs .tab {
    height: 30px;
    margin: 0 10px 10px 0;
    font-size: 14px;
    line-height: 28px;
    padding: 0 10px;
  }

  .b3_text {
    font-size: 16px;
    margin: 10px 0 30px;
    padding-right: 0;
  }

  .modal_content {
    padding: 20px 15px !important;
  }

  .close {
    top: 15px;
    right: 15px;
  }

  .m_head {
    font-size: 20px;
    padding-right: 25px;
  }

  .m_text {
    font-size: 16px;
    margin: 10px 0 20px;
  }

  .f_input {
    margin-bottom: 10px;
    height: 40px;
    font-size: 14px;
  }

  .selectbox .select {
    margin-bottom: 10px;
    height: 40px;
  }

  .selectbox .select .text {
    line-height: 38px;
    font-size: 14px;
  }

  .selectbox li {
    font-size: 14px;
  }

  .niceCheck {
    margin: 0 0 15px;
    padding-left: 40px;
  }
  .niceCheck > span {
    font-size: 12px;
    line-height: 14px;
  }

  .btn {
    height: 50px;
    font-size: 18px;
    line-height: 48px;
  }

  .cat_slider {
    margin-top: 60px;
  }

  .owl-prev, .owl-next {
    width: 40px;
    height: 40px;
    top: -50px;
  }
  .owl-prev:after, .owl-next:after {
    background-size: 17px !important;
    background-position: center !important;
  }

  .owl-prev {
    right: 50px;
  }

  .cs_content {
    /*max-width: 290px;*/
  }

  .cs_label {
    min-width: auto;
    height: 30px;
    font-size: 15px;
    line-height: 30px;
  }

  .cs_img {
    height: 150px;
  }
  .cs_img img {
    max-height: 140px;
  }

  .cs_block {
    padding: 15px;
  }

  .cs_head {
    height: 60px;
    font-size: 16px;
    line-height: 20px;
  }

  .cs_store {
    font-size: 14px;
    margin-bottom: 15px;
  }
  .cs_store:before {
    top: 0;
  }

  .cst_line {
    font-size: 14px;
    margin-bottom: 4px;
  }

  .cs_bot {
    height: 70px;
  }

  .cs_price {
    font-size: 20px;
  }
  .cs_price > span {
    font-size: 18px;
  }
  .cs_price > span > del {
    font-size: 18px;
  }

  .b3_btn {
    margin-top: 30px;
    max-width: 350px;
  }

  .b5 {
    margin-top: 30px;
  }
  .b5 .c_head {
    padding-right: 0;
  }

  .b6 {
    padding: 0;
  }

  .b6_left {
    float: none;
    width: 100%;
    max-width: 100%;
    padding-top: 0;
    padding: 15px;
    text-align: center;
  }

  .b6_head {
    font-size: 30px;
  }

  .b6_text {
    font-size: 18px;
    margin-top: 10px;
  }

  .b6_right {
    height: auto;
    padding: 15px;
    float: none;
    max-width: 100%;
    border-radius: 0px 0px 8px 8px;
  }

  .b6_contacts {
    margin: 20px 0 15px;
  }

  .b7 {
    margin-top: 30px;
  }

  .b8_wrap, .b10_wrap {
    margin-top: 50px;
    padding: 20px 0;
  }

  .cl_head {
    font-size: 30px;
    padding-left: 20px;
  }

  .b8l_text {
    font-size: 16px;
    margin: 25px 0 15px;
  }

  .b8l_item {
    margin-bottom: 20px;
    padding-left: 20px;
  }

  .b8li_head {
    font-size: 20px;
    margin-bottom: 4px;
  }
  .b8li_head:before {
    left: -20px;
    top: 7px;
  }

  .b8li_text {
    font-size: 16px;
  }

  .b8r_img {
    max-width: 400px;
  }

  .b8r_block {
    max-width: 400px;
    margin: 0 auto 20px;
    padding: 15px;
  }

  .b8rb_head {
    font-size: 20px;
    margin-bottom: 10px;
  }

  .b8rb_text {
    font-size: 16px;
    padding-left: 30px;
  }
  .b8rb_text > span {
    font-size: 17px;
  }
  .b8rb_text:before {
    width: 20px;
    height: 26px;
    background-size: 100%;
  }

  .b8r_slider_head {
    font-size: 20px;
    margin-bottom: 20px;
  }

  .brands_slider {
    padding: 15px 15px 5px;
  }
  .brands_slider .owl-prev, .brands_slider .owl-next {
    top: -50px;
  }

  .b9 {
    margin-top: 30px;
  }

  .houses_slider {
    margin: 60px auto 0;
  }
  .houses_slider .owl-prev, .houses_slider .owl-next {
    top: -50px;
  }

  .b11_item {
    padding-right: 20px;
  }
  .b11_item:nth-child(2) .b11i_list > li, .b11_item:nth-child(2) .b12i_list > li {
    padding-left: 20px;
  }

  .b11i_img, .b12i_img {
    margin-bottom: 10px;
    height: 70px;
  }
  .b11i_img > img, .b12i_img > img {
    max-width: 70px;
  }

  .b11i_head, .b12i_head {
    font-size: 20px;
  }

  .b12i_head {
    min-height: auto;
  }

  .b11i_list > li, .b12i_list > li {
    margin-top: 15px;
    font-size: 16px;
  }

  .b12_wrap {
    padding: 50px 0;
  }

  .b12r_img {
    display: none;
  }

  .b12b_text {
    float: none;
    text-align: center;
    font-size: 20px;
    line-height: 120%;
  }

  .b12b_btn {
    float: none;
    margin: 10px auto 0;
  }

  .b12_right {
    text-align: center;
  }

  .b12r_text {
    position: static;
    width: auto;
    display: inline-block;
    font-size: 25px;
  }

  .b13_wrap {
    margin-top: 0;
    padding: 30px 0 70px;
  }

  .b14_text {
    font-size: 16px;
    margin: 20px 0;
  }

  .faq_item:before {
    top: 17px;
    right: 10px;
    width: 15px;
    height: 8px;
    background-size: 100%;
  }

  .faq_question {
    padding: 10px 35px 10px 10px;
    font-size: 16px;
  }

  .faq_answer {
    padding: 5px 10px 10px 10px;
    font-size: 14px;
  }

  footer {
    padding-top: 0;
  }

  .footer {
    padding-top: 120px;
  }

  .f_logo {
    max-width: 100px;
    position: absolute;
    top: 15px;
    left: 15px;
  }

  .f_col {
    width: 50% !important;
  }

  .f_text {
    font-size: 15px;
    margin: 0;
    position: absolute;
    top: 30px;
    left: 130px;
  }

  .f_tel {
    cursor: pointer;
    width: 24px;
    height: 22px;
    background: url(../images/tel.svg) 0 0 no-repeat;
    position: absolute;
    top: 37px;
    right: 15px;
    transition: 0.3s;
  }
  .f_tel:hover {
    filter: alpha(Opacity=70);
    opacity: 0.7;
  }
  .f_tel > span, .f_tel > a {
    display: none;
  }

  .f_email {
    display: none;
  }

  .f_socials_block {
    position: absolute;
    left: 15px;
    top: 280px;
  }

  .f_socials {
    margin-top: 0;
  }
  .f_socials.desk {
    display: none;
  }

  .fs_mob {
    display: inline-block !important;
    vertical-align: top;
  }

  .f_menu {
    height: auto;
  }
  .f_menu > li {
    margin-bottom: 5px;
  }
  .f_menu > li > a {
    font-size: 14px;
  }

  .map {
    height: 300px;
    width: calc(100% + 30px);
    max-width: calc(100% + 30px);
    transform: translateX(-15px);
    border: none;
    border-radius: 0;
    margin-top: 150px;
  }

  .map_info {
    top: auto;
    bottom: 0;
    border-radius: 0;
    padding: 10px;
  }
  .map_info:before {
    width: 32px;
    height: 40px;
    top: -34px;
    background-size: 100%;
  }

  .mi_text {
    font-size: 14px;
  }

  .mi_btn {
    width: 150px;
    height: 40px;
    line-height: 38px;
    font-size: 16px;
    margin-top: 10px;
  }

  .f_bot {
    padding: 10px 0;
  }

  .copy {
    font-size: 13px;
  }
}
/*770*/
@media only screen and (max-width: 600px) {
  .b13_item {
    width: 100%;
    float: none;
    margin-bottom: 40px;
  }
  .b13_item:last-child {
    margin-bottom: 0;
  }
}
/*600*/
@media only screen and (max-width: 500px) {
  h1, h2 {
    font-size: 24px;
  }

  .b2_wrap {
    height: auto;
    padding: 20px 0;
    background: #472715;
  }

  .b2_text {
    width: 100%;
    height: auto;
    display: block;
    float: none;
    text-align: center;
  }

  .b2_btn {
    float: none;
    margin: 15px auto 0;
    height: 50px;
    font-size: 18px;
    line-height: 48px;
  }

  .b7_items {
    width: calc(100% + 30px);
    transform: translateX(-15px);
  }

  .b7_item {
    height: 100px;
    margin-bottom: 0;
    padding: 0 10px;
  }

  .b7i_number {
    font-size: 35px;
    line-height: 37px;
  }

  .b7i_text {
    font-size: 14px;
  }

  .hs_text {
    width: 100%;
    bottom: 0;
    font-size: 14px;
    padding: 5px 10px;
    left: 0;
    border-radius: 0;
  }

  .b11_item {
    width: 100%;
    float: none;
    padding: 0;
  }
  .b11_item:nth-child(2) {
    margin-top: 30px;
  }

  .b12_item {
    width: 100% !important;
    float: none;
    padding: 0;
  }
  .b12_item:nth-child(2) {
    margin-top: 30px;
  }
}
/*500*/
@media only screen and (max-width: 460px) {
  .h_text {
    display: none;
  }
}
@media only screen and (max-width: 400px) {
  .cl_head {
    font-size: 22px;
  }

  .b8li_head {
    font-size: 18px;
  }

  .b8r_slider_head {
    margin-bottom: 55px;
  }
}
/*400*/

/*# sourceMappingURL=style.css.map */

article {padding:15px;}

#cookie_note{z-index: 999;display: none;position: fixed;bottom: 15px;left: 50%;max-width: 90%;transform: translateX(-50%);padding:10px;background-color: white;border-radius: 4px;box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.4);}
#cookie_note a {font-size:0.7rem}
#cookie_note p{margin: 0;font-size: 0.7rem;text-align: left;color: black;}
.cookie_accept{font-size: 13px;padding: 0 1em;width: 9em;line-height: 1em;height:auto;margin-left:1em}
@media (min-width: 576px){
    #cookie_note.show{display: flex;}
}

@media (max-width: 575px){
    #cookie_note.show{display: block;text-align: left;}
}

.b14_form .niceCheck span {color:white;} 
.b14_form .niceCheck a {color:white;font-size:14px;text-decoration:underline;text-decoration-style:dotted;}

.modal_form .niceCheck a {color:#8C8C8C;font-size:14px;text-decoration:underline;text-decoration-style:dotted;font-weight:500;}