/*!
Theme Name: DITIS
Theme URI: https://ditis.com.ua/dts
Author: Ditis
Version: 5.1.3/2022
Author URI: https://ditis.com.ua
Description: Is the perfect theme. 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ditis.com.ua
*/

@import url('https://fonts.googleapis.com/css2?family=Unbounded:wght@200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Golos+Text&family=Unbounded:wght@200;300;400;500;600;700;800;900&display=swap');
input, textarea {outline:none;}
input:active, textarea:active {outline:none;}
:focus {outline:none;}
textarea {resize:none;}
textarea {resize:vertical;}
textarea {resize:horizontal;}


#primary {
width: 100%;
}

p {
margin-bottom: 5px;

}

body {
  font-family: 'Golos Text', sans-serif;
font-weight: 400;
font-size: 18px;
color: #fff;
line-height: 1.2;
background: #1d1d1d;
}

a {
color: #fff;
font-weight: 200;
}

a:hover,
a:focus,
a:active {
color: #e34930;
}

h1,
h2 {
font-family: 'Unbounded', cursive;
margin-bottom: 0;
font-weight: 700;
line-height: 1em;
color:#181D4E;
}

h3,
h4,
h5,
h6 {
font-family: 'Unbounded', cursive;
margin-bottom: 0;
line-height: 1em;
}

