*, *::before, *::after {
    box-sizing: border-box;
}
html {
}
body {
    font-family: "Open Sans",sans-serif;
}
.outer {
    margin: 0 auto;
    min-width: 767px;
}
.inner {
    margin: 0 auto;
    max-width: 979px;
    min-height: 100%;
    position: relative;
}
.rel {
    position: relative;
}
.cols-row {
    display: table;
    width: 100%;
}
.cols-col {
    display: table-cell;
    vertical-align: top;
}
.col-100 {
    width: 100%;
}
.col-70 {
    width: 70%;
}
.col-60 {
    width: 60%;
}
.col-50 {
    width: 50%;
}
.col-40 {
    width: 40%;
}
.col-30 {
    width: 30%;
}
.col-25 {
    width: 25%;
}
.col-20 {
    width: 20%;
}
.padr {
    padding-right: 2em;
}
.padl {
    padding-left: 2em;
}
.text-center {
    text-align: center;
}
.text-left {
    text-align: left;
}
.text-right {
    text-align: right;
}
#preload-images {
    border: 0 none;
    height: 1px;
    left: -1px;
    overflow: hidden;
    position: absolute;
    top: -1px;
    width: 1px;
}
h1 {
    color: #006699;
    font-size: 3em;
    letter-spacing: -3px;
    line-height: 1em;
    margin: 110px auto 20px;
    max-width: 760px;
    padding: 15px 0;
    text-align: center;
    text-shadow: 1px 2px 1px #fff;
}
h1 span {
    display: inline-block;
    font-size: 0.7em;
    letter-spacing: -1px;
    line-height: 1.3em;
    padding: 0.2em 0.5em 0;
}
h2, h3, h4 {
    letter-spacing: -1px;
    line-height: 1.2em;
}
h2 {
    color: #006fb6;
    font-size: 2em;
    text-align: center;
}
a {
    color: #006fb6;
}
.header {
    height: 735px;
}
.content {
    background: #fff url("images/bs-bg-page-earth-big-hole.jpg") repeat-y scroll center top;
    /*padding-top: 30px;*/
}
.content .inner {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.75);
}
.header .vizitka {
	position:absolute;
	top:0;
	left:0;
	width:280px;
	z-index:200;
}
#header-slideshow {
    background: #fff;
    overflow: hidden;
}
#header-slideshow .slide {
    background-position: center bottom;
    background-repeat: no-repeat;
    display: none;
    height: 700px;
    height: 735px;
    width: 100%;
}
#header-slideshow .slide .inner {
    height: 100%;
}
#header-inner-wrap {
    padding:0 20px;
    height: 700px;
    height: 735px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 105;
}

#header-inner-wrap .logo {
    position: absolute;
    width: 90px;
    left: 0;
    top: 15px;
    border-radius: 4px;
    opacity:0.9;
}
#header-inner-wrap .name {
    position: absolute;
    top: 22px;
    left: 105px;
    height: 50px;
    font-size: 34px;
    font-weight: bold;
    font-style: italic;
    letter-spacing:-1.5px;
    color: #333;
    text-shadow: 1px 1px 1px #fff, 1px 1px 20px #fff;
}
#header-inner-wrap .slogan {
    color: orangered;
    font-size: 20px;
    font-style: italic;
    font-weight: normal;
    line-height:1.2em;
    position: absolute;
    left: 105px;
    top: 66px;
    text-align:left;
    text-shadow: 1px 1px 0px #fff, 1px 1px 20px #fff;
}
#header-inner-wrap .contacts {
    position: absolute;
    right: 0;
    text-align: right;
    top: 22px;
}
#header-inner-wrap a.phone {
    color: #222;
    font-size: 1.5em;
    line-height: 1.2em;
    text-decoration: none;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5);
}
.orderform-wrap {
    background: #006fb6 linear-gradient(to bottom, #006fb6 0%, #0080e6 100%) repeat scroll 0 0;
    border-radius: 8px;
    color: #fff;
    font-size: 1em;
    max-width: 300px;
    padding: 10px 20px;
    text-align: center;
}
.orderform-wrap > p:nth-child(1) {
    font-size: 1.4em;
    font-weight: bold;
    letter-spacing: -1px;
    line-height: 1.2em;
    margin: 0.3em 0;
}
.orderform-wrap > p:nth-child(2) {
    font-weight: bold;
    margin: 0.3em 0 1.5em;
}
#header-inner-wrap .orderform-wrap {
    bottom: -80px;
    box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);
    position: absolute;
    right: 30px;
    text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
    max-width: 300px;
    z-index: 110;
}
#header-inner-wrap .inner p.offer {
    background: rgba(255, 255, 255, 0.85);
    border: 2px dashed orangered;
    font-size: 1.5em;
    letter-spacing: -1px;
    line-height: 1.3em;
    margin: 0 auto;
    max-width: 560px;
    padding: 0.7em;
    text-align: center;
    text-shadow: 1px 1px 0 #fff;
}
.section {
}
.section-props-1 {
    height: 200px;
}
.section-props-1 .item {
    color: #006699;
    display: block;
    left: 40px;
    position: absolute;
    text-align: center;
    top: -50px;
    width: 180px;
    z-index: 105;
}
.section-props-1 p {
    font-size: 1.3em;
    margin: 0.2em;
}
.section-props-1 p span {
    font-size: 1.3em;
    font-weight: bold;
    letter-spacing: -2px;
}
.section-props-1 .item-image {
    background: #fff;
    border: 2px solid #006699;
    border-radius: 100%;
    box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.2);
    display: inline-block;
    height: 120px;
    width: 120px;
}
.section-props-1 .item-2 {
    left: 240px;
}
.section-props-1 .item-3 {
    left: 440px;
}
.section-props-1 .item-1 .item-image {
    background: #fff url("images/icons-bs-1.png") no-repeat scroll 35px center;
}
.section-props-1 .item-2 .item-image {
    background: #fff url("images/icons-bs-1.png") no-repeat scroll -105px center;
}
.section-props-1 .item-3 .item-image {
    background: #fff url("images/icons-bs-1.png") no-repeat scroll -225px center;
}


