/*
Theme Name: kata
Theme URI: Theme Name: http://kata.net.ua/
Author: Pavel Kuchenev
Author URI: Theme Name: http://kata.net.com.ua/
Description: Our 2023 default theme is clean, blog-focused, and designed for clarity. Twenty Fifteen's simple, straightforward typography is readable on a wide variety of screen sizes, and suitable for multiple languages. We designed it using a mobile-first approach, meaning your content takes center-stage, regardless of whether your visitors arrive by smartphone, tablet, laptop, or desktop computer.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, two-columns, left-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: silvery

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
.rowBlock{display: flex; width: 100%!important; justify-content: center; background-color: #3e3e3e; border-bottom: 1px solid #ccc; padding: 12px;}
.rowBlock div:first-child{
    border-right: 1px solid #ccc;
}
.powerRow div{width: 100%; padding: 0; line-height: 40px;}
.borderBtn span{
    font-weight: bold;
    font-size: 16px;

}
.phoneWrapper{
  display: none;
}
.borderBtn{
    display: flex;
    align-items: center!important;
    padding-top: 8px!important;
    padding-bottom: 8px!important;
}
.grecaptcha-badge { 
    visibility: hidden !important;
}
*:disabled {
   filter: grayscale(100%);
  }
  #revForm p{
    align-items: center;
  }
#thanckComment{
    text-align: center;
}
.pnevmo {
    padding-top: 0!important;
}
.popup-call{
    display: block;
    width: 100%;
    height: 100%;
}
.brandContainer{
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
}
.pnevmoType {
    border-radius: 10px;
    background-color: #f8f8f8;
    display: inline-block;
    text-align: center;
    width: 79px;
}
.pnevmoType span{
    display: block;
    padding: 4px;
    border-radius: 8px;
    text-transform: uppercase;
    font-size: 10px;
}
.pnevmoType.activeSlug {}
.serv_item_bottomPart a{
  color: #333;
  font-weight: 700;
  font-size: 20px;
}
.tableContainer{
    margin-top: 40px;
}
.tableHeader{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #e8e8e8;
    padding: 0;
    border-top-right-radius: 14px;
    border-top-left-radius: 14px;
    background-color: #676767;
    color: #fff;
    font-weight: 600;
}
.tableHeader_first{
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    border-right: 1px solid #fff;
}
.tableHeader_combine{
    padding: 5px 0 0;
    width: 391px;
    height: 64px;
    text-align: center;
    display: flex;
    flex-direction: column;
}
.rightBorder{
    border-right: 1px solid #fff;
}


.tableHeader_combine_top{
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #fff;
}
.tableHeader_combine_half{
    display: flex;
    justify-content: space-between;
    align-items: center;
    
}
.tableHeader_combine_half div{
    width: 50%;
    padding-top: 5px;
}
.tableHeader_combine_half div:first-child{
    border-right: 1px solid #fff;
}
.tableItem{
    display: none;
    opacity: 0;
    width: 100%;
    margin: 0 auto 40px;
    border-bottom-left-radius: 14px;
    border-bottom-right-radius: 14px;
    overflow: hidden;

}
.tableItem.activeTable{
    display: block!important;
    opacity: 1!important;
}
.tableItem_row{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #f8f8f8;
    
}
.tableItem_row:nth-child(2n){
    background-color: #fff;
}
.tableItem_row div{
    text-align: center;
    
    border-bottom: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
    padding: 5px;
    width: 196px;
    height: 32px;
    
}
.tableItem_row:first-child{
    border-top: 1px solid #e8e8e8;
    
}
.tableItem_row div:first-child{
    
    border-left: 1px solid #e8e8e8;
    flex: 1;
    text-align: left;
}
.videoBlock{
    position: relative;
	padding-bottom: 56.25%;
	padding-top: 25px;
	height: 0;
    overflow: hidden;
    border-radius: 14px;
}
	
.videoBlock iframe{
    border: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%!important;
    height: 100%!important;
}	
		
.baner{
    position: relative;
    overflow: hidden;
    background-image: none!important;
}
.baner .bgPk{
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    left: 0;
    top: 0;
}
.baner .bgMob{
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    left: 0;
    top: 0;
}
.banerForm p span{
    white-space: nowrap;
}
.owl-portfolio .owl-dots{
    padding-top: 24px;
    text-align: center;
}
.rateBtn{
    border-radius: 16px;
    padding: 6px 14px;
    text-align: center;
    font-weight: 600;
    font-size: 14px;
    background-color: #d6d6d6;
    margin-right: 6px;
    margin-bottom: 16px;
}
.rateBtn.active{
    background-color: #FF5100;
    color: #fff;
}
.owl-portfolio .owl-dots .owl-dot{
    width: 12px;
    height: 12px;
    margin: 4px;
    display: inline-block;
    background-color: #FF5100;
    border-radius: 50%;
    transition: all .3s ease;
}
.owl-portfolio .owl-dots .owl-dot.active{
    transform: scale(1.6);
}
.rev-item .bottomPartRev {
    margin-top: 0!important;
}
.noDisplay{
    display: none!important;
}
.messanger{
    display: flex;
}
.langs {
    display: flex;
    list-style-type: none;
    padding: 4px;
    border-radius: 12px;
    background-color: #F6F6F6;
    margin-left: 20px;
}
.lang-item a{
    font-size: 12px;
    font-weight: 600;
    line-height: 24px;
    padding: 4px 12px;
    text-transform: uppercase;
}
.current-lang a{
    color: #FF5100;
    border-radius: 8px;
    background-color: #fff;
   
}
.white-popup{
    position: relative;
    margin: auto;
    max-width: 488px;
    width: 100%;
    border-radius: 20px;
    padding: 42px 32px;
    background-color: #fff;
}
#thanck{
    text-align: center;
}
#thanck img{
    margin-top: 24px;
    margin-bottom: 32px;
}
#thanck h3{
    color: #333;
    font-size: 24px;
    font-weight: 600;
    line-height: 36px;
}
#thanck p{
    font-size: 14px;
    color: #333;
    font-weight: 7000;
}
#thanck p span{
    background-color: #FFEEE7;
    color: #FF5100;
    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
    display: inline-block;
    border-radius: 10px;
    padding: 3px 16px;
}
.#thanck .close{

}
.baner-404{
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background-color: #fff;
    z-index: 5000;
}
.baner-404-images{
    max-width: 524px;
    width: 100%;
    position: relative;
    
}
.fon-404{
    width: 100%;
    position: relative;
    z-index: 5;
}
.eclipse{
    position: absolute;
    bottom: -35px;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: 4;
}
.baner-404 h2{
    margin-top: 51px;
    font-size: 36px;
    font-weight: 600;
    margin-bottom: 8px;
}
.baner-404 p{
    color: #333;
    margin-bottom: 24px;
}
.baner-404 .btnAccent{
    padding: 12px 32px;
    color: #fff; 
    background-color: #FF5100;
    border-radius: 12px;

}
footer .footerMnu_third a:hover,footer .footerMnu_first a:hover{
    color: #fff;
    opacity: .6;
}
.mobAddIco{
    margin-right: 10px;
    margin-top: -4px;
}
.dark{
    overflow: hidden;
}
.pure-h4{
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 8px;
}.pure-p{
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 32px;
}
.pureForm::after{
    display: none!important;
}
a[href^=tel] { color: inherit; text-decoration: none; }
.phoneBgc{
  background-color: #3f3f3f;
  padding: 3px 12px;
  border-radius: 10px;
  display: inline-block;
  color: #fff;
}
.phoneBgc:hover{
    color: #fff ;
}    
section,
footer {
  margin-left: 6px;
  margin-right: 6px;
}
.about_desc_text {
  font-weight: 700;
  font-size: 18px;
  line-height: 30px;
  text-transform: uppercase;
}
.about_desc_text span {
  color: #ff5100;
}
.aboutCenterbaner {
  text-align: center;
}
.aboutCenterbaner h1 {
  display: felx;
  align-items: center;
  font-size: 64px;
  font-weight: 700;
  line-height: 64px;
}
.aboutCenterbaner h1 img {
  margin-right: 8px;
  position: relative;
  top: -5px;
}
.breadcrumbs {
    list-style-type: none;
    display:  flex;
    width: 100%;
}
.breadcrumbs li a span{
    margin-right: 0px;
    margin-left: 4px;
}
.breadcrumbs li:last-child a::after{
    display: none;
}
.aboutCenterbaner p {
  text-transform: uppercase;
  font-size: 24px;
  font-weight: 600;
}
.location-list-wrapper {
  position: relative;
  margin-left: 10px;
}
.location-list {
  box-shadow: 0px 1px 20px 0px rgba(29, 29, 29, 0.08), 0px 3px 10px 0px rgba(29, 29, 29, 0.07);
  position: absolute;
  width: 274px;
  border-radius: 12px;
  background-color: #fff;
  padding: 20px;
  top: calc(100% + 10px);
  left: 0;
  z-index: 20;
  opacity: 0;
  display: none;
  transition: all 0.4s ease;
}
.location-list.active-loc {
  opacity: 1;
  display: block;
}
.loc-item {
  display: block;
  width: 100%;
  font-size: 14px;
  line-height: 26px;
  color: #111;
  padding: 8px 16px;
  border-radius: 12px;

  cursor: pointer;
}
.loc-item.active {
  color: #ff5100;
}
.loc-item:hover {
  background-color: #f4f4f4;
}

.main-links {
  padding: 32px 0;
}
.main-links a {
  display: block;
  margin-bottom: 20px;
}
.servBtn {
  justify-content: center !important;
}
.servBtnItem {
  margin: 0 6px;
}
.servList {
  display: none !important;
  opacity: 0;
}
.servList.active {
  opacity: 1;
  display: flex !important;
}
.rev-item .bottomPartRev img {
  border-radius: 50%;
}
.redBg{
  background-color: #ff5100!important;
}
.pageBaner, .pageBaner p, .pageBaner h1, .banerForm {
  position: relative;
  z-index: 10;

}
.pageBaner::after{
  content: '';
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 28px;
  /* background-color: rgba(0,0,0, .6); */
  z-index: 1;
}
.grayAbout{
  background-color: #F4F4F4;
  padding: 80px;
  border-radius: 32px;
  margin: 80px 0;
}
.grayAbout h2{
  font-size: 36px;
  font-weight: 600;
  line-height: 48px;
}
.textGray{
  padding: 32px;
  background-color: #fff;
  font-size: 14px;
  font-weight: 700;
  line-height: 26px;
  border-radius: 20px;
} 
.textGray p{
  margin-bottom: 20px;
}
.tag{
  position: relative;
  z-index: 10;
}
.owl-reviews .rev-item{
  min-height: 340px;
}
.owl-youtube .rev-item{
  min-height: 260px;
  border-radius: 14px;
  overflow: hidden;
  padding: 0;
}
.owl-portfolio .rev-item{
  width: 100%;
  height: 240px;
  border-radius: 20px;
  overflow: hidden;
}
.owl-portfolio .rev-item img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.blogBanner{
    background-position: center;
    background-size: cover;
    padding: 80px 0;
    color: #fff;
    border-radius: 32px;
}
.blogBanner h1 span{
    display: inline-block!important;
    color: #FF5100;
}
.blogBanner .descr {
    max-width: 490px;
    width: 100%;
}
.blogBanner h1{
    font-size: 36px;
}
.rev-itemBox{
    display: flex;
    justify-content: space-between;
    padding-bottom: 32px;
    border-bottom: 1px solid #E2E2E2;
    margin-bottom: 32px;
}
.rev-itemBox .avatar{
    width: 48px;
    height: 48px;
    object-fit: cover;
    border-radius: 50%;
    align-self: flex-start;
}
.rev-itemBox .stars{
    display: flex;
    align-items: center;
    margin-bottom: 16px;
}
.rev-itemBox .stars span{
    margin-left: 16px;
    padding: 0 12px;
    background-color: #E8E8E8;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 700;
}
.revBody{
    flex: 1;
    margin-left: 14px;
}
.revBody p{
    font-size: 18px;
    color: #333;
    font-weight: 600;
    line-height: 30px;
}
.revBodyText{
    max-width: 687px;
    font-size: 14px;
    color: #333;
    line-height: 26px;
}
.dateRev{
    color: #787878;
    font-size: 14px;
    line-height: 26px;
    align-self: center;
}
.blog_item{
    margin-bottom: 48px;
}
.blog_item img{
    width: 100%;
    height: 200px;
    border-radius: 20px;
    object-fit: cover;
    margin-bottom: 12px;
}
.blog_item_date{
    color: #787878;
    font-size: 12px;
    font-weight: 700;
    line-height: 24px;
} 
.blog_item_name{
    margin: 8px 0;
    color: #333;
    font-size: 18px;
    font-weight: 600;
    line-height: 30px;
}
.excerpt{
    font-size: 14px;
    color: #333;
    line-height: 26px;
}
.imgBgPoster{
    width: 100%;
    height: 290px;
    object-fit: cover;
    border-radius: 20px;
    margin: 26px 0;
}
.contentBlock div{
    width: 100%;
    font-size: 16px;
}
.contentBlock img{
    display: block;
    width: 100%;
    height: auto;
    margin: 18px auto;
    border-radius: 20px;
}
.mobSServiseTabs{
    padding-bottom: 32px;
}
.mobSServiseTabs .card{
    border: none!important;
}
.mobSServiseTabs .card-header{
    position: relative;
    background-color: transparent!important;
    border: none!important;
    border-top: none!important;
    border-bottom: 1px solid #E2E2E2!important;
}
.mobSServiseTabs .card-header .btn {
    display: block;
    position: relative;
    width: 100%;
    text-align: left;
    font-size: 14px;
    color: #333;
    font-weight: 700;
}
.mobSServiseTabs .card-header .btn::after{
    content: url(img/faqArr.svg);
    position: absolute;
    right: 0;
    top: 9px;
    height: 24px;
    cursor: pointer;
    transform: rotate(180deg);
    transition: all .3s ease;
}



