/*!
Theme Name: DITIS
Theme URI: https://ditis.com.ua/dts
Author: Ditis
Version: 6.2/2023
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=Roboto:wght@400;500;700;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;color:#111}
body {font-family: 'Roboto', sans-serif;font-weight: 400;font-size: 18px;color: #5A5A67;line-height: 1.2;}
a {color: #5A5A67;}
a:hover,a:focus,a:active {color: #fff103;}
h1,h2 {font-family: 'Roboto', sans-serif;margin-bottom: 0;line-height: 1em;color:#fff103;}
h3,h4,h5,h6 {font-size:24px; font-family: 'Roboto', sans-serif;margin-bottom: 0;line-height: 1em;color:#fff103;}
strong {font-weight: 700;}

.seo h2, .seo h3, .seo h4, .seo h5, .seo h6 {font-size: 14px;color:#151515;margin:5px 0}
.seo {font-size: 12px;text-align: justify;}
.seo li {color:#151515}
.seo a {text-decoration: underline;color:#151515}
.home-01 {background: url(/wp-content/uploads/2025/10/02.webp) center center no-repeat;background-size: auto;color: #fff;background-size: cover;height: 100vh;}
.home-1-text {background-color:rgba(255, 241, 3, 0.8);;padding: 50px;width: 50%; display:inline-block;position:absolute;bottom: 100px;clip-path: polygon(0 1%, 100% 0, 90% 100%, 0% 100%);}
.home-02 {background: url(wp-content/uploads/2025/10/bg-2.webp) center center no-repeat;background-size: auto;color: #fff;background-size: cover;padding: 100px 0;}
.home-02 h3 {text-transform: uppercase;font-size: 45px;font-weight:700;color: #111;text-align: center;margin-bottom: 50px;}
.home-02-text {max-width: 800px!important;margin: auto;text-align: center;}
.home-02-btn {text-align: center;margin-top: 50px;}
.home-02-btn .elementor-button {padding: 25px 40px;font-weight: 700;background-color: #151515;color:#fff;font-size: 20px;border:2px solid #151515}
.home-02-btn .elementor-button:hover {background: transparent;color:#151515}
.home-02 .wb_ps_content .wb_ps_description {display: none;}
.home-02 .wb_ps_content h3 {font-size: 20px;color:#151515!important;margin-bottom: 0!important;line-height: 20px;min-height: 45px;}
.home-02 .wb_ps_content h3 a {font-size: 16px;color:#151515!important}
.about-01 {background: url(/wp-content/uploads/2023/11/csv_9394.jpg) center center no-repeat;background-size: auto;color: #fff;background-size: cover;height: 100vh;}
.about-01 h1 {color:#fff; background-color: #fff103;padding: 50px;width: 40%; display:inline-block;margin-top: 20%;clip-path: polygon(0 1%, 100% 0, 90% 100%, 0% 100%);z-index: 99;}
.about-02 {padding: 100px 0;}
.wbel-arrow {background: transparent;color:#151515;font-size: 30px;border:0}
#sidebar-right-3 {text-align: center;}
.home-1-text h2, .home-1-text h3 {color:#111}
.home-1-text h2 {font-size: 60px;font-weight: 700;}
.home-1-text h3 {font-size: 36px;font-weight: 400;}
.home-03 {background-color: #f9ed2f;padding: 100px 0;}
.home-03 span.elementor-counter-number {font-size: 60px;color:#111;font-weight: 900;height: 60px;}
.home-03 .elementor-counter .elementor-counter-number-suffix {font-size: 60px;color:#111;}
.home-03 .elementor-counter .elementor-counter-title {line-height: normal;color:#111;font-size: 18px;margin-top: 15px;}
.home-03 img {height: 120px;margin-bottom: 15px;}
.home-04 h2 {text-align: center;color:#111;font-size: 60px;}
.home-04 h3 {text-align: center;color:#111;font-size: 30px;margin-bottom: 100px;}
.home-04 h2 span {text-align: center;color:#111;font-size: 60px;font-weight: 900;text-transform: uppercase;position: relative;}
.home-06 h3 span, .product-contact span, .page-contact-01 span {position: relative;z-index: 1;}
.home-04 h2 span .after, .home-06 h3 span .after, .product-contact h2 span .after, .page-contact-01 h1 span .after {background: #f9ed2f;}
.home-04 span .after, .home-06 span .after, .product-contact span .after, .page-contact-01  span .after{
  border-radius: inherit;
  content: "";
  display: block;
  width: 100%;
  height: 25%;
  min-height: 2px;
  position: absolute;
  bottom: 0;
  left: 0;
  backface-visibility: hidden;
  z-index: -1;
}
#sertificate-home h3 {text-align: center!important;color:#111!important;font-size: 30px;text-transform: uppercase;}
.home-04, .home-05 {padding: 100px 0;}
.home-06 {background: url(/wp-content/uploads/2023/11/contact-fon.jpg) center center no-repeat;background-size: auto;background-size: cover;}
.product-contact {background: url(/wp-content/uploads/2023/11/bg-contact-1.png) center center no-repeat;background-size: auto;background-size: cover;}
.home-06 .contact-row, .single .contact-row {display: flex;width: 100%;}
.home-06 {padding: 100px 0;}
.home-06 h3 {font-size: 60px;color:#fff;text-align: center;margin-bottom: 30px;text-transform: uppercase;font-weight: 700;}
.form-control {display: block;width: 100%!important;}
.product-contact h2 {color:#111;text-align: center;margin: 100px 0 75px;text-transform: uppercase;font-weight: 700;}
.product-contact {padding-bottom: 100px;}
.product-01 {margin-top: 75px;}
#sidebar-right-2 {display: inline-grid;text-align: center;margin:auto;}
#sidebar-right-2 img {padding: 10px 0;}
#myBtn {background: transparent;border: 0;margin: auto;padding-bottom: 30px;}
#moreCategories li {list-style: none;width: 49%;}
#moreCategories h3 {padding: 20px;background-color:#eee;padding: 25px;color: #151515;text-align: center;}
#moreCategories h3 a {text-decoration: none;}
#moreCategories img {width: 100%;height: auto;}
.page-contact-01 span .after {bottom: -5px;}
.page-id-230 .nav > li > a, .page-id-868 .nav > li > a {color:#fff!important}

wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {background: transparent;border: 0;border-bottom: 2px solid #696971;width: 100%;color: #696971;font-size: 20px;padding: 10px;}
.wpcf7-form input, .wpcf7-form select, .wpcf7-form textarea {background:transparent;border: none;font-family: inherit;font-size: 20px;line-height: inherit;width: 100%;padding:10px;color: #696971;border-bottom:2px solid #696971;}
.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 #151515;}
.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:#696971;color:#fff!important;font-weight:700;}
.pad-contact-form {padding-top:25px;}
.wpcf7-form-control-wrap {height:200px!important;}
.wpcf7-form textarea {height:46px;padding:10px 0 0 10px;border-bottom:2px solid #696971;}
div.wpcf7-response-output {margin: 4em 0.5em 1em;padding: 0.2em 1em;border: 2px solid #111;}
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:#fff103}
.wpcf7-form-control.wpcf7-submit {background-color:#fff103;border: 2px solid #fff103!important;color:#111!important;padding: 30px!important;width: max-content;display: block;margin:50px auto 0;}
.wpcf7-form-control.wpcf7-submit:hover {color:#151515!important;background:transparent;border: 2px solid #fff103!important;transition:0.1s;}
.wpcf7-form {padding: 0 25px;}

.home-07 {background-color:#fafefd;padding: 100px 0;text-align: justify;}
.home-07 h1 {font-size: 24px;color:#111;margin-bottom: 25px;}
.wpcf7 {width:100% !important;}

.manufacture-01 {background: url(/wp-content/uploads/2023/11/manufacture.jpg) center center no-repeat;background-size: auto;color: #fff;background-size: cover;height: 100vh;}
.manufacture-01-text {background-color: #fff103;width: 60%;position: absolute;bottom:100px;right: 0;padding: 100px 150px 100px 100px;}
.manufacture-01-text h1 {color:#111;margin-bottom: 30px;font-size: 60px;font-weight: 900;}
.manufacture-02 h3 {font-size: 60PX;color: #111;}
.manufacture-02 {background: url(/wp-content/uploads/2023/11/csv_9622-pano.jpg) center center no-repeat;background-size: auto;color: #fff;background-size: cover;}
.manufacture-2-text {background-color: #eee;padding: 100px;line-height: 1.2;}
.manufacture-2-text p {line-height: 1.2;font-size: 28px;}
.manufacture-03 h3 {font-size: 60PX;color: #111;}
.manufacture-3-text {background-color: #fff;padding: 200px 150px 200px 100px;line-height: 1.2;}
.manufacture-3-text p {line-height: 1.2;font-size: 28px;}
.manufacture-04 h3 {font-size: 60PX;color: #111;}
.manufacture-04 {background: url(/wp-content/uploads/2023/11/csv_9394.jpg) center center no-repeat;background-size: auto;background-size: cover;}
.manufacture-4-text {background-color: #eee;padding: 200px 150px 200px 100px;line-height: 1.2;}
.manufacture-4-text p {line-height: 1.2;font-size: 28px;}

header {height: 150px;position: absolute!important;z-index: 99;}
.single header, .category header {position: relative!important;background-color: #c2c2c2;}
.single .elementor-widget-tabs.elementor-tabs-view-horizontal .elementor-tab-desktop-title.elementor-active {background-color: #cccccc;color:#151515}
.single .elementor-widget-tabs .elementor-tab-desktop-title.elementor-active {border-color: #ccc;}
.single .elementor-widget-tabs .elementor-tab-desktop-title {text-transform: uppercase;}

.single .elementor-tab-title.elementor-tab-mobile-title.elementor-active {background-color: #cccccc;color:#151515;font-weight: 700;}
.single .elementor-tabs .elementor-tab-title {text-transform: uppercase;}

.single .elementor-tab-title.elementor-tab-mobile-title.elementor-active::before {display: none;} 
.single .elementor-tab-mobile-title::before {
  display: block;
  width: 20px;
  height: 20px;
  background: url("/wp-content/uploads/2023/11/down-chevron.png") no-repeat 0;
  content: " ";
  position: relative;
  margin-left: -35px;
  float: right;
  margin-top: 3px;
  background-size: contain;}

.page-contact-01 {background: url(/wp-content/uploads/2023/11/contact-fon.jpg) center center no-repeat;background-size: auto;background-size: cover;padding: 150px 0;}
.page-contact-01 h1 {text-transform: uppercase;color:#fff;text-align: center;}
.category h1 {color:#151515}
.category hr {height: 5px;opacity:1;color:#fff103;}
.category-news-heading {background-color: #eee;padding: 25px;color:#151515}
.category-news-heading a h3 {color:#151515;line-height: 1.2;}
.category-news-heading a {text-decoration: none;}
.cat-news-single img {filter: grayscale(90);}
.cat-news-single:hover img {filter: grayscale(0);}
.cat-news-single:hover .category-news-heading {background-color: #daf6ff;}

.home-07 p, .about-02 p {text-indent: 3ch;}

.sub-menu.dropdown-menu.show {background: transparent;box-shadow: none;}
.mob-menu .navbar-nav .menu-item a {color:#111;font-size: 20px;}
.nav>li>a {position: relative;display: block;padding: 10px 15px;font-size: 24px;font-weight: 400;color:#111!important;text-transform: uppercase;}
.nav>li>a:focus,.nav>li>a:hover {color:#fff103!important;text-decoration: underline!important;}
.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;text-align: left;}
.dropdown-menu>li>a:hover {text-decoration: none;}
footer {background-color: #151515;padding: 100px 0;}
footer .footer-logo img {width:50%;display: block;margin: auto;}
footer h3 {color:#fff;text-transform: uppercase;margin-bottom: 25px;}
footer .widget .widget-title {color:#5A5A67;}
footer p {color:#696971;margin-bottom: 10px;}
footer ul {padding-left: 0;}
footer li {list-style:none;margin-bottom: 20px;}
footer li a {text-decoration: none;}
footer li.address:before {
  display: block;
  width: 30px;
  height: 35px;
  background: url("/wp-content/themes/dts/img/adress.png") no-repeat 0;
  content: " ";
  position: relative;
  margin-left: -35px;
  float: left;
  margin-top: -5px;
}

footer li.phone:before {
  display: block;
  width: 30px;
  height: 30px;
  background: url("/wp-content/themes/dts/img/phone.png") no-repeat 0;
  content: " ";
  position: relative;
  margin-left: -35px;
  float: left;
  margin-top: -3px;
}

footer li.mail:before {
  display: block;
  width: 30px;
  height: 30px;
  background: url("/wp-content/themes/dts/img/mail.png") no-repeat 0;
  content: " ";
  position: relative;
  margin-left: -35px;
  float: left;
  margin-top: -3px;
}

.contact-right {padding: 0 100px;}
.contact-right h3 {font-size: 30px;color:#fff;text-transform: uppercase;margin-bottom: 25px;}
.contact-right p {color: #a2a2a2;}
.home-02 h2 {font-size: 60px;text-align: center;}
.page-contact-01 li {list-style:none;margin-bottom: 20px;}
.page-contact-01 li a {text-decoration: none;color:#a2a2a2;}
.page-contact-01 li.address:before {
  display: block;
  width: 30px;
  height: 35px;
  background: url("/wp-content/themes/dts/img/adress.png") no-repeat 0;
  content: " ";
  position: relative;
  margin-left: -35px;
  float: left;
  margin-top: -5px;
}

.page-contact-01 li.phone:before {
  display: block;
  width: 30px;
  height: 30px;
  background: url("/wp-content/themes/dts/img/phone.png") no-repeat 0;
  content: " ";
  position: relative;
  margin-left: -35px;
  float: left;
  margin-top: -3px;
}

.page-contact-01 li.mail:before {
  display: block;
  width: 30px;
  height: 30px;
  background: url("/wp-content/themes/dts/img/mail.png") no-repeat 0;
  content: " ";
  position: relative;
  margin-left: -35px;
  float: left;
  margin-top: -3px;
}

.product-01 h1 {color:#111;font-size: 32px;font-weight: 700;}
.product-01 h2 {color:#fff103;font-size: 20px;font-weight: 400;}
.product-01 h3 {color:#111;font-size: 24px;font-weight: 700;margin-bottom: 25px;}

.web {color:#fff}
.web img {width: 100px;}



.swiper {
    width: 100%;
    height: 100%;
  }

  .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .swiper-slide img {
    display: block;
    width: 100%!important;
    height: 100%;
    object-fit: cover;
  }  
  
  .swiper img {
    display: block;
    width: 100%!important;
    height: 100%;
    object-fit: cover;
  }
  .cat-news-single {
    padding-bottom: 25px;
  }

.seo-text {margin: 25px 0;font-size: 14px;}
.seo-text h2 {font-size: 18px;color:#151515;margin-bottom: 15px;}
.seo-text h3, .seo-text h4, .seo-text h5, .seo-text h6 {font-size: 18px;color:#151515;margin: 15px 0;background: transparent!important;padding: 0!important;text-align: left!important;}
.seo-text a {color:#151515;font-weight: 700;}


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




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

}

@media screen and (max-width:767px) {
  .mob-menu.show {
    top:0!important;
    height: 100vh;
    display: flex !important;
    align-items: center;
    align-content: center;}
  .home-01 {background-position-x: 60%;}
  .home-03 img {height: 80px;width: auto;}
  .home-03 img {margin-bottom: 0;}
  .home-03 span.elementor-counter-number {font-size: 40px;height: 25px;}
  .home-03 .elementor-counter .elementor-counter-number-suffix {font-size: 40px;}
  .manufacture-02, .manufacture-03, .manufacture-04 {background-size: cover;}
 .manufacture-01-text h1, .home-04 h2, .home-04 h2 span {font-size: 30px;margin-bottom: 10px;}
 .home-1-text h2 {font-size: 27px;}
  .home-1-text {width: 80%;}
  .home-1-text h3 {font-size: 16px;}
  #sidebar-right {display: none!important;}
  .wb_ps_title {height: 40px;}
  .home-02 .wb_ps_content h3 a {font-size: 14px;line-height: 16px;}
  .home-06 h3 {font-size: 30px;}
  .home-06 .contact-row, .single .contact-row {display: block;}
  .home-07 {padding: 0 15px;}
  .bd-footer {padding: 30px;}
  .home-1-text {bottom: 15%;}
  .top-logo {width: 130px;height: auto;position: absolute;left: 0;top: -12px;}
  .navbar-toggler {background-color: #fff103;}
  header {height: 100px!important};
  .home-02 h2 {font-size: 30px;text-align: center;}
  .page-contact-01 {padding: 50px 0;}
  .contact-right {padding: 30px;}
  .wpcf7-form-control.wpcf7-submit {padding: 20px;}
  .manufacture-01-text {
    width: 90%;
    position: absolute;
    bottom: -350px;
    right: 0;
    padding: 20px;
    z-index: 99;
    left: 0;
    margin: auto;
  }
  .about-01 h1 {margin-top: 75%;padding: 20px!important;}
  .wpcf7-form-control.wpcf7-submit {padding: 20px;}
  .manufacture-01-text p {font-size: 16px;;}
  .manufacture-2-text, .manufacture-3-text, .manufacture-4-text {padding: 30px;}
  .manufacture-2-text p, .manufacture-3-text p, .manufacture-4-text p{font-size: 20px;}
  .manufacture-bg {height: 390px;}
  .manufacture-02 h3, .manufacture-03 h3, .manufacture-04 h3 {font-size: 30px;}
  .about-01 h1 {padding: 30px;width: 80%;}
  .mob-menu .navbar-nav .menu-item a {text-align: center;color:#fff}
  
  .home-06 span .after {bottom: -5px!important;}
  #moreCategories li {width:100%;margin-bottom: 20px;}
  .wpcf7-form {padding: 0;}
  .product-contact h2 {margin: 50px 0 0;}
  .product-01 {margin-top: 25px;}
  .lanq-switch-mob li {padding: 0!important;}
  .lanq-switch-mob li img {width:70%;}
  .lanq-switch-mob {right: 85px!important;margin-top:-2px}
  .home-02 {padding: 30px 0;}
  .home-1-text {padding: 25px;}
  .home-03 {padding: 25px 0;}
 .about-02, .home-04, .home-06 {padding: 50px 0;}
  .home-05 {padding: 0;}
  .home-05 .e-con-inner {padding: 20px 0;}
  .home-07 {padding: 50px 15px;}
  .home-04 h3 {margin-bottom: 50px;}
  .about-01, .manufacture-01 {height: 50vh;}
  .manufacture-02 h3 {padding-top: 370px;}
  .manufacture-04 {background: url(/wp-content/uploads/2023/11/002.jpg) bottom center no-repeat;background-size: auto;color: #fff;background-size: contain;}
  .manufacture-03 {background: url(/wp-content/uploads/2023/11/001.jpg) bottom center no-repeat;background-size: auto;color: #fff;background-size: contain;}
  .manufacture-02 {background: url(/wp-content/uploads/2023/11/003.jpg) bottom center no-repeat;background-size: auto;color: #fff;background-size: contain;}
  .home-01 {height: 60vh;}
  }

  @media screen and (max-width: 1023px) {
    .lanq-switch-mob {display:block;}
    .lanq-switch {display:none;}
    button.navbar-toggler {position: absolute;right: 20px!important;top: 28px!important;color: #fff;}
    .mob-menu {top:0!important;background:#151515;text-align:center;}
    .nav > li > a{color:#fff!important;}
    header.navbar {background: transparent!important;}
    button.navbar-toggler {color:#151515}

    .lanq-switch-mob {display: flex;position: absolute;right: 100px;}
.lanq-switch-mob li {list-style: none;padding: 3px;text-align: center;}
.lanq-switch-mob img {border:1px solid #fff;}
.lanq-switch-mob ul {padding-left: 0;margin-bottom: 0;}

.lanq-switch-mob .lang-item {opacity: 0.5;}
.lanq-switch-mob .current-lang, .lanq-switch-mob .lang-item:hover {opacity: 1;}
.dts-cat-ditis h1 {margin-top: 25px;}

  }  

.navbar .lanq-switch {padding-top: 0!important;padding-right: 20px;} 

@media screen and (min-width:768px) {
  .category-news-heading {min-height: 165px;}
  #moreCategories {display: contents;}
  .manufacture-03 {background: url(/wp-content/uploads/2023/11/04.jpg) center center no-repeat;background-size: auto;color: #fff;background-size: cover;}
}
@media screen and (max-width:1199px) {
  
}

@media screen and (min-width:1024px) {
  .lanq-switch-mob {display: none;}
  .lanq-switch {display:block;}
}
#main {
  overflow: hidden;
}

.lanq-switch {padding-top: 100px;}
.lanq-switch li {list-style: none;padding: 3px;text-align: center;}
.lanq-switch img {border:1px solid #fff;}
.lanq-switch ul {padding-left: 0;}

.lanq-switch .lang-item {opacity: 0.5;}
.lanq-switch .current-lang, .lanq-switch .lang-item:hover {opacity: 1;}

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

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

@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:600px) 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:2200px) {
  .home-6 .owl-carousel.owl-drag .owl-item {height: 75vh!important;}

}
@media screen and (min-width:1200px) and (max-width:1367px) {

}

@media screen and (min-width:1368px) and (max-width:1599px) {}

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

}

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


}
@media (min-width: 768px) {

}