@font-face {
  font-family: "PTSansRegulard";
  src: url("../fonts/PTSansRegular/PTSansRegular.ttf"); }

@font-face {
  font-family: "PTSansBold";
  src: url("../fonts/PTSansBold/PTSansBold.ttf"); }

@font-face {
  font-family: "OpenSansBold";
  src: url("../fonts/OpenSansBold/OpenSansBold.ttf"); }

html, body {
  font-family: PTSansRegulard, sans-serif;
  font-size: 16px;
  background-color: #ffffff;
  background-repeat: no-repeat; }

body * {
  margin: 0px;
  padding: 0px;
  font-weight: normal;
  background-repeat: no-repeat;
  background-position: center; }

.section_title h2 {
  font-family: PTSansBold, sans-serif;
  font-size: 2.5rem;
  text-align: center;
  padding: 40px;
  text-transform: uppercase; }

#types {
  padding-bottom: 40px; }
  #types .types_name {
    max-width: 960px;
    margin: 0 auto;
    text-align: center; }
    #types .types_name ul li {
      display: inline-block;
      padding: 20px 25px;
      margin: 10px 15px;
      background-color: #aecb1b; }
      #types .types_name ul li p {
        font-size: 18px;
        font-family: PTSansBold, sans-serif;
        text-decoration: none;
        cursor: pointer; }
        #types .types_name ul li p:hover {
          color: #dd4128; }
  #types .wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    max-width: 1200px;
    margin: 0 auto;
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around; }
    #types .wrapper .wrap {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
      max-width: 600px;
      margin: 10px auto;
      -webkit-justify-content: space-around;
          -ms-flex-pack: distribute;
              justify-content: space-around; }
      #types .wrapper .wrap .item {
        max-width: 270px;
        margin: 10px;
        border: 1px solid #000; }
        #types .wrapper .wrap .item:hover img {
          -webkit-transform: scale(1.2);
              -ms-transform: scale(1.2);
                  transform: scale(1.2); }
        #types .wrapper .wrap .item .img {
          max-width: 270px;
          overflow: hidden; }
          #types .wrapper .wrap .item .img img {
            width: 100%;
            -webkit-transition: all .35s;
            transition: all .35s; }
        #types .wrapper .wrap .item .title {
          padding-top: 15px;
          padding-left: 15px; }
        #types .wrapper .wrap .item .size {
          padding-left: 15px; }
        #types .wrapper .wrap .item .icons {
          display: inline-block;
          padding-left: 15px;
          padding-top: 20px; }
          #types .wrapper .wrap .item .icons .fa {
            padding: 10px;
            -webkit-border-radius: 50%;
                    border-radius: 50%;
            background-color: #18b3d9;
            color: #fff; }
          #types .wrapper .wrap .item .icons p {
            display: inline-block;
            font-size: 12px; }
        #types .wrapper .wrap .item a {
          color: #fff;
          text-decoration: none;
          display: inline-block; }
          #types .wrapper .wrap .item a .fa-rub {
            font-size: 14px; }
        #types .wrapper .wrap .item .blue {
          background-color: #18b3d9;
          padding: 10px;
          margin-top: 20px;
          margin-left: 15px;
          margin-bottom: 10px;
          cursor: text; }
        #types .wrapper .wrap .item .red {
          background-color: #dd4128;
          padding: 10px;
          -webkit-transition: all .35s;
          transition: all .35s; }
          #types .wrapper .wrap .item .red:hover {
            background-color: #e7224b; }

.noactive {
  display: none; }

.active {
  display: block; }

.red {
  color: #dd4128; }

.black {
  color: #000000; }

#facts {
  background-image: url("../img/facts_bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 40px; }
  #facts .section_title h2 {
    padding-bottom: 10px; }
  #facts .section_title h3 {
    text-align: center;
    text-transform: uppercase;
    font-size: 20px; }
  #facts .wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    max-width: 960px;
    margin: 40px auto 0;
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around; }
    #facts .wrap .item {
      width: 297px;
      height: 143px;
      background-image: url("../img/fact_item_bg.jpg");
      background-repeat: no-repeat;
      margin: 10px;
      text-align: center;
      padding-top: 20px; }
      #facts .wrap .item p {
        font-size: 20px;
        text-transform: uppercase; }
        #facts .wrap .item p span {
          font-size: 36px;
          font-family: PTSansBold, sans-serif;
          color: #aecb1b; }
      #facts .wrap .item h4 {
        font-size: 20px;
        font-family: PTSansBold, sans-serif;
        text-transform: uppercase; }