.section-action {
    height: 610px;
    position: relative;
}
#img-action-kamaz {
    position: absolute;
    left:0px;
    top:30px;
    width: 400px;
}
#img-action-ural {
    right: 275px;
    position: absolute;
    top: 220px;
    width: 400px;
    z-index: 115;
}
.section-action .orderform-wrap {
    position: absolute;
    right: 40px;
    top: 140px;
}
.action {
    border: 2px dashed red;
    top: 150px;
    left: 260px;
    letter-spacing: -1px;
    padding: 0px 20px;
    position: absolute;
    text-align: center;
	background:#fff;
    z-index: 116;
}
.action h2 {
    color: red;
	font-size:1.4em;
}
.action p {
    margin: 20px 0 30px;
}



.section-props-2 {
    height: 280px;
    padding-top:70px;
    text-align: center;
    color: #006699;
background: transparent url("images/bg-section-gde-voda-props.png") no-repeat scroll top center;
background-size:cover;
position: relative;
height:290px;
padding-top:45px;
margin-top:-10px;
text-shadow: 1px 1px 8px rgba(0, 0, 0, 0.2);
color:#fff;
}
.section-props-2 .item {
    display: inline-block;
    font-size: 1.2em;
    letter-spacing: -1px;
    line-height: 1.2em;
    text-align: center;
    vertical-align: top;
    width: 30%;
}
.section-props-2 p {
    margin: 1em;
}
.section-props-2 p span {
    font-weight: bold;
}
.section-props-2 .item-image {
    background: #fff;
    border: 2px solid #006699;
    border-radius: 100%;
    display: inline-block;
    height: 130px;
    width: 130px;
    box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.2);
}
.section-props-2 .item-2 {
    left: 230px;
}
.section-props-2 .item-3 {
    left: 430px;
}
.section-props-2 .item-1 .item-image {
    background: #fff url("images/icons-bs-1.png") no-repeat scroll -486px center;
}
.section-props-2 .item-2 .item-image {
    background: #fff url("images/icons-bs-1.png") no-repeat scroll -612px center;
}
.section-props-2 .item-3 .item-image {
    background: #fff url("images/icons-bs-1.png") no-repeat scroll -744px center;
}

.section-props-2 .item-1:after,
.section-props-2 .item-2:after {
    background: #fff;
    content: "";
    display: block;
    height: 2px;
    width:60px;
    left: 267px;
    position: relative;
    top: -150px;
    opacity:0.3;
}



