.wpcf7 p{
    margin:0;
}
span.wpcf7-not-valid-tip{
    display:none
}
.fancybox-slide .cf-fancybox{
    padding:0;
}

.wpcf7-form-control-wrap{
    width:100%
}
.wpcf7-form-control-wrap.file{
    width:auto;
}

::-webkit-input-placeholder {color:#7d7d7d}
::-moz-placeholder          {color:#7d7d7d}/* Firefox 19+ */
:-moz-placeholder           {color:#7d7d7d}/* Firefox 18- */
:-ms-input-placeholder      {color:#7d7d7d}


/*Calc*/

input, textarea, select, button{    
    font-family: 'Open Sans',Helvetica,sans-serif
}
.fancyform .fancybox-close{
    top:5px;
    right:5px;
    background:url(../img/forms/fancy-close.png) center center no-repeat
}
.cf-fancybox{
    width: 480px;
    max-width: calc(100vw - 17px);
    min-width:303px;
    height: auto;
    overflow:hidden;
    color:#4a4a4a;
    border-radius: 5px;
    padding: 0;
}
.cf-fancybox.wide{
    width:650px;
}
.cf-fancybox.huge{
    width:800px;
}
input[type=text],
input[type=number],
textarea,
select{
    width: 100%;
    border:1px solid #d4d4d4;
    margin:10px 0px 0px 0;
    background:#f1f1f1;
    font-size: 17px;
    padding: 13px 17px;
    border-radius: 5px;
    box-shadow: 2px 2px 3px #e6e6e6 inset
}
@-moz-document url-prefix() {
    select{
        width:99%!important;
    }
}
.cf-nasos .p1{background: bottom center no-repeat url(../img/forms/nasos_back.png);}

.cf-nasos .p1.motor{background: bottom center no-repeat url(../img/forms/motor_back.png);}

.wpcf7 p.title,
.cf-fancybox p.title{
    font-family:'LatoBold',Helvetica,sans-serif;
    text-transform:uppercase;
    background: #3669bb;
    line-height: 23px;
    padding: 27px 0;
    font-size:20px;
    text-align: center;
    color:#fff;
    border-radius: 0;
    margin:0;
}
#cf-count-select .pages p.title,
#cf-count-select-small .pages p.title{
    font-weight:normal;
    border-top:none;
    padding-top:10px;
}
.pages p.button-wrap-center{
    margin-top:15px;
    text-align:center;
    clear:both
}
.pages p.policy {
    background: none;
    padding: 0;
    margin-bottom: 0;
    margin-top: 10px;
    font-size: 12px;
    line-height: 14px;
    white-space: normal;
}
.pages p.title{
    color: #333;
    font-size:20px;
    line-height: 30px;
    background:none;
    text-align: center;
    width:auto;
    border-top:1px solid #d1d1d1;
    padding-top:30px;
    text-transform:none;
    font-family: 'Open Sans',Helvetica,sans-serif
}
.pages p.text{
    font-style: italic;
    font-size:18px;
    font-weight: normal;
    text-align: center;
    overflow:visible;
    color: #000;
    margin-bottom:30px;
}
.pages-wrap{
    width:100%;
    overflow: hidden;
}
.pages{
    width:auto;
    height: auto;
    overflow: visible;
    position:relative;
    font-size:0;
    float:none;
    display:inline-block;
    white-space: nowrap;
}
.pages>div{
    font-size:16px;
    display:inline-block;
    height:auto;
    width:480px;
    min-width:300px;
    box-sizing:border-box;
    padding:20px 45px 40px 45px;
    overflow: hidden;
    white-space: normal;
    vertical-align:top;
}
.pages>.p1{
    min-height:380px;
}
.cf-fancybox.wide .pages>div{
    width: 650px;
}
.cf-fancybox.huge .pages>div{
    width:800px;
}
.select-count {
    letter-spacing: 0;
    font-size: 0;
    text-align:center;
}
.select-count>a.fancybox{
    display: inline-block;
    width: 141px;
    height: 180px;
    margin-bottom:15px;
    font-weight:bold;
    text-transform:uppercase;
    font-size: 16px;
    color: #333;
    text-align:center;
    text-decoration:none;

}
#cf-count-select-small .select-count>a.fancybox{
    margin: 0 15px;
}
.select-count>a.fancybox span{
    display:inline-block;
    width: 141px;
    height: 140px;
    margin-bottom: 10px;
    border-radius:5px;
    border: 2px solid #f1f1f1;
}
.select-count>a.fancybox:hover span{
    border:2px solid #3669bb;
}
.select-count>a.fancybox span{
    background: center center no-repeat url(../img/calc-choice/hydrocilinder.png);
}
.select-count>a.fancybox:nth-of-type(2) span,
#cf-count-select-small .select-count>a.fancybox:nth-of-type(1) span{
    background: center center no-repeat url(../img/calc-choice/hydromotor.png);
}
.select-count>a.fancybox:nth-of-type(3) span,
#cf-count-select-small .select-count>a.fancybox:nth-of-type(2) span{
    background: center center no-repeat url(../img/calc-choice/hydronasos.png);
}
.select-count>a.fancybox:nth-of-type(4) span{
    background: center center no-repeat url(../img/calc-choice/reductor.png);
}
.select-count>a.fancybox:nth-of-type(5) span{
    background: center center no-repeat url(../img/calc-choice/other.png);
}
.pages.single div{
    height:auto;
}
.pages input[type="radio"]{
    display: none;
}
.pages p{
    overflow:hidden;
    margin:0;
    text-align:center;
}
.pages p.file-wrap{
    text-align: left;
    margin-top:10px;
}
p.steps{
    display: block;
    float: none;
    /* overflow: hidden; */
    height: auto;
    padding: 10px 0px;
    font-size: 18px;
    margin: 10px 0 0 0;
    text-align: center;
}
p.steps .text{
    margin-bottom: 20px;    
    display: inline-block;
    font-family: 'LatoBold', Helvetica,sans-serif;
    text-transform: uppercase;
}