#calculation {
  padding-bottom: 40px;
  font-family: PTSansRegulard, sans-serif; }
  #calculation .get_kitchen {
    text-align: center; }
    #calculation .get_kitchen h1 {
      text-align: center;
      font-size: 2.5rem;
      font-family: PTSansBold, sans-serif;
      padding: 40px;
      padding-bottom: 20px;
      text-transform: uppercase; }
    #calculation .get_kitchen h2 {
      text-align: center;
      font-size: 20px;
      text-transform: uppercase; }
    #calculation .get_kitchen .open_constructor {
      display: none; }
    #calculation .get_kitchen .main_form {
      margin-top: 20px; }
      #calculation .get_kitchen .main_form h3 {
        font-size: 20px;
        padding: 20px; }
      #calculation .get_kitchen .main_form .file {
        display: table;
        margin: 20px auto;
        text-align: right;
        color: #969191;
        font-family: PTSansRegulard, sans-serif;
        font-size: 13px;
        line-height: 25px; }
        #calculation .get_kitchen .main_form .file input {
          position: absolute;
          left: -9999px; }
        #calculation .get_kitchen .main_form .file div {
          float: left;
          height: 23px;
          padding: 0px 10px;
          margin-right: 15px;
          color: black;
          background-color: #e3e3e3;
          border: solid 1px #b7b5b5;
          -webkit-border-radius: 3px;
                  border-radius: 3px;
          line-height: 23px;
          cursor: pointer;
          -webkit-transition: 0.3s;
          transition: 0.3s; }
          #calculation .get_kitchen .main_form .file div:hover {
            border-color: #aecb1b;
            background-color: #aecb1b;
            color: white; }
      #calculation .get_kitchen .main_form .kitchen_type {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
        margin: 20px auto;
        max-width: 960px;
        margin: 0 auto; }
        #calculation .get_kitchen .main_form .kitchen_type li {
          margin-left: 90px;
          margin: 0 auto; }
          #calculation .get_kitchen .main_form .kitchen_type li div {
            cursor: pointer;
            position: relative;
            -webkit-border-radius: 3px;
                    border-radius: 3px;
            border: solid 1px #e6e6e6;
            overflow: hidden;
            -webkit-transition: 0.3s;
            transition: 0.3s; }
            #calculation .get_kitchen .main_form .kitchen_type li div:hover {
              -webkit-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.15);
                      box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.15); }
            #calculation .get_kitchen .main_form .kitchen_type li div img {
              display: block; }
            #calculation .get_kitchen .main_form .kitchen_type li div span {
              display: block;
              position: absolute;
              top: -100%;
              width: 100%;
              height: 100%;
              -webkit-border-radius: 100px;
                      border-radius: 100px;
              background-image: url(../img/checked.png);
              z-index: 2;
              -webkit-transition: 0.35s;
              transition: 0.35s; }
          #calculation .get_kitchen .main_form .kitchen_type li p {
            font-family: PTSansBold, sans-serif;
            font-size: 15px;
            text-align: center;
            color: #2a2626;
            line-height: 22px;
            padding-top: 6px; }
        #calculation .get_kitchen .main_form .kitchen_type .checked_kitchen div {
          -webkit-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.15) !important;
                  box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.15) !important; }
          #calculation .get_kitchen .main_form .kitchen_type .checked_kitchen div span {
            top: 0% !important;
            background-repeat: no-repeat;
            background-position: center; }
      #calculation .get_kitchen .main_form .container_kitchen_size {
        display: none; }
        #calculation .get_kitchen .main_form .container_kitchen_size .kitchen_size {
          display: table;
          text-align: center;
          font-family: PTSansBold, sans-serif;
          font-size: 13px;
          margin: 0px auto 25px auto;
          padding-top: 30px; }
          #calculation .get_kitchen .main_form .container_kitchen_size .kitchen_size li {
            position: relative;
            padding-top: 52px;
            display: none; }
            #calculation .get_kitchen .main_form .container_kitchen_size .kitchen_size li div {
              position: absolute;
              height: 52px;
              width: 72px;
              text-align: center; }
            #calculation .get_kitchen .main_form .container_kitchen_size .kitchen_size li .top_size {
              top: 0px;
              left: 50%;
              margin-left: -36px; }
            #calculation .get_kitchen .main_form .container_kitchen_size .kitchen_size li .left_size {
              top: 55%;
              left: -85px; }
            #calculation .get_kitchen .main_form .container_kitchen_size .kitchen_size li .right_size {
              top: 55%;
              right: -85px; }
          #calculation .get_kitchen .main_form .container_kitchen_size .kitchen_size input {
            display: block;
            width: 50px;
            height: 23px;
            border: solid 1px #b7b5b5;
            -webkit-border-radius: 3px;
                    border-radius: 3px;
            background-color: transparent;
            margin: 0px auto 3px auto;
            padding: 0px 10px;
            text-align: center;
            font-family: PTSansRegulard, sans-serif;
            font-size: 13px; }
          #calculation .get_kitchen .main_form .container_kitchen_size .kitchen_size img {
            display: block;
            margin: 0px auto;
            -webkit-transition: 0.3s;
            transition: 0.3s; }
      #calculation .get_kitchen .main_form .kitchen_info {
        display: table;
        margin: 0px auto;
        overflow: hidden; }
        #calculation .get_kitchen .main_form .kitchen_info .list {
          float: left;
          color: black;
          font-family: PTSansRegulard, sans-serif;
          font-size: 13.2px;
          margin-left: 20px; }
          #calculation .get_kitchen .main_form .kitchen_info .list div {
            position: relative;
            width: 225px;
            height: 35px;
            -webkit-border-radius: 3px;
                    border-radius: 3px;
            background-color: #e6e7e9;
            line-height: 35px;
            padding: 0px 0px 0px 15px;
            cursor: pointer; }
            #calculation .get_kitchen .main_form .kitchen_info .list div img {
              position: absolute;
              right: 12px;
              top: 50%;
              margin-top: -3px; }
          #calculation .get_kitchen .main_form .kitchen_info .list ul {
            position: absolute;
            width: 240px;
            margin-top: 20px;
            overflow: hidden;
            -webkit-border-radius: 0px 0px 3px 3px;
                    border-radius: 0px 0px 3px 3px;
            opacity: 0;
            -webkit-transition: 0.3s;
            transition: 0.3s; }
            #calculation .get_kitchen .main_form .kitchen_info .list ul li {
              padding: 0px 10px 0px 15px;
              height: 35px;
              line-height: 35px;
              background-color: #e6e7e9;
              cursor: pointer;
              -webkit-transition: 0.3s;
              transition: 0.3s; }
              #calculation .get_kitchen .main_form .kitchen_info .list ul li:hover {
                background-color: #d8d8d9; }
        #calculation .get_kitchen .main_form .kitchen_info .active_list ul {
          margin-top: 0px;
          opacity: 10;
          visibility: visible;
          z-index: 100; }
        #calculation .get_kitchen .main_form .kitchen_info .active_list img {
          -webkit-transform: rotate(180deg);
              -ms-transform: rotate(180deg);
                  transform: rotate(180deg); }
      #calculation .get_kitchen .main_form .yes_no {
        display: table;
        margin: 20px auto;
        padding-left: 82px; }
        #calculation .get_kitchen .main_form .yes_no li {
          overflow: hidden;
          text-align: left;
          font-size: 13px;
          line-height: 24px;
          color: black;
          margin-bottom: 17px; }
          #calculation .get_kitchen .main_form .yes_no li:last-child {
            margin-bottom: 0px; }
          #calculation .get_kitchen .main_form .yes_no li .button_yes_no {
            position: relative;
            float: left;
            width: 50px;
            padding-right: 10px;
            height: 24px;
            margin-right: 15px;
            line-height: 24px;
            text-transform: uppercase;
            color: black;
            font-size: 11px;
            text-align: right;
            background-color: #e6e7e9;
            -webkit-border-radius: 100px;
                    border-radius: 100px;
            overflow: hidden;
            cursor: pointer; }
            #calculation .get_kitchen .main_form .yes_no li .button_yes_no div {
              position: absolute;
              left: -38px;
              width: 47px;
              padding-left: 15px;
              height: 24;
              -webkit-border-radius: 50px;
                      border-radius: 50px;
              background-color: #52a73e;
              text-align: left;
              color: white;
              -webkit-transition: 0.3s;
              transition: 0.3s; }
              #calculation .get_kitchen .main_form .yes_no li .button_yes_no div span {
                display: block;
                position: absolute;
                width: 18px;
                height: 18px;
                top: 3px;
                right: 3px;
                -webkit-border-radius: 50px;
                        border-radius: 50px;
                background-color: #dbdddf; }
          #calculation .get_kitchen .main_form .yes_no li .active_button_yes_no div {
            left: -3px; }
      #calculation .get_kitchen .main_form textarea {
        display: block;
        width: 541px;
        height: 137px;
        -webkit-border-radius: 3px;
                border-radius: 3px;
        resize: none;
        border: 1px solid #999;
        margin: 0px auto 15px auto;
        font-size: 13px;
        padding: 13px 10px 10px 19px; }
      #calculation .get_kitchen .main_form .user_contacts {
        display: table;
        margin: 0px auto; }
        #calculation .get_kitchen .main_form .user_contacts input {
          padding: 10px 15px;
          width: 160px;
          margin-right: 15px;
          -webkit-transition: 0.3s;
          transition: 0.3s;
          border: 1px solid #999; }
        #calculation .get_kitchen .main_form .user_contacts .button {
          z-index: 2;
          background-color: #aecb1b;
          color: white;
          font-family: PTSansBold, sans-serif;
          font-size: 15px;
          text-transform: uppercase;
          text-align: center;
          -webkit-border-radius: 3px;
                  border-radius: 3px;
          -webkit-transition: 0.3s;
          transition: 0.3s;
          cursor: pointer;
          height: 40px;
          line-height: 40px;
          margin-top: 10px; }
          #calculation .get_kitchen .main_form .user_contacts .button:hover {
            background-color: #89c81a; }