strong {
font-weight: 700;
}
.kc_tabs_nav > li > a, .nav-pills > li > a {padding: 10px!important;}
.kc_tabs_nav > li > a, .nav-pills > li > a {text-transform:uppercase;line-height: 25px;}
.dropdown-menu {/*background: #e34930;*/ background: #e3493000; box-shadow: none !important;}
.dropdown-menu li.menu-item {border-bottom: none; margin: 0;font-size: 20px;}
.dropdown-menu li.menu-item a:hover {color: #e34930;}
.about-1 h1 {font-size: 60px;color:#fff;margin: 75px 0;}
.about-2 h2 {font-size: 22px;color:#fff;margin: 15px 0;}
.about-2 h3 {font-size: 18px;font-weight: 200;}
.kc_tabs_nav ~ .kc_tab.ui-tabs-body-active {background: transparent!important;}
.kc_wrapper > ul.ui-tabs-nav > li {text-align: center;}
.kc_tabs_nav > .ui-tabs-active, .kc_tabs_nav > .ui-tabs-active:hover, .kc_tabs_nav > .ui-tabs-active > a, .kc_tabs_nav > .ui-tabs-active > a:hover {color:#fff;background:transparent;border:1px solid #898989!important;}
.kc_tabs_nav > li {border-right: 0;background-color: #1d1d1d;}
.kc_tabs_nav > .ui-tabs-active > a, .kc_tabs_nav > li:hover, .kc_tabs_nav > li > a:hover {background-color: transparent!important;color: #898989;border: 1px solid #898989!important;font-family: 'Unbounded', cursive;font-size: 18px!important;}
ul.kc_tabs_nav.ui-tabs-nav {padding: 15px 0;background: #1d1d1d!important;margin-top: 75px!important;}
.kc_tabs_nav > li > a, .nav-pills > li > a {font-family: 'Unbounded', cursive;font-size: 18px!important;}
.about-3 .kc_single_image {text-align: center;margin-bottom: 25px;min-width: 400px!important;}
.about-3 .kc_counter_box .counterup {margin-bottom: 25px;}
.about-3 .kc_counter_box h4 {font-weight: 200;}
.home-2 .kc_single_image {text-align: center;margin-bottom: 65px;/*min-width: 400px!important;*/}
.home-2 .kc_counter_box .counterup {margin-bottom: 25px;}
.home-2 .kc_counter_box h4 {font-weight: 200;font-family: 'Golos Text', sans-serif;}
.home-2, .home-3 {margin-bottom: 75px;}
.home-5 .kc_button {border-radius: 100%;padding: 80px 30px!important;font-size: 20px;text-transform: uppercase;margin: 55px auto -140px;font-weight: 700;}
.home-5 .kc_button:hover {background-color: #898989!important;border:2px solid #898989!important;}
.home-6 {background: #f3f3f3;padding: 200px 0 100px!important;display: block;}
.home-6 h3 {color:#1d1d1d;font-weight: 200;text-align: center;line-height: 1.2;}
.home-6 h3 span a {font-weight: 700;text-decoration: none;color:#1d1d1d}
.home-8 {padding-top:75px!important;}
.home-10 {border-top:1px solid #898989;padding: 50px 0!important;}
.home-10 h6 {font-size: 20px;text-align: center;color:#898989}
.home-10 h3 {text-transform: uppercase;font-weight: 200;font-size: 3rem;}
/* Это стилизация для конкретного примера, вы можете стилизировать под свой макет */ 
.change-photos {
  width: 300px;
}
.change-photos .change-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Сразу скрываем вторую картинку */
.change-photos .change-photo:nth-of-type(2) {
  display: none;
}

/* При наведении курсора на родительский класс change-photos первую картинку скрываем, а вторую показываем */

.change-photos:hover .change-photo:nth-of-type(1) {
  display: none;
}

.change-photos:hover .change-photo:nth-of-type(2) {
  display: block;
}

.change-photos:hover {
  cursor: pointer;
}
.about-4 h5.room-ractory1, .about-4 h5.room-ractory2, .about-4 h5.room-ractory3, .about-4 h5.room-ractory4 {font-size: 18px;text-decoration: none;text-align: center;}
.about-4 h5.room-ractory1:before {display: block;
  width: 40px;
  height: 28px;
  background: url("/wp-content/themes/dts/img/youtube.png") no-repeat 0;
  content: " ";
  position: relative;
  float: left;
  margin-top: -6px;
  margin-left: 60px;
background-size: contain;}
.about-4 h5.room-ractory2:before {display: block;
  width: 40px;
  height: 28px;
  background: url("/wp-content/themes/dts/img/youtube.png") no-repeat 0;
  content: " ";
  position: relative;
  float: left;
  margin-top: -6px;
  margin-left: -6px;
background-size: contain;}
.about-4 h5.room-ractory3:before {display: block;
  width: 40px;
  height: 28px;
  background: url("/wp-content/themes/dts/img/youtube.png") no-repeat 0;
  content: " ";
  position: relative;
  float: left;
  margin-top: -6px;
  margin-left: 16px;
background-size: contain;}
.about-4 h5.room-ractory4:before {display: block;
  width: 40px;
  height: 28px;
  background: url("/wp-content/themes/dts/img/youtube.png") no-repeat 0;
  content: " ";
  position: relative;
  float: left;
  margin-top: -6px;
  margin-left: 20px;
background-size: contain;}

.about-4 h5.room-ractory a {font-size: 18px;text-decoration: none;text-align: center;}
.about-4 {width: 100%;margin-top: 50px;}

.dts-cat-ditis h1 {text-align: center;color:#fff;margin-bottom:50px;text-transform: uppercase;}
.dts-cat-ditis h2 {text-align: center;color:#fff;text-transform: uppercase;}
.dts-cat-ditis h3 {text-align: center;color:#fff;margin-bottom:50px;font-weight: 200;text-transform: uppercase;}
.category-news-heading a {text-decoration: none;}
.category-news-heading h3 {color:#fff;text-decoration: none;font-weight: 200;margin-top: 25px;}
.text-bottom-cat-left h5 {color:#fff;font-weight: 200;font-size: 40px;text-transform: uppercase;}
.text-bottom-cat-right h5 {color:#e34930;font-size:140px;text-transform: uppercase;text-align: right;}

.contact {padding: 100px 0!important;}
.contact h3 a {font-size: 22px;text-decoration: none;color:#fff;}
.contact h4 a {font-size: 22px;text-decoration: none;color:#fff;margin: 30px 0 70px;display: block;}
.contact h1 {color:#e34930; text-transform: uppercase;font-weight: 200;font-size: 22px;line-height: 32px;}
.contact h2 {color:#fff; text-transform: uppercase;font-weight: 200;font-size: 22px;line-height: 32px;}

.clients {margin: 155px 0 100px;}
.clients h3 {font-size: 50px;text-decoration: none;color:#fff;font-weight: 700;line-height: 70px;}
.clients h4 {font-size: 50px;text-decoration: none;color:#fff;display: block;font-weight: 200;line-height: 70px;}
.clients h1 {color:#e34930; text-transform: uppercase;font-weight: 200;font-size: 22px;line-height: 32px;margin-top: 50px;}
.clients h2 {color:#fff; text-transform: uppercase;font-weight: 200;font-size: 22px;line-height: 32px;}

/**/
.form-control {display: block;width: 100%!important;}
.wpcf7-form input, .wpcf7-form select, .wpcf7-form textarea {background:transparent;border: none;font-family: inherit;font-size: 1.6em;line-height: inherit;width: 100%;padding:5px 0;color: #535353;border-bottom:2px solid #898989;}
.wpcf7-form input:active, .wpcf7-form select:active, .wpcf7-form textarea:active,.wpcf7-form input:focus, .wpcf7-form select:focus, .wpcf7-form textarea:focus {border-bottom:2px solid #898989;}
.wp-contact-form {width:200px;height:70px;padding-top:25px;}
.wpcf7-submit  {border:0!important;padding-left:0!important;padding-right:0!important;background-color:#05285A;color:#fff!important;font-weight:700;}
.pad-contact-form {padding-top:35px;}
.wpcf7-form-control-wrap {height:200px!important;}
.wpcf7-form textarea {height:100px;padding:10px 0 0 10px;border-bottom:2px solid #898989;}
div.wpcf7-response-output {margin: 4em 0.5em 1em;padding: 0.2em 1em;border: 2px solid #898989;}
span.wpcf7-not-valid-tip {color: #f00;font-size: 1em;font-weight: normal;display: block;margin-top: 1em;}
.wpcf7-list-item-label {font-size:20px;color:#05285A}
.wpcf7-form-control.wpcf7-submit {background-color:#e34930;border: 2px solid #e34930!important;margin-top: 100px;}
.wpcf7-form-control.wpcf7-submit:hover {color:fff!important;background:transparent;border: 2px solid #e349309!important;transition:0.1s;}
.wpcf7-form {padding: 0 25px;}
/**/
.web {color:#fff;}
.copyright img {width: 100px;}
.w-20 {width:100%;}
.w-20 img {width:100%;}
.image-border img {height: auto;width: 100%;padding: 25px;}
.image-border {border:1px solid #898989;}
.category-single-padding {margin-bottom: 50px;color:#fff;}
.category-single-padding h3 {color:#fff;text-transform: uppercase;font-weight: 200;font-size: 22px;}
.bg-image-title {height: 460px;background-size: cover;}
.bg-image-title h1 {color:#fff;padding-top: 150px;margin-left: 10%;}
.bg-image-title h2 {color:#fff;padding-top: 20px;margin-left: 10%;font-weight: 200;}


.nav>li>a {
position: relative;
display: block;
padding: 10px 0px;
font-size: 20px;
font-weight: 700;
}

.nav>li>a:focus,
.nav>li>a:hover {
text-decoration: none;
background-color: #eee;
}

.nav>li>a:focus,
.nav>li>a:hover {
background: transparent;
background-color: transparent;
}

.nav>li>a:focus,
.nav>li>a,
.nav>li>a:hover {
transition: all 350ms ease-in-out;
}

.dropdown-menu {
border: 0;
border-radius: 0;
padding: 0;
text-align: left;
list-style: none;
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, .5), inset 0 -1px 0 rgba(0, 0, 0, .1)
}

.show {
display: block !important;
position: relative;
z-index: 10;
border-radius: 0
}

.dropdown-menu>li>a {
display: block;
clear: both;
font-weight: 400;
line-height: 1.42857143;
white-space: nowrap;
padding: 10px 0;
text-align: left;
}
.logo-head {text-align: center;}
.dropdown-menu>li>a:hover {text-decoration: none;}
.home header {position: absolute!important;}
#mynav .dropdown-toggle::after {display: none;}
.navbar {min-width: 100%;z-index: 9;}
.navbar li {margin: 0 25px;}
.navbar li a {color:#fff;text-decoration: none;text-transform: uppercase;font-weight: 200;font-family: 'Unbounded', cursive;}
.navbar li {border-bottom:1px solid #0000;}
.navbar li:hover {border-bottom:1px solid #e34930; color: #e34930;}
.navbar .sub-menu li:hover {border-bottom:none;}
.navbar li a:hover, .navbar li a:focus  {color: #e34930;}
.home .top-phone a {font-size: 24px;font-weight: 700;text-decoration: none;color:#fff;padding: 0 20px;}
.top-phone a {font-size: 24px;font-weight: 700;text-decoration: none;color:#fff;padding: 0 20px;line-height: 28px;}
a.btn-top {background: #181D4E;padding: 10px 20px;color:#fff;text-decoration: none;border:1px solid #fff}
img.top-logo {padding-right: 25px;}
ul.top-lang {margin-bottom: 0;}
/*
.home-1 h1 {color:#fff;font-size: 4vw;font-weight: 400;line-height: 1;letter-spacing: -1.4px;text-align: center;margin:15% 0 5%} 
.service-1 {background: url(/wp-content/themes/dts/img/service.jpg) center center no-repeat;background-size: auto;color: #fff;background-size: cover;padding-left: 50px !important;padding-right: 50px !important;height: 50vh;display: flex;align-items: center;}
.service-1 h1 {background-color: #181D4E;width: max-content;color:#fff;padding: 20px 30px;line-height: 1.2;}
.service-2 {margin: 100px 0;}
.product-top-header {text-align: center;}
.product-2 h2 {text-align: center;margin: 50px 0;}
.product-3 h3, .product-4 h3 {text-align: center;padding: 20px;font-size: 24px;background: #e34930;min-height: 90px;color:#fff;display: grid;align-items: center;align-content: center;}
.product-5 {margin-top: 50px;}
.product-4 {margin-top: 50px;}
.product-5 h2 {margin-bottom: 30px;font-size: 24px;}
.blade {margin: 50px 0;}
.blade-1 {margin-bottom: 50px;}
body.single  {background: #fff!important;}
.product-6 {margin: 50px 0;}
.product-3 .kc-col-container, .product-4 .kc-col-container {border:2px solid #181D4E}
.product-3 .kc_text_block, .product-4 .kc_text_block {border-top:2px solid #181D4E;padding: 20px;}
.home-2 h2, .home-4 h2, .home-6 h2 {font-size: 30px;text-align: center;margin: 50px 0;}
.home-3 img.wp-post-image, .home-5 img.wp-post-image, .home-7 img.wp-post-image {width: 100%;height: 300px;}
.home-3 .kc-owl-post-carousel .owl-item .image .caption, .home-5 .kc-owl-post-carousel .owl-item .image .caption, .home-7 .kc-owl-post-carousel .owl-item .image .caption {background-color: #e34930;color:#fff;padding: 10px;text-decoration: none;font-weight: 700;}
.home-3 a, .home-5 a, .home-7 a {color:#fff;padding: 10px;text-decoration: none;font-weight: 700;}
.home-3 h3, .home-5 h3, .home-7 h3 {font-size:24px;line-height: 30px ;}
.home-3 .kc-owl-post-carousel .owl-item .kc-read-more, .home-5 .kc-owl-post-carousel .owl-item .kc-read-more, .home-7 .kc-owl-post-carousel .owl-item .kc-read-more {background-color: #181D4E;border-radius: 0;margin: auto;}
.footer-button {margin-top: 20px;}
.kc-owl-post-carousel .owl-item .list-item {box-shadow: 0 0 0 1px rgb(24, 29, 78) inset;}
.kc-owl-post-carousel .owl-item .in-post-content {font-size: 16px;}
.kc-owl-post-carousel .owl-item .in-post-content {min-height: 95px;}
.eco-1 h3, .eco-1 h4 {margin: 10px 0;}
.footer-logo {text-align: center;}
.kc-owl-post-carousel .owl-item .list-item {padding-bottom: 20px;}
.home-8 h3 {text-align: center;margin: 50px 0;}
.kc_accordion_header > a {font-size: 18px;}
.kc-panel-body p {font-size: 16px;}

.about-1 {background: url(/wp-content/themes/dts/img/about.jpg) center center no-repeat;background-size: auto;color: #fff;background-size: cover;padding-left: 50px !important;padding-right: 50px !important;height: 100vh;display: flex;align-items: center;}
.about-1 h1 {background-color: #181D4E;width: max-content;color:#fff;padding: 20px 30px;line-height: 1.2;}
.about-2 {margin: 50px 0;}
.about-3 {background: url(/wp-content/themes/dts/img/about-1.jpg) center center no-repeat;background-size: auto;color: #fff;background-size: cover;padding-left: 50px !important;padding-right: 50px !important;display: flex;align-items: center;height: 60vh;}
.about-3 h2 {background-color: #181D4E;width: max-content;color:#fff;padding: 20px 30px;line-height: 1.2;text-align: center;margin: auto;}
.about-4 h3 {text-align: center;margin: 25px 0;}

.prod-img img {height: 400px;width: 100%;}
.dts-cat-ditis-body h1 {text-align: center;}
.cat-news-single {box-shadow: 0 0 0 1px rgb(24, 29, 78);}
.home .navbar {background: transparent;}
.dropdown-menu li {margin: 0;}
ul.dropdown-menu {margin-top: 10px;}
.single  .kc_text_block {text-align: justify;}
h3.widget-title {color:#e34930; margin-bottom: 20px;}
footer {color:#fff;}
h3.widget-title::after {
  left: 0;
  background-color: #e34930;
  content: "";
  position: relative;
  bottom: -10px;
  display: block;
  height: 2px;
  max-width:100%;
width:60px}
*/
.top-lang li {list-style: none;background: transparent;margin: 2px;border:0;}
.top-lang li:hover {border:0}
.top-lang .lang-item {opacity: 0.5;}
.top-lang .current-lang, .top-lang .lang-item:hover {opacity: 1;}
.top-lang img {border: 1px solid #4b4b4b;}
.about-4 h5.room-ractory1::before:hover {background: url("/wp-content/themes/dts/img/youtube-r.png") no-repeat 0;}
.kc_button {font-size:18px!important;padding: 10px 20px!important;}
.service-1 {margin:75px auto 0;}
.service-1 h3 {color: #e34930;margin: 50px 0;}
.service-2 h6 {font-size: 40px;text-align: center;position:absolute;margin-top: -20px;width: 60px;background: #1d1d1d;margin-left: 15%;}
.service-2 {border: 1px solid #fff;}
.service-2 .kc_text_block {padding: 50px;min-height: 200px;}
.service-block-3, .service-block-7 {margin-top: 75px;}
.service-block-4 {margin-bottom: 75px;}
.service-block-5 h2 {text-align: center;text-transform: uppercase;color:#fff;margin-bottom: 15px;}
.service-block-5 h3 {text-align: center;text-transform: uppercase;color:#fff;margin-bottom: 25px;font-weight: 200;}
.service-block-6 h4 {margin: 15px 0;}
.service-block-6 h5 {font-weight: 200;}
.home-1 h1 {color:#fff;}
.home-1 h2 {color:#fff;font-weight: 200;margin: 25px 0;}
.home-1 {margin: 200px 0 200px;}


@media screen and (max-width:479px) {}

@media screen and (max-width:576px) {
  
}

@media screen and (max-width:767px) {
    .footer-logo img {width: 100%;}
   
}

@media screen and (max-width:1199px) {}

@media screen and (min-width:1200px) {
    .cat-news-single {min-width: 420px;margin: 10px;}
    .footer-logo img {width: 60%;}
    .kc_wrapper > ul.ui-tabs-nav > li {width: 20%;text-align: center;}
    .kc_col-sm-4.kc_column_inner.service-2 {margin: 1%;width: 31%;}
    .home-1-left {margin-left: 20%;}
    .list-menu.lanq-switch {margin-right: 100px;}



    .home-1 h1 {
     line-height: 1.4em!important;
     font-size: 3rem!important;
      }
    .home-1 h2 {
      font-size: 3rem!important;
      line-height: 1.4em;
      margin: 0 0 60px 0;
      }

    .home-1 .kc_button {
     font-size: 1.8rem!important;
     text-align: center!important;
      }
    .change-photos {
    max-height: 150px;
  }
  .home-5 .kc_button {
    padding: 97px 49px!important;
    font-size: 1.2em!important;
    font-weight: 300!important;
  }
  .home-6 {
    padding: 165px 0 100px!important;
  }
  .home-8 {
    margin: 45px 0 60px!important;
  }

} 


@media screen and (min-width:1600px) {}

@media screen and (min-width:240px) and (max-width:360px) {}


@media only screen and (max-width: 479px) {
    .change-photos {width: 100%!important;}
    .service-block-6 h4 { margin-bottom: 5px; }
    .clients h1 {margin-top: 35px;}
    .wpcf7-form-control.wpcf7-submit {margin-top: 55px;}
    .copyright-text.pt-1, .copyright-text.pb-1 { font-size: 0.7em; }
    .copyright img { width: 75px;}
    .mob-menu.show { top: 50px; background: #1d1d1d; padding: 50px 15px;}
.navbar li { border-bottom: 1px solid #ffffff17; }
.mob-menu.show #menu-main-menu a { font-size: 2em; padding: 35px 15px 0px !important; }
 
}

@media screen and (min-width:361px) and (max-width:479px) {}

@media screen and (min-width:480px) and (max-width:575px) {}

@media screen and (min-width:576px) and (max-width:767px) {}

@media screen and (min-width:768px) and (max-width:991px) {}

@media screen and (min-width:992px) and (max-width:1023px) {}

@media screen and (min-width:1024px) and (max-width:1199px) {}

@media screen and (min-width:1200px) and (max-width:1367px) {
  .nav > li > a {
    position: relative;
    display: block;
    padding: 5px;
    font-size: 16px;
}
}
@media screen and (min-width:1368px) and (max-width:1599px) {}

@media screen and (min-width:1600px) and (max-width:1999px) {
/*.home-1 h1 {margin:16% 0 12%}*/
}

@media screen and (min-width:2000px) {


}
@media (min-width: 768px) {
  header {padding: 20px !important;}
}


.block_img-911431{
  width: auto!important;
  height: auto!important;
  
  /*position: relative!important;
  bottom: 40px;
  right: 20%;*/
}