p.steps .text b{
    color:#3669bb;
}

p.steps a{
    display: inline-block;
    font-size: 20px;
    font-weight: normal;
    line-height: 20px;
    height: 40px;
    padding: 8px;
    width: 40px;
    color: #8eb2eb;
    text-align: center;
    border-radius: 5px;
    border: 3px solid;
    margin: 0 5px;
    position: relative;
    text-decoration: none;
}
p.steps a.disabled{
    color:#d1d1d1;
}
p.steps a.current{
    color:#3669bb;
}
.pages .wpcf7-list-item{  
    display:inline-block;
    float:left;
    margin:0;
}
.pages .wpcf7-radio .wpcf7-list-item label,
.pages .wpcf7-checkbox.profil .wpcf7-list-item label{
    border-radius: 25px;
    color:#fff;
    background:#a4a6ab  ;
    font-size:16px;
    text-transform: none;
    text-shadow: 1px 1px 1px #727880;
    font-weight: bold;
    margin-left: 38px;
    float:left;
    height:52px;
    box-sizing:border-box;
    line-height: 16px;
    padding:18px 0;
    width:240px;
    text-align:center;
    cursor:pointer;
}

#cf-reduktor .pages .wpcf7-radio .wpcf7-list-item label.other.current,
.pages .wpcf7-radio .wpcf7-list-item label.current,
.pages .wpcf7-checkbox.profil .wpcf7-list-item label.current,
.pages .p2 .wpcf7-list-item label.other.current,
.cf-nasos .pages .p2 .wpcf7-list-item label.other.current{
    border: 2px solid #fff;
    background: #3669bb;
}
.pages .p1 .wpcf7-list-item.first label{
    margin-left:0
}
.pages .p1 .wpcf7-list-item.last label{
    margin-left:76px;
}
.pages .p2 .wpcf7-list-item{
    float:none;
    display:inline-block;
}
.pages .p2 .title{
    margin-bottom: 0
}
.wpcf7-form-control.proizv{
    text-align: center;
    display: block;
}
.pages .p2 .proizv .wpcf7-list-item  label{
    background-image:url(../img/forms/proizv.png);
    margin:5px;
    padding:0;
    border-radius: 0;
    height:56px;
    white-space: nowrap;
    text-indent: 200px;
    overflow: hidden;
    border: 2px solid #fff;
}
.uplotneniya .pages .p2 .wpcf7-form-control-wrap label.current,
.pages .p2 .wpcf7-list-item  label.current,
.cf-nasos .pages .p2 .wpcf7-list-item  label.current,
#cf-reduktor .pages .p2 .wpcf7-list-item  label.current{
    border:2px solid #676767;
}
.cf-nasos .pages .p2 .wpcf7-list-item  label,
#cf-reduktor .pages .p2 .wpcf7-list-item  label{
    background-image:url(../img/forms/br-nasos.png);
    margin:5px;
    padding:0;
    border:2px solid #fff;
    border-radius: 0;
    height:52px;
    white-space: nowrap;
    text-indent: 200px;
    overflow: hidden;
}
.pages .wpcf7-radio .wpcf7-list-item label.other,
.pages .wpcf7-checkbox.profilother .wpcf7-list-item label.other,
#cf-reduktor .pages .wpcf7-radio .wpcf7-list-item label.other,
.pages .p2 .wpcf7-list-item label.other{
    border-radius: 25px;
    color:#fff;
    background:#a0a0aa;
    font-size:20px;
    text-transform: none;
    font-weight: normal;
    float:none;
    display:block; 
    height:52px;
    line-height: 16px;
    margin: 20px calc(50% - 140px) 0 calc(50% - 140px);
    padding:16px 0;
    width:280px;
    text-align:center;
    cursor:pointer;
    text-indent: 0;
}