.section-specialist {
    /*background: #fff url("images/bg-section-specialist.jpg") no-repeat scroll center bottom;*/
    background: #fff url("images/bg-section-gde-voda.jpg") no-repeat scroll center bottom;
    height: 550px;
    height: 620px;
    position: relative;
}
#img-specialist {
    bottom: 0;
    height: 528px;
    left: 80px;
    position: absolute;
    width: 458px;
}
.section-specialist .orderform-wrap {
    position: absolute;
    right: 40px;
    top: 120px;
}
.section-burim {
    padding: 20px 0 60px;
    position: relative;
}
#img-burim-1 {
    height: 268px;
    left: 60px;
    position: absolute;
    top: 180px;
    width: 383px;
}
#img-burim-2 {
    height: 252px;
    position: absolute;
    right: 90px;
    top: 180px;
    width: 309px;
}
.section-burim .block-1 {
    float: left;
    padding: 0 60px 0 100px;
    width: 55%;
}
.section-burim .block-2 {
    float: right;
    padding: 0 80px;
    width: 45%;
}
.section-burim h3 {
    font-size: 1.5em;
    margin-bottom: 310px;
    text-align: center;
}
.section-burim .block-1 h3 {
    color: #006699;
}
.section-burim .block-2 h3 {
    color: #999;
}
.section-burim .block-1 p {
    background: transparent url("images/bullet-ok-green.png") no-repeat scroll left 5px / 30px 30px;
    padding-left: 50px;
}
.section-burim .block-1 p:last-child {
    background: #98ce16;
    font-size: 1.2em;
    margin-top: 1em;
    padding-left: 0;
    text-align: center;
}
.section-burim .block-2 p:last-child {
    background: #fb0400;
    font-size: 1.2em;
    margin-top: 1em;
    padding-left: 0;
    text-align: center;
}
.section-rassrochka {
    background: #fff url("images/bg-water-light.jpg") no-repeat scroll center center / cover ;
    height: 300px;
    position: relative;
}
.section-rassrochka > h2 {
    max-width:52%;
    margin-left: 60px;
    text-align: left;
    letter-spacing: -2px;
}
.section-rassrochka > p {
    max-width:50%;
    margin-left: 60px;
    font-size: 1.3em;
    text-align: left;
    letter-spacing: -1px;
}
.section-rassrochka .orderform-wrap {
    position: absolute;
    right: 40px;
    top: -10px;
}
.section-shnek-rotor {
    letter-spacing: -5px;
    padding: 50px 30px;
    position: relative;
}
.section-shnek-rotor p {
    display: inline-block;
    letter-spacing: 0;
    vertical-align: top;
}
.section-shnek-rotor p:nth-child(2) {
    text-align: justify;
    width: 27%;
}
.section-shnek-rotor p:nth-child(3) {
    text-align: justify;
    width: 44%;
}
.section-shnek-rotor p:nth-child(4) {
    text-align: justify;
    width: 27%;
}
.section-shnek-rotor img {
    margin-left: 5px;
    width: 95%;
}
.section-gde-voda {
    background: #fff url("images/bg-section-gde-voda.jpg") no-repeat scroll center bottom;
    height: 600px;
    padding-top: 10px;
    position: relative;
}
#img-he-knows {
    bottom: 0;
    height: 444px;
    left: 60px;
    position: absolute;
    width: 280px;
}
#img-khakasia {
    bottom: 150px;
    left: 400px;
    position: absolute;
    width: 200px;
}
.section-gde-voda .orderform-wrap {
    bottom: 50px;
    position: absolute;
    right: 40px;
    top: unset;
}
.section-props-3 {
    background: transparent url("images/bg-section-gde-voda-props.png") no-repeat scroll center center;
    height: 269px;
    margin-top: -10px;
    position: relative;
    text-align: center;
}
.section-props-3 .item {
    color: #fff;
    display: inline-block;
    margin: 40px 0;
    text-align: center;
    vertical-align: top;
    width: 24%;
}
.section-props-3 p {
    margin: 1em;
}
.section-props-3 p span {
    font-weight: bold;
}
.section-props-3 .item-image {
    background: #fff;
    border: 2px solid #006699;
    border-radius: 100%;
    box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.2);
    display: inline-block;
    height: 100px;
    width: 100px;
}
.section-props-3 .item-1 .item-image {
    background: #fff url("images/icons-bs-2.png") no-repeat scroll 30px center;
}
.section-props-3 .item-2 .item-image {
    background: #fff url("images/icons-bs-2.png") no-repeat scroll -110px center;
}
.section-props-3 .item-3 .item-image {
    background: #fff url("images/icons-bs-2.png") no-repeat scroll -234px center;
}
.section-props-3 .item-4 .item-image {
    background: #fff url("images/icons-bs-2.png") no-repeat scroll -365px center;
}