#sell {
  background-image: url("../img/sell_bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 40px; }
  #sell .wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    max-width: 1200px;
    margin: 0 auto;
    padding-top: 40px;
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    #sell .wrap .item h2 {
      text-transform: uppercase;
      font-size: 2.5rem;
      font-family: PTSansBold, sans-serif;
      padding: 0 15px;
      display: inline-block;
      background-color: #aecb1b;
      margin: 5px;
      position: relative; }
      #sell .wrap .item h2:before {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        border-top: 52px solid #aecb1b;
        border-right: 33px solid transparent;
        right: -33px; }
    #sell .wrap .item h3 {
      text-transform: uppercase;
      color: #fff;
      text-shadow: 1px 1px 3px #000;
      margin: 5px;
      font-family: PTSansBold, sans-serif;
      font-size: 40px; }
      #sell .wrap .item h3 span {
        color: #dd4128; }
    #sell .wrap .item .why .title {
      text-transform: uppercase;
      font-size: 20px;
      font-family: PTSansBold, sans-serif;
      margin: 5px;
      color: #fff;
      padding-top: 40px; }
    #sell .wrap .item .why .wrap {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
      max-width: 540px;
      margin: 15px 5px;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
      padding: 0; }
      #sell .wrap .item .why .wrap .item {
        max-width: 260px;
        background-color: #FFF;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin: 10px 0;
        -webkit-justify-content: space-around;
            -ms-flex-pack: distribute;
                justify-content: space-around;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center; }
        #sell .wrap .item .why .wrap .item .fa {
          color: #aecb1b;
          font-size: 30px;
          padding: 0 10px; }
        #sell .wrap .item .why .wrap .item .text {
          padding: 10px; }
    #sell .wrap .item .form_sell {
      background-color: #fff;
      text-align: center;
      border: 3px solid #aecb1b; }
      #sell .wrap .item .form_sell h3 {
        font-family: PTSansBold, sans-serif;
        font-size: 30px;
        color: #000;
        text-shadow: none;
        padding: 5px 20px;
        margin: 0; }
      #sell .wrap .item .form_sell form {
        padding: 20px 5px; }
        #sell .wrap .item .form_sell form input {
          margin: 15px 0; }
        #sell .wrap .item .form_sell form button {
          margin: 15px 0; }