.pages .wpcf7-radio .wpcf7-list-item.other,
.pages .wpcf7-checkbox.profil .wpcf7-list-item.other{
    clear:both;
    display: block;
}
#cf-calc .pages .p3 .image{background: url('../img/forms/size-d.png') top center no-repeat; width:129px; height:126px; float:left; margin-right:0px}
.cf-nasos .pages .p4 .image-nasos{background: url('../img/forms/image-nasos.png') top center no-repeat; width:129px; height:133px; float:left; margin-right:0px}
#cf-reduktor .pages .p4 .image-reduktor{background: url('../img/forms/diam_reduktor.png') top center no-repeat; width:129px; height:133px; float:left; margin-right:0px}
#cf-reduktor .p1.reduktor{background: bottom center no-repeat url(../img/forms/reduktor.png);}
/*.cf-nasos .pages .p4 .wpcf7-list-item-label{
    display: inline-block;
    vertical-align: middle;
    height: 23px;
    line-height: 23px;
}*/
.cf-nasos .pages sup {
  vertical-align: baseline;
  position: relative;
  top: -0.4em;
}
.cf-nasos .pages .p4 .wpcf7-list-item label{font-size:17px;}
#cf-reduktor .pages .p4 .wpcf7-list-item label{font-size:17px;}

#cf-calc .pages .p3 .wpcf7-list-item label, .pages .p4 .wpcf7-list-item label{
    font-size: 20px;
    font-weight:normal;
    text-transform: none;
    width:170px;
    padding:19px 0;
    margin-left:0px;
    border-radius: 27px;
}
#cf-calc .pages .p3 .wpcf7-list-item, .pages .p4 .wpcf7-list-item{
    width:170px;    margin:0  0 15px 15px;
}
.pages .wpcf7-list-item.first label{
    margin-left:0;
}
.cf-nasos .p3 p{margin:0}
#cf-reduktor .p3 p{margin:0}
.pages .p1 p:last-child{

}

.p4 .title, .p4 .text{margin-bottom: 0}
.pages .p4 .image{background: url('../img/forms/size-len.png') top center no-repeat; width:120px; height:170px; float:left;     margin: -30px 0 0 0; padding: 0 0 0 30px}
.p4 .wpcf7-list-item label{margin-left: 15px;}
#cf-calc div.wpcf7-response-output,
.cf-nasos div.wpcf7-response-output,
#cf-reduktor div.wpcf7-response-output{
    position: relative;
    margin-bottom:20px;
}
div.wpcf7-response-output{
    margin: 20px auto 0 auto;
    clear: both;
    width: 650px;
    max-width: 100%;
}

.wpcf7 .half{
    width:49%;
    float: left;
}
.wpcf7 .quarter{
    width: 23%;
    float: left;
}
.wpcf7 .ml{
    margin-left: 2%;
}
.wpcf7 .quarter.ml{
    margin-left:  2.3333%
}
.p6 p.title, .last_page p.title{
    text-transform: uppercase;
    font-weight: bold;
}
.pages textarea{
    width:100%;
    height:80px;
}

