@charset "UTF-8";
/*
	HTML5 Reset :: style.css
	----------------------------------------------------------
	We have learned much from/been inspired by/taken code where offered from:

-------------------------------------------------------------------------------*/
/* Let's default this puppy out
-------------------------------------------------------------------------------*/
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-weight: normal;
  vertical-align: baseline;
  background: transparent; }

main, article, aside, figure, footer, header, nav, section, details, summary {
  display: block; }

/* Handle box-sizing while better addressing child elements:
   http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
html {
  box-sizing: border-box; }

*,
*:before,
*:after {
  box-sizing: inherit; }

/* consider resetting the default cursor: https://gist.github.com/murtaugh/5247154 */
/* Responsive images and other embedded objects */
/* if you don't have full control over `img` tags (if you have to overcome attributes), consider adding height: auto */
img,
object,
embed {
  max-width: 100%; }

/*
   Note: keeping IMG here will cause problems if you're using foreground images as sprites.
	In fact, it *will* cause problems with Google Maps' controls at small size.
	If this is the case for you, try uncommenting the following:

#map img {
		max-width: none;
}
*/
/* force a vertical scrollbar to prevent a jumpy page */
html {
  overflow-y: scroll; }

/* we use a lot of ULs that aren't bulleted.
	you'll have to restore the bullets within content,
	which is fine because they're probably customized anyway */
ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

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

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted #000;
  cursor: help; }

/* tables still need cellspacing="0" in the markup */
table {
  border-collapse: separate;
  border-spacing: 0; }

th {
  font-weight: bold;
  vertical-align: bottom; }

td {
  font-weight: normal;
  vertical-align: top; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0; }

input, select {
  vertical-align: middle; }

pre {
  white-space: pre;
  /* CSS2 */
  white-space: pre-wrap;
  /* CSS 2.1 */
  white-space: pre-line;
  /* CSS 3 (and 2.1 as well, actually) */
  word-wrap: break-word;
  /* IE */ }

input[type="radio"] {
  vertical-align: text-bottom; }

input[type="checkbox"] {
  vertical-align: bottom; }

.ie7 input[type="checkbox"] {
  vertical-align: baseline; }

.ie6 input {
  vertical-align: text-bottom; }

select, input, textarea {
  font: 99% sans-serif; }

table {
  font-size: inherit;
  font: 100%; }

small {
  font-size: 85%; }

strong {
  font-weight: bold; }

td, td img {
  vertical-align: top; }

/* Make sure sup and sub don't mess with your line-heights http://gist.github.com/413930 */
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* standardize any monospaced elements */
pre, code, kbd, samp {
  font-family: monospace, sans-serif; }

/* hand cursor on clickable elements */
.clickable,
label,
input[type=button],
input[type=submit],
input[type=file],
button {
  cursor: pointer; }

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {
  margin: 0; }

/* make buttons play nice in IE */
button,
input[type=button] {
  width: auto;
  overflow: visible; }

/* scale images in IE7 more attractively */
.ie7 img {
  -ms-interpolation-mode: bicubic; }

/* prevent BG image flicker upon hover
   (commented out as usage is rare, and the filter syntax messes with some pre-processors)
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}
*/
/* let's clear some floats */
.clearfix:after {
  content: " ";
  display: block;
  clear: both; }

/*  SECTIONS */
section,
.section {
  width: 1170px;
  padding: 0;
  margin: 0 auto;
  clear: both; }

/*  GROUPING */
.group:before,
.group:after {
  content: "";
  display: table; }

.group:after {
  clear: both; }

.group {
  zoom: 1;
  /* For IE 6/7 (trigger hasLayout) */ }

/*  COLUMN SETUP  */
.col {
  display: block;
  float: left;
  margin: 1% 0 1% 2.5%; }

.col:first-child {
  margin-left: 0; }

/*  GRIDS  */
.span_1_of_2 {
  width: 48.75%; }

.span_2_of_3 {
  width: 65.83%; }

.span_1_of_3 {
  width: 31.66%; }

.span_3_of_4 {
  width: 74.37%; }

.span_2_of_4 {
  width: 48.75%; }

.span_1_of_4 {
  width: 23.12%; }

.span_4_of_5 {
  width: 79.5%; }

.span_3_of_5 {
  width: 59%; }

.span_2_of_5 {
  width: 38.5%; }

.span_1_of_5 {
  width: 18%; }

.span_5_of_6 {
  width: 82.91%; }

.span_4_of_6 {
  width: 65.83%; }

.span_3_of_6 {
  width: 48.75%; }

.span_2_of_6 {
  width: 31.66%; }

.span_1_of_6 {
  width: 14.58%; }

.span_6_of_7 {
  width: 85.35%; }

.span_5_of_7 {
  width: 70.71%; }

.span_4_of_7 {
  width: 56.07%; }

.span_3_of_7 {
  width: 41.42%; }

.span_2_of_7 {
  width: 26.78%; }

.span_1_of_7 {
  width: 12.14%; }

.span_7_of_8 {
  width: 87.18%; }

.span_6_of_8 {
  width: 74.37%; }

.span_5_of_8 {
  width: 61.56%; }

.span_4_of_8 {
  width: 48.75%; }

.span_3_of_8 {
  width: 35.93%; }