#production {
  padding-bottom: 40px; }
  #production .wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    max-width: 1275px;
    margin: 0 auto;
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around; }
    #production .wrap .item {
      max-width: 750px;
      margin: 10px; }
      #production .wrap .item .img {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
        max-width: 750px;
        margin: 0 auto;
        -webkit-justify-content: space-around;
            -ms-flex-pack: distribute;
                justify-content: space-around; }
        #production .wrap .item .img img {
          margin: 10px; }
      #production .wrap .item h2 {
        font-family: PTSansBold, sans-serif;
        font-size: 40px;
        padding: 20px 0;
        text-transform: uppercase;
        line-height: 1; }
      #production .wrap .item .text p {
        padding: 5px 0; }

#owl-demo .item {
  text-align: center; }
  #owl-demo .item img {
    display: block;
    width: 100%;
    height: auto; }

#recalls {
  background-image: url("../img/port-bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 40px; }
  #recalls .section_title {
    padding-bottom: 30px; }
    #recalls .section_title h2 {
      padding-bottom: 2px; }
    #recalls .section_title h3 {
      text-align: center;
      text-transform: uppercase;
      font-size: 20px; }
  #recalls .title_item {
    max-width: 960px;
    margin: 0 auto;
    background-color: #FFF; }
    #recalls .title_item h2 {
      font-size: 30px;
      font-family: PTSansBold, sans-serif;
      text-transform: uppercase;
      padding-left: 10px;
      text-align: left; }
    #recalls .title_item ul {
      text-align: left;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
      padding: 15px 0; }
      #recalls .title_item ul li {
        display: inline-block;
        padding: 10px 50px; }
        #recalls .title_item ul li:first-child {
          padding: 10px 50px 10px 10px; }
        #recalls .title_item ul li h3 {
          font-size: 20px;
          font-family: PTSansBold, sans-serif;
          text-transform: uppercase; }
  #recalls .greem_item {
    background-color: #aecb1b;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    max-width: 960px;
    margin: 0 auto;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    #recalls .greem_item .left {
      text-align: left;
      margin-left: 10px; }
      #recalls .greem_item .left h3 {
        font-size: 20px;
        font-family: PTSansBold, sans-serif;
        text-transform: uppercase; }
      #recalls .greem_item .left ul {
        padding: 15px 0; }
        #recalls .greem_item .left ul li {
          padding: 5px 0; }
    #recalls .greem_item .right {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
      max-width: 700px;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      #recalls .greem_item .right .img {
        max-width: 200px;
        margin: 10px; }
        #recalls .greem_item .right .img img {
          width: 100%; }
  #recalls .recal_item {
    max-width: 960px;
    margin: 20px auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    #recalls .recal_item .img {
      max-width: 150px; }
      #recalls .recal_item .img img {
        width: 100%; }
    #recalls .recal_item .text {
      text-align: left;
      padding-left: 10px;
      max-width: 750px; }
      #recalls .recal_item .text .title {
        font-size: 20px;
        font-family: PTSansBold, sans-serif;
        text-transform: uppercase; }
      #recalls .recal_item .text .recal_text {
        padding-top: 10px; }