.pages .p6 p.title, .pages .last_page p.title{
    margin-bottom:0px;
}
.pages input[type="submit"], .p5 a, input[type="submit"]{
    color: #fff;
    font-size: 14px;
    font-family: 'LatoBold';
    float: right;
    height: 45px;
    line-height: 49px;
    padding: 0;
    width: 175px;
    text-decoration: none;
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: 3px;
    text-align: center;
    text-indent: 3px;
    -webkit-border-radius: 22px;
    -moz-border-radius: 22px;
    border-radius: 22px;
    background: #e64440;
    border: 0;
}
.pages.single div  input[type="submit"]{
    float: none;
    display:inline-block;
}

.p6 span.wpcf7-form-control-wrap{
    float:left;
    position:relative;
}
.p5 span.wpcf7-form-control-wrap, 
.cf-nasos .p3 span.wpcf7-form-control-wrap,
#cf-reduktor .p3 span.wpcf7-form-control-wrap{
    width:275px;
    margin: 0 auto;
    display: block;
}
#cf-reduktor .p3 p.title{margin-bottom:20px;}
.p5 p.text{margin-bottom:15px}
.p5 p.btn{margin-top:25px;text-align:center}
.pages div.clear{
    width:0;
    height:0;
    padding:0;
}
.p6 p:last-child{
    margin-top:20px;
    padding:15px;
    background: #ebebeb;
    border-radius: 5px;
    text-align: left;
    font-size:17px;
    color:#000;
}   

.pages .p5 a{display: inline-block;width:250px;
             float: none;}
.p5 p{margin:0}
.pages input[type="checkbox"],.cf-nasos input[type="checkbox"]  {
    display: none;
}
.pages input[type="checkbox"] + span,.cf-nasos input[type="checkbox"] + span {
    cursor: pointer;
    display: inline-block;
}
.pages input[type="checkbox"] + span::before,.cf-nasos input[type="checkbox"] + span::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 32px;
    width: 33px;
    margin: 0 5px 0 0; 
    background: url("../img/forms/checkboxes.png")0 -32px;
}
.pages .profil input[type="checkbox"] + span::before ,
.pages .profil input[type="checkbox"]:checked + span::before {
    display:none
}
.pages input[type="checkbox"]:checked + span::before,.cf-nasos input[type="checkbox"]:checked + span::before {
    background-position: 0 0;
}
.ord-form{
    width: auto;
    padding: 0 0 30px 0;
    margin: 0 0 40px 30px;
    position: relative;
    overflow: hidden;
    border: 1px solid #d1d1d1;
    height: auto;
}
.ord-form div.contact{display:none; overflow:hidden; clear:both}
.ord-table{width:100%; margin-bottom:0}
.ord-table td,.ord-table th {padding: 5px; vertical-align:middle; text-align:center}
.ord-form p {
    margin: 0 auto;
    display: block;
    float: none;
    clear: both;
    width:100%;
    max-width:650px;
}
.ord-form .policy{
    line-height: 15px;
    font-size: 12px;
    margin-top: 13px;
}
article .ord-table th{
    line-height: 30px;
    padding:15px;
    font-size:22px;
    text-transform:none
}
article .ord-table th br{display:none;}
article .ord-form .quarter{
    text-align:Center;
    background:#fff;
    padding-top:60px;
    color:#333;
    line-height: 18px;
    font-size: 18px;
    font-weight:bold;
    text-transform: none;
}
.ord-table td{background:#fff}
.ord-form .quarter input{width:100%; padding:7px 15px; height: 44px; background:#fff}
.ord-form .quarter select{width:100%; padding:7px 15px; height: 44px; background:#fff url(../img/select_bg.png) no-repeat right 0;
                          -webkit-appearance: none;
                          -moz-appearance: none;
                          cursor:pointer;}
.ord-form .quarter input[type=number]{
    padding: 7px 55px;
    -webkit-appearance: none;
    -moz-appearance:textfield;
    cursor:pointer;
}
.ord-form h4{font-size:24px;text-align:center!important; margin:40px 0 20px 0}
.ord-form span.wpcf7-form-control-wrap.size-len, 
.ord-form span.wpcf7-form-control-wrap.cnt{
    width:100%;
}
.ord-form input[type=submit]{
    color: #fff;
    font-size: 16px;
    font-weight: normal;
    display: inline-block;
    width: 250px;
    float: none;
    line-height: 16px;
    padding: 16px 30px;
    letter-spacing: 2px;
    text-indent: 2px;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    text-transform: uppercase;
    border-radius: 20px;
    background: #e64440;
    border: none;
    margin-top: 25px;
}
.ord-form input[type=submit]:hover{
    opacity:0.7
}

.ord-form input[type=text], .ord-form input[type=email], .ord-form input[type=tel], .ord-form input[type=tel]{
    border:1px solid #d4d4d4;
    margin:20px 0px 0px 0;
    background:#ebebeb;
    font-size: 15px;
    padding: 0 5px;
    width:100%;
    border-radius: 5px;
    height:42px;
    line-height: 35px
}

.ord-form .quarter input[type=text]{
    margin-top:10px;
    height: 44px;
}
.ord-form  span.wpcf7-form-control-wrap{
    float:left;
    position:relative;

}
.ord-form  .ord-table span.wpcf7-form-control-wrap{
    float:none;
    display:inline-block;
}
.ord-form .spinner{
    width: 100%;
    position: Relative;
    height: auto;
    display: block;
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none; 
    margin: 0; 
}
.ord-form .spinner .plus,
.ord-form .spinner .minus{
    z-index:10;
    position:absolute;
    top:10px;
    left:0;
    width:35px;
    height: 44px;
    background: 0 0 no-repeat url(../img/spinner_minus.png);
    cursor:pointer;
}
.ord-form .spinner .plus{
    left:auto;
    right:0;
    background: 0 0 no-repeat url(../img/spinner_plus.png)
}
.ord-form p.hint {
    font-size: 14px;
    line-height: 16px;
    margin-top: 30px;
}
span.wpcf7-form-control-wrap.size-len,  span.wpcf7-form-control-wrap.cnt {
    width: 150px;
}
.ord-form div.wpcf7 img.ajax-loader {
    border: none;
    vertical-align: middle;
    margin-left: 4px;
    position:absolute;
}

.upl-wrap label {
    float: left;
    width: 32%;
    overflow: hidden;
    text-align:left;
    color: #7c7cc4;
    margin-right: 2%
}
.upl-wrap label:last-of-type {
    margin-right:0;
}
label input.wpcf7-form-control.wpcf7-text, 
.last_page label input[type=number]{
    width: 100%;
    margin-top: 5px;
    box-sizing: border-box;
}
.pages div p.red-title{
    color: #cc1e1e;
    font-size: 18px;
    margin: 0 0 10px 0;
    text-align: left;
}
.fancyform a.phone-link {
    text-decoration: none;
    color: inherit;
}
.cf-fancybox.zakaz.wide .pages p.title{
    border-top:none;
}
/*Форма уплотнений*/
#cf-calc.uplotneniya .pages p.title{
    margin:0;
    padding:15px 0 10px 0;
    text-transform:none;
    font-size:20px;
}
.uplotneniya .p1 .wpcf7-list-item label{
    margin-bottom:10px;
}
.uplotneniya#cf-calc p.title{
    font-size:20px;
}
.uplotneniya .p1 .wpcf7-list-item label span{
    font-size: 18px;
    vertical-align: middle;
    display: inline-block;
    line-height: 15px;
}