.span_2_of_8 {
  width: 23.12%; }

.span_1_of_8 {
  width: 10.31%; }

.span_8_of_9 {
  width: 88.61%; }

.span_7_of_9 {
  width: 77.22%; }

.span_6_of_9 {
  width: 65.83%; }

.span_5_of_9 {
  width: 54.44%; }

.span_4_of_9 {
  width: 43.05%; }

.span_3_of_9 {
  width: 31.66%; }

.span_2_of_9 {
  width: 20.27%; }

.span_1_of_9 {
  width: 8.888%; }

.span_9_of_10 {
  width: 89.75%; }

.span_8_of_10 {
  width: 79.5%; }

.span_7_of_10 {
  width: 69.25%; }

.span_6_of_10 {
  width: 59%; }

.span_5_of_10 {
  width: 48.75%; }

.span_4_of_10 {
  width: 38.5%; }

.span_3_of_10 {
  width: 28.25%; }

.span_2_of_10 {
  width: 18%; }

.span_1_of_10 {
  width: 7.75%; }

.span_10_of_11 {
  width: 90.68%; }

.span_9_of_11 {
  width: 81.36%; }

.span_8_of_11 {
  width: 72.04%; }

.span_7_of_11 {
  width: 62.72%; }

.span_6_of_11 {
  width: 53.40%; }

.span_5_of_11 {
  width: 44.09%; }

.span_4_of_11 {
  width: 34.77%; }

.span_3_of_11 {
  width: 25.45%; }

.span_2_of_11 {
  width: 16.13%; }

.span_1_of_11 {
  width: 6.818%; }

.span_11_of_12 {
  width: 91.45%; }

.span_10_of_12 {
  width: 82.91%; }

.span_9_of_12 {
  width: 74.37%; }

.span_8_of_12 {
  width: 65.83%; }

.span_7_of_12 {
  width: 57.29%; }

.span_6_of_12 {
  width: 48.75%; }

.span_5_of_12 {
  width: 40.20%; }

.span_4_of_12 {
  width: 31.66%; }

.span_3_of_12 {
  width: 23.12%; }

.span_2_of_12 {
  width: 14.58%; }

.span_1_of_12 {
  width: 6.041%; }

