*{ margin: 0px; padding: 0px; font-family: Roboto;}
.page{ max-width: 1180px; margin: 0 auto; padding:0 10px; overflow: hidden}
.footer{ background-color: #29292f; padding: 20px 0}
.footer .page{ overflow: hidden; text-align: center}
.footer .logo{ float: left}
.footer .icoSoc{ float: right; margin: 20px 10px 0 0}
.footer .icoSoc a{ margin: 0 20px 0 0}
h1{font-size: 25px; color: #29292f;}
h2{font-size: 21px; color: #29292f; font-family: RobotoBold; margin-bottom: 20px}
.footer .phone{ float: right; font-family: Roboto; color: #b6b6b6; font-size: 20px}
.footer .phone span{ font-family: Roboto; color: #b6b6b6; font-size: 40px; margin: 0 0 0 10px}
.bottomMenu{ display: inline-block; overflow: hidden; margin: 9px 0 0 0}
.bottomMenu li{float: left; list-style: none; color: #b6b6b6; margin: 0 0 0 10px; padding:0 5px 10px 5px; cursor: pointer}
.bottomMenu li a{color: #b6b6b6; font-size: 14px; text-decoration: none; font-family: Roboto;}
.bottomMenu li:hover a, .bottomMenu li.cur a{color: #fff;}
.bottomMenu li div{ height: 2px; background-color: #fff; margin:5px 0 0 0; border-radius: 5px; box-shadow: 0 0 10px rgba(255,255,255,1); display: none}
.bottomMenu li:hover div,.bottomMenu li.cur div{display: block}
.otzivs{background: linear-gradient(to bottom, #0b0e11 0%,#0b0e11 55%,#454545 55%,#454545 100%);}
.otzivs.otzivs2{background: linear-gradient(to bottom, #454545 0%,#454545 55%,#454545 55%,#454545 100%);}
.otzivs .page{background-image: url(../images/bottomOtzivLogo.png); background-position: center top; background-repeat: no-repeat; padding: 50px 10px 0 10px;}
.otzivs.otzivs2 .page{background-image: none;}
.goHome{ margin-bottom: 30px}
.goBackBtn{ text-align: center; margin: 35px 0 40px 0}
.goBackBtn a{ background-color: #000000; color: #fff; padding: 7px 80px; font-family:RobotoBold; font-size: 14px; text-decoration: none; text-decoration: none; border-radius: 15px }
.goBackBtn a:hover{ background-color: #252525; }
.contentText p{ line-height: 22px; font-size: 14px; margin-bottom: 15px}
.goHome a{ color: #4aaee8; font-size: 12px; text-decoration: none; border-bottom: solid 1px #4aaee8}
.goHome a:hover{ color: #0068a4; border-bottom: solid 1px #0068a4}
.otzivs .page h4{ color: #fff; font-family: Roboto; font-size: 31px; margin: 0 0 50px 110px}
.otzivs .page .sliders{ overflow: hidden; text-align: center; width: 90%; margin: 0 auto 0px auto; padding-bottom: 150px}
.otzivs .page .sliders .sliderBtn{ background-image: url(../images/slideStr.png); background-position: 0 0; width: 23px; height: 42px; cursor: pointer; float: left; margin: 70px 0 0 0}
.otzivs .page .sliders .sliderBtn:hover{ background-position:0 -42px}
.otzivs .page .sliders .sliderBtn.rightStr{ background-position: 23px 0; float: right}
.otzivs .page .sliders .sliderBtn.rightStr:hover{ background-position: 23px -42px}
.otzivs .page .sliders .otzivLists{ overflow: hidden; display: inline-block; position: relative; width: 950px; height: 185px}
.otzivs .page .sliders .otzivLists .oneOtaiv{ float: left; background-color: #fff; border-radius: 20px; padding: 20px; width: 420px; overflow: hidden; margin-right: 25px;}
.otzivs .page .sliders .otzivLists .oneOtaiv .oneOtzivFoto{ float: left; border-radius: 90px; overflow: hidden; width: 90px}
.otzivs .page .sliders .otzivLists .oneOtaiv .oneOtzivFoto img{ width: 90px; height: 90px}
.otzivs .page .sliders .otzivLists .oneOtaiv .oneOtzivText{ float: right; width: 300px; text-align: left}
.otzivs .page .sliders .otzivLists .oneOtaiv .oneOtzivText b{font-family: RobotoBold; color: #0b0e11; font-size: 16px; margin-bottom: 10px; display: block}
.otzivs .page .sliders .otzivLists .oneOtaiv .oneOtzivText p{font-family: RobotoReg; color: #000; font-size: 12px; margin-bottom: 10px; line-height: 18px}
.otzivs .page .sliders .otzivLists .oneOtaiv .oneOtzivText a{font-family: RobotoReg; color: #00a8ec; font-size: 12px; }
.otzivs .page .sliders .otzivLists .oneOtaiv .oneOtzivText a:hover{ color: #026a94}
#slidesLIne{ position: absolute; width: 10000px}
.otzivs .page .otzivText{ overflow: hidden}
.textPage{ padding:30px 0px; overflow: hidden}
.textPage .left{ float: left; border-right:solid 3px #000; padding: 10px 2%; width: 20%}
.textPage .left img{ margin: 0 auto; display: block}
.textPage .right{ float: left; border-left:solid 3px #000; padding: 0 0 0 4%; margin-left: -3px; width: 71%}
.textPage .right *{ color: #000; font-size: 14px; line-height: 25px}
.textPage .right h1{ margin-bottom: 30px}
.articleList{ overflow: hidden}
.articleList{ overflow: hidden}
.oneArticleList{ overflow: hidden; padding:30px 0; border-bottom: solid 1px #29292f; padding-right: 80px}
.oneArticleList:last-child{border: none}
.oneArticleList .left{ float: left; width: 20%}
.oneArticleList .right{ float: right; width: 78%}
.oneArticleList .right p{ font-size: 14px; color: #000; line-height: 22px; margin-bottom: 15px}
.oneArticleList .right .podrobn{  text-align: right}
.oneArticleList .right .podrobn a{ background-color: #000000; border-radius: 10px; padding: 7px 30px; text-decoration: none; color: #fff; font-family:RobotoBold; font-size: 14px; margin-top: 25px; display: inline-block}
.oneArticleList .right .podrobn a:hover{ background-color: #252525}
.oneArticleList .right .title{ margin-bottom: 15px}
.articlePage{ padding: 30px 0 }
.oneArticlePage{ padding: 30px 0 }
.oneArticleList .right .title a{ color: #020202; font-size: 21px; font-family:RobotoBold; text-decoration: none }
.oneArticleList .left img{ width: 100%}
.oneArticleList .left a{ text-decoration: none}
.otzivs .page .otzivText .otzivTextPunkt{ float: left; width: 28%; margin:0 5% 45px 0;}
.otzivs .page .otzivText .otzivTextPunkt b{ color: #fff; font-family: RobotoBold; font-size: 16px; margin-bottom: 10px; display: inline-block}
.otzivs .page .otzivText .otzivTextPunkt p{ color: #a9a9a9; font-family: RobotoReg; font-size: 12px; line-height: 23px}
.otzivs .page .otzivText .otzivTextPunkt:nth-child(3n){margin-right: 0px}
.partners{ background-color: #fff; background-image: url(../images/partnersMap.jpg); background-position: bottom center; padding: 45px 0 0 0; background-repeat: no-repeat}
.partners h3{ text-align: center; font-size: 30px; color: #0b0e11; font-family: Roboto; padding-bottom: 50px}
.partnersList{ text-align: center; padding-bottom: 180px; position: relative; height: 110px}
.partnersList .partnersListAll{ position: absolute; width: 1880px;}
.partnersList a{ margin: 0 60px}
.proizvodstvo{ overflow: hidden; background-color: #0b0e11; background-image: url(../images/img_blk3.jpg); background-size: 40%; background-position: left center;background-repeat: no-repeat}
.proizvodstvo .right{ float: right; width: 60%; background-color: #0b0e11;}
.proizvodstvo .right .content{ padding: 40px; max-width: 620px}
.proizvodstvo .right .content *{ color: #fff;  font-family: Roboto;}
.proizvodstvo .right .content h3{ font-size: 31px; margin-bottom: 20px}
.proizvodstvo .right .content p{ font-size: 14px; margin-bottom: 15px; line-height: 20px}
.proizvodstvo .right .content .btnBlk{ padding-top: 25px}
.proizvodstvo .right .content .btnBlk a{ border: solid 2px #fff; color: #fff; padding: 10px 40px; text-decoration: none; margin-right: 30px; border-radius: 40px; font-size: 14px}
.proizvodstvo .right .content .btnBlk a:hover{background-color: #fff; color: #0b0e11}

.firstAbout{ overflow: hidden; background-color: #fff; background-image: url(../images/aboutFirst.jpg); background-size: 60%; background-position: right center; background-repeat: no-repeat}
.firstAbout h3{ color: #6d6c6c; font-size: 20px; margin: 20px 0 20px 30px; font-family: Roboto;}
.firstAbout .content{ border: solid 3px #000000; overflow: hidden;  width: 61%; margin-bottom: 40px; background-color: rgba(0, 0, 0, 0.8);}
.firstAbout .content .left{ float: left; width: 47%; background-color: #fff; padding: 20px 4%}
.firstAbout .content .left b{ font-size: 21px; color: #020202; line-height: 28px; margin-bottom: 20px; display: block; font-family: Roboto;}
.firstAbout .content .left p{ font-size: 14px; color: #515151; line-height: 18px; font-family: Roboto;}
.firstAbout .content .right{  width: 45%; float: right; text-align: center; padding-top: 70px}

.firstCatalogList{ background-color: #000; background-image: url(../images/leftBgFon2.png); overflow: hidden; min-height: 200px; background-repeat: no-repeat; background-position: 0 0;}
.firstCatalogList .right{float: right; width: 60%; padding: 20px 0}
.firstCatalogList .oneProd{ float: left; width: 300px}
.firstCatalogList .oneProd a{ text-decoration: none}
.firstCatalogList .oneProd a img{ display: block; padding: 10px 0}
.firstCatalogList .oneProd b{ display: block; color: #fff; font-size: 17px; margin: 10px 0}
.firstCatalogList .oneProd p{ display: block; color: #9a9a9a; font-size: 12px; margin: 10px 0 20px 0}
.firstCatalogList .oneProd .bottom{ width: 70%; margin: 0 auto; text-align: center}
.firstCatalogList .oneProd .btn{ display: block; color: #fff; font-size: 14px; margin: 10px 0; font-weight: bold; border: solid 1px #fff; border-radius: 10px; text-align: center; padding: 5px 0}

.header{ background-color: #29292f; padding: 20px 0px;}
.header .topPhoneBlk{ overflow: hidden; float: right;}
.header .topMenu{ margin: 30px 0 0 250px}
.header .topMenu.miniMenu{ margin: 0px 0 0 80px}
.header .topPhoneBlk .left{ float: left; margin: 15px 20px 0 0}
.header .topPhoneBlk .left a {text-decoration: none; margin-right: 15px}
.header .topPhoneBlk .right {float: right}
.header .topPhoneBlk .right  *{ color: #ffffff; font-size: 20px}
.header .topPhoneBlk .right  span{ font-size: 30px; margin-left: 10px}
.header .logo{ position: absolute; top: 0px; z-index: 2}
.header .logo.miniLogo{ position: relative; float: left}

.leftCatalogMenu li{margin-bottom: 15px; list-style: square}
.leftCatalogMenu li a{ text-decoration: none; color: #29292f; font-size: 14px; font-weight: bold; font-family: RobotoBold}
.leftCatalogMenu li a:hover{ color: #4aaee8}
.leftCatalogMenu a.cur{ color: #4aaee8!important;}
.leftCatalogMenu li ul{  padding:10px 0 0px 10px}
.leftCatalogMenu li ul li{list-style: none; margin-bottom: 2px}
.leftCatalogMenu li ul li a{ color: #6f6f6f; font-family: Roboto}

.catalogLists{ overflow: hidden}
.catalogLists .oneProdList{ float: left; width: 26.5%; margin: 0 10% 0 0}
.catalogLists .oneProdList .oneProdListBlk{ padding: 0 0 40px 0; height: 340px}
.catalogLists .oneProdList:nth-child(3n){ margin: 0 0 0 0%}
.catalogLists .oneProdList .oneProdListBlk a img{ width: 100%}
.catalogLists .oneProdList .oneProdListBlk a.title{ color: #131313; font-family: RobotoBold; overflow: hidden; max-height: 45px; display: block; text-decoration: none; margin: 0px 0 5px 0; line-height: 20px}
.catalogLists .oneProdList .oneProdListBlk .prodParams { margin-bottom: 5px}
.catalogLists .oneProdList .oneProdListBlk .prodParams p{line-height: 15px; font-size: 12px; color: #6f6f6f}
.catalogLists .oneProdList .oneProdListBlk a.title:hover{ color: #4aaee8;}
.catalogLists .oneProdList .oneProdListBlk a.podrobn{ color: #fff; background-color: #000000; display: block; text-align: center; padding: 5px 0; text-decoration: none; border-radius: 20px; font-size: 14px; font-family:RobotoBold }
.catalogLists .oneProdList .oneProdListBlk a.podrobn:hover{ color: #4aaee8;}
.prodParams{ margin-bottom: 20px; overflow: hidden; max-height: 30px}
.prodParams p{ color: #6e6e6e; font-size: 12px; margin-bottom: 5px}
.priceBlk{ font-size: 12px; color: #6e6e6e; margin-bottom: 10px; font-family: RobotoBold; height: 30px; overflow: hidden}
.priceBlk span{ font-size: 22px; color: #6131313; margin-right: 5px; font-family: RobotoBold; }
.textPage .right .path{ margin-bottom: 40px}
.textPage .right .path *{ color: #4aaee8; margin-right: 15px; display: inline-block; font-size: 14px}
.textPage .right .path a:hover{ color: #29292f; }
.textPage .right .prodText{ line-height: 30px; margin-bottom: 30px}
.textPage .right .prodImgBlk{ margin-bottom: 30px; overflow: hidden}
.textPage .right .prodImgBlk .fotoBlk{ float: left; width: 55%}
.textPage .right .prodImgBlk .fotoBlk img{ width: 100%}
.textPage .right .prodImgBlk .prodPodrobn{ float: right; width: 40%}
.textPage .right .prodImgBlk .prodPodrobn h1{ font-family: RobotoBold; font-size: 18px}
.textPage .right .prodImgBlk .prodParamsBlk div{  overflow: hidden}
.textPage .right .prodImgBlk .prodParamsBlk div.line{ border-bottom: dashed 1px #acacac; height: 1px; margin: -6px 0 10px 0}
.textPage .right .prodImgBlk .prodParamsBlk div span{ color: #6e6e6e; font-family:RobotoBold; font-size: 12px }
.textPage .right .prodImgBlk .prodParamsBlk div span:nth-child(1){ float: left; background-color: #fff; padding:0 4px 0 0}
.textPage .right .prodImgBlk .prodParamsBlk div span:nth-child(2){ float: right; background-color: #fff; padding:0 0 0 4px}
.textPage .right .btn{color: #fff;background-color: #000000;display: inline-block;text-align: center;padding: 5px 40px;cursor: pointer;text-decoration: none;border-radius: 20px;font-size: 14px;font-family: RobotoBold;}
.textPage .right .btn:hover{ color: #4aaee8}
#popup{display: none}
#popup .popupFon{background-color: rgba(0, 0, 0, 0.6); position: fixed;width: 100%;height: 100%;left: 0;top: 0;z-index: 9000;}
#popup .popupFon .popupContent{background-color: #fff; width: 450px; height: 200px;padding: 10px 20px;margin: -120px auto 0 auto;z-index: 9002;position: relative;border-radius: 5px;top: 50%; overflow: hidden}
#popup .popupFon .popupContent .close{float: right; font-size: 20px; cursor: pointer}
#popup .popupFon .popupContent .close:hover{color: red}
#popup .popupFon .popupContent .popupTitle{text-align: center; font-size: 20px}



.slider ol,
.slider ul,
.slider dl {margin-top: 0;margin-bottom: 1rem;}
.slider {position: relative;overflow: hidden;margin-left: auto;margin-right: auto;}
.slider__wrapper {position: relative;overflow: hidden;}
.slider__items {display: flex;transition: transform 0.6s ease;}
.slider__item {flex: 0 0 100%;max-width: 100%;}
.slider__control {position: absolute;top: 50%;display: none;align-items: center;justify-content: center;width: 40px;color: #fff;text-align: center;opacity: 0.5;height: 50px;transform: translateY(-50%);background: rgba(0, 0, 0, 0.5);}
.slider__control_show {display: flex;}
.slider__control:hover,
.slider__control:focus {color: #fff;text-decoration: none;outline: 0;opacity: 0.9;}
.slider__control_prev {left: 0;}
.slider__control_next {right: 0;}
.slider__control::before {content: '';display: inline-block;width: 20px;height: 20px;background: transparent no-repeat center center;background-size: 100% 100%;}
.slider__control_prev::before {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");}
.slider__control_next::before {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");}


.slider__indicators {position: absolute;right: 0;bottom: 10px;left: 0;z-index: 15;display: flex;justify-content: center;padding-left: 0;margin-right: 15%;margin-left: 15%;list-style: none;margin-top: 0;margin-bottom: 0;}
.slider__indicators li {box-sizing: content-box;flex: 0 1 auto;width: 30px;height: 4px;margin-right: 3px;margin-left: 3px;text-indent: -999px;cursor: pointer;background-color: rgba(255, 255, 255, 0.5);background-clip: padding-box;border-top: 10px solid transparent;border-bottom: 10px solid transparent;}
.slider__indicators li.active {background-color: #fff;}
.slider img {display: inline-block;height: auto;max-width: 100%;border-radius: 50%;}
.slider__item_1 {background: linear-gradient(45deg, #085078 10%, #85d8ce 90%);}
.slider__item_2 {background: linear-gradient(to right, #dd1818, #333333);}
.slider__item {height: 565px;overflow: hidden;position: relative;}
.slider__item_inner {position: absolute;left: 15%;right: 15%;top: 36px;bottom: 36px;overflow: hidden;color: #fff;text-align: center;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.slider__item_img {flex: 0 0 80px;max-width: 80px;}
.slider__item_testimonial {flex: 1 0 0;display: flex;flex-direction: column;text-align: center;}
.slider__item_name {font-size: 20px;margin-bottom: 8px;color: rgba(255, 255, 255, 0.8);}
.slider__item_post {font-size: 14px;margin-bottom: 8px;color: rgba(255, 255, 255, 0.8);}
.slider__item_text {font-size: 16px;color: rgba(255, 255, 255, 0.5);}

.leftCatalogMenu .mb-20{margin-bottom: 40px}
.saveCatalogXls{ text-align: center}
.textPage .left .saveCatalogXls img{ width: 60%; margin-bottom: 10px; display:block}
.saveCatalogXls a{text-decoration: none; color: #0e8040; cursor: pointer; font-size: 14px}



@media (min-width: 576px) {
    .slider__item_inner {flex-direction: row;}
    .slider__item_testimonial {margin-left: 15px;}
    .slider__item_img {flex: 0 0 150px;max-width: 150px;}
    .slider__item_testimonial {text-align: left;}
}
@media screen and (max-width:1000px) {
    .footer .icoSoc{ display: none}
}
@media screen and (max-width:880px) {
    .footer .bottomMenu{ display: none}
    .footer .icoSoc{ display: block}
}
@media screen and (max-width:430px) {
    .footer .icoSoc{ display: none}
}