@font-face {
  font-family: 'pt_sans';
  src: url("../fonts/ptsans_regular/PTS55F-webfont.eot");
  src: url("../fonts/ptsans_regular/PTS55F-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/ptsans_regular/PTS55F-webfont.woff") format("woff"), url("../fonts/ptsans_regular/PTS55F-webfont.ttf") format("truetype"), url("../fonts/ptsans_regular/PTS55F-webfont.svg#pt_sansregular") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'pt_sansbold';
  src: url("../fonts/ptsans_bold/PTS75F-webfont.eot");
  src: url("../fonts/ptsans_bold/PTS75F-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/ptsans_bold/PTS75F-webfont.woff") format("woff"), url("../fonts/ptsans_bold/PTS75F-webfont.ttf") format("truetype"), url("../fonts/ptsans_bold/PTS75F-webfont.svg#pt_sansbold") format("svg");
  font-weight: normal;
  font-style: normal; }
body {
  font: 1em 'pt_sans', sans-serif;
  color: #686868;
  line-height: 1.3em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.container {
  width: 960px;
  margin: 0 auto; }
  .container::after {
    content: '';
    display: table;
    clear: both;
    visibility: hidden;
    height: 0; }

h1 {
  color: #ff5916;
  font: 65px pt_sansbold, sans-serif;
  text-transform: uppercase;
  position: relative;
  top: -20px;
  display: inline;
  text-shadow: 0 1px 0 #fff,0 1px 0 #fff,0 0 5px #fff,0 1px 22px #fff,0 1px 5px #999,0 1px 4px #999,0 1px 8px #fff,0 2px 5px #fff; }

h2 {
  color: #ff5916;
  font: 35px pt_sansbold;
  text-align: center;
  text-transform: uppercase; }

header {
  background: -webkit-linear-gradient(#e6e6e6, #fafafa);
  background: linear-gradient(#e6e6e6, #fafafa); }

.modal, button {
  -webkit-transition: -webkit-transform .2s;
          transition: transform .2s; }

.modal:hover, button:hover {
  -webkit-transform: scale(0.9);
      -ms-transform: scale(0.9);
          transform: scale(0.9); }

.logo {
  float: left;
  width: 50%; }
  .logo img {
    float: left;
    margin-right: 20px; }
  .logo p {
    font-size: 22px;
    position: relative;
    margin-left: 103px;
    top: -32px; }

.top-addr {
  text-align: center;
  float: right;
  margin-top: -10px; }
  .top-addr h3 {
    font: 30px pt_sansbold;
    margin-bottom: -6px; }
  .top-addr a {
    font-size: 22px;
    text-transform: uppercase;
    color: #fff;
    border-radius: 5px;
    background: -webkit-linear-gradient(#fd936b, #ff5a18);
    background: linear-gradient(#fd936b, #ff5a18);
    padding: 5px;
    text-align: center;
    display: inline-block;
    box-shadow: 0 1px 1px #686868; }

.logo-row {
  padding-top: 20px; }
  .logo-row::after {
    content: '';
    display: table;
    clear: both;
    visibility: hidden;
    height: 0; }

nav {
  border-top: 1px solid #c8c8c8;
  box-shadow: 2px 4px 5px 0px rgba(34, 31, 31, 0.15);
  padding: 5px;
  position: relative; }
  nav ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around; }
    nav ul a {
      color: #686868;
      font-size: 20px; }
      nav ul a:hover {
        text-decoration: underline;
        color: #ff5916; }

#production {
  background: url(../img/bg.png) repeat; }
  #production .container {
    position: relative;
    height: 650px; }

.blocks {
  height: 650px;
  display: none;
  position: absolute; }
  .blocks::after {
    content: '';
    display: table;
    clear: both;
    visibility: hidden;
    height: 0; }
  .blocks img {
    float: left;
    width: 55%; }

.win-block {
  display: block; }

.win-block-right, .rullet-right, .rassrochka-right {
  float: right;
  width: 356px; }
  .win-block-right h3, .rullet-right h3, .rassrochka-right h3 {
    font: 45px pt_sansbold;
    color: #ff5916; }

.grafic {
  background: url(../img/grafic.png) no-repeat;
  position: relative; }
  .grafic ul {
    text-align: center;
    width: 328px; }
    .grafic ul li {
      display: inline-block;
      width: 50%;
      float: left;
      color: #ff5916;
      font-weight: 700; }
      .grafic ul li:last-child {
        color: #52a73c; }
    .grafic ul::after {
      content: '';
      display: table;
      clear: both;
      visibility: hidden;
      height: 0; }

.grafic-inner {
  width: 328px;
  height: 186px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  overflow: hidden;
  will-change: all; }
  .grafic-inner div {
    text-align: center;
    color: #fff;
    font-size: 30px;
    border-radius: 5px;
    width: 117px;
    margin-bottom: 10px; }

.more-item {
  height: 160px;
  background-color: #ff5916;
  line-height: 160px; }

.less-item {
  height: 117px;
  background-color: #52a73c;
  line-height: 117px; }

.group-links {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around; }
  .group-links a {
    padding: 5px 10px;
    color: #fff;
    text-transform: uppercase;
    font-size: 22px;
    background-color: #52a73c;
    border-radius: 5px;
    box-shadow: 0 1px 1px #686868; }
    .group-links a:last-child {
      background: #ff5916; }

.rullet form {
  margin-top: 15px; }
  .rullet form p {
    text-align: center;
    font-size: 12px;
    line-height: 1;
    margin-bottom: 10px; }
.rullet input, .rullet textarea {
  width: 321px;
  height: 46px;
  display: block;
  background: -webkit-linear-gradient(90deg, #e8e7e7 0%, #d1cfcf 100%);
  background: linear-gradient(0deg, #e8e7e7 0%, #d1cfcf 100%);
  border-radius: 5px;
  border: none;
  box-shadow: inset 0 1px 1px #686868, 0 1px 1px #fff;
  margin: 0 auto 20px;
  font-size: 18px;
  text-indent: 20px; }
.rullet textarea {
  height: 98px;
  margin-bottom: 10px;
  overflow: auto; }

.btn-wrap {
  text-align: center;
  width: 100%; }
  .btn-wrap button {
    padding: 5px 10px;
    font-size: 22px;
    text-transform: uppercase;
    color: #fff;
    background: #ff5916;
    border: none;
    border-radius: 5px;
    text-align: center; }

.rullet-right h3 {
  text-transform: uppercase;
  font-size: 45px;
  text-align: center;
  line-height: 1em;
  margin-bottom: 10px; }

.rassrochka-right {
  width: 42%; }
  .rassrochka-right h3 {
    text-transform: uppercase;
    font-size: 36px;
    text-align: center; }

.low-price {
  margin-top: 60px;
  text-align: center;
  text-transform: uppercase;
  font: 30px pt_sansbold; }
  .low-price span {
    font-size: 40px;
    color: #52a73c; }
  .low-price p {
    text-transform: lowercase; }

.grafic-two {
  background: url(../img/scale.png) no-repeat;
  width: 396px;
  height: 131px; }
  .grafic-two ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    padding-top: 84px; }
  .grafic-two li {
    font-size: 14px;
    color: #52a73c; }

.win-item .inner-img {
  background: url(../img/sprite1.png) no-repeat;
  background-position: 0 -52px; }

.zamer-item .inner-img {
  background: url(../img/sprite2.png) no-repeat;
  background-position: 0 0; }

.rassrochka-item .inner-img {
  background: url(../img/sprite3.png) no-repeat;
  background-position: 0 0;
  width: 70px; }

.inner-img {
  width: 61px;
  height: 55px;
  float: left;
  margin-right: 15px; }

.guide-items {
  width: 546px;
  margin: 0 auto;
  text-align: center;
  position: relative;
  top: 600px; }
  .guide-items > div {
    float: left;
    width: 160px; }
    .guide-items > div::after {
      content: '';
      display: table;
      clear: both;
      visibility: hidden;
      height: 0; }
    .guide-items > div a {
      text-transform: uppercase;
      color: #686868;
      font-family: pt_sansbold;
      position: relative;
      top: 20px;
      right: 10px;
      font-size: 22px; }
      .guide-items > div a:hover {
        color: #ff5916; }
    .guide-items > div:nth-of-type(1) a {
      color: #ff5916; }
    .guide-items > div:nth-of-type(3) {
      width: 210px; }
  .guide-items::after {
    content: '';
    display: table;
    clear: both;
    visibility: hidden;
    height: 0; }

section {
  padding: 30px 0; }

#advantage {
  height: 550px;
  background: #ff5916;
  text-align: center; }
  #advantage h2 {
    color: #fff; }
  #advantage .read-more {
    color: #ff5916;
    font-size: 22px;
    text-transform: uppercase;
    padding: 5px 10px;
    border-radius: 5px;
    background: #fff;
    display: inline-block;
    text-align: center;
    margin: 50px auto;
    box-shadow: 0px 2px 2px rgba(34, 31, 31, 0.25); }

.advant-top, .advant-bottom {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around; }
  .advant-top div, .advant-bottom div {
    width: 33.33%;
    margin: 49px 0 35px; }
    .advant-top div:first-child, .advant-bottom div:first-child {
      background: url(../img/warm.png) no-repeat, url(../img/check.png) 115px 45px no-repeat; }
    .advant-top div:nth-of-type(2), .advant-bottom div:nth-of-type(2) {
      background: url(../img/fur.png) no-repeat, url(../img/check.png) 115px 45px no-repeat; }
    .advant-top div:last-child, .advant-bottom div:last-child {
      background: url(../img/brush.png) no-repeat, url(../img/check.png) 123px 45px no-repeat; }
  .advant-top p, .advant-bottom p {
    font-size: 20px;
    text-transform: uppercase;
    color: #fff200;
    padding: 50px 0 27px 176px; }

.advant-bottom {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 auto 0; }
  .advant-bottom div {
    margin: 40px 0 0; }
    .advant-bottom div:first-child {
      background: url(../img/zamer.png) no-repeat, url(../img/check.png) 115px 45px no-repeat; }
      .advant-bottom div:first-child p {
        padding-left: 172px; }
    .advant-bottom div:last-child {
      background: url(../img/delivery.png) no-repeat, url(../img/check.png) 140px 45px no-repeat; }
  .advant-bottom p {
    padding-left: 196px;
    padding-bottom: 50px; }

#preim {
  height: 700px;
  background: url(../img/bg.png) repeat;
  position: relative;
  z-index: 1; }
  #preim .teils {
    background: url(../img/arrow-teils.png) no-repeat;
    height: 233px;
    width: 1497px;
    position: absolute;
    top: 191px;
    left: -520px; }
  #preim .container {
    background: url(../img/blue-arrow.png) -1126px 281px no-repeat, url(../img/winprof1.png) center right no-repeat, url(../img/red-arrow.png)-1075px 161px no-repeat, url(../img/bg.png) repeat;
    height: 658px;
    position: relative;
    overflow: hidden; }

.right-text-preim {
  float: right;
  width: 339px; }

.left-text-preim {
  float: left;
  width: 195px;
  margin-top: 390px; }

.bottom-sec {
  margin-top: 310px; }
  .bottom-sec a {
    background: #ff5916;
    color: #fff;
    text-transform: uppercase;
    font-size: 22px;
    width: 190px;
    height: 36px;
    border-radius: 5px;
    line-height: 36px;
    text-align: center;
    margin: 50px auto 0; }

#zamer-rassr {
  background: #ff5916; }

.left-zamer {
  background: url(../img/rul-smal.png) no-repeat; }

.right-rassroch {
  background: url(../img/money.png) no-repeat; }

.two-items {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  margin-top: 15px; }
  .two-items div {
    width: 50%;
    box-sizing: border-box;
    padding-left: 23%;
    padding-bottom: 43px; }
    .two-items div p {
      color: #fff;
      font-size: 18px; }
  .two-items h3 {
    font: 31px pt_sansbold;
    color: #fff200;
    border-bottom: 2px solid #fff200;
    margin-bottom: 20px; }

.low-items {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -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;
  margin-top: 50px; }
  .low-items h3 {
    font: 27px pt_sansbold;
    color: #fff; }
  .low-items form {
    text-align: center; }
    .low-items form p {
      color: #fff;
      font-size: 20px; }
    .low-items form input {
      width: 161px;
      height: 34px;
      background: -webkit-linear-gradient(90deg, #e8e7e7 0%, #d1cfcf 100%);
      background: linear-gradient(0deg, #e8e7e7 0%, #d1cfcf 100%);
      border: none;
      border-radius: 5px;
      font-size: 18px;
      text-indent: 10px; }
    .low-items form button {
      display: inline-block;
      background: #fff;
      border: none;
      border-radius: 5px;
      width: 155px;
      height: 38px;
      font-size: 22px;
      text-transform: uppercase;
      color: #ff5916; }

.counter div {
  width: 60px;
  height: 51px;
  border: 3px solid #fff200;
  text-align: center;
  box-sizing: border-box;
  padding: 5px;
  float: left;
  margin: 0 8px; }
  .counter div span {
    font: 30px pt_sansbold;
    color: #fff;
    text-align: center; }
  .counter div p {
    font-size: 12px;
    color: #fff;
    background: #ff5916;
    margin-top: -8px; }

#portfolio {
  background: url(../img/bg.png) repeat; }

.portfolio-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
  .portfolio-inner img {
    margin-top: 20px;
    border: 3px solid #ff5916; }

#testimonials {
  background: #ff5916; }
  #testimonials h2 {
    color: #fff; }

.persons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  margin: 20px 0; }
  .persons a {
    width: 200px;
    height: 200px;
    border-radius: 50%;
    box-sizing: border-box;
    border: 3px solid #fff;
    box-shadow: 0 2px 4px #525252; }
  .persons li:nth-of-type(1) a {
    background: url(../img/tes1.png) no-repeat; }
  .persons li:nth-of-type(2) a {
    background: url(../img/tes2.png) no-repeat; }
  .persons li:nth-of-type(3) a {
    background: url(../img/tes3.png) no-repeat; }
  .persons li:nth-of-type(4) a {
    background: url(../img/tes4.png) no-repeat; }
  .persons li:nth-of-type(1) a:hover,
  .persons li:nth-of-type(2) a:hover,
  .persons li:nth-of-type(3) a:hover,
  .persons li:nth-of-type(4) a:hover {
    background-position: 0 -210px; }

#testim1 {
  display: block; }

.testim {
  width: 70%;
  margin: 30px auto;
  display: none; }
  .testim p {
    color: #fff;
    font-size: 20px; }

.sert-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around; }

#sertif {
  background: url(../img/bg.png) repeat; }

.map {
  background: url(../img/bg.png) repeat;
  height: 700px;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.26), 0 -4px 4px rgba(0, 0, 0, 0.26);
  padding: 0;
  margin: 0; }

.address {
  position: absolute;
  width: 452px;
  height: 580px;
  box-sizing: border-box;
  background: #ff5916;
  color: #fff;
  padding: 20px 30px;
  top: -650px; }
  .address h3 {
    font: 50px pt_sansbold;
    text-transform: uppercase; }
  .address p {
    font-size: 25px;
    line-height: 1.5em; }
  .address address + p {
    text-align: center;
    font-size: 20px;
    margin-top: 112px; }
    .address address + p span {
      display: block;
      font-size: 30px; }
  .address a {
    font: 25px pt_sansbold;
    color: #ff5916;
    background: #fff;
    text-align: center;
    width: 344px;
    height: 40px;
    margin: 10px auto;
    text-transform: uppercase;
    line-height: 40px;
    border-radius: 5px;
    box-shadow: 0 1px 1px rgba(34, 31, 31, 0.35); }

#contacts {
  position: relative; }
  #contacts .container {
    position: relative; }

footer {
  background: url(../img/bg.png) repeat;
  padding: 20px 0; }
  footer .container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    -webkit-box-align: end;
            align-items: flex-end; }
  footer p {
    text-align: center;
    color: #ff5916;
    font: 20px pt_sansbold;
    position: relative;
    top: -12px;
    margin-right: 20px; }
  footer a {
    background: url(../img/winlanding.png) no-repeat;
    width: 168px;
    height: 71px;
    display: inline-block; }

#modal_close {
  width: 21px;
  height: 21px;
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
  display: block; }

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

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

.pop_up {
  text-align: center;
  width: 300px;
  height: 344px;
  margin: 0 auto;
  font-size: 20px;
  background: #F0F0F0;
  padding: 20px 10px;
  position: relative;
  z-index: 550;
  top: 120px;
  -o-box-shadow: 0px 11px 50px #2c2727;
  box-shadow: 0px 11px 50px #2c2727;
  -webkit-animation: rot .3s ease-in-out;
  animation: rot .3s ease-in-out;
  -webkit-transform-origin: center center;
      -ms-transform-origin: center center;
          transform-origin: center center; }

.popup_form input {
  width: 220px;
  margin: 10px 0;
  display: inline-block;
  padding: 15px;
  border-radius: 5px;
  border: none;
  background: -webkit-linear-gradient(#f1f1f1, #e0e0e0);
  background: linear-gradient(#f1f1f1, #e0e0e0);
  box-shadow: inset 1px 1px 4px #797979;
  font-size: 18px; }

.popup_form button {
  width: 250px;
  border-radius: 5px;
  height: 50px;
  line-height: 50px;
  border: none;
  background: #52a73c;
  color: #fff;
  padding: 28px 40px;
  line-height: 2px;
  box-shadow: 0 1px 0 #444, 0 -1px 0 #fff;
  font-size: 18px;
  cursor: pointer; }

.popup_form input[type="submit"]:hover {
  background: #406f8e; }

@-webkit-keyframes rot {
  from {
    -webkit-transform: rotateX(90deg);
            transform: rotateX(90deg); }
  to {
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg); } }
@keyframes rot {
  from {
    -webkit-transform: rotateX(90deg);
            transform: rotateX(90deg); }
  to {
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg); } }
#toTop {
  position: fixed;
  bottom: 20px;
  right: 20px;
  cursor: pointer;
  padding: 10px;
  border: 1px solid;
  color: rgba(0, 0, 0, 0.5);
  z-index: 5;
  text-transform: uppercase;
  border-radius: 5px;
  font-weight: bold; }

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