#dop {
  padding-bottom: 40px; }
  #dop .section_title h2 {
    padding-bottom: 3px; }
  #dop .section_title h3 {
    font-size: 20px;
    text-transform: uppercase;
    text-align: center;
    padding-bottom: 40px; }
  #dop .wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    max-width: 1200px;
    margin: 0 auto;
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around; }
    #dop .wrapper .wrap {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
      max-width: 600px;
      margin: 20px auto;
      -webkit-justify-content: space-around;
          -ms-flex-pack: distribute;
              justify-content: space-around; }
      #dop .wrapper .wrap .item {
        margin: 10px;
        max-width: 280px; }
        #dop .wrapper .wrap .item a {
          display: block;
          position: relative; }
          #dop .wrapper .wrap .item a:hover span {
            opacity: 1; }
          #dop .wrapper .wrap .item a img {
            width: 100%; }
          #dop .wrapper .wrap .item a span {
            position: absolute;
            width: 100%;
            height: 100%;
            top: -3px;
            left: -3px;
            background-color: rgba(0, 0, 0, 0.65);
            border: 3px solid #aecb1b;
            text-align: center;
            opacity: 0;
            -webkit-transition: all .35s;
            transition: all .35s; }
            #dop .wrapper .wrap .item a span .fa {
              color: #fff;
              font-size: 25px;
              line-height: 190px; }