.uplotneniya .pages .p1 p:last-child{margin:0}
.uplotneniya .pages .p1 .wpcf7-list-item label{
    background: #3669bb;
    margin-left: 0;
    padding: 0;
    line-height: 48px;
}
.uplotneniya .pages .p1 .wpcf7-list-item{
    width: 45%;
    margin: 0 2.5% 2.5% 2.5%
}
.uplotneniya .pages .p1 .wpcf7-list-item label.current{
    background:#a0a0aa;
}
.uplotneniya .pages .p2 .wpcf7-list-item label{
    width:124px;
    height:94px;
}
.uplotneniya .pages .p2 .wpcf7-form-control-wrap{
    display: block;
    height: 194px;
    overflow-y: scroll;
}
.uplotneniya .pages .p2 .wpcf7-form-control-wrap label{
    border-radius: 0;
    border: 2px solid #fff;
}
.uplotneniya .pages .p2 .wpcf7-form-control-wrap.profil1 label{
    background: top left no-repeat url(../img/forms/profil1.png)
}
.uplotneniya .pages .p2 .wpcf7-form-control-wrap.profil2 label{
    background: top left no-repeat url(../img/forms/profil2.png)
}
.uplotneniya .pages .p2 .wpcf7-form-control-wrap.profil3 label{
    background: top left no-repeat url(../img/forms/profil3.png);
    width:149px;
}
.uplotneniya .pages .p2 .wpcf7-form-control-wrap.profil4 label{
    background: top left no-repeat url(../img/forms/profil4.png)
}
.uplotneniya .pages .p2 .wpcf7-form-control-wrap.profil5 label{
    background: top left no-repeat url(../img/forms/profil5.png)
}
.uplotneniya .pages .p2 .wpcf7-form-control-wrap.profil6 label{
    background: top left no-repeat url(../img/forms/profil6.png);
    width:169px;
}
.uplotneniya .pages .p2 .wpcf7-form-control-wrap.profil7 label{
    background: top left no-repeat url(../img/forms/profil7.png)
}
#profil_name{font-weight:bold;}
.uplotneniya .pages .p2 .wpcf7-form-control-wrap.profilother{
    display: inline-block;
    width: auto;
    height: 76px;
    line-height: 76px;
    overflow: visible;

}
.uplotneniya .pages .p2 .wpcf7-form-control-wrap.profilother label{
    background: #3669bb;
    border-radius: 25px;
    color: #fff;
    font-size: 20px;
    text-transform: none;
    font-weight: normal;
    text-indent: 0;
    width: auto;
    padding: 18px 30px;
    margin: 24px 0 0 0;
    height: 52px;
    box-sizing: border-box;
    line-height: 16px;
    text-align: center;
    cursor: pointer;
    width:auto;
    border:none;
}
.uplotneniya .pages .p2 .wpcf7-form-control-wrap.profilother label.current{
    border: none;
    background: #a0a0aa;
}
.wpcf7-not-valid,
input.wpcf7-not-valid,
.ord-form .wpcf7-not-valid{
    border: 1px solid #f00!important;
}