/* Colors */
/* Fonts */
/* General */
.button {
  display: inline-block;
  height: 60px;
  padding-left: 45px;
  padding-right: 45px;
  background: linear-gradient(#92cf00, #6e9c00);
  border: 0;
  border-radius: 5px;
  border-bottom: 5px solid #5c8200;
  box-sizing: border-box;
  cursor: pointer;
  color: #FFF;
  line-height: 57px;
  letter-spacing: 1px;
  font-size: 18px;
  font-family: Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  text-align: center;
  transition: background 0.5s; }
  .button:hover {
    background: linear-gradient(#b5ff03, #80b500); }

h2, h3, h4, h5 {
  text-align: center;
  font-weight: bold;
  font-family: 'Lora', serif;
  text-transform: uppercase;
  letter-spacing: 1px; }

h3 {
  padding: 0 0 15px;
  color: #80b500;
  font-size: 24px;
  line-height: 30px; }

h2, h3.like_h2 {
  padding: 75px 0;
  color: #3f2803;
  font-size: 45px;
  line-height: 60px; }

h4 {
  padding: 0 0 15px;
  color: #80b500;
  font-size: 18px;
  line-height: 30px; }

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

::-webkit-input-placeholder {
  color: #61676d; }

::-moz-placeholder {
  color: #61676d; }

/* Firefox 19+ */
:-moz-placeholder {
  color: #61676d; }

/* Firefox 18- */
:-ms-input-placeholder {
  color: #61676d; }

button div {
  position: absolute;
  display: none;
  width: 30px;
  height: 30px;
  margin: 13px 0 0 -35px;
  background: url("../img/ajax-loader.gif") no-repeat 50% 50%;
  background-size: 100px 75px; }

button.loaded div {
  display: block; }

/* Main Styles */
body {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  background: #FFF;
  background-size: 1920px auto;
  overflow: hidden;
  position: relative; }

header {
  height: 60px;
  overflow: hidden;
  background: #F2F5F8; }
  header img.logo {
    float: left;
    height: 44px;
    margin: 8px 90px 0 0; }

.header-phones {
  float: left;
  font-size: 18px;
  line-height: 30px; }
  .header-phones a {
    display: inline-block;
    margin-left: 15px;
    text-decoration: none;
    color: #3f2803;
    line-height: 60px; }

.header-callback,
.header-delivery {
  padding-top: 20px; }
  .header-callback img,
  .header-delivery img {
    display: block;
    float: left;
    height: 16px;
    margin: 2px 5px 0 0; }

.header-callback {
  float: left;
  margin-left: 30px;
  color: #3f2803; }
  .header-callback span {
    display: inline-block;
    height: 22px;
    font-weight: bold;
    cursor: pointer;
    border-bottom: thin dashed #3f2803;
    transition: 0.5s; }
    .header-callback span:hover {
      color: #80b500;
      border-bottom-color: #80b500; }

.header-delivery {
  float: right;
  color: #3f2803; }

.b-title {
  height: 330px;
  margin: 135px auto 0;
  color: #3f2803;
  text-align: center;
  border-bottom: 2px solid #F2F5F8;
  background: url("../img/greenhouse-and-girl.jpg") no-repeat 0 0; }
  .b-title hgroup {
    display: block;
    padding: 15px 0 0; }
  .b-title h1 {
    padding-left: 130px;
    font-size: 90px;
    line-height: 90px;
    font-weight: bold;
    font-family: 'Lora', serif;
    text-transform: uppercase;
    letter-spacing: 1px; }
  .b-title h1 span {
    display: block;
    padding: 12px 0 0 0;
    color: #80b500;
    font-weight: 400;
    font-size: 38px;
    line-height: 40px; }

  .b-title strong {
    display: block;
    padding: 12px 0 0 140px;
    color: #80b500;
    font-weight: 400;
    font-size: 45px;
    line-height: 40px; }
  .b-title .button {
    min-width: 330px;
    margin: 33px 0 0 105px; }

.greenhouse-warranty {
  position: absolute;
  width: 320px;
  height: 220px;
  margin: 0px 0 0 870px;
  background: url("../img/greenhouse-warranty.png") no-repeat 100% 0; }

.b-greenhouse-specify {
  height: 270px;
  padding-top: 15px;
  font-weight: bold;
  font-family: 'Lora', serif;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 45px;
  line-height: 60px;
  color: #3f2803;
  text-align: center; }
  .b-greenhouse-specify > div {
    margin-top: 60px;
    margin-bottom: 0;
    font-weight: bold !important; }
  .b-greenhouse-specify span {
    font-size: 24px !important;
    font-weight: bold !important;
    text-transform: none !important; }
  .b-greenhouse-specify small {
    display: inline-block;
    font-family: Helvetica, Arial, sans-serif;
    color: #80b500;
    line-height: 30px !important;
    font-size: 24px;
    font-weight: normal !important;
    text-transform: none !important; }

.b-warranty-tag {
  height: 390px;
  margin: 15px 0;
  background: url("../img/greenhouse-warranty-tag.jpg") 50% 50%; }
  .b-warranty-tag h3 {
    max-width: 65%;
    padding: 135px 0 0;
    color: #FFF;
    line-height: 45px;
    font-size: 30px; }

.b-greenhouse-parameters {
  position: relative;
  height: 895px;
  margin: 15px auto;
  background: url("../img/greenhouse-parameters.jpg") no-repeat 50% 270px; }
  .b-greenhouse-parameters div {
    position: absolute; }
    .b-greenhouse-parameters div h4 {
      text-align: left !important;
      padding-bottom: 0px !important;
      font-family: Helvetica, Arial, sans-serif; }
    .b-greenhouse-parameters div:first-of-type {
      width: 330px;
      margin: -5px 0 0; }
    .b-greenhouse-parameters div:nth-of-type(2) {
      width: 610px;
      margin: -5px 0 0 560px;
      text-align: right; }
      .b-greenhouse-parameters div:nth-of-type(2) h4 {
        text-align: right !important; }
      .b-greenhouse-parameters div:nth-of-type(2) p {
        padding-left: 60px; }
    .b-greenhouse-parameters div:nth-of-type(3) {
      width: 330px;
      margin: 190px 0 0; }
    .b-greenhouse-parameters div:nth-of-type(4) {
      width: 390px;
      margin: 115px 0 0 780px;
      text-align: right; }
      .b-greenhouse-parameters div:nth-of-type(4) h4 {
        text-align: right !important; }
      .b-greenhouse-parameters div:nth-of-type(4) p {
        padding-left: 60px; }
    .b-greenhouse-parameters div:nth-of-type(5) {
      width: 530px;
      margin: 460px 0 0; }
    .b-greenhouse-parameters div:last-of-type {
      width: 500px;
      margin: 460px 0 0 670px;
      text-align: right; }
      .b-greenhouse-parameters div:last-of-type h4 {
        text-align: right !important; }
      .b-greenhouse-parameters div:last-of-type p {
        padding-left: 60px; }

.b-greenhouse-catalog {
  opacity: 1; }
  .b-greenhouse-catalog h3.like_h2 {
    padding: 15px 0 30px; }

.greenhouse {
  max-width: 1170px;
  min-height: 390px;
  padding-top: 30px;
  margin-bottom: -30px;
  border: 0;
  border-top: 2px solid #F2F5F8;
  vertical-align: top !important; }
  .greenhouse .mbl {
    display: none; }
  .greenhouse:first-of-type {
    border-top: 0; }
  .greenhouse h3 {
    padding: 40px 0 35px;
    font-size: 30px;
    line-height: 30px;
    text-align: left !important;
    letter-spacing: 0.5px !important; }
  .greenhouse input[type=text] {
    height: 30px;
    width: 60px;
    padding-right: 7.5px;
    margin-left: 15px;
    text-align: right;
    line-height: 26px;
    background: #F2F5F8;
    border-radius: 4px;
    border: 2px solid #F2F5F8;
    border-top-color: #c0cfdd;
    box-sizing: border-box; }
  .greenhouse th {
    max-width: 740px;
    vertical-align: top; }
  .greenhouse td {
    height: 45px;
    width: 35px;
    line-height: 30px;
    vertical-align: top !important; }
    .greenhouse td:first-of-type {
      width: 180px; }
    .greenhouse td:last-of-type {
      width: 300px;
      text-align: right; }
    .greenhouse td.greenhouse_photo {
      min-width: 430px;
      width: 430px;
      vertical-align: top; }
      .greenhouse td.greenhouse_photo img {
        display: block;
        width: 430px;
        height: auto; }
    .greenhouse td.price {
      text-align: left; }
    .greenhouse td.total {
      font-size: 18px;
      line-height: 30px;
      font-weight: 700 !important;
      padding-right: 2px; }
      .greenhouse td.total span {
        display: inline-block;
        min-width: 84px;
        margin-left: 10px;
        font-size: 24px;
        line-height: 30px; }
    .greenhouse td.show-order-form {
      vertical-align: bottom; }
      .greenhouse td.show-order-form div {
        width: 240px;
        margin-bottom: 25px; }
    .greenhouse td.description {
      height: 150px;
      overflow: hidden; }
      .greenhouse td.description .cover {
        position: absolute;
        height: 135px;
        width: 100%;
        margin-top: 5px;
        background: url("../img/divider.png") repeat-x 0 0;
        transition: margin 0.5s; }
      .greenhouse td.description > div {
        position: relative;
        width: 740px;
        text-align: left;
        line-height: 20px;
        color: #798188;
        overflow: hidden; }
        .greenhouse td.description > div:hover .cover {
          margin-top: 85px; }
    .greenhouse td b {
      display: inline-block;
      min-width: 30px;
      height: 30px;
      padding-left: 7.5px;
      padding-right: 7.5px;
      margin-left: 0;
      line-height: 26px;
      text-align: center;
      border-radius: 4px;
      border-top: 2px solid #F2F5F8;
      background: #F2F5F8;
      box-sizing: border-box;
      cursor: pointer;
      transition: all 0.3s; }
      .greenhouse td b.selected, .greenhouse td b.selected:hover {
        color: #FFF;
        background: linear-gradient(#92cf00, #6e9c00);
        border-top: 2px solid #5c8200;
        box-shadow: 0 0 1px #5c8200;
        cursor: default; }
      .greenhouse td b:hover {
        background: #d1dce6;
        border-top: 2px solid #b0c2d4;
        box-shadow: 0 0 1px #b0c2d4; }

.b-have-questions {
  height: 510px;
  padding-top: 105px;
  background: url("../img/greenhouse-contactform.jpg") no-repeat 50% 50%;
  box-sizing: border-box; }
  .b-have-questions h3 {
    color: #3f2803;
    font-size: 36px;
    line-height: 60px;
    text-align: left; }
    .b-have-questions h3 span {
      background: rgba(254, 232, 114, 0.7); }
  .b-have-questions div:last-of-type h3 {
    text-align: right !important; }
  .b-have-questions .contact-form {
    padding-top: 10px; }
    .b-have-questions .contact-form input {
      opacity: 0.8; }
  .b-have-questions .button {
    width: 100%; }

.contact-form input[type=text] {
  height: 55px;
  width: 100%;
  margin-top: 5px;
  margin-bottom: 15px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 5px;
  color: #555a5f;
  font-size: 18px;
  border-left: 1px solid #e5e7e8;
  border-right: 1px solid #e5e7e8;
  border-bottom: thin solid #f3f3f4;
  border-top: 3px solid #a2a7ac;
  border-radius: 6px;
  background: #F2F5F8;
  box-sizing: border-box; }

h3.advantages {
  padding: 105px 0 75px;
  font-size: 30px;
  line-height: 45px; }

.advantages div h3 {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 21px; }

.b-ourgreenhouses h3 {
  width: 60%;
  margin: 0 auto;
  padding-top: 90px;
  padding-bottom: 30px;
  font-size: 30px;
  line-height: 45px;
  color: #3f2803; }

.b-goodprice {
  height: 290px;
  margin-top: 43px;
  color: #FFF;
  background: url("../img/greenhoouse-goodprice.jpg") no-repeat 50% 0; }
  .b-goodprice h4 {
    padding-top: 60px;
    padding-bottom: 25px;
    font-size: 45px;
    line-height: 60px;
    color: #FFF;
    text-align: left !important;
    clear: both; }
  .b-goodprice p {
    padding-right: 30px; }

.greenhouse-reviews {
  height: 630px;
  margin-top: 120px;
  background: url("../img/greenhoouse-reviews.jpg") no-repeat 50% 100%; }
  .greenhouse-reviews h3 {
    padding-top: 15px;
    font-size: 45px;
    line-height: 60px;
    color: #FFF;
    font-weight: 400; }
  .greenhouse-reviews h5 {
    padding-top: 45px;
    text-align: left; }
  .greenhouse-reviews p {
    clear: both;
    margin-bottom: 15px; }
  .greenhouse-reviews strong {
    display: inline-block;
    padding-top: 5px;
    color: #80b500; }
  .greenhouse-reviews img {
    display: block;
    float: left;
    height: 100px;
    width: 100px;
    margin: 15px 15px 5px 0;
    border-radius: 50px; }
  .greenhouse-reviews div p:last-of-type {
    width: 75%; }
  .greenhouse-reviews div:last-of-type {
    text-align: right; }
    .greenhouse-reviews div:last-of-type h5 {
      text-align: right; }
    .greenhouse-reviews div:last-of-type img {
      float: right;
      margin-right: 0;
      margin-left: 15px; }
    .greenhouse-reviews div:last-of-type p:last-child {
      margin-left: 25%; }

.b-more-about-greenhouses {
  margin-top: 60px;
  border-top: 2px solid #F2F5F8; }
  .b-more-about-greenhouses h3.like_h2 {
    padding-top: 60px;
    padding-bottom: 30px; }
  .b-more-about-greenhouses p {
    padding: 4px 10px 0 0;
    color: #80b500;
    line-height: 24px;
    text-align: right; }

.go-to-catalog {
  padding-top: 30px;
  text-align: center;
  vertical-align: bottom; }
  .go-to-catalog span {
    display: inline-block;
    font-size: 18px;
    padding-bottom: 5px;
    margin-left: 15px;
    border-bottom: thin dashed #313437;
    cursor: pointer;
    transition: 0.5s; }
    .go-to-catalog span:hover {
      color: #80b500;
      border-bottom-color: #80b500; }

footer {
  padding: 75px 0 0;
  margin-top: 75px;
  box-sizing: border-box;
  background: #80b500;
  color: #F2F5F8; }
  footer h4 {
    padding-top: 5px;
    text-align: left;
    color: #b5ff03; }
  footer img {
    width: 150px;
    margin-bottom: -12px; }
  footer .copy {
    height: 45px;
    margin-top: 30px;
    line-height: 45px;
    font-size: 12px;
    text-align: center;
    color: #a4e800;
    clear: both; }
  footer div div:last-child {
    padding-left: 30px; }

.b-footer_phones {
  font-weight: 400;
  font-weight: bold;
  font-family: 'Lora', serif;
  text-transform: uppercase;
  letter-spacing: 1px; }

.b-modal {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #80b500; }
  .b-modal section {
    position: relative;
    top: 50%;
    margin-top: -100px;
    color: #313437;
    transition: 0.2s; }
    .b-modal section.get-order {
      margin-top: -200px !important; }
      .b-modal section.get-order .group {
        clear: both; }
      .b-modal section.get-order .price {
        font-size: 18px; }
      .b-modal section.get-order h5 {
        color: #b5ff03;
        text-align: left;
        line-height: 30px;
        letter-spacing: 0.5px;
        font-size: 20px;
        font-family: Helvetica, Arial, sans-serif; }
    .b-modal section.hide {
      transform: scale(0.3, 0.3); }
  .b-modal h4 {
    clear: both;
    color: #FFF;
    font-size: 30px;
    line-height: 30px; }
  .b-modal .button {
    color: #313437;
    border-bottom-color: #a38901;
    background: linear-gradient(#fddc26, #bc9f01); }
    .b-modal .button:hover {
      text-shadow: 0 -1px 1px #313437;
      color: #e1e8ef;
      background: linear-gradient(#efca02, #d5b402); }
  .b-modal .close {
    float: right;
    width: 30px;
    height: 30px;
    margin-bottom: 45px;
    background: url("../img/close.png") no-repeat 50% 50%;
    cursor: pointer; }
    .b-modal .close:hover {
      opacity: 0.5; }

.p404 {
  background: #80b500; }
  .p404 > section {
    position: absolute;
    height: 500px;
    width: 800px;
    top: 50%;
    left: 50%;
    margin-top: -280px;
    margin-left: -400px;
    padding-top: 400px;
    color: #3f2803;
    background: url("../img/404.png") no-repeat 50% 50% !important;
    box-sizing: border-box; }
    .p404 > section p {
      max-width: 270px;
      margin-left: -5px; }
    .p404 > section a {
      display: inline-block;
      height: 24px;
      margin-left: 5px;
      color: #FFF;
      text-decoration: none;
      border-bottom: thin dashed #F2F5F8;
      transition: 0.5s; }
      .p404 > section a:hover {
        color: #fee872;
        border-bottom-color: #fee872 !important; }

@media (max-width: 1170px) {
  section,
  .section {
    width: 940px; }

  h2, h3.like_h2 {
    font-size: 30px;
    line-height: 45px; }

  header img.logo {
    margin-right: 20px; }

  .header-callback {
    margin-left: 20px; }

  .header-phones {
    padding-top: 1px;
    font-size: 15px; }
    .header-phones a {
      margin-left: 10px; }

  .b-title h1 {
    padding-left: 50px;
    margin-top: -12px; }
  .b-title h1  span{
    color: #3f2803;}
  .b-title strong {
    padding-left: 55px;
    margin-top: -12px;
    color: #3f2803;
    font-size: 36px; }
  .b-title .button {
    margin-top: 21px;
    margin-left: 53px; }

  .greenhouse-warranty {
    margin-left: 670px; }

  .b-greenhouse-specify small {
    font-size: 18px;
    line-height: 25px !important; }

  .b-greenhouse-parameters {
    height: auto;
    overflow: hidden;
    padding-bottom: 90px;
    background: url("../img/greenhouse-parameters-medium.jpg") 50% 250px no-repeat;
    background-size: 100% auto; }
    .b-greenhouse-parameters h2 {
      padding-bottom: 500px; }
    .b-greenhouse-parameters > div {
      position: relative;
      float: left;
      height: auto;
      width: 50% !important;
      margin: 0 auto !important;
      text-align: left !important;
      box-sizing: border-box; }
      .b-greenhouse-parameters > div:nth-of-type(odd) {
        padding-right: 30px;
        clear: both; }
      .b-greenhouse-parameters > div:nth-of-type(even) {
        padding-left: 30px; }
      .b-greenhouse-parameters > div p, .b-greenhouse-parameters > div p:last-of-type {
        padding-left: 0 !important; }
      .b-greenhouse-parameters > div h4 {
        padding-top: 30px;
        text-align: center !important; }
        .b-greenhouse-parameters > div h4:nth-of-type(odd) {
          text-align: center !important; }

  .greenhouse {
    max-width: 940px; }
    .greenhouse h3 {
      font-size: 27px; }
    .greenhouse th {
      max-width: 650px; }
    .greenhouse td.greenhouse_photo {
      width: 270px;
      min-width: 270px; }
    .greenhouse td.greenhouse_photo img {
      width: 250px;
      padding-top: 40px; }
    .greenhouse td:last-of-type {
      width: 240px; }
    .greenhouse td.description > div {
      width: 670px; }

  .b-have-questions h3 {
    padding-top: 10px;
    font-size: 27px;
    line-height: 45px; }

  .b-goodprice {
    background-size: 100% auto; }
    .b-goodprice h4 {
      font-size: 27px;
      line-height: 30px;
      padding-top: 45px;
      padding-bottom: 20px; }

  .b-ourgreenhouses h3 {
    width: 100%; }

  .greenhouse-reviews h3 {
    padding-top: 30px;
    font-size: 27px;
    line-height: 45px; }
  .greenhouse-reviews div p {
    max-width: 85%;
    font-size: 13px; }
  .greenhouse-reviews div:nth-of-type(3n) p {
    margin-left: 15%; }

  .b-more-about-greenhouses p {
    padding: 0px 0px 0 0;
    line-height: 21px; }

  footer {
    font-size: 13px; }

  .b-modal section.get-order .col:first-child {
    width: 12.88%; }
  .b-modal section.get-order .span_3_of_9 {
    width: 37.66%; } }
@media (max-width: 939px) {
  section,
  .section {
    width: 100%; }

  header {
    overflow: visible; }

  .header-phones {
    float: right;
    padding-right: 15px;
    font-size: 18px; }
    .header-phones a {
      margin-left: 30px; }

  .header-callback {
    float: right;
    padding-right: 15px;
    clear: both; }

  .header-delivery {
    padding-right: 15px; }

  .greenhouse-warranty {
    width: 180px;
    height: 130px;
    right: 0;
    margin: 70px 0 0 0;
    background-image: url("../img/greenhouse-warranty-medium.png");
    background-size: 100% auto; }

  .b-title {
    height: 310px; }

  .b-greenhouse-specify {
    height: 210px; }
    .b-greenhouse-specify > div {
      margin-top: 40px;
      font-size: 30px;
      line-height: 45px; }
      .b-greenhouse-specify > div small {
        padding-top: 10px;
        font-size: 15px;
        line-height: 20px !important; }

  .b-warranty-tag h3 {
    max-width: 100%; }

  .b-greenhouse-parameters {
    background-position: 50% 220px; }
    .b-greenhouse-parameters h2 {
      padding-bottom: 470px; }
    .b-greenhouse-parameters > div:nth-of-type(odd) {
      padding-right: 15px;
      padding-left: 15px; }
    .b-greenhouse-parameters > div:nth-of-type(even) {
      padding-right: 15px;
      padding-left: 15px; }

  .b-goodprice {
    height: 240px;
    background-size: 940px;
    background-position: 0 0; }
    .b-goodprice h4 {
      padding-bottom: 0; }

  .advantages div {
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box; }

  .b-greenhouse-parameters div h4, .advantages div h3 {
    font-size: 16px;
    line-height: 24px; }

  .greenhouse td.greenhouse_photo {
    width: 170px;
    min-width: 170px; }
    .greenhouse td.greenhouse_photo img {
      width: 150px; }

  .greenhouse h3 {
    font-size: 24px; }
  .greenhouse td:first-of-type {
    width: 160px; }
  .greenhouse td:last-of-type {
    width: 180px; }
    .greenhouse td:last-of-type input[type=text] {
      margin-right: 5px; }
  .greenhouse td.description > div {
    width: 590px; }
    .greenhouse td.description > div p {
      padding-right: 15px; }
  .greenhouse td.show-order-form div.button {
    width: auto;
    padding-left: 35px;
    padding-right: 35px;
    margin-right: 5px; }

  .b-have-questions h3 {
    font-size: 24px;
    line-height: 35px;
    padding-top: 20px; }
  .b-have-questions .button {
    padding-left: 0;
    padding-right: 0; }

  .greenhouse-reviews {
    height: auto;
    background-image: url("../img/greenhoouse-reviews-medium.jpg"); }
    .greenhouse-reviews > div {
      line-height: 17px; }
      .greenhouse-reviews > div:nth-of-type(1) {
        padding-left: 15px; }
      .greenhouse-reviews > div:nth-of-type(3) {
        padding-right: 15px; }

  section.b-more-about-greenhouses button.button {
    padding-left: 20px;
    padding-right: 20px; }

  footer div.section > div:first-of-type p {
    margin-left: 10px; } }
@media (max-width: 767px) {
  h2, h3.like_h2 {
    max-width: 94%;
    margin: 0 auto;
    font-size: 24px;
    line-height: 30px;
    padding: 50px 0; }

  header {
    text-align: center; }
    header img.logo {
      float: none;
      display: block;
      height: 44px;
      margin: 0 auto;
      padding-top: 8px !important;
      box-sizing: content-box; }

  .header-phones {
    float: none;
    padding-top: 15px;
    padding-left: 15px;
    text-align: center; }
    .header-phones a {
      margin-left: 5px;
      margin-right: 5px; }

  .header-callback, .header-delivery {
    float: none;
    display: inline-block;
    padding: 0 15px;
    margin: 0; }

  .b-title {
    margin-top: 175px; }
    .b-title h1 {
      margin-top: -15px;
      padding-left: 0;
      font-size: 50px;
      line-height: 50px; }
   .b-title h1 span{
      padding-left: 0;
      font-size: 30px;}
    .b-title strong {
      padding-left: 0;
      font-size: 24px;
      line-height: 30px; }
    .b-title .button {
      min-width: 240px;
      padding-left: 0;
      padding-right: 0;
      margin-left: 0;
      text-align: center; }

  .greenhouse-warranty {
    width: 160px;
    height: 110px;
    right: -20px;
    margin-top: 40px; }

  .b-greenhouse-specify > div {
    font-size: 21px; }

  .b-greenhouse-specify span {
    font-size: 18px !important; }

  .b-greenhouse-specify > div small {
    padding-top: 0;
    font-size: 15px;
    line-height: 17px !important; }

  .b-warranty-tag {
    height: 210px; }
    .b-warranty-tag h3 {
      padding-top: 35px; }

  .b-greenhouse-parameters {
    padding-bottom: 40px;
    background-position: 50% 150px; }
    .b-greenhouse-parameters > div {
      width: 100% !important; }
    .b-greenhouse-parameters h2 {
      padding-bottom: 270px; }

  .b-greenhouse-parameters div h4, .advantages div h3 {
    font-size: 16px;
    line-height: 20px; }

  .greenhouse {
    display: block;
    max-width: 460px !important;
    margin: 0 auto; }

  .greenhouse h3 {
    padding-top: 0;
    font-size: 16px;
    text-align: center !important; }

  .greenhouse .mbl, .greenhouse .mbl td,
  .greenhouse tr,
  .greenhouse th {
    max-width: 460px !important;
    min-width: 100%;
    display: block !important; }

  .greenhouse .mbl td {
    text-align: left; }

  .greenhouse .mbl td.total {
    padding-top: 20px;
    padding-bottom: 20px;
    height: 80px !important; }

  .greenhouse .mbl td.show-order-form {
    height: 80px !important; }

  .greenhouse .mbl td.show-order-form .button {
    width: 70%; }

  .greenhouse .mbl td.show-order-form {
    text-align: center; }

  .greenhouse td:first-of-type {
    width: 170px; }

  .greenhouse .length td:last-of-type,
  .greenhouse .thickness td:last-of-type,
  .greenhouse .montage td:last-of-type {
    display: none; }

  .greenhouse td.greenhouse_photo {
    display: block;
    max-width: 100% !important;
    width: 100% !important;
    min-width: 100% !important;
    height: 200px; }
    .greenhouse td.greenhouse_photo img {
      display: block;
      width: 200px;
      margin: 0 auto; }

  td.greenhouse_photo + th {
    display: block; }

  .greenhouse td.description,
  .greenhouse td.description div {
    width: 100% !important;
    max-width: 100% !important; }

  .greenhouse td.description {
    width: auto;
    padding-bottom: 40px; }

  .greenhouse td.description .cover {
    display: none !important; }

  .b-have-questions section > div {
    float: none;
    width: 100%; }

  .b-have-questions h3,
  .b-have-questions div:last-of-type h3 {
    text-align: center !important; }

  .b-have-questions .contact-form input, .b-have-questions .contact-form button {
    display: block;
    width: 80%;
    margin: 0 auto 10px; }

  .b-have-questions {
    height: auto;
    padding-top: 10px; }

  .advantages > div {
    float: none;
    width: 96%;
    padding-top: 40px;
    margin: 0 2% !important; }
    .advantages > div img {
      display: block;
      width: 70%;
      margin: 0 15%; }

  .b-goodprice {
    height: auto;
    background-position: -50px 100%; }
    .b-goodprice > div:first-of-type {
      width: 26.66%; }
    .b-goodprice > div:last-of-type {
      width: 70.83%; }
    .b-goodprice h4 {
      font-size: 18px; }
    .b-goodprice p {
      font-size: 14px;
      line-height: 17px; }

  .b-ourgreenhouses h3 {
    padding-top: 60px;
    padding-bottom: 30px;
    font-size: 18px;
    line-height: 25px; }
  .b-ourgreenhouses img {
    width: 80%;
    margin: 2% 10% !important; }

  .greenhouse-reviews {
    background: none; }
    .greenhouse-reviews > div {
      float: none;
      width: 100%;
      text-align: center; }
      .greenhouse-reviews > div:first-of-type:before {
        content: "Отзывы наших клиентов";
        display: block;
        font-size: 18px;
        height: 50px;
        width: 100%;
        text-transform: uppercase;
        text-align: center; }
      .greenhouse-reviews > div.span_3_of_11 {
        display: none; }

  .greenhouse-reviews div img,
  .greenhouse-reviews div:last-of-type img {
    display: block;
    width: 150px;
    height: 150px;
    border-radius: 75px;
    float: none;
    clear: both;
    margin: 20px auto 10px; }

  .greenhouse-reviews div h5,
  .greenhouse-reviews div strong,
  .greenhouse-reviews div:last-of-type h5,
  .greenhouse-reviews div:last-of-type strong {
    width: 100%;
    text-align: center;
    padding-top: 0;
    margin-top: 0; }

  .greenhouse-reviews div p,
  .greenhouse-reviews div p:last-of-type,
  .greenhouse-reviews div:nth-of-type(3n) p {
    max-width: 98% !important;
    width: 98% !important;
    text-align: left !important;
    margin-left: 0 !important; }

  .b-more-about-greenhouses .contact-form div {
    float: none;
    clear: both;
    width: 100%;
    margin: 0 auto; }
    .b-more-about-greenhouses .contact-form div p {
      text-align: center !important;
      padding-bottom: 20px; }
    .b-more-about-greenhouses .contact-form div input, .b-more-about-greenhouses .contact-form div .button {
      display: block;
      width: 80%;
      max-width: 380px;
      margin: 0 auto 10px; }

  footer {
    padding-top: 50px; }
    footer .group div {
      width: 100%;
      margin: 10px auto;
      text-align: center; }
      footer .group div h4 {
        padding-bottom: 5px;
        text-align: center; }
      footer .group div p {
        display: inline-block;
        padding-left: 10px;
        padding-right: 10px; }
      footer .group div img {
        display: block;
        margin: 0 auto; }

  .b-modal .close {
    width: 20px;
    height: 20px;
    margin-bottom: 0;
    margin-right: 4%; }
  .b-modal section.get-order,
  .b-modal section.call-me {
    margin-top: -122px !important; }
    .b-modal section.get-order h4, .b-modal section.get-order h5,
    .b-modal section.call-me h4,
    .b-modal section.call-me h5 {
      line-height: 17px;
      letter-spacing: inherit;
      font-size: 15px; }
    .b-modal section.get-order .group > div,
    .b-modal section.call-me .group > div {
      width: 92%;
      float: none;
      margin-left: 4%; }
      .b-modal section.get-order .group > div:first-of-type,
      .b-modal section.call-me .group > div:first-of-type {
        display: none; }
      .b-modal section.get-order .group > div input[type=text],
      .b-modal section.call-me .group > div input[type=text] {
        height: 35px;
        font-size: 15px;
        margin: 0 0 5px; }
      .b-modal section.get-order .group > div .button,
      .b-modal section.call-me .group > div .button {
        height: 40px;
        line-height: 37px;
        font-size: 13px !important;
        letter-spacing: 0.5px; }
  .b-modal .contact-form .close + .group + .group {
    margin-left: 4%;
    width: 92%;
    float: none; }
    .b-modal .contact-form .close + .group + .group > div {
      width: auto !important;
      margin-left: 0;
      display: inline !important; } }
@media (max-width: 479px) {
  .header-phones a {
    margin-left: 2px;
    margin-right: 2px;
    font-size: 13px;
    line-height: 30px; }

  .header-callback {
    padding-top: 10px;
    padding-bottom: 15px; }

  .greenhouse-warranty {
    display: none; }

  .b-title {
    height: auto;
    margin-top: 0;
    padding-top: 125px;
    padding-bottom: 60px;
    background-position: -20px 125px; }
    .b-title hgroup {
      padding-top: 65px; }
    .b-title .button {
      margin-top: 20px; }

  .b-greenhouse-specify {
    height: auto; }
    .b-greenhouse-specify > div {
      float: none;
      clear: both;
      width: 96%;
      margin: 30px 2% 0 !important;
      font-size: 35px;
      line-height: 30px; }

  .b-warranty-tag {
    height: auto;
    padding-top: 20px; }

  .b-warranty-tag h3,
  h2, h3.like_h2 {
    font-size: 18px;
    line-height: 25px; }

  .b-greenhouse-parameters h2 {
    padding-bottom: 180px; }

  .greenhouse {
    margin-left: 10px; }

  .greenhouse h3 {
    font-size: 12px;
    letter-spacing: 0 !important; }

  .b-greenhouse-catalog h3.like_h2 {
    padding-bottom: 0; }

  .b-have-questions h3 {
    font-size: 18px;
    line-height: 25px; }

  h3.section.like_h2.advantages {
    padding-bottom: 0; }

  .b-goodprice {
    background-position: 50% 100%;
    background-size: auto 320px;
    padding-bottom: 25px; }
    .b-goodprice h4 {
      padding-top: 25px; }

  .b-goodprice > div {
    float: none;
    clear: both;
    margin-left: 2%; }
    .b-goodprice > div:first-of-type {
      display: none; }
    .b-goodprice > div:last-of-type {
      width: 96%; }

  .b-modal section.get-order .group > div .button, .b-modal section.call-me .group > div .button {
    margin: 0 auto;
    display: block; } }

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