.mobSServiseTabs .card-header .btn:focus, .mobSServiseTabs .card-header .btn:hover{
    text-decoration: none!important;
}
.mobSServiseTabs .card-body{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.mobSServiseTabs .card-body .servListItem{
    padding: 16px;
    border-radius: 12px;
    background-color: #F8F8F8;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 45%;
    margin: 8px 8px;
    text-align: center;
    font-size: 14px;
    color: #333;
    line-height: 18px;
}
.mobSServiseTabs .card-body .servListItem img{
    margin-bottom: 16px;
}
.mobSServiseTabs .card-header .btn.collapsed::after {
   
    transform: rotate(0);
}
.seoBlock h2, .blogPost h2{
    margin-bottom: 10px!important;
    margin-top: 45px!important;
}
.seoBlock ul, .blogPost ul{
    list-style-type: disc!important;
    padding-left: 30px!important;
}
#mobMnu{
    display: none;
}
.rateInput{
    display: flex;
}
textarea{
    border-radius: 6px;
    margin-bottom: 20px;
}
.darkLeaveComment{
    padding-top: 24px!important;
}
#leaveComment{
    background-color: #f8f8f8;
    text-align: center;
}
#revForm h3{
    color: #131313;
    font-weight: 500;
    margin-bottom: 12px;
}
#revForm input, #revForm textarea{
    width: 100%;
    text-indent: 8px;
}
#revForm input[type=radio]{
    margin-bottom: 0;
    cursor: pointer;
}
#revForm input[type=submit]{
    width: 100%;
}
#revForm input[type=text]{
    padding: 6px 0;
}
#revForm textarea{
    height: 70px;
}
#revForm input{
    margin-bottom: 16px;
}
.revFormTitle{
    font-size: 14px;
    margin-bottom: 0;
}
#revForm p{
    display: flex;
    margin-right: 14px;
}
#revForm p input{
    margin-right: 4px;
}
.mbIco{
    width: 20px;
    margin-right: 12px;
}
#popupTelForm{
    text-align: center;
}
.subscrInputPopup{
    width: 100%;
    padding: 10px 16px;
    background-color: #f4f4f4;
    border-radius: 10px;
    margin-bottom: 16px;
    color: #747474;
    font-size: 14px;
}
@media (max-width: 992px) {
	 .frontLinkBread img{
        width: 20px!important;
    }
   .topPart a{
        font-size: 11px!important;
	   text-align: right!important;
    }
    .banerForm{
        max-width: 295px!important;
        margin: 0 auto!important;
    }
    .steps h2 {
        margin-bottom: 15px!important;
    }
    .brandContainer{
        gap: 4px;
        justify-content: center;
    }
    .headerLogo img{
        width: 80px!important;
    }
    .pnevmoType img{
        width: 40px;
    }
    .pnevmoType span{
        padding: 0;
    }
    .tableHeader, .tableItem_row{
        flex-wrap: wrap;
    }
    .tableHeader{
        font-size: 10px;
    }
    .tableHeader_first{
        width: 100%;
        height: 35px;
        flex: auto!important;
        border-right: none;
    }
   
    .tableItem_row div:first-child{
        width: 100%;
        flex: auto!important;
        text-align: center;
        font-weight: 800;
    }
    .tableHeader_combine_top{
        border-top: 1px solid #fff;
        line-height: 16px;
    }
    .tableHeader_combine{
        width: 50%;
        padding: 0 6px 0;
        height: auto;
    }
    .tableItem_row div{
        width: 25%;
    }
    .breadcrumbs{
        width: 100%;
        overflow-x: auto;
    }
    .breadcrumbs a{
        white-space: nowrap;
    }
    .breadcrumbs::-webkit-scrollbar-button {
       display: none;
      }
    .breadcrumbs::-webkit-scrollbar-thumb {
       display: none;
      }
    .custom-acc .card-header .card-title{
        padding-right: 26px;
    }
    .tag{
        width: 45%!important;
        margin-bottom: 30px!important;
        padding: 12px 5px;
        justify-content: center;
    }
    .tag img {
        margin-right: 5px!important;
    }
    .mobSocial{
        padding-right: 20px;
    }
    .mobSocial a{
        margin-left: 12px;
    }
    .location-list-wrapper{
        background-color: #f4f4f4;
        border-radius: 16px;
        padding: 4px 8px;
        font-weight: 600;
        font-size: 14px;
        text-align: center;
        width: 200px;
        margin-bottom: 16px;
        margin-left: 12px;
        /* margin: 0 auto 8px; */
    }
    .brandList{
        justify-content: center;
    }
    .location-list.active-loc{
        width: 240px;
        left: 50%;
        transform: translate(-50%, 0);
    }
    .pageBaner, .pageBaner::after{
        border-radius: 0!important;
    }
    .steps .roundBorderHalf::before, .steps .roundBorderHalf::after{
        display: none!important;
    }
    .mobServBtn{
        background-color: #F4F4F4;
        padding: 12px 16px;
        border-radius: 12px;
        text-align: center;
        font-size: 14px;
        font-weight: 600;
        display: block;
        width: 100%;
        margin-bottom: 16px;
    }
    .mobServBtn img{
        margin-right: 16px;
    }
    #mobMnu{
        display: block;
        width: 100%;
        height: 100%;
        position: fixed;
        top: -200%;
        left: 0;
        background-color: #fff;
        padding: 16px;
        z-index: 1000;
        overflow-y: auto;
        transition: top .4s ease;
    }
    #mobMnu .inner{
        width: 100%;
        height: auto;
        overflow-y: scroll;
        padding-bottom: 89px;
    }
    #mobMnu .top{
        padding: 16px 0;
        border-top: 1px solid #E2E2E2;
    }
    #mobMnu .top li{
        margin-bottom: 16px;
    }
    #mobMnu .center{
        font-weight: 700;
        padding: 16px 0;
        border-top: 1px solid #E2E2E2;
    }
    #mobMnu .center img{
        margin-right: 6px;
    }
    #mobMnu .center div{
        margin-bottom: 15px;
    }
    #mobMnu .bottom{
        padding: 16px 0;
        border-top: 1px solid #E2E2E2;
    }
    #mobMnu .bottom .footerTelBlock{
        justify-content: flex-start!important;
    }

    
    .activeMnu{
        top: 70px!important;
    }
    .topPart{
        flex-wrap: wrap;
        padding-top: 8px;
    }
    .topPart a{
        display: block;
        width: 100%;
		text-align: right!important;
    }
    .baner-404{
        padding: 16px;
        width: 100%;
        height: 100vh;
        position: fixed;
        top: 0;
        left: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        background-color: #fff;
        z-index: 5000;
    }
    .baner-404-images{
        max-width: 343px;
        width: 100%;
        position: relative;
        
    }
    .fon-404{
        width: 100%;
        position: relative;
        z-index: 5;
    }
    .eclipse{
        position: absolute;
        bottom: -15px;
        left: 50%;
        transform: translate(-50%, 0);
        z-index: 4;
        width: 100%;
    }
    .baner-404 h2{
        margin-top: 41px;
        font-size: 28px;
        font-weight: 700;
        margin-bottom: 8px;
    }
    .baner-404 p{
        color: #333;
        font-size: 14px;
        line-height: 26px;
        margin-bottom: 24px;
        text-align: center;
    }
    .baner-404 .btnAccent{
        padding: 12px 32px;
        color: #fff; 
        background-color: #FF5100;
        border-radius: 12px;
    
    }


  .aboutCenterbaner p {
    font-size: 18px;
   
  }


.topPart {
  height: auto!important;
  flex-direction: row!important;
}
.rev-item .topPart span {
  margin-top: 0;
}
  section,
  footer {
    margin-left: 0;
  }

  .grayAbout{
    background-color: #F4F4F4;
    padding: 32px 0;
    margin: 32px 0;
  }
  .grayAbout h2{
    font-size: 24px;
    line-height: 36px;
  }
  .textGray{
    padding: 20px;
    background-color: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 26px;
    border-radius: 20px;
    margin-bottom: 24px;
  } 
  .textGray p{
    margin-bottom: 20px;
  }

}