.pages input[type=submit]:hover{
    background: #4cb55a
}
.file-wrap input[type=submit]{
    margin-top: -20px;
}

label:hover {
    opacity: 0.9;
}
.uplotneniya .last_page span.wpcf7-not-valid-tip, #cf-zakaz .last_page span.wpcf7-not-valid-tip{
    display:none;
}
.uplotneniya .last_page span.wpcf7-form-control-wrap, #cf-zakaz .last_page span.wpcf7-form-control-wrap{
    float:left;
    position:relative;
}
.p1.cilinder{    
    background: center 250px no-repeat url(../img/forms/cylinder_bg.png);
}
.wpcf7-form-control-wrap.email {
    display: inline-block;
    position: relative; 
}
.wpcf7-form-control-wrap.email:hover::after {
    content: "Введите и телефон и Email для ответа"; /* Выводим текст */
    position: absolute; /* Абсолютное позиционирование */
    left: 25px; top: 2px; /* Положение подсказки */
    z-index: 1; /* Отображаем подсказку поверх других элементов */
    background: rgba(255,255,230,0.9); /* Полупрозрачный цвет фона */
    font-family: Arial, sans-serif; /* Гарнитура шрифта */
    font-size: 10px; line-height:12px; /* Размер текста подсказки */
    padding: 5px; /* Поля */
    border: 1px solid #f00; /* Параметры рамки */
}

.pages .p2 .wpcf7-list-item label.LIEBHERR{
    background-position: 3px 0;
    width: 140px;
}
.pages .p2 .wpcf7-list-item label.CAT{background-position:-155px 0;width:74px;}
.pages .p2 .wpcf7-list-item label.JCB{background-position:-244px 0;width:116px;}
.pages .p2 .wpcf7-list-item label.KOMATSU{background-position:-370px 0;width:129px;}
.pages .p2 .wpcf7-list-item label.HITACHI{background-position:0 -49px;width:135px;height:58px;}
.pages .p2 .wpcf7-list-item label.FUCHS{background-position:-150px -54px;width:84px;height:58px;}
.pages .p2 .wpcf7-list-item label.VOLVO{background-position:-236px -50px;width:127px;height:58px;}
.pages .p2 .wpcf7-list-item label.CASE-Construction{background-position:-375px -54px;width:124px;height:58px;}
.pages .p2 .wpcf7-list-item label.KOBELCO{background-position:-0px -110px;width:129px;height:59px;}
.pages .p2 .wpcf7-list-item label.BOBCAT{background-position:-135px -105px;width:115px;height:59px;}
.pages .p2 .wpcf7-list-item label.DOOSAN{background-position:-254px -104px;width:129px;height:59px;}
.pages .p2 .wpcf7-list-item label.TEREX{background-position:-386px -110px;width:114px;height:59px;}