#contacts {
  position: relative;
  z-index: 100; }
  #contacts .contacts {
    max-width: 350px;
    background-color: #FFF;
    border: 1px solid #000;
    padding-left: 35px;
    padding-right: 35px;
    text-align: center;
    position: absolute;
    top: 100px;
    left: 100px; }
    #contacts .contacts h2 {
      text-align: center;
      font-size: 30px;
      font-family: PTSansBold, sans-serif;
      padding: 30px;
      text-transform: uppercase; }
    #contacts .contacts .title {
      padding-bottom: 10px;
      text-align: left;
      font-size: 18px; }
    #contacts .contacts .adress {
      position: relative;
      padding: 10px 0;
      text-align: left; }
      #contacts .contacts .adress i {
        font-size: 16px;
        position: absolute;
        top: 13px; }
      #contacts .contacts .adress p {
        display: inline-block;
        padding-left: 25px; }
    #contacts .contacts .phone {
      text-align: left; }
      #contacts .contacts .phone i {
        font-size: 16px;
        padding-right: 10px; }
      #contacts .contacts .phone a {
        color: #000;
        text-decoration: none; }
      #contacts .contacts .phone .phone_number {
        padding: 5px 0; }
    #contacts .contacts .mail {
      position: relative;
      padding: 10px 0;
      text-align: left; }
      #contacts .contacts .mail i {
        font-size: 16px;
        position: absolute;
        top: 13px; }
      #contacts .contacts .mail p {
        display: inline-block;
        padding-left: 25px; }
    #contacts .contacts .note {
      text-align: left;
      padding-bottom: 15px; }
    #contacts .contacts .btn {
      background-color: #aecb1b;
      padding: 10px 15px;
      color: #000;
      text-transform: uppercase;
      -webkit-transition: all .35s;
      transition: all .35s;
      cursor: pointer;
      display: inline-block;
      font-family: PTSansBold, sans-serif;
      margin-bottom: 15px;
      text-decoration: none; }
      #contacts .contacts .btn:hover {
        background-color: #89c81a; }

footer {
  background-color: #333;
  color: #fff; }
  footer .wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    max-width: 1200px;
    margin: 0 auto;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 15px; }
    footer .wrap .item {
      margin: 0 auto; }
      footer .wrap .item .img {
        max-width: 150px; }
        footer .wrap .item .img img {
          width: 100%; }
      footer .wrap .item .phone {
        text-align: left;
        padding: 0 60px 0 0; }
        footer .wrap .item .phone i {
          font-size: 16px;
          padding-right: 10px; }
        footer .wrap .item .phone a {
          color: #fff;
          text-decoration: none; }
        footer .wrap .item .phone .phone_number {
          padding: 5px 0; }
      footer .wrap .item .fl a {
        color: #fff;
        text-decoration: none;
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center; }
        footer .wrap .item .fl a img {
          width: 33px;
          display: inline-block;
          margin-right: 10px; }
        footer .wrap .item .fl a p {
          text-transform: uppercase; }