.section-steps {
    position:relative;
    padding: 20px 0 40px;
    text-align: center;
}
.section-steps h2 {
    margin-bottom: 60px;
}
.section-steps h3 {
    margin-top: 50px;
}
.section-steps .item {
    display: inline-block;
    margin-bottom: 50px;
    padding: 0 20px;
    vertical-align: top;
    width: 30%;
}
.section-steps .item-image {
    background: #fff none repeat scroll 0 0 / cover padding-box content-box;
    border: 1px solid #006fb6;
    border-radius: 100%;
    display: inline-block;
    height: 160px;
    padding: 3px;
    width: 160px;
}
.section-steps .item-description span {
    display: inline-block;
    font-size: 1.2em;
    font-weight: bold;
    line-height: 1.2em;
    margin-bottom: 10px;
}
.section-steps .item-1::after {
    background: #fff url("images/arrow-light-blue-right.png") no-repeat scroll left center;
    content: "";
    display: block;
    height: 43px;
    left: 300px;
    position: absolute;
    top: 195px;
    width: 79px;
}
.section-steps .item-2::after {
    background: #fff url("images/arrow-light-blue-left.png") no-repeat scroll left center;
    content: "";
    display: block;
    height: 43px;
    left: 600px;
    position: absolute;
    top: 225px;
    width: 79px;
}
.section-steps .item-3::after {
    background: #fff url("images/arrow-light-blue-right.png") no-repeat scroll left center;
    content: "";
    display: block;
    height: 43px;
    left: 730px;
    position: absolute;
    top: 520px;
    transform: rotate(120deg);
    width: 79px;
}
.section-steps .item-4::after {
    background: #fff url("images/arrow-light-blue-right.png") no-repeat scroll left center;
    content: "";
    display: block;
    height: 43px;
    left: 450px;
    position: absolute;
    top: 640px;
    transform: rotate(180deg);
    width: 79px;
}
.section-steps .item-5::after {
    background: #fff url("images/arrow-light-blue-left.png") no-repeat scroll left center;
    content: "";
    display: block;
    height: 43px;
    left: 240px;
    position: absolute;
    top: 930px;
    transform: rotate(60deg);
    width: 79px;
}
.section-ask {
    background: #fff url("images/bg-section-ask.jpg") no-repeat scroll center bottom;
    height: 610px;
    padding-top: 20px;
    position: relative;
}
#img-confused {
    bottom: 0;
    height: 419px;
    left: 60px;
    position: absolute;
    width: 518px;
}
.section-ask .orderform-wrap {
    position: absolute;
    right: 40px;
    top: 190px;
}
.section-ask h2 {
    margin-left: 100px;
    max-width:79%;
    text-align: left;
}
.section-ask h2 span {
    font-weight: normal;
}

.section-testimonials {
    position: relative;
    padding: 20px 60px;
    background:#fff;
}
.section-testimonials h2 {
  margin-bottom:60px;
}
.section-testimonials .item {
    float: left;
    margin-bottom: 50px;
    width: 100%;
}
.section-testimonials .item > div:first-child {
    float: left;
    padding: 0 20px;
    text-align: center;
    width: 30%;
}
.section-testimonials .item > div:last-child {
    float: left;
    width: 69%;
    margin-left:1%;
}
.section-testimonials .item-right > div:first-child {
    float: right;
}
.section-testimonials .item-right > div:last-child {
    float: right;
}
.section-testimonials .item-image {
    background: #fff none repeat scroll 0 0 / cover padding-box content-box;
    border: 1px solid #006fb6;
    border-radius: 100%;
    display: inline-block;
    height: 160px;
    padding: 3px;
    width: 160px;
}
.section-testimonials .item-name {
    color: #006fb6;
    font-size: 1.2em;
    letter-spacing: -1px;
    line-height: 1em;
}
.section-testimonials .item-description {
    background: #fff;
    border: 1px solid #006fb6;
    border-radius: 8px;
    font-size: 1em;
    margin: 0;
    min-height: 200px;
    padding: 2em;
    position: relative;
}
.section-testimonials .item-left .item-description::after, .section-testimonials .item-right .item-description::after {
    background: #fff url("images/triangle-left.png") no-repeat scroll left center;
    content: "";
    display: block;
    height: 28px;
    left: -15px;
    position: absolute;
    top: 50px;
    width: 15px;
}
.section-testimonials .item-right .item-description::after {
    left: unset;
    right: -15px;
    transform: rotate(180deg);
}
.section-order {
    background: #fff url("images/bg-section-order.jpg") no-repeat scroll center bottom;
    border-radius: 8px;
    height: 700px;
    padding-top: 20px;
    position: relative;
    text-align: center;
}
#img-offer {
    bottom: 0;
    height: 540px;
    left: 30px;
    position: absolute;
    width: 604px;
}
.section-order .orderform-wrap {
    position: absolute;
    left: 370px;
    top: 200px;
}
.section-order h2 span {
    font-weight: normal;
}
.footer {
    background: #fff url("images/bs-bg-footer-underwater-pump.jpg") no-repeat scroll center bottom;
    height: 300px;
	font-size:0.9em;
}
.footer .inner {
    color: #fff;
    padding-top: 90px;
}
.footer a {
    color: #fff;
}
.footer a.phone {
    font-size: 1.2em;
    text-decoration: none;
}

