@font-face {
  font-family: 'uni';
  src: url("../fonts/uni/8519-webfont.ttf"); }
@font-face {
  font-family: 'opensans';
  src: url("../fonts/opensans/opensans-regular-webfont.ttf"); }
body {
  font-size: 1.6rem;
  font-family: "Roboto";
  line-height: 2.4rem;
  color: #4b4e51;
  min-width: 1200px; }

img {
  max-width: 100%; }

a {
  text-decoration: none;
  color: inherit; }

h1, h2, h3 {
  line-height: 1; }

h2 {
  font-size: 3.6rem;
  font-weight: 700; }

.container {
  min-width: 1170px; }

.none {
  display: none; }

article {
  overflow: hidden; }

button {
  outline: none;
  border: none;
  cursor: pointer;
  color: white;
  font-size: 1.8rem;
  font-weight: 700;
  padding: 12px 30px;
  border: 1px solid #deb347;
  border-radius: 3px;
  background: #ffd144;
  background: -moz-linear-gradient(top, #ffd144 0%, #fc9a12 100%);
  background: -webkit-linear-gradient(top, #ffd144 0%, #fc9a12 100%);
  background: linear-gradient(to bottom, #ffd144 0%, #fc9a12 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd144', endColorstr='#fc9a12',GradientType=0 ); }
  button:hover {
    background: #f3a222;
    background: -moz-linear-gradient(top, #f3a222 0%, #ffd144 100%);
    background: -webkit-linear-gradient(top, #f3a222 0%, #ffd144 100%);
    background: linear-gradient(to bottom, #f3a222 0%, #ffd144 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3a222', endColorstr='#ffd144',GradientType=0 ); }

.row {
  position: relative; }

/*==========================header===============================*/
header {
  padding: 15px 0 25px; }

h1 {
  font-family: "uni";
  color: #67c1c2;
  font-size: 3.6rem;
  text-transform: none;
  font-family: "Roboto", sans-serif;
  font-weight: 900; }

.logo {
  text-transform: uppercase;
  overflow: hidden;
  padding-top: 12px; }
  .logo p {
    color: #393d46;
    font-size: 1rem;
    letter-spacing: 2px;
    font-weight: 700; }

.contacts {
  float: right;
  position: relative;
  margin-right: 30px; }
  .contacts p:first-child {
    font-size: 1.4rem;
    color: #d4d7dc; }
  .contacts p:nth-child(2) {
    font-size: 2.4rem;
    font-weight: 300; }
    .contacts p:nth-child(2) span {
      font-weight: 700; }
  .contacts p:last-child {
    font-size: 1.4rem; }
  .contacts img {
    position: absolute;
    left: -30px;
    bottom: calc(50% - 10px); }

.orderCall {
  float: right;
  padding-top: 12px; }

/*======================characteristic=========================*/
.characteristic {
  background: url(../images/characteristic_bg.png) no-repeat 50% 100%; }
  .characteristic ul {
    background-color: white;
    padding: 35px 25px 35px 0; }
    .characteristic ul li {
      padding: 20px 28px 20px 35px; }
      .characteristic ul li img {
        width: 30px;
        float: left;
        margin-right: 20px; }
      .characteristic ul li p {
        overflow: hidden; }
      .characteristic ul li:hover {
        background-color: #f5f6f8; }

.listCharac {
  width: 445px;
  float: left;
  position: relative;
  top: 45px;
  z-index: 1; }

.calc {
  overflow: hidden;
  background: url(../images/karni.jpg) no-repeat 50% 45%;
  background-size: cover;
  position: relative;
  top: 45px;
  z-index: 1;
  text-align: center;
  padding: 40px 0 39px; }
  .calc button {
    font-size: 2rem;
    text-align: right;
    padding: 10px 30px 10px 100px; }
    .calc button span {
      font-size: 1.4rem;
      display: block; }
    .calc button:before {
      content: url(../images/calc.png);
      position: absolute;
      left: 25%;
      bottom: 26px; }
  .calc h2 {
    text-transform: uppercase;
    color: #0780bf;
    font-size: 4.2rem;
    font-weight: 900;
    padding-bottom: 183px; }
    .calc h2 span {
      color: #4b4e51;
      font-size: 3.3rem;
      font-weight: 300;
      display: block; }

/*============================sure=============================*/
.sure {
  background-color: #00bae9;
  padding: 100px 0 70px;
  color: white;
  text-align: center; }
  .sure img {
    border-radius: 50%;
    float: left;
    margin-right: 20px; }
  .sure h2 {
    margin-bottom: 30px; }
  .sure h3 {
    font-size: 2.4rem; }
  .sure ul {
    padding: 40px 0;
    overflow: hidden;
    text-align: left;
    max-width: 980px;
    margin: 0 auto; }
    .sure ul p {
      overflow: hidden;
      padding: 20px 0; }
  .sure p {
    max-width: 845px;
    margin: 0 auto; }

/*=========================choose==========================*/
.choose {
  background: url(../images/bg.jpg) no-repeat 50% 0%; }
  .choose .row {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between; }

.description ul li {
  position: relative;
  padding: 0 0 0 20px; }
  .description ul li:before {
    position: absolute;
    left: 0;
    top: 7px; }
  .description ul li:nth-child(1):before {
    content: url(../images/material.jpg); }
  .description ul li:nth-child(2):before {
    content: url(../images/diametr.jpg); }
  .description ul li:nth-child(3):before {
    content: url(../images/weight.jpg); }
  .description ul li:nth-child(4):before {
    content: url(../images/looking1.jpg); }
  .description ul li:nth-child(5):before {
    content: url(../images/guarantee5.jpg); }

.slide1 {
  position: relative;
  background: url(../images/slider1.jpg) no-repeat 50% 100%;
  height: 350px; }
  .slide1 img {
    position: absolute;
    right: 20px;
    top: 20px; }
  .slide1 p {
    color: #6ea0cf;
    font-size: 1.6rem;
    padding: 20px 0 0 20px; }

.slide2 {
  background: url(../images/slider3.jpg) no-repeat 50% 100%; }

.slider1 {
  width: 477px;
  float: left;
  background-color: white;
  position: relative;
  top: -40px;
  padding-bottom: 30px; }
  .slider1 .description {
    padding: 25px 45px 50px 55px;
    margin-top: -115px; }
    .slider1 .description h2 {
      margin-bottom: 20px;
      text-transform: uppercase; }
    .slider1 .description li {
      padding: 4px 20px; }
    .slider1 .description ul {
      margin-bottom: 40px; }
    .slider1 .description > span {
      display: block;
      background: url(../images/price.jpg) no-repeat 0;
      width: 114px;
      padding: 5px 15px;
      float: left;
      box-sizing: border-box;
      height: 43px;
      font-size: 2.2rem;
      font-weight: 700; }
      .slider1 .description > span .fa {
        color: #689ccd;
        padding-left: 5px; }
      .slider1 .description > span span {
        display: block;
        text-decoration: line-through;
        font-size: 1rem;
        line-height: 1rem; }
    .slider1 .description button {
      float: left;
      margin-left: 30px; }

.slider2 .description ul {
  margin-bottom: 28px; }
  .slider2 .description ul li:nth-child(4):before {
    content: url(../images/looking2.jpg); }
  .slider2 .description ul li:nth-child(5):before {
    content: url(../images/guarantee2.jpg); }

.slider {
  position: relative;
  bottom: 112px;
  background: white; }
  .slider li {
    text-align: center; }
    .slider li p:last-child {
      color: #71a2d0;
      font-size: 10px; }
      .slider li p:last-child .fa {
        padding-left: 5px; }

.left_s {
  position: absolute;
  top: calc(50% - 10px);
  left: 10px; }

.right_s {
  position: absolute;
  right: 10px;
  top: calc(50% - 10px); }

/*==========================deliver========================*/
.deliver .row {
  padding: 80px;
  position: relative;
  background: url(../images/box.jpg) no-repeat 100% 90%; }
.deliver img {
  width: 57px;
  float: left;
  margin-right: 20px; }
.deliver p {
  overflow: hidden; }
.deliver ul {
  max-width: 670px; }
  .deliver ul li {
    margin-top: 70px; }

/*=============================hooks=============================*/
.hooks {
  background-color: #f5f6f8; }
  .hooks .row {
    padding: 80px; }
  .hooks h2 {
    font-size: 2.4rem; }
  .hooks p {
    font-size: 1.6rem;
    line-height: 3.6rem; }
  .hooks img {
    float: left;
    margin-right: 15px; }
  .hooks article h3 {
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase; }
  .hooks article li {
    font-size: 14px;
    font-weight: 300;
    padding: 3px 0; }
  .hooks article span {
    display: block;
    font-size: 2.2rem;
    font-weight: 700;
    margin-left: 15px; }
    .hooks article span i {
      color: #669bcd;
      font-size: 2rem;
      margin-left: 5px; }
  .hooks article button {
    margin-left: 15px;
    margin-top: 20px; }
  .hooks ul {
    margin-top: 50px; }
    .hooks ul ul {
      margin-top: 10px;
      margin-bottom: 25px; }
  .hooks li > .fa {
    color: #0882bf;
    font-size: 0.5rem;
    vertical-align: middle;
    margin-right: 10px; }

/*=============================chooseUs===========================*/
.chooseUs {
  padding: 80px 0; }
  .chooseUs h2 {
    text-align: center;
    margin-bottom: 40px; }
  .chooseUs img {
    float: left; }
  .chooseUs ul {
    margin-bottom: -310px; }
  .chooseUs li {
    clear: both;
    background-repeat: no-repeat;
    background-position: 50% 100%;
    position: relative;
    height: 345px; }
    .chooseUs li img {
      position: relative; }
    .chooseUs li:nth-child(even) img {
      float: right;
      top: -15px;
      right: 50px; }
    .chooseUs li:nth-child(1) {
      z-index: 1;
      background-image: url(../images/workers_bg.png);
      position: initial; }
    .chooseUs li:nth-child(2) {
      z-index: 2;
      background-image: url(../images/machine_bg.png);
      top: -80px; }
      .chooseUs li:nth-child(2) img {
        top: -50px; }
    .chooseUs li:nth-child(3) {
      z-index: 3;
      background-image: url(../images/pipers_bg.png);
      top: -159px; }
    .chooseUs li:last-child {
      background-image: url(../images/vehicle_bg.png);
      z-index: 4;
      top: -194px; }
    .chooseUs li span {
      font-size: 4.2rem; }
    .chooseUs li h3 {
      font-size: 2.4rem;
      font-weight: 500;
      padding: 10px 0 20px; }
    .chooseUs li p {
      font-size: 1.4rem; }
    .chooseUs li article {
      padding: 70px 55px; }

/*===============================howWeWork==========================*/
.howWeWork {
  background-color: #00bae9;
  color: white; }
  .howWeWork .row {
    padding: 90px 65px 60px 100px; }
  .howWeWork h2 {
    margin-bottom: 45px;
    text-align: center; }
  .howWeWork .row > ul {
    background-image: url(../images/date.png);
    background-position: 50% 0%;
    background-repeat: no-repeat; }
  .howWeWork li {
    overflow: hidden; }
    .howWeWork li ul {
      display: flex;
      flex-flow: row wrap;
      justify-content: space-between; }
      .howWeWork li ul li:after {
        content: url(../images/arrow.png);
        position: absolute;
        right: 10px;
        top: calc(50% - 45px); }
      .howWeWork li ul li:nth-child(3n):after {
        content: ""; }
      .howWeWork li ul li p {
        padding: 25px 53px 50px 0; }
    .howWeWork li:last-child p {
      padding-bottom: 0px; }

/*===========================counter===========================*/
.counter {
  background: url(../images/counter.jpg) no-repeat 50% 100%; }

.content {
  max-width: 480px;
  padding: 125px 0;
  margin-left: 44%; }
  .content p {
    font-size: 2.4rem;
    padding: 25px 0 55px; }
  .content span {
    font-weight: 600; }
  .content button {
    padding: 17px 30px 17px 100px;
    position: relative;
    background: #00b9e8;
    background: -moz-linear-gradient(top, #00b9e8 1%, #0282a6 100%);
    background: -webkit-linear-gradient(top, #00b9e8 1%, #0282a6 100%);
    background: linear-gradient(to bottom, #00b9e8 1%, #0282a6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b9e8', endColorstr='#0282a6',GradientType=0 ); }
    .content button:before {
      content: url(../images/roulette.png);
      position: absolute;
      left: -12%;
      bottom: -26px; }
    .content button:hover {
      background: #0882bf;
      background: -moz-linear-gradient(top, #0882bf 0%, #00b9e8 100%);
      background: -webkit-linear-gradient(top, #0882bf 0%, #00b9e8 100%);
      background: linear-gradient(to bottom, #0882bf 0%, #00b9e8 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0882bf', endColorstr='#00b9e8',GradientType=0 ); }

/*================================specialist==============================*/
.specialist {
  text-align: center;
  font-size: 2.4rem; }
  .specialist .row {
    position: relative;
    padding: 100px 0 0; }
  .specialist a img {
    position: absolute;
    top: 12px;
    right: 200px; }
  .specialist span {
    font-weight: 100; }
  .specialist h2 {
    max-width: 432px;
    text-align: left;
    padding-left: 190px;
    margin-bottom: 35px; }
  .specialist p {
    max-width: 561px;
    margin: 0 auto; }
    .specialist p span {
      font-weight: 600; }

/*============================googleMap========================*/
#googleMap {
  width: 100%;
  height: 522px; }

.googleMap p {
  padding: 20px 50px;
  max-width: 606px;
  text-align: center;
  margin: 20px auto 0;
  z-index: 1;
  font-size: 2rem;
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #f1f6fb 100%);
  background: -webkit-linear-gradient(top, #ffffff 0%, #f1f6fb 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #f1f6fb 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f6fb',GradientType=0 ); }

/*=======================slider============================*/
.portfolio h2 {
  margin-top: 60px;
  text-align: center; }

#container {
  padding: 0 0 70px 0; }

/*==========================feedbacks===========================*/
.feedbacks {
  padding: 70px 0; }
  .feedbacks .row > div {
    float: left;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.3);
    margin-top: 14px;
    padding: 10px;
    box-sizing: border-box; }
    .feedbacks .row > div:nth-child(3), .feedbacks .row > div:nth-child(2) {
      margin-top: 0; }
    .feedbacks .row > div:nth-child(2) {
      width: 564px; }
    .feedbacks .row > div:nth-child(3) {
      width: 589px; }
    .feedbacks .row > div:nth-child(2) {
      margin-right: 14px; }
    .feedbacks .row > div:nth-child(4) {
      width: 423px;
      margin-right: 14px;
      clear: left; }
    .feedbacks .row > div:nth-child(5) {
      width: 292px;
      margin-right: 14px; }
    .feedbacks .row > div:nth-child(6) {
      width: 426px;
      clear: right; }
  .feedbacks h2 {
    text-align: center;
    margin-bottom: 35px; }
  .feedbacks img {
    float: left; }
  .feedbacks article {
    padding-left: 10px;
    box-sizing: border-box; }
  .feedbacks p {
    padding: 10px 0; }
  .feedbacks h3 {
    color: #304690;
    font-weight: 700;
    padding-top: 5px; }

/*===============================footer==============================*/
footer {
  background: #f5f6f8;
  padding: 40px 35px;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  font-size: 1.4rem;
  line-height: 3rem;
  border-bottom: 4px solid #4ea5b9; }
  footer span {
    display: block; }
  footer a,
  footer .fa {
    color: #3988b1; }
  footer .feedback a {
    text-decoration: underline; }
  footer .fa {
    display: inline-block;
    margin-right: 5px; }
  footer .row {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between; }
    footer .row > div {
      float: left;
      box-sizing: border-box; }
    footer .row div:nth-child(1) {
      width: 20%; }
    footer .row div:nth-child(2) {
      width: 30%; }
    footer .row div:nth-child(3) {
      width: 24%; }
    footer .row div:nth-child(4) {
      width: 19%;
      position: relative; }
      footer .row div:nth-child(4) .phone {
        font-size: 2.4rem;
        padding: 0px 0 10px; }
        footer .row div:nth-child(4) .phone > span {
          font-weight: 700;
          display: inline; }
    footer .row img {
      position: absolute;
      left: -30px;
      top: 28px; }

.form {
  width: 370px;
  margin: 0 auto;
  padding: 0px 30px 20px;
  position: relative;
  margin-top: 20px;
  border: 2px solid white;
  text-align: center;
  color: white;
  font-size: 1.4rem;
  position: relative;
  font-family: 'Open Sans', sans-serif;
  z-index: 101;
  display: none;
  position: relative;
  position: absolute;
  top: 70px;
  left: 50%;
  margin-left: -215px;
  position: fixed; }
  .form img {
    position: absolute;
    right: -14px;
    top: -16px; }
  .form span {
    display: block;
    text-align: left; }
  .form input {
    width: 100%;
    box-sizing: border-box;
    padding: 12px 20px;
    text-align: center;
    background-color: white;
    border-radius: 3px;
    box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.36);
    border: none; }
  .form button {
    width: 100%; }
  .form div {
    margin-top: 20px; }
  .form h2 {
    font-size: 2.2rem;
    margin-bottom: 10px; }
  .form ::-webkit-input-placeholder {
    color: #cbcbcb;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px; }
  .form :-moz-placeholder {
    color: #cbcbcb;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px; }
  .form ::-moz-placeholder {
    color: #cbcbcb;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px; }
  .form :-ms-input-placeholder {
    color: #cbcbcb;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px; }

.shadow_f {
  background-color: #199FF0;
  background: rgba(25, 159, 240, 0.8);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 99;
  display: none; }

@media (min-width: 320px) {
  .xs-col-6 {
    width: 50%;
    float: left; }

  .m-col-4 {
    width: 33.33333333333333%; } }

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