/*cf-nasos*/
.cf-nasos .pages .p2 .EATON{background-position:-232px 0;width:124px;}
.cf-nasos .pages .p2 .KAWASAKI{background-position:-353px 0;width:147px;}
.cf-nasos .pages .p2 .HITACHI{background-position:0px -54px;width:124px;height:39px;}
.cf-nasos .pages .p2 .LINDE{background-position:-130px -54px;width:113px;}
.cf-nasos .pages .p2 .NACHI{background-position:-244px -54px;width:114px;}
.cf-nasos .pages .p2 .VICKERS{background-position:-360px -54px;width:140px;height:54px;}
.cf-nasos .pages .p2 .SAUER-DANFOSS{background-position:0px -100px;width:124px;}
.cf-nasos .pages .p2 .TOSHIBA{background-position:-128px -100px;width:120px;}
.cf-nasos .pages .p2 .PARKER{background-position:-248px -100px;width:110px;}
.cf-nasos .pages .p2 .REXROTH{background-position:-366px -100px;width:126px;}
/*OLD FORM*/
.custom-form4 {
    position: relative;
    width: 500px;
    max-width:100%;
    margin: 0 auto;
}
.custom-form4-title {
    font-weight: bold;
    font-family: Verdana;
    color:#000;
    padding: 0 0 8px;
    margin: 0 0 8px;
    font-size: 20px;
    border-bottom: 1px solid #000;
    font-style: italic;
}
.custom-form4-image {
    height: 220px;
    width: 100%;
    position: relative;
    background: url(../img/stock.jpg) no-repeat 50% 50%;
}
.custom4-row {
    position: relative;
    padding: 0 0 10px;
}
.custom4-title {
    width: 58%;
    float: left;
    text-align: right;
    padding: 6px 0;
    font-size: 16px;
}
.custom4-title span {
    color:#B8B8B8;
}
.custom4-inpit {
    width: 38%;
    float: right;
}
.custom4-inpit input[type="text"]{
    display: block;
    max-width: 100%;
    width: 100%;
    text-indent: 6px;
    padding: 6px 0;
    background:#fff;
    margin-top:0
}
.c-row-button{
    float: left;
    width: 100%;
}
.c-row-button input[type="submit"]{
    float: none;
    margin: 20px auto 0 auto;
    display: block;
}
.custom4-inpit select{
    display: inline-block;
    padding: 6px;
    max-width: 100px;
    margin-top:0;
    background:#fff
}

.custom4-inpit textarea {
    display: block;
    max-width: 100%;
    width: 100%;
    padding: 6px;
    height: 80px;
    background:#fff;
    margin-top:0
}
.custom4-helper1{
    position: absolute;
    top: 0px;
    right: 0px;
    width: 75px;
    height: 75px;
}
.custom4-helper1 a{
    background: url(../img/custom4-helper1.jpg) no-repeat 50% 50%;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 75px;
    height: 75px;
    background-size: cover;
    z-index: 100;
}
.custom4-helper2{
    position: absolute;
    top: 3px;
    right: 48px;
    width: 30px;
    height: 30px;
}
.custom4-helper2 a{
    background: url(../img/custom4-helper1.jpg) no-repeat 50% 50%;
    position: absolute;
    top: 3px;
    right: 0;
    width: 30px;
    height: 30px;
    background-size: cover;
    z-index: 100;
}
/*end OLD FORM*/
p.title.blue.noborder {
    border-top: none;
    text-transform: none;
    color: #3669bb;
    font-size: 25px;
    padding-top: 10px;
}
p.title.noborder {
    border-top: none;
    text-transform: none;
    padding-top: 10px;
}
p.title.blue.noborder {
    border-top: none;
    text-transform: none;
    padding-bottom:0;
}
.pages p.subtitle{
    font-size:18px;
    font-weight:bold;
    padding: 20px 0 20px 0;
    text-align:left;
    color:#333
}
.pages p.subtitle span{
    font-weight:normal
}
.pages .otherinf .half,
.pages .otherinf .quarter{
    line-height: 12px;
    text-align: left;
    color: #333;
    margin-top: 10px;
    font-size: 14px;
}
.pages .p3 .diam .wpcf7-list-item{
    width:49%;
    margin: 5px 0.5%
}
.pages  .p3 .diam .wpcf7-radio .wpcf7-list-item label{
    margin-left:0
}
.wpcf7-form-control-wrap.file-745 input, .wpcf7-form-control-wrap.file-751 input, .wpcf7-form-control-wrap.file-921 input, .wpcf7-form-control-wrap.file-821 input {
    float: left;
}
.wpcf7-form-control-wrap.file-751 input, .wpcf7-form-control-wrap.file-921 input, .wpcf7-form-control-wrap.file-745 input, .wpcf7-form-control-wrap.file-821 input {
    margin-top: 10px;
}