.window_thanks {
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 10;
  background-color: rgba(0, 0, 0, 0.5);
  display: none; }
  .window_thanks .block_thanks {
    position: absolute;
    width: 416px;
    height: 184px;
    -webkit-border-radius: 5px;
            border-radius: 5px;
    background-color: #f4f2f2;
    top: 50%;
    left: 50%;
    margin: -92px 0px 0px -208px;
    text-align: center;
    color: #1f1d1d;
    display: none; }
    .window_thanks .block_thanks .close_thanks {
      position: absolute;
      top: 0px;
      right: -25px;
      width: 16px;
      height: 15px;
      background-image: url(../img/close_thanks.png);
      cursor: pointer;
      -webkit-transition: 0.3s;
      transition: 0.3s; }
      .window_thanks .block_thanks .close_thanks:hover {
        -webkit-transform: rotate(-180deg);
            -ms-transform: rotate(-180deg);
                transform: rotate(-180deg); }
    .window_thanks .block_thanks h1 {
      font-family: PTSansBold, sans-serif;
      text-transform: uppercase;
      font-size: 15px;
      margin-bottom: 4px;
      padding-top: 52px; }
    .window_thanks .block_thanks p {
      font-family: PTSansRegulard, sans-serif;
      font-size: 15px; }
      .window_thanks .block_thanks p b {
        font-family: PTSansRegulard, sans-serif; }

.hidden {
  display: none; }

.popup_form {
  background-color: #fff;
  max-width: 550px;
  margin: 0 auto;
  position: relative; }
  .popup_form .wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    max-width: 550px;
    margin: 0 auto;
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 40px 50px; }
    .popup_form .wrap .item {
      max-width: 250px; }
      .popup_form .wrap .item .photo {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        position: relative; }
        .popup_form .wrap .item .photo .name {
          position: relative;
          top: 14px;
          right: -15px; }
          .popup_form .wrap .item .photo .name p {
            background-color: #f5f5f5;
            -webkit-border-radius: 5px 5px 5px 0;
                    border-radius: 5px 5px 5px 0;
            padding: 2px 15px; }
          .popup_form .wrap .item .photo .name span {
            background-color: #999;
            display: block;
            -webkit-border-radius: 0 5px 5px 5px;
                    border-radius: 0 5px 5px 5px;
            padding: 2px 15px; }
        .popup_form .wrap .item .photo .img {
          max-width: 75px;
          z-index: 1; }
          .popup_form .wrap .item .photo .img img {
            width: 100%;
            border: 3px solid #aecb1b;
            -webkit-border-radius: 50%;
                    border-radius: 50%; }
      .popup_form .wrap .item h3 {
        text-transform: uppercase;
        font-size: 21px;
        color: #000;
        font-family: PTSansBold, sans-serif; }
      .popup_form .wrap .item h4 {
        text-transform: uppercase;
        font-family: PTSansBold, sans-serif;
        font-size: 14px;
        color: #000; }
  .popup_form form {
    text-align: left;
    margin-left: 20px;
    margin-bottom: 20px; }
    .popup_form form select {
      padding: 10px 15px;
      outline: none;
      margin: 5px;
      width: 207px;
      border: 1px solid #999; }
    .popup_form form input {
      width: 175px;
      border: 1px solid #999; }
    .popup_form form button {
      width: 207px;
      margin-bottom: 20px; }

.result {
  display: none; }
  .result2 {
    display: block;
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    top: 0px;
    z-index: 200; }
  .result3 {
    display: none; }

.thanks {
  width: 428px;
  margin: 20% auto;
  background-color: #fff;
  text-align: center;
  padding-bottom: 40px;
  position: relative; }
  .thanks .modal_text {
    text-align: center;
    padding: 32px 20px 25px;
    font-family: OpenSansBold, sans-serif;
    text-transform: uppercase;
    color: #000; }
    .thanks .modal_text2 {
      text-align: center;
      font: 17px OpenSansRegular, sans-serif;
      text-transform: uppercase;
      color: #000;
      margin: 0 auto 35px;
      width: 297px; }
  .thanks .modal_button {
    -webkit-border-radius: 5px;
            border-radius: 5px;
    font: 14px OpenSansRegular, sans-serif;
    text-decoration: none;
    color: #fff;
    padding: 10px;
    text-transform: uppercase;
    cursor: pointer;
    background-color: #aecb1b;
    -webkit-transition: all .35s;
    transition: all .35s; }
    .thanks .modal_button:hover {
      background-color: #89c81a; }

/*==========  Desktop First Method  ==========*/
@media screen and (max-width: 1274px) {
  #production .item {
    text-align: center; } }

@media screen and (max-width: 1185px) {
  #types .wrapper {
    max-width: 1088px; }
    #types .wrapper .wrap .item {
      max-width: 250px !important; }
      #types .wrapper .wrap .item .blue {
        margin-left: 8px; }
      #types .wrapper .wrap .item .red {
        padding: 10px 5px; } }

