/*!
Theme Name: Katana
Theme URI: http://katana.maadsites.com/
Author: Lime Agency
Author URI: https://lime-agency.com.ua/
Description: Custom theme and design for KatanaIT
Version: 1.0.1
License: GNU General Privat License v2.1 or later
License URI: LICENSE
Text Domain: katana
Tags: custom-theme, custom-block, custom-menu, featured-images, threaded-comments, translation-ready

katana is based on Lime Agency https://lime-agency.com.ua/, (C) 2014-2020 Automattic, Inc.



*/

/* responsive table */

.rpt_style_basic .rpt_plan .rpt_head{
    background-image: linear-gradient(to right, #78216f, #d24817) !important;
}
.rpt_style_basic .rpt_plan .rpt_head .rpt_recurrence, .rpt_plans .rpt_plan .rpt_head .rpt_description{
    color: #fff !important;
}
.rpt_plans .rpt_plan .rpt_head .rpt_price{
    font-weight: bold !important;
    font-size: 60px !important;
}
.rpt_plans .rpt_plan .rpt_foot{
    padding: 8px 20px !important;
    font-size: 18px !important;
}
.rpt_plan{
    margin-right: 0 !important;
    margin-left: 0 !important;
}
/* end responsive table */

.breadcrumbs{
    font-size: 18px;
    background: #f9f9f9;
    padding: 15px;
}
.breadcrumbs a{
    color: #d24817;
}
.wpcf7-form{
    padding: 0 15px;
}
.header-t-info p br{
    display: none;
}
.box-text-content a{
    color: #d24817;
}
.box-text-content hr{
    margin: 40px 0;
    border-top: 1px solid #e0e2e6;
}
.content{
    /* padding: 3.6458333333vw 0; */
    background: url(images/bg-content/bg-clients.png) center no-repeat;
    background-size: 100%;
}

.content h2{
    margin-bottom: 2.0833333333vw;
    position: relative;
}
h2.has-text-align-center:before{
    content: '';
    position: absolute;
    bottom: -1.0416666667vw;
    left: 50%;
    transform: translateX(-50%);
    background: #d24817;
    width: 4.4791666667vw;
    height: 0.2604166667vw;
    border-radius: 0.2083333333vw;
}

.wpcf7-not-valid{
    border: 1px solid red;
}
div.wpcf7 .ajax-loader{
    top: 34%;
    right: -35px;
    background: transparent;
    box-shadow: none;
}
span.wpcf7-not-valid-tip{
    display: none !important;
}
div.wpcf7 .ajax-loader:before{
    display: none;
}
.wpcf7-form .btn{
    width: max-content;
}
.wpcf7-form .wpcf7-submit{
    background: transparent;
    color: #d24817;
    border-color: #d24817;
    cursor: pointer;
    width: 100%;
    height: 100%;
}
.wpcf7-form .btn:hover .wpcf7-submit{
    color: #fff;
}
.nav-links{
    display: flex;
    align-items: center;
    justify-self: center;
}
.screen-reader-text{
    display: none;
}
/* .sub-menu{
    z-index: 1;
} */
.header-t{
    padding: 0.4vw 0;
}
.header-nav{
    z-index: 1;
}

.service-content h3 img {
  margin-right: 0.5208333333vw;
  width: 3vw;
  height: 3vw;
  object-fit: contain;
  transition: 0.3s;
}
.service:hover img{
    filter: invert(100%) sepia(0%) saturate(7487%) hue-rotate(248deg) brightness(102%) contrast(100%);
}

.block-text__r .box-text{
    flex-direction: row-reverse;
}

.subscribe-form input[type='submit']{
    min-width: 10.6770833333vw;
    height: 2.58125vw;
    padding: 0 3.3854166667vw 0 1.0416666667vw;
    font-size: 0.9375vw;
    text-transform: uppercase;
    cursor: pointer;
    transition: all .3s ease-in-out;
    border-radius: 1.5625vw;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    border: 2px solid transparent;
    position: absolute;
    top: 0;
    right: 0;
    background: #fff;
    color: #d24817;
    width: auto;
    transition: all .3s ease-in-out;
}
.subscribe-form .btn:hover input[type='submit']{
    background: #d24817;
    color: #fff;
}
.subscribe-form form{
    position: relative;
}
.newsletter-success, .newsletter-error{
    position: absolute;
    bottom: -1.7vw;
    width: 100%;
    text-align: center;
    color: #fff;
}
@media (max-width: 1199px) {

  .service-content h3 img {
    margin-right: 10px;
    width: 60px;
    height: 60px;
  }
  .subscribe-form input[type='submit']{
    min-width: 180px;
    height: 44px;
    padding: 0 55px 0 15px;
    font-size: 16px;
    border-radius: 30px;
  }
  .content{
    padding: 0px 15px;
    background: none;
  }
}
@media (max-width: 991px){
    .header-nav{
        padding: 80px 15px;
    }
    .burger {
        margin-right: -5px;
    }
}
@media (max-width: 767px){
    .box-text {
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }
    .subscribe-form input[type='submit']{
        position: relative;
        display: -ms-flexbox;
        display: flex;
        margin: 0 auto;
    }
}
@media (max-width: 567px){
    .header-nav {
        top: 0;
    }
    .header-t{
        display: none;
    }
}