@media (max-width:1280px){
    .ord-form{
        width: 100%;
        margin: 0 auto 40px auto;
    }
}
@media (max-width:960px){
    article .ord-table{
        margin-top:0
    }
}
@media (max-width:820px){
    .cf-fancybox.huge,
    .cf-fancybox.huge .pages>div{
        width: 100%;
    }

    .cf-fancybox.huge .select-count,
    .cf-fancybox .select-count {
        letter-spacing: initial;
        font-size: 16px;
        text-align:center;
    }
}
@media (max-width:650px){
    .wpcf7 .quarter{
        width:49%
    }
    .pages .otherinf .half{
        width:99%;
        margin: 5px 0.5%
    }
    .pages .otherinf .quarter{

        margin: 5px 0.5%
    }
    article .ord-form .quarter{
        font-size: 14px;
        padding-top:20px;
    }
    .wpcf7 .quarter,
    .wpcf7 .quarter.ml{
        margin: 0 0.5%
    }
    .ord-form .quarter br{
        display:none;
    }
    article .ord-table th br{
        display: block;
    }

    .cf-fancybox.wide .pages>div{
        width: calc(100vw - 17px);
        padding: 5px;
        min-width: 303px
    }  
    .p1.cilinder,
    .cf-nasos .p1.motor,
    .cf-nasos .p1,
    #cf-reduktor .p1.reduktor
    {
        background-size: contain
    }
    .fancybox-slide > *{
        margin:0;
        padding:0;
    }
    p.steps a{
        margin: 0 3px;
    }
    .pages .p1 .wpcf7-list-item,
    .pages .p3 .diam .wpcf7-list-item{
        width:49%;
        margin: 5px 0.5%
    }
    .pages .p1 .wpcf7-list-item.last label,
    .pages .p1 .wpcf7-list-item label,
    .pages .p3 .diam .wpcf7-list-item label{
        margin:0;
        width:100%;
    }
    .uplotneniya .p1 .wpcf7-list-item label span{
        font-size: 16px;
    }
    .custom4-title,.custom4-inpit{
        width:100%;
        text-align:left;
    }
    .custom4-helper2 {
        top: 36px;
        right: auto;
        left: 127px;
    }
    .custom4-helper1 {
        top: 5px;
        right: auto;
        left: 150px;
    }
}
@media (max-width:520px){
    .upl-wrap label {
        float: left;
        width: 100%;
    }
    .custom-form4-image{
        background-size:contain
    }
}
@media (max-width:480px){
    .pages>div{
        width: calc(100vw - 17px);
        padding: 25px 5px;
        min-width: 303px
    }
    #cf-calc .pages .p3 .wpcf7-list-item, .pages .p4 .wpcf7-list-item{
        width: 159px;
        margin: 0 0 6px 5px;
    }
    #cf-calc .pages .p3 .wpcf7-list-item label, .pages .p4 .wpcf7-list-item label {
        width: 159px;
        margin:0;
        font-size:18px;
    }
    .wpcf7 .half,
    .wpcf7 .half.ml{
        width:100%;
        margin-left:0
    }
    .pages p.title{
        font-size:18px;
    }
    .pages input[type="submit"]{
        float:none;
        display:inline-block;
    }
    .pages .file-wrap input[type="submit"]{
        display:block;
        margin: 50px auto 0 auto;
    }
    .pages .p1 .wpcf7-list-item,
    .pages .p3 .diam .wpcf7-list-item{
        width:90%;
        margin: 5px 5%
    }
    .cf-fancybox .wpcf7-form-control-wrap {
        width: 90%;
        margin: 0 auto;
        display: block;
    }
    .cf-fancybox.wide .wpcf7-form-control-wrap {
        width:100%;
    }
}

@media (max-width:450px){
    .wpcf7 .quarter{
        width:99%
    }
    article .ord-form .quarter{
        padding-top:10px;
    }
    .uplotneniya .pages .p1 .wpcf7-list-item{
        width: 90%;
        margin: 0 5% 2.5% 5%;
    }
}