@media screen and (max-width: 1180px) {
  #main .adventures .wrapper {
    max-width: 1000px; }
    #main .adventures .wrapper .wrap {
      max-width: 500px; }
      #main .adventures .wrapper .wrap .item {
        margin: 0 5px;
        min-width: 220px; }
        #main .adventures .wrapper .wrap .item .fa {
          left: -6px; }
        #main .adventures .wrapper .wrap .item img {
          left: -6px; }
        #main .adventures .wrapper .wrap .item h4 {
          font-size: 16px !important; } }

@media screen and (max-width: 1154px) {
  .block {
    width: 200px; }
  h1 {
    text-align: center; }
  #main h2 {
    text-align: center;
    display: block !important;
    margin: 20px auto; } }

@media screen and (max-width: 960px) {
  html {
    font-size: 14px; }
  #sell h2:before {
    border-top: 46px solid #aecb1b !important; } }

@media screen and (max-width: 930px) {
  .title_item li {
    padding: 10px 20px !important; } }

@media screen and (max-width: 895px) {
  #recalls .greem_item .left {
    margin: 0 auto; }
  #recalls .greem_item .right {
    margin: 0 auto; }
    #recalls .greem_item .right img {
      max-width: 150px; }
  #recalls .title_item h2 {
    text-align: center; }
  #recalls .title_item ul {
    text-align: center; } }

@media screen and (max-width: 895px) {
  #sell .item {
    text-align: center !important; }
    #sell .item .why .item {
      margin: 10px auto !important; } }

@media screen and (max-width: 796px) {
  .kitchen_info .list {
    float: none !important;
    margin: 10px 0; }
    .kitchen_info .list ul {
      z-index: 100; } }

@media screen and (max-width: 790px) {
  .title_item li h3 {
    font-size: 16px !important; }
  html {
    font-size: 12px; }
  #sell h2:before {
    border-top: 40px solid #aecb1b !important; } }

@media screen and (max-width: 696px) {
  .title_item li {
    -webkit-flex-basis: 600px;
        -ms-flex-preferred-size: 600px;
            flex-basis: 600px; }
  .contacts {
    position: inherit !important;
    margin: 0 auto 40px;
    border: none !important;
    top: 0 !important;
    left: 0 !important; }
    .contacts .adress,
    .contacts .phone,
    .contacts .mail,
    .contacts .title,
    .contacts .note {
      text-align: center !important; } }

@media screen and (max-width: 637px) {
  textarea {
    max-width: 300px !important; }
  h2:before {
    display: none; } }

@media screen and (max-width: 526px) {
  #recalls .greem_item .right {
    width: 320px; }
    #recalls .greem_item .right .img {
      width: 320px !important;
      max-width: 320px !important;
      margin: 10px auto; }
      #recalls .greem_item .right .img img {
        width: 300px !important;
        max-width: 250px; } }

@media screen and (max-width: 480px) {
  textarea {
    max-width: 250px !important; }
  html {
    font-size: 10px; }
  .kitchen_size img {
    width: 130px !important; }
  footer .phone {
    padding: 0 !important;
    text-align: center !important; } }

@media screen and (max-width: 320px) {
  html {
    font-size: 8px; } }