.popup-wrap {
	background:#fff;
	padding:1em;
    box-shadow: 0 0 60px rgba(0, 0, 0, 0.3);
    margin: 2em auto 0;
    max-width: 800px;
}

input, button, select, textarea {
    background: #fff;
    border: 0 solid #fff;
    border-radius: 4px;
    color: #000;
    margin-bottom: 1em;
    padding: 12px;
    width: 100%;
}
input[type="checkbox"],
.jspopup input[type="checkbox"] {
    box-shadow: none;
    margin: 0.3em 0.3em 0 0;
    outline: medium none;
    transition: none 0s ease 0s ;
    vertical-align: top;
    width: auto;
}
button {
    background: #ffcf00 linear-gradient(to bottom, #ffcf00 20%, #ff9000 100%) repeat scroll 0 0;
    color: #000;
    font-weight: normal;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.7);
	transition:all 0.3s;
}
button:hover {
    background: #ffcf00;
}
button[disabled], button[disabled]:hover {
    background: #ffcf00;
    color:#999;
}
input, select, textarea {
    box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.2) inset;
}
.form-errors {
    font-size: 1em;
    line-height: 1em;
    margin: 0.5em 0 1em;
}
.field-required-error {
    animation-delay: 0s;
    animation-direction: normal;
    animation-duration: 1s;
    animation-fill-mode: none;
    animation-iteration-count: 1;
    animation-name: border-animation;
    animation-play-state: running;
    border: 2px solid red;
    transform: none;
}

.privacy-agree-label {
	margin-top:0;
	text-align:left;
	font-size:0.8em;
	font-weight:normal;
}
.privacy-agree-label a {
	color: #f0f0f0;
}


 .field-required-error:after {
  position:absolute;
  content:"Заполните это поле";
  border:1px solid oraange;
 }

/* mfp */
/* overlay at start */
.mfp-bg {
  opacity: 0;
  transition: all 0.3s;
}
/* overlay animate in */
.mfp-bg.mfp-ready {
  opacity: 0.8;
}
/* overlay animate out */
.mfp-bg.mfp-removing {
  opacity: 0;
}




@keyframes border-animation {
0% {
    border: 2px solid red;
}
25% {
    border: 2px solid #fff;
}
50% {
    border: 2px solid red;
}
75% {
    border: 2px solid #fff;
}
100% {
    border: 2px solid red;
}
}


/*------ media queries ------------------------*/
/* Large desktop */
@media (min-width: 1200px) {
}
@media (max-width: 1200px) {
}

/* Portrait tablet to landscape and desktop */
@media (max-width: 979px) {

  #header-inner-wrap .orderform-wrap {
      bottom: 0px;
  }

  .section-props-1 .item {
      left: 40px;
      top: -50px;
      width: 180px;
      z-index: 105;
    width: 20%;
    left: 15%;
  }
  .section-props-1 .item-2 {
      left: 40%;
  }
  .section-props-1 .item-3 {
      left: 65%;
  }

  #img-action-kamaz {
      left:0px;
      top:0px;
      width: 350px;
  }
  #img-action-ural {
      right: 235px;
      top: 220px;
      width: 350px;
  }

  .action {
      top: 160px;
      left: 17%;
      z-index: 116;
  }

  .section-props-2 .item-1:after,
  .section-props-2 .item-2:after {
      display: none;
  }

  #img-burim-1 {
      top: 220px;
      left: 10%;
      width: 35%;
      height: auto;
  }
  #img-burim-2 {
      top: 220px;
      right: 90px;
      width: 30%;
      height: auto;
  }
  .section-rassrochka > h2 {
      margin-left: 30px;
  }
  .section-rassrochka > p {
      margin-left: 30px;
  }

  .section-steps .item-1::after,
  .section-steps .item-2::after,
  .section-steps .item-3::after,
  .section-steps .item-4::after,
  .section-steps .item-5::after {
    display:none;
  }

  .section-ask h2 {
      margin-left: 50px;
  }
  .footer .inner {
      padding: 90px 20px 0 20px;
  }

}


/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
}

/* Landscape phones and down */
@media (max-width: 480px) {
}



.browserupgrade {
position:absolute;
top:0;
width:100%;
padding: 0.5em 0;
background: yellow;
border-bottom: 1px solid #333;
text-align: center;
}