@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500&display=swap');
html, body {margin:0;padding:0;background:#FFF;}
body {margin: 0;font-family:'Montserrat', sans-serif!important;font-size: 0.8885rem;font-weight: 400;line-height: 1.5;color: #111;text-align: left;background-color: #fff;}
body {overflow-x:hidden;margin-right: calc(-1 * (100vw - 100%));}
/***** blockquote  *****/
blockquote {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 40px;
    margin-inline-end: 40px;
    unicode-bidi: isolate;
}
blockquote {
    font-style: italic;
    font-family: Georgia, Times, "Times New Roman", serif;
    padding: 2px 0;
    border-style: solid;
    border-color: #ccc;
    border-width: 0;
}
blockquote {
    padding-left: 20px;
    padding-right: 8px;
    border-left-width: 5px;
}
/***** /blockquote  *****/
::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: #F5F5F5;}
::-webkit-scrollbar{width: 8px;background-color: #F5F5F5;}
::-webkit-scrollbar-thumb{background-color: red;border-radius: 3px;}
a{color:#3567AF;text-decoration:none!important;font-size: 0.8885rem!important;font-weight: 500;}
a:hover{color:#FF0718;text-decoration:none!important;font-size: 0.8885rem!important;font-weight: 500;}
.container-main{max-width: 1600px;margin:0 auto;padding-right:10px;padding-left:10px;}
.sur{display:none;}
input.empty {font-family: FontAwesome;font-style: normal;font-weight: normal;text-decoration: inherit;}
.form-send{width:50%;margin:0 auto;}
.btn {border-radius:0.175rem!important;}
.btn-primary{background:#3567AF!important;--bs-btn-border-color:#3567AF!important;--bs-btn-hover-border-color:#3567AF!important;--bs-btn-active-border-color:#3567AF!important;color:#fff!important;}
.btn-danger {background:#E30613!important;color:#FFF;}
.btn-black, .btn-default{background:#000;color:#fff;}
.btn-black:hover,.btn-black:focus,.btn-black:active,.btn-default:hover,.btn-default:focus,.btn-default:active{background:#3567AF;color:#fff;}
.content{padding-right:80px;padding-left:80px;padding-top:40px;}
@media (max-width: 960px) and (min-width: 0px){
	.content{padding-right:10px;padding-left:10px;}
}
.title-section h2{font-size:2.7rem;color:#000;font-weight:600;text-align:center;text-shadow: 3px 5px 10px rgba(0,0,0,.4);}
/***** header *****/
header{width:100%;height:120px;padding:10px;}
.logo-head{text-align:center;color:#000;font-size:.8rem;line-height:18px;font-weight:500;}
.logo-head img{width:60%;margin:0 auto;}
.inf-head{font-size:1rem;line-height:24px;font-weight:500;}
.inf-head li a{font-size:1.3rem!important;}
.inf-head a{text-decoration:none;}
.inf-head a:hover{color:#E30613;}
.inf-head ul li{list-style:none;display:inline;}
.inf-head li{margin-left:5px;margin-right:5px;font-size:1.3em!important;}
.inf-head ul{padding-left: .1em;margin-bottom:.5em;padding-top:5px;}
.contact-head{color:#000;font-size:.8rem;line-height:18px;font-weight:500;}
.contact-head a{color:#000;font-size:.8rem;text-decoration:none;}
.contact-head a:hover,.contact-head a:focus,.contact-head a:active,.contact-head a:visited{color:#3567AF;text-decoration:none;}
/*#tel-top{margin-bottom:10px;}*/
/***** nav *****/
.nav-link{font-size:0.8885rem!important;font-weight: 500;margin-top:3px;}
.nav-link:hover{color:#FF0718;}
.navbar{background:#FFF;-webkit-transition: .3s;transition: .3s;-webkit-box-shadow: 0 6px 6px rgba(0, 0, 0, 0.5);box-shadow: 0 6px 6px rgba(0, 0, 0, 0.5);}
.search-menu {visibility: hidden;}
.navbar-brand-mobil {visibility: hidden;width: 10%;height:30px;}
/***** bnner ******/
.title{}
.bannerwrapper {width: 100%;position: relative; display: inline-block;}
.bannerwrapper .container {position: absolute;top: 40%;left:-1%;right: 0;margin: auto}
.bannerwrapper .container-banner {position: absolute;top: 40%;left: 0;right: 0;margin: auto;}
#banner { position: relative;height: 260px;float: right; width: 90%}
#banner .bg {width: 100%;height: 100%;position: absolute; top: 0;left: 0;background-color: #303030;opacity: .2;}
.container-area #banner {width: 100%}
.bannerwrapper .container-area #banner .bg {width: 100%;height: 100%;position: absolute;top: 0;left: 0; background: linear-gradient(90deg, rgba(234,116,37,1) 0%, rgba(234,116,37,1) 35%, rgba(234,116,37,0.3981967787114846) 100%);opacity: 1;}
.bannerwrapper .container .title {font-size: 48px;font-weight: normal;color: #fff;line-height: 1;padding-left: 21px;border-left: 14px solid #0042CA;float: left; margin-bottom: 0}
.bannerwrapper .container-area {width: 100%;float: right;position: relative;display: inline-block;padding-left: 10%; padding-right: 10%;}
.bannerwrapper .container-fluid .title {font-size: 48px;font-weight: normal;color: #fff;line-height: 1;padding-left: 10%; float: left;margin-bottom: 0;}
/***** breadcrumb *****/
.breadcrumb {display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;padding: .75rem 1rem;margin-bottom: 1rem;list-style: none;background-color: #F8F9FA;border-radius: 
0.25rem;--bs-breadcrumb-item-padding-x: 0.2rem!important;}
.breadcrumb-item img{width:18px;height:auto;margin-bottom: 8px;}
.breadcrumb-item a{font-size:0.8885rem;color:#3567AF;text-decoration:none;}
.breadcrumb-item a:hover{color:#FF0718;}
/***** upload file *****/
#upload-container {display: flex;justify-content: center;align-items: center;flex-direction: column;width: 280px;height: 160px;/*outline: 2px dashed #5d5d5d;*/outline-offset: -12px;background-color: #FFF;font-family: 'Montserrat';color: #1f3c44;font-size: 13px;}
#upload-container img {width: 15%;margin-bottom: 5px;user-select: none;}
#upload-container label {font-weight: bold;}
#upload-container label:hover {cursor: pointer;text-decoration: underline;}
#upload-container div {position: relative;z-index: 10;}
#upload-container input[type=file] {opacity: 0;position: absolute;z-index:13;}
#upload-container label.focus {outline: 1px solid #0078d7;outline: -webkit-focus-ring-color auto 5px;}
#upload-container.dragover {background-color: #fafafa;outline-offset: -17px;}
/***** /new *****/
.file-ord {padding-top: 30px;}
.upload__input {position:relative;top: 55px;right: 0;bottom: 0;left: 0;cursor: pointer;opacity: 0;}
.help-or{position:relative;padding: 0px;/*top:-10px;height:73px;*/}
#fileName{position:relative;top:15px;}
/***** order *****/
#order{width:100%;text-align:center;padding-bottom:0;background: url("../images/hydraulic-pump.webp") bottom center;background-size: cover;background-attachment:fixed;background-repeat: no-repeat;background-color: rgba(255, 255, 255, 0.2);-webkit-text-size-adjust: 100%;}
#order .title-section h2{font-size:2.7rem;color:#FFF;font-weight:600;text-shadow: 3px 5px 10px rgba(0,0,0,.4);}
.order-left h2{color:#FFF;font-size:3.5em;font-weight:600;line-height: 1.15em;text-shadow:3px 5px 10px rgba(0,0,0,.4);}
.order-right h3{font-size:1.7rem;color:#000;font-weight:600;}
.order-left p,.order-right p{color:#FFF;font-size:1.7rem;font-weight:600;}
.order-right p{color:#000;font-size:1.15em;font-weight:600;}
.order-right{padding:10px;background:rgba(255,255,255,.8);border-radius:8px;margin-bottom: 40px;}
.order-img{}
.order-img img{width:100%; height:auto;}
.order-form {transition: background .3s,border .3s,border-radius .3s,box-shadow .3s,transform var(--e-transform-transition-duration,.4s);}
.order-form{font-size:2rem;}
.oerder-form form{width:50%;margin:0 auto;}
.condit{color:#000;font-size:.95em;font-weight:600;}
.order-spec{text-align:left; padding-left:20px;}
.order-spec img{width:3%;vertical-align:middle;margin-right:20px;}
.dtn-messengr-wp,.dtn-messengr-tg{font-size:1.3rem;background:transparent;width: 100%!important;padding-top: 12px;padding-bottom: 18px;border-radius:10px;height: 55px;margin-bottom:20px;line-height:1.5rem;}
.dtn-messengr-wp{border:2px solid #48C657;color:#48C657;}
.dtn-messengr-wp:hover{border:2px solid #48C657;background:#48C657;color:#FFF;}
.dtn-messengr-tg{border:2px solid #259CD8;color:#259CD8;}
.dtn-messengr-tg:hover{border:2px solid #259CD8;background:#259CD8;color:#FFF;}
.order-item{color:#FFF;padding:40px 30px;}
.oerder-form .input-number{margin-bottom:20px;}
.flex-box__num_one,.flex-box__num_two,.flex-box__num_three,.flex-box__num_four {color: #FFF;text-align: center;font-weight: 600;font-size: 2.1em;line-height: 1.9em;margin-bottom: 14px; position: relative;z-index: 1; padding-top: 40px;text-shadow: 3px 5px 10px rgba(0,0,0,.4);}
.flex-box__num_one:after{content:"1";position:absolute;top: 50%;left: 50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);color: #A9A9A6;font-weight: 500;font-size: 3.7em;line-height: 4em;z-index: -1;text-shadow: 3px 5px 10px rgba(0,0,0,.4);}
.flex-box__num_two:after{content:"2";position:absolute;top: 50%;left: 50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);color: #A9A9A6;font-weight: 500;font-size: 3.7em;line-height: 4em;z-index: -1;text-shadow: 3px 5px 10px rgba(0,0,0,.4);}
.flex-box__num_three:after{content:"3";position:absolute;top: 50%;left: 50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);color: #A9A9A6;font-weight: 500;font-size: 3.7em;line-height: 4em;z-index: -1;text-shadow: 3px 5px 10px rgba(0,0,0,.4);}
.flex-box__num_four:after{content:"4";position:absolute;top: 50%;left: 50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);color: #A9A9A6;font-weight: 500;font-size: 3.7em;line-height: 4em;z-index: -1;text-shadow: 3px 5px 10px rgba(0,0,0,.4);}
.order-item-text{color: #FFF;text-align: center;font-style: normal;font-weight: 500;font-size: 1rem;line-height: 1.2em;}
/***** menuList *****/
.top-select{background:#DBDBDB;height:40px;}
.menu-pump-select{border-right:1px solid rgba(0,0,0,.1);background:rgba(0,0,0,.05);font-size:.8em;}
.menu-pump-select ul,li{list-style:none; }
.menu-pump-select li{border-bottom:1px solid rgba(0,22,36,.7);}
.menu-pump-select ul{padding-left: 0.5rem;}
.menu-pump-select a{color:#000;text-decoration:none;}
.menu-pump-list{font-size:.8em;}
.menu-pump-list ul{padding-left: 0.5rem;}
.menu-pump-list a{color:#FFF!important;text-decoration:none;font-size: .9rem;}
.menu-pump-list a:hover{color:#FFF;text-decoration:underline;font-size: .9rem;text-shadow:1px 1px 3px;}
.offcanvas{background:#0071BD!important;color:#fff!important;}
/***** content *****/
#dat-pump{padding-bottom:15%;}
#main-page{padding-bottom:30px;}
/***** nav-catalog *****/
.accordion-flush>.accordion-item>.accordion-header .accordion-button, .accordion-flush>.accordion-item>.accordion-header .accordion-button.collapsed {border-radius: 4px!important;}
.accordion-button{padding-left:8px!important;padding-right:8px!important;padding-bottom:8px!important;padding-top:8px!important;background:#3567AF!important;color:#FFF!important;font-size: 1.3rem!important;font-weight:500;}
.accordion-header{background:#3567AF!important;color:#FFF!important;border-radius: 4px!important;}
.accordion-item{}
.nav-catalog{padding-left:3px;}
.nav-catalog ul,li{list-style:none;}
.item-nav-catalog{margin-top:5px;margin-bottom:5px;border-bottom:1px solid rgba(53,103,175,.7);}
.item-nav-catalog a{color:#000;text-decoration:none;font-size:1em;font-weight:500;}
.item-nav-catalog a:hover{color:#3567AF;}

/***** catalog-item-index *****/
.brands-list {display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;margin: 45px 2px 20px;padding: 0;}
.brands-list li {list-style: none;padding: 0 10px;box-sizing: border-box;-webkit-flex: 0 1 11.11%;flex: 0 1 11.11%;min-width: 180px;min-height: 156px;margin-bottom: 9px;margin-left:3px;margin-right:3px;text-align: center;font-size: 14px;
font-weight: 600;color:#E30613;border:1px solid rgba(0,0,0,.1);border-radius:3px;background: linear-gradient(90deg, rgb(205 205 205) 0%, rgb(255, 255, 255) 50%);outline: 1px solid rgba(201, 201, 201, 1);}
.brands-list li p{font-size:.95em!important;color:#E30613;}
.brands-list li:hover{filter: drop-shadow(0px 0px 4px #A0A0A0);}
.brands-list .bx_catalog_tile_img {display: block;height: 80px;margin: 0 10px 11px;background-position: 50% 50%;background-repeat: no-repeat;background-size: contain;}
.accordion {margin-bottom: 10px;}

.bx_catalog_tile_img {display: block;height: 80px;margin: 0 10px 11px;background-position: 50% 50%;background-repeat: no-repeat;background-size: contain;}
.catalog-index{padding:5px;overflow: hidden;border:none;}
.catalog-index:hover{filter: drop-shadow(0px 0px 4px #A0A0A0);}
.catalog-index a{color:#E30613;text-decoration:none;}
.item-prod{width: 100%;height: 160px;padding:5px;border:1px solid rgba(0,0,0,.2);border-radius:3px;background: linear-gradient(90deg, rgb(205 205 205) 0%, rgb(255, 255, 255) 20%);outline: 1px solid rgba(201, 201, 201, 1);transition: .115s filter linear;}
.img-item-prod{width:40%;float:right;height:auto;overflow: hidden;}
.img-item-prod img{width:93%; height:auto;transition: 1s;}
.img-item-prod img:hover{transform: scale(1.4);}
.des-item-prod{width: 100%;text-align:center;}
.des-item-prod b{font-size:1rem;font-weight:600;}
.des-item-prod p{font-size:.8rem;font-weight:600;color:#E30613;margin-bottom:0px;}
/***** category *****/
.category a{color:#333;text-decoration:none;}
.category-list{padding-bottom:30px;}
.category-item{padding:10px;text-align:center;border:1px solid rgba(0,0,0,.3);border-radius:4px;margin-bottom:15px;}
.category-item:hover{box-shadow: 0 0 10px 5px rgba(221, 221, 221, 1);}
.img-category{width:100%;}
.img-category img{width:100%;height:auto;margin:0px auto;}
.name-category{color:rgba(277, 6, 19, .98);font-size:.9rem;font-weight:500;}
.name-category a{color:#333;text-decoration:none;}
.name-category b{font-size:1.1rem;font-weight:600;color:rgba(277, 6, 19, .98);}
/***** news ******/
#news{padding-bottom:30px;}
.news{padding:10px;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;}
.news a{color:#333;}
.news a:hover{color:red;text-decoration:none;}
.dat-news{font-size:.8em;padding-top:10px;}
.dat-news a{color:#FFF!important;text-decoration:none;}
.title-news{padding-top:20px;margin-bottom:0px;}
.news-img{overflow:hidden;}
.news-img img{transition: 3s;display: block;width:100%;height:auto;}
.news-img img:hover{transform: scale(1.2);}
.form-news{padding:20px;width:90%;}
/***** tehorder *****/
#tehorder{position: relative;/*padding: 100px 0 0;*/margin-top:100px;background-image: url(../images/hydraulic-pump.webp);background-position: center top;background-attachment:fixed;background-repeat: no-repeat;background-size:cover;color:#FAFAFA;}
/*.want{background-color: #112038 /*#161961;}*/
.mb-none span{font-weight:500;font-size:1.2rem;}
.want{background-image:url(../images/hydraulic-pump.webp);background-size:cover;background-position: center center;background-attachment:fixed;background-repeat: no-repeat;min-height:386px;width:100%;}
.want-item {padding: 90px 10px;}
#tehorder .img-box {position: absolute;left: 50%;bottom: 0;}
#advan{ min-height:160px;padding:20px;background-image: url(../images/bg-top.webp);background-position: center top;background-repeat: no-repeat;background-size:cover;color:#FAFAFA;}
.it-advan-text h4{font-weight: 600;font-size:1.6rem;color:#112038;}
.it-advant-text h4{font-weight: 600;font-size:1.6rem;color:#FAFAFA;}
.numb-advan{width:100%;padding:10px;color:#112038;font-weight: 500;font-size:1.6rem;border-bottom:1px solid #112038;}
.numb-advant{width:100%;padding:10px;color:#FAFAFA;font-weight: 500;font-size:1.6rem;border-bottom:1px solid #FAFAFA;}
.it_work{padding:20px;margin-bottom:20px;}
.it_works{padding:20px;margin-bottom:20px;}
.it_works a{color:#4C90FC;}
.it-advan-text a{text-decoration:underline;}
.numb-work{width:100%;padding:10px;color:#112038;font-weight: 500;font-size:2rem;}
.numb-works{width:100%;padding:10px;color:#FAFAFA;font-weight: 500;font-size:2rem;}
.it-work-text{margin-bottom:10px;}
.it-work-text h4{font-weight: 600;font-size:1.6rem;color:#161961;}
.title-section h1{font-weight: 500;font-size:3.5rem;}
.title-section h2{font-weight: 500;}
.title-section-main{background-size: cover;background-attachment: fixed;min-height:300px;color:#112038;}
.title-section-main h1{font-weight: 400;font-size:3.5rem;padding-top:5%;text-shadow: 1px 2px 2px rgb(255 255 255 / 60%);}
.new{background: #3984BE;padding: 2px 3px;width: 10%;position: relative;color: #FFF;text-transform: uppercase;font-size: 1rem;text-align: center;}
/*********** carusel-product ********/
.im{margin:5px;max-width: 300px;height:auto;}
#model .im-gr{width: 90%;height:auto;}
.photo-prod img{min-width: 300px;height:auto;}
.connected-carousels .stage {max-width: 300px;margin-top: 20px;position: relative;margin:10px auto;}
.connected-carousels .photo-credits {position: absolute;right: 15px;bottom: 0;font-size: 13px;color: #fff;text-shadow: 0 0 1px rgba(0, 0, 0, 0.85);opacity: .66;}
.connected-carousels .photo-credits a { color: #fff;}
/** Navigation container **/
.connected-carousels .navigation { width: 260px;margin: 20px;position: relative;margin:0 auto;}
.connected-carousels .navigation-br{width: 90%;margin: 20px;position: relative;margin:0 auto;}
/** Shared carousel styles **/
.connected-carousels .carousel {overflow: hidden;position: relative;}
.connected-carousels .carousel ul {width: 20000em;position: relative;list-style: none;margin: 0;padding: 0;}
.connected-carousels .carousel li {float: left;}
/** Stage carousel specific styles **/
.connected-carousels .carousel-stage { max-height: 300px;/*border: 10px solid #fff;*/-webkit-border-radius: 1px;-moz-border-radius: 1px;border-radius: 1px;/*-webkit-box-shadow: 0 0 2px #CCC;-moz-box-shadow: 0 0 2px #CCC;box-shadow: 0 0 2px #CCC;*/}
/** Navigation carousel specific styles **/
.connected-carousels .carousel-navigation {height: 75px;width: 260px;background: #fff;border: 10px solid #fff;-webkit-border-radius: 1px;-moz-border-radius: 1px;border-radius: 1px;/*-webkit-box-shadow: 0 0 2px #CCC;-moz-box-shadow: 0 0 2px #CCC;box-shadow: 0 0 2px #CCC;*/}
.connected-carousels .carousel-navigation-br{height: 60px;width: 100%;background: #fff;border: 10px solid #fff;-webkit-border-radius: 1px;-moz-border-radius: 1px;border-radius: 1px;-webkit-box-shadow: 0 0 2px #CCC;-moz-box-shadow: 0 0 2px #CCC;box-shadow: 0 0 2px #CCC;}
.connected-carousels .carousel-navigation li {cursor: pointer;}
.connected-carousels .carousel-navigation li img {display: block; border: 1px solid #fff;cursor:pointer;}
.connected-carousels .carousel-navigation li.active img {border-color:#CCC;}
/** Stage carousel controls **/
.connected-carousels .prev-stage,
.connected-carousels .next-stage {display: block;position: absolute;top: 0;width: 305px;height: 300px;color: #fff;}
.connected-carousels .prev-stage {left: 0;}
.connected-carousels .next-stage {right: 0;}
.connected-carousels .prev-stage.inactive,
.connected-carousels .next-stage.inactive {display: none;}
.connected-carousels .prev-stage span,
.connected-carousels .next-stage span {display: none;position: absolute;top: 50%;width: 30px;height: 30px; text-align: center;background: #4E443C;color: #fff;text-decoration: none;text-shadow: 0 0 1px #000;font: 24px/27px Arial, sans-serif;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;/*-webkit-box-shadow: 0 0 2px #CCC;-moz-box-shadow: 0 0 2px #CCC; box-shadow: 0 0 2px #CCC;*/}
.connected-carousels .prev-stage span {left: 20px;}
.connected-carousels .next-stage span {right: 20px;}
.connected-carousels .prev-stage:hover span,
.connected-carousels .next-stage:hover span {display: block;}
/** Navigation carousel controls **/
.connected-carousels .prev-navigation,
.connected-carousels .next-navigation {display: block;position: absolute;width: 30px;height: 30px;color: #fff;text-decoration: none;text-shadow: 0 0 1px #000;font: 16px/29px Arial, sans-serif;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;/*-webkit-box-shadow: 0 0 2px #CCC;-moz-box-shadow: 0 0 2px #CCC;box-shadow: 0 0 2px #CCC;*/}
/*.connected-carousels .prev-navigation-br,
/*.connected-carousels .next-navigation-br {display: block;position: absolute;width: 30px;height: 30px; background: #fff;color: #4E443C;text-decoration: none;text-shadow: 0 0 1px #000;font: FontAwesome;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;-webkit-box-shadow: 0 0 2px #CCC;-moz-box-shadow: 0 0 2px #CCC;box-shadow: 0 0 2px #CCC;}*/
.connected-carousels .prev-navigation {left: -45px;top: 24px;text-indent: 6px;}
.connected-carousels .next-navigation {right: -15px;top: 24px;text-indent: 20px;}
.connected-carousels .prev-navigation.inactive,
.connected-carousels .next-navigation.inactive {opacity: .5;cursor: default;}
/*********** end ***********/
/***** product *****/
#model iframe{width:100%;min-height:400px;}
#model .table>:not(caption)>*>* {
    padding: .2rem .5rem !important;
    font-size: .8em;
}
.price b{font-size:1.3rem;color:red;margin-left:10px;}
/***** search *****/
.coun_search{border-bottom:1px solid rgba(0,0,0, .3);padding:10px;margin-bottom:10px;}
.research{border-bottom:1px dotted rgba(0,0,0, .3);padding-bottom:5px;margin-bottom:10px;}
/***** Button Up *****/
.b-top {z-index:200;position:fixed;right:50px;bottom:20px;width:20px;height:20px;margin-left:10%;opacity: 0.5;filter:alpha(opacity=30);}
.b-top:hover {opacity:1;filter:alpha(opacity=100);cursor:pointer;}
.b-top-but {z-index: 200; display: block;left: 50px;width: 35px;height: 35px;font-size: 14px;background-color:#4E940C;border: 1px solid #FFFFFF;border-radius: 3px;bottom: 0;margin: 0 0 0 10%;/* padding: 18px; */color: #FFF;text-shadow: -2px -2px 0 #364861;}
.b-top-but img{margin-top: 5px;margin-right: 8px;margin-left: 5px;}
/******** close button ***********/
.modal-header img{width:60%;height:auto;}
.btn-close {background-color: rgba(252, 20, 0, 0.6)!important;border:1px solud rgba(255,255,255,0)!important;border-radius: 1.375rem!important;padding: .35em .35em!important;}
.close {position: absolute;top:0px;right:0px;padding: 0;width: 35px;height: 35px;border: 2px solid #ccc;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%;background-color: rgba(36, 98, 184, 0.855);-webkit-box-shadow: 0px 0px 10px #000;-moz-box-shadow: 0px 0px 10px #000;box-shadow: 0px 0px 10px #000;text-align: center;text-decoration: none;/*font-weight: bold;line-height: 20px;*/-webkit-transition: all ease .8s;-moz-transition: all ease .8s;-ms-transition: all ease .8s;-o-transition: all ease .8s;transition: all ease .8s;}
.close > .svg-inline--fa {position: absolute;top: 6px;right: 9px;}
.close:before {color: rgba(255, 255, 255, 0.9);content: ""\f00d"";text-shadow: 0 -1px rgba(0, 0, 0, 0.9);font-size: 12px;}
.close:hover {background-color: rgba(252, 20, 0, 1)!important;border:1px solud rgba(255,255,255,0)!important;-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);transform: rotate(360deg);}
.popup p, .popup div {margin-bottom: 10px;}
/***** pumpSelect *****/
.plashka img{max-height:110px;float:left;padding:5px;margin-right:20px;}
.title-dat{padding-top:30px;color:#FFF;}
.logo-dat{margin-bottom:20px;}
.logo-dat img{width:50%;height:auto;}
.search-dat{padding-bottom:20px;}
.search-form-dat{padding:0px!important;}
.selekt-prod{padding:5px;}
.selekt-prod a{text-decoration:none;}
.plashka{width:100%; height:140px;padding:8px;background:rgba(277,6,19,.98);border-radius:4px;color:#FFF;}
.link_pump{border:none;background:transparent!important;}
.link_pump:hover{color:#0C86E1;}
.pump-opt{width:50%;float:left;padding:5px;}
.pump-opt-item{border:1px solid rgba(0,0,0, .1);padding:15px;}
.pump-g{min-height:269px;width:100%!important;padding:10px;border:1px solid rgba(0,0,0,.1);border-radius:5px;margin-top:10px;margin-bottom:10px;}
.pump-g:hover{box-shadow: 0 0 10px 5px rgba(221, 221, 221, 1);}
.pump-g h6{font-size: 1.05rem;font-weight:600;}
.pump-g p{position:absolute;bottom:5px;font-size:1.2rem;font-weight:700;}
.pump-g a:hover{text-decoration:none;}
.podb-f{width:100%;}
.pump-t{white-space: pre-wrap!important;}
.scroll {width:100%;height:200px;overflow:auto;padding:10px 20px;border:#FAFAFA 1px solid;background-color:#FAFAFA;}
.scroll-model{width:100%;height:500px;overflow:auto;padding:10px 20px;border:#FAFAFA 1px solid;background-color:#FAFAFA;}
.title-group-par{padding-bottom:20px;}
.title-group-par a{margin-left:10px;text-decoration:none;cursor:pointer;font-weight:600;padding:5px 10px;border:1px solid #DBEFFF;}
#pump-table {width:100%!important;}
.table-pump thead th {vertical-align: bottom;border-bottom: 2px solid #dee2e6;}
.table-pump td, .table-pump th {padding: .1rem;vertical-align: top;border-top: 1px solid #dee2e6;}
.table-pump td {text-align: center;font-size: 0.8rem;}
.table-pump th {text-align: center;font-size: 0.85rem;}

.ppform{width:90%;padding:15px;border:1px solid rgba(0,0,0, .1);border-radius:5px;margin-bottom:20px;}
.ppform label{font-size:.8rem;font-weight:600; color:red;font-style:italic;}
.pimg{padding:10px;}
.ppar{padding:1px;}
.ppar table{font-size:.8rem;}
.ppar table tr{border:1px solid rgba(0,0,0,.3);}
.ppar table td{border:1px solid rgba(0,0,0,.3);}
.ppar table th{border:1px solid rgba(0,0,0,.3);font-weight:500;}
.pimg img{width:100%;height:auto;}
.xqnap, .qynap{display:block;color:rgba(0,0,0, .7);z-index:10;}
.xqnap p{position: relative;float:left;top:-160px;left:-8%;transform: rotate(-90deg);}
.qynap p{position: relative;text-align:center;}
@media (max-width: 1366px) and (min-width: 1024px){
    .des-item-prod p {font-size: .6rem;}
}
@media (max-width: 480px) and (min-width: 0px){
    .title-section h1{font-size:2rem;}
   .pimg .h4, .pimg h4 {font-size:1.3rem;}
   .pimg .tabs > label {font-size: 1em;}
}
/***** modal graf *****/
.graf{width:500px; height:250px;}
.graf iframe{width:430px;height:300px;}
@media (max-width: 480px) and (min-width: 0px){
   .pimg .h4, .pimg h4 {font-size:1.3rem;}
   .pimg .tabs > label {font-size: 1em;}
}
/***** modal graf *****/
.graf{width:100%; height:350px;}
.graf iframe{width:450px;height:300px;}
/*********** Tabs_product ***********/
.tabs li a{font-size:1em;color:#333;text-decoration:none;}
.tabs li a:hover{font-size:1em;color:rgba(277, 6, 19, .98);text-decoration:none;}
#info{padding-bottom:30px;}
.but-colors{border-radius:30px;margin-bottom: 10px;}
.but-colors:hover{-webkit-box-shadow: 0 6px 6px rgb(0 0 0 / 50%);box-shadow: 0 6px 6px rgb(0 0 0 / 50%);}
.img-exterior img{border-radius:5px;}
.text-item-material{text-align:left;}
.button_colors{min-height:50px;display:inline;}
#button_colors li{display:inline;}
*:before,
*:after {margin: 0;padding: 0;box-sizing: border-box;}
.topnav-right {float: right;}
.right-menu {margin: 0;overflow: hidden;}
.right-menu li {float: left;list-style-type: none; margin: 0;}
.right-menu li a {color: #112038;display: block;padding: 0.05em 0.75em;text-decoration: none;text-shadow: none;}
.right-menu li a:hover {color: #fff;text-shadow: none;}
.right-menu li span {font-size: 16px;line-height: 1.2;}
.info {color: rgba(78, 78, 78, 0.8);width: 100%;margin: 40px auto;text-align: center;font-weight: 300;}
.info a {color: #bbb;text-decoration: none;}
.info a:hover {color: #888;}
.tabs {min-width: 320px;max-width: 100%;padding: 30px 0 0;/*margin: 30px 0 0;border-top: 1px solid #ccc;*/}
.tabs > section {display: none;padding: 15px 5px;background: #fff;border: 1px solid #fafafa;}
.tabs > section > p {margin: 0 0 5px;line-height: 1.5; color: #000; -webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: fadeIn;animation-name: fadeIn;}
.tabs > section > ul {margin: 0 0 5px;line-height: 1.5; color: #000; -webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: fadeIn;animation-name: fadeIn;}
.h4, h4 {margin-bottom: .1rem;}
@-webkit-keyframes fadeIn {
from { opacity: 0;}
to {opacity: 1;}
}
@keyframes fadeIn {
from {opacity: 0;}
to {opacity: 1;}
}
.tabs > input {display: none;position: absolute;}
.tabs > label {font-size: 1em;font-weight: 400;color: #FAFAFA;padding: 5px 10px;margin-right: 5px;border:1px solid #112038;border-radius: 3px;/*border-top-left-radius: 8px;border-bottom-right-radius: 8px;*/background-image: -webkit-gradient(linear, left top, left bottom, from(#636161), to(#212121));background-image: linear-gradient(45deg, #636161, #212121);color: #fff;}
.tabs > label:hover {color: #FAFAFA;cursor: pointer;-webkit-box-shadow: 0 6px 6px rgb(0 0 0 / 50%);box-shadow: 0 6px 6px rgb(0 0 0 / 50%);border:1px solid #112038;border-radius: 3px;padding:  5px 10px; color:#FFF;background-image: -webkit-gradient(linear, left top, left bottom, from(#112038), to(#FF0B18));background-image: linear-gradient(45deg, #112038, #FF0B18);}
.tabs > input:checked + label {font-size: 1em;font-weight: 400;color: #FAFAFA;background-image: -webkit-gradient(linear, left top, left bottom, from(#112038), to(#FF0B18));background-image: linear-gradient(45deg, #112038, #FF0B18);border:1px solid #112038;padding:  5px 10px;margin-right: 5px;background-image: -webkit-gradient(linear, left top, left bottom, from(#112038), to(#FF0B18));background-image: linear-gradient(45deg, #112038, #FF0B18);}
.tabs > input:checked + label:hover{color:#FAFAFA;-webkit-box-shadow: 0 6px 6px rgb(0 0 0 / 50%);box-shadow: 0 6px 6px rgb(0 0 0 / 50%);}
#tab1:checked ~ #content-tab1,
#tab2:checked ~ #content-tab2,
#tab3:checked ~ #content-tab3,
#tab4:checked ~ #content-tab4,
#tab5:checked ~ #content-tab5,
#tab6:checked ~ #content-tab6 {display: block;}
@media screen and (max-width: 680px) {
.tabs > label {font-size: 1em;}
/*.tabs > label:before { margin-right: 8px;font-size:1.3em;}*/
}
@media screen and (max-width: 400px) {
.tabs > label {padding: 5px 10px;}
}
.ware > .table{font-size:.7em;}
/******* end Tabs_product **********/
/***** Operating *****/
.form-rbot form{width:50%;}
/***** footer *****/
footer{width:100%;padding-top:20px;background:#181818/*rgba(24,24,24,.7)*/;color:#FAFAFA;font-size:.8em;}
footer .content{padding:3px 15px;}
.foot-center a{display:inline;color:#3567AF!important;text-decoration:none;font-size:1.6em!important;margin-right:10px;}
.foot-center p{font-size:.7em;}
.foot-left{text-align:end;}
.foot-right{text-align:center;}
.foot-right img{width:40%;height:auto;margin:0 auto;}
.foot-down{padding:1px 20px;border-top:1px solid #FFF;font-size:.953em!important;}
.foot-down a{font-size:.65em!important;}
.foot-center li,a{display:inline;margin-left:3px;margin-right:3px;font-size:1.4em;}
/***** Button Up *****/
.b-top {z-index:200;position:fixed;right:50px;bottom:20px;width:20px;height:20px;margin-left:10%;opacity: 0.5;filter:alpha(opacity=30);}
.b-top:hover {opacity:1;filter:alpha(opacity=100);cursor:pointer;}
.b-top-but {z-index: 200; display: block;left: 50px;width: 35px;height: 35px;font-size: 14px;background-color:#FF0B18;border: 1px solid #FFFFFF;border-radius: 3px;bottom: 0;margin: 0 0 0 10%;/* padding: 18px; */color: #FFF;text-shadow: -2px -2px 0 #364861;}
.b-top-but img{margin-top: 5px;margin-right: 8px;margin-left: 5px;}
/***** /pumpSelect *****/

/***** @media ******/
@media (max-width: 1477px) and (min-width:1366px){
   .graf iframe{width:400px;}
   .xqnap p{top: -130px;left: -9%;}
}
@media (max-width: 1366px) and (min-width:1280px){
	.nav-link {font-size:0.8885rem!important;}
    .graf iframe{width:350px;}
    .xqnap p{top: -130px;left: -9%;}
}
@media (max-width: 1280px) and (min-width:1176px){
	.navbar-brand-mobil{width:20%;margin-right:8%;}
	.nav-link {font-size:0.8885rem!important;}
    .graf iframe{width:350px;}
    .xqnap p{top: -120px;left: -10%;}
}
@media (max-width: 1180px) and (min-width:960px){
	.navbar-brand-mobil{width:5%;}
	.nav-link {font-size:0.8885rem!important;}
    .pimg {padding: 3px;}
    .graf iframe{width:300px;}
    .xqnap p{display:none;}
}
@media (max-width: 960px) and (min-width:768px){
	.navbar-brand-mobil{width:20%;margin-right:8%;}
    .pimg ,.graf,.ppar{float:left!important;width:100%!important;}
}
@media (max-width: 780px) and (min-width:480px){
	.sticky-top button{position:relative;z-index:1020;}
	.navbar-toggler{position:relative;z-index:1020;}
	.contact-head{display:none;}
    .ppform {width: 50%;margin: 0 auto;}
    .ppar {padding-left: 10%;width:100%;}
    .inf-head{position:relative;z-index:1021;}
    .inf-head ul{display:none;}
	.inf-head form{display:none!important;}
	.search-menu{visibility: visible;}
	.category{width:100%!important;}
	.name-category b {font-size: .9rem;}
}
@media (max-width: 480px) and (min-width:0px){
    .bannerwrapper .container .title {font-size:1.6rem;}
	.contact-head{display:none;}
    .graf iframe{width:350px;}
    .inf-head ul{display:none;}
	.inf-head form{display:none!important;}
	.search-menu{visibility: visible;}
	.category{width:100%!important;}
	.name-category b {font-size: .9rem;}

}
@media (max-width: 360px) and (min-width:0px){
    .bannerwrapper .container .title {font-size:1.4rem;}
	.inf-head ul{display:none;}
	.inf-head form{display:none!important;}
	.search-menu{visibility: visible;}
	.category{width:100%!important;}
	.name-category b {font-size: .9rem;}
	.contact-head{display:none;}
    .graf iframe{width:320px;}
	header{}
}