/*
Description:dts theme for developers to build their new theme very fast and easy.
Version:5.0.0.1
License:MIT
License URI:http://opensource.org/licenses/MIT
Text Domain:dts
Domain Path:/languages/
Tags:one-column, two-columns, three-columns, left-sidebar, right-sidebar, custom-background, custom-menu, featured-images, front-page-post-form, post-formats, threaded-comments, translation-ready

This theme built with Twitter Bootstrap v5.0.0.1. It is basic theme with basic style for build new theme with Bootstrap.

*/

@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cuprum:wght@400;500;600;700&display=swap');


#mynav {text-transform: uppercase;}
#mynav .dropdown-menu {background: #012639; min-width: 13rem; max-width: 16rem; font-size: 1.2rem;}

.web {background: #012639;color: #fff;}
.copyright img {height: 32px; padding-right: 10px}
.home-match {background: url(/wp-content/themes/dts/img/home-score.jpg) center center no-repeat; color: #fff; text-align: center; z-index: 2; position: relative;}
main { background: url(/wp-content/themes/dts/img/home-1.jpg) 0 100%, url(/wp-content/themes/dts/img/home-2.jpg) 100% 100%;
background-size: auto, auto, cover; background-repeat: no-repeat; background-color:#f9f9f9;}
.site-footer {background: url(/wp-content/themes/dts/img/footer.jpg) center center no-repeat; color: #fff; text-align: center; z-index: 2; position: relative;}
.site-footer {padding: 370px 50px 80px; }
footer {margin-top:-250px;}
main { background: url(/wp-content/themes/dts/img/home-1.jpg) 0 100%, url(/wp-content/themes/dts/img/home-2.jpg) 100% 100%;background-size: auto, auto, cover; background-repeat: no-repeat; background-color:#f9f9f9; padding-bottom:220px;}
.top-tel, .top-time { padding-left: 60px;}
.logo-head {text-align:center}
.home .post-news img { -webkit-filter: contrast(1.2) grayscale(1); filter: contrast(1.2) grayscale(1); width: 100%; height: auto; opacity: .35;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    transition: all 0.2s linear;}
.home .post-news:hover img {filter: none; opacity: 1; }
.home .post-news {background: #ebebeb; position: relative; /*min-height:150px;*/ padding: 20px}
.home .post-news .title-news { color: #fb9b22; cursor: pointer; visibility:visible; opacity:1; transition:all 0.3s linear; font-weight:700}
/*.home .post-news:hover .title-news { visibility: hidden; opacity:0; transition:all 0.3s linear; }*/
/*.home .post-news:hover:after { background: #fb9b22; display: block; width: 100%; height: 15px; content: " "; margin: auto; position: absolute;bottom: -15px }*/
.home .control-home-news .carousel-control-prev, .home .control-home-news .carousel-control-next { background: transparent; border: none; width: 8%; border-radius: 35%; }
.home .control-home-news .carousel-control-prev:hover .carousel-control-prev-icon , .home .control-home-news .carousel-control-next:hover .carousel-control-next-icon { background-color: #012639; }
.home .control-home-news .carousel-control-prev .carousel-control-prev-icon , .home .control-home-news .carousel-control-next .carousel-control-next-icon { width: 2.5rem; height: 2.5rem; animation-duration: 2s;  }
.home .control-home-news {}
.home .control-home-news .carousel-control-prev:hover, .home .control-home-news .carousel-control-next:hover {  }
.home .match  {padding-top: 1rem; padding-bottom: 3rem; }
.home .match-img  {display: block; height: 180px; }
.home .match-img img {width: 100%; height: auto; max-width: 150px;}
.news-single img {width: 100%; height: auto;}
.home .home-chempion {background: url(/wp-content/themes/dts/img/home-table.jpg) center bottom no-repeat; background-size: cover; color: #fff; text-align: center; z-index: 2; position: relative;min-height: 300px; padding-bottom: 50px !important;}
.home-match .kc_column { /*box-shadow: 0 0 10px 0 rgba(0,150,70,.15);*/border: 1px solid #012639}
.page-result {background: url(/wp-content/themes/dts/img/home-table.jpg) center bottom no-repeat; background-size: cover; color: #fff; text-align: center; z-index: 2; position: relative;min-height: 300px;}
.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:hover>a:after{border-left-color:#555;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}
.icons { display: grid; max-width: 100%; grid-template-columns: repeat(auto-fit, minmax(100px, 1fr) ); gap: 1.25rem;}
.icon { background-color: var(--bs-light); border-radius: .25rem; }
.bi { font-size: 35px;color:#fff;top: -2px;position: relative;right: 2px;padding: 5px;}
.far { font-size: 1.4rem;color:#fff;position: relative;right: 2px;}
.mail-header:hover a, .mail-header:hover, .mail-header:hover .far, .phone-header:hover, .phone-header :hover .bi, .phone-header:hover a, .top-head .bi:hover, .first-home:hover .bi { color:#000;}
.label { font-family: var(--bs-font-monospace); }
.label { display: inline-block; width: 100%; overflow: hidden; padding: .25rem; font-size: .625rem; text-overflow: ellipsis; white-space: nowrap; }
.sticky {position: fixed;top: 0;width: 100%;z-index:9999;
  -webkit-transition-property: top;
  -moz-transition-property: top;
  -o-transition-property: top;
   transition-property: top;
  -webkit-transition-delay: 0.8s;
  -moz-transition-delay: 0.8s;
  -o-transition-delay: 0.8s;
  transition-delay: 0.8s;
  transition-duration: .8s;}
.top-head a {text-decoration:none;}
.phone-header a, .mail-header a {color:#fff;}
.top-head .phone-header {padding:5px 0; color: #fff;}
.head-img {background:url(/wp-content/themes/dts/img/top-head.jpg) center bottom no-repeat; min-height: 500px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.head-img {background-color: rgba(0,150,70,0.6); background-blend-mode:hard-light;}
.home nav.bg-green {position:fixed;margin-top:35px;z-index:10;padding: 0; }
.home nav.bg-green {background: transparent; }
.home nav.bg-green.sticky {position:fixed;margin-top:0;z-index:10; }
.home nav.bg-green.sticky {background: rgba(0,150,70,0.9); }
.head-img h1 { font-family: 'Oswald', sans-serif; color: white!important;text-align: left!important; text-shadow: 0 0 10px rgba(0,150,70,.7);}
.descr-logo { font-family: 'Oswald', sans-serif; color:white; text-align: left; text-shadow: 0 0 10px rgba(0,150,70,.7);}
section {padding:0!important;}
#wpadminbar {opacity:0.5;}
.kc-row-container.kc-container .kc-wrap-columns, .kc_row_inner {width:calc(100% + 30px)!important;margin-left:-15px !important;margin-right: -15px !important;}
.vs {color: #012639; font-size: 5rem; font-weight: 700}
.vs:after {background: #fff; display: block; width: 100%; height: 4px; content: " "; margin-top: 2px; }
.header-dark {background:#233674;}
.header {background:#203b8f;}
.bg-grey {background:#d2d3d9;}
.bg-green {background:#012639;}
.bg-light-green {background:#2F4858;}
.top-head .bi {color:#fff;}
.copyright-text {font-size: 14px;}
.dts-cat-prod-ditis-body .prod-img-t .read-more {text-align: right;}
.dts-cat-prod-ditis-body .prod-img {padding: 10px;}
.category-prod-heading-top {background: linear-gradient(300deg, #012639 130px, #FFF 131px)}
.category-prod-heading-top:hover {background: linear-gradient(300deg, rgba(0,150,70,0.8) 130px, #FFF 131px)}
.category-prod-heading-top .read-more a {display: block; padding: 15px;color: #fff;font-size: 18px;}
.home-warranty .home-s:hover h4, .home-warranty .home-s:hover h4 a {background: #fff; color: #000;}
.home-warranty .home-s:hover h4 {background: #fff; color: #000;}
.home-warranty .home-s h4 a[aria-expanded="true"].btn-primary {background: #fff!important; color: #000;}
.home-warranty {padding-bottom: 15px;}
footer .contact-info a { color: #fff; text-decoration: none; }
footer .contact-info a:hover { opacity: 0.8 }
.home-warranty .collapse:not(.show) {opacity: 0.5;height: 0;overflow: hidden;}
.home-warranty .collapse:not(.show) {opacity: 0.5;height: 0;overflow: hidden;}
.home-warranty .collapsing {transition: 0s!important}
.single-product .breadcrumbs, .single-product .breadcrumbs a {font-size: 12px; color: #aaa;}

.dts-cat-prod-ditis .breadcrumbs,.dts-cat-prod-ditis .breadcrumbs a, .page-team .breadcrumbs a {font-size:12px; color:#888; text-decoration: none; }
.dts-cat-prod-ditis h3 {text-align: center;padding-top: 1em;}
.cat-news-single a  {text-decoration: none; }
.cat-news-single,.cat-prod-single  {border: 5px solid #012639; margin: 4%;background: #012639;}
.search-top button {color: #fff;background-color: rgba(255,255,255,0.3);border: 0;padding: 7px;}
.search-top {position:relative;text-align:right;margin-left:30px;}
.home .search-top {padding-top: 25px}
.sticky .search-top {;padding-top:0}
.search-top img {width:25px; padding: 5px;}
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance:button; cursor:pointer;}
.search-top #searchform { position:relative; right:0; text-align:left;}
.search-top #searchform div { margin:0; }
.search-top #s { transition: all 700ms ease-in-out; -webkit-transition-duration:700ms; -webkit-transition-property:width, background; -webkit-transition-timing-function:ease; -moz-transition-duration:700ms; -moz-transition-property:width, background; -moz-transition-timing-function:ease; -o-transition-duration:700ms; -o-transition-property:width, background; -o-transition-timing-function:ease;}
.search-top #s { position: absolute; width:24px; height:30px;  background:url(/wp-content/themes/dts/img/search.png) right top no-repeat; font-size:0; cursor:pointer; border: none; right: 0; top:-12px; border-bottom:1px solid rgba(30,82,102,.0);}
.search-top #s:focus { width:125px; color:#fff; border-bottom:1px solid rgba(255,255,255,.98); font-size:14px;  cursor:inherit; position: absolute; padding-right:26px}
.search-top #searchsubmit { display:none; }
label {display:inline-block; margin-bottom:15px; font-weight:400; font-size:14px; color:#717774; }
.assistive-text { position:absolute !important; clip:rect(1px 1px 1px 1px);}
#access a.assistive-text:active, #access a.assistive-text:focus { background:#fffffe; color:#1982d1; clip:auto !important; font-size:12px; position:absolute;  text-decoration:underline; top:0;  }
.search-page .tp-btn-grey {background-color:#48bcd7!important;}
.search-page .post-area { text-align:right;  }
.search-page .post-area a { color:#fff; }
.search-page .post-holder { border-bottom:1px solid #48bcd7; }
.search-page a { color:#48bcd7;}
.search-page .effect-pic img {margin:0 auto;}
header #menu-top-menu a {color:#fff;}
header #menu-top-menu a:hover {color:#71ea0f;}
header #menu-top-menu li a {text-decoration:none; padding: 15px;}
h1 {/*text-shadow: 0 0 5px rgba(0,150,70,.8); color: transparent!important;*/ font-size: 2.1rem;}
h2 {font-size: 1.8rem;}
.txt-ind {text-indent: 20px; line-height: 1.5em;}
.xin-why {padding: 50px 50px; line-height: 1.5em}
.xinley-bg {background:url(/wp-content/themes/dts/img/xinley-plant.jpg) center no-repeat; background-size:cover; background: rgba(0,74,86,.2); }
.error-404 .page-header {margin: 50px auto 20px}
.btn-search {background: #012639;color: white;}
.btn-search:hover {background: #FFCB00;}
.home-service {padding: 30px}
.home-service .our-home {border:1px solid #d2d3d9;padding: 25px;}
.border-grey {border:1px solid #ececec;}
.service-column { padding-bottom: 3rem;}
.home-service .our-home:hover {box-shadow: 0 0 10px 0 rgba(0,150,70,.15);}
.kc-flip-container.home-flip-xinlei,.kc-flip-container.home-flip-boge,.kc-flip-container.home-flip-ksi,.kc-flip-container.home-flip-mapner {height:290px;}
.kc-flip-container.home-flip-xinlei {background: #00486f;}
.kc-flip-container.home-flip-xinlei .front {border: none; background:#00486f }
.kc-flip-container.home-flip-xinlei .back {border: 1px solid #00486f; box-shadow: 5px 5px 5px rgba(0,150,70,.15);}
.kc-flip-container.home-flip-xinlei .front-content h3 {margin-top: 190px !important;color: white !important;font-size: 16px!important}
.kc-flip-container.home-flip-xinlei .back h5 {padding-bottom: 15px;}
.kc-flip-container.home-flip-boge {background: linear-gradient(135deg,#002e6b 10%,#0072b9 90%);}
.kc-flip-container.home-flip-boge .front {border: none; background: linear-gradient(135deg,#002e6b 10%,#0072b9 90%); }
.kc-flip-container.home-flip-boge .back {border: 1px solid #0071b9; box-shadow: 5px 5px 5px rgba(0,150,70,.15);}
.kc-flip-container.home-flip-boge .front-content h3 {margin-top: 190px !important;color: white !important;font-size: 16px!important}
.kc-flip-container.home-flip-boge .back h5 {padding-bottom: 15px;}
.kc-flip-container.home-flip-ksi {background: #fff;}
.kc-flip-container.home-flip-ksi .front {border: 1px solid #E85423; border-left: 25px solid #E85423; background-size: 110px!important; }
.kc-flip-container.home-flip-ksi .back {border: 1px solid #E85423; box-shadow: 5px 5px 5px rgba(0,150,70,.15);}
.kc-flip-container.home-flip-ksi .front-content h3 {margin-top: 190px!important;color: #15276A!important;font-size: 16px!important}
.kc-flip-container.home-flip-ksi .back h5 {padding-bottom: 15px; }
.kc-flip-container.home-flip-mapner {background: #fff;}
.kc-flip-container.home-flip-mapner .front {border: 1px solid #bf0411; }
.kc-flip-container.home-flip-mapner .back {border: 1px solid #bf0411; box-shadow: 5px 5px 5px rgba(0,150,70,.15);}
.kc-flip-container.home-flip-mapner .front-content h3 {margin-top: 190px!important;color: #000!important;font-size: 16px!important}
.kc-flip-container.home-flip-mapner .back h5 {padding-bottom: 15px;}
.head-img h1 {text-transform: uppercase;}
.home-xin-cat .carousel-control-prev, .carousel-control-next { background: rgba(0,0,0,0.5); border: 0; }
.home-xin-cat .carousel-control-prev-icon,.home-xin-cat .carousel-control-next-icon { background-color: rgba(0,150,70,0.3); background-blend-mode: hard-light;  }
.home-xin-cat .kc_single_image { text-align: center; padding-bottom: 25px;}
.home-carousel h3, .home-carousel h3 a { color: #fff; font-size: 1.8em; text-transform: uppercase;padding-left: 15px; padding-right: 15px;}
.cf7-modal.modal {position: fixed!important; background: rgba(0,0,0,0.7);}
.search-green {background: #012639; color: #fff; text-transform: uppercase;}
.search-green .btn-close {background-color: white; }
.top-search .submit {background: #012639; border:0; color: white;padding: 5px 15px;width:23%;}
.top-search .field {border: 1px solid #ddd; padding: 3px 15px;width: 75%;}
.modal-body {padding: 2rem;}
.search-top .btn-primary:hover, .search-top .btn-primary:focus {color: #fff;background-color: #012639;}
.post-coach img {min-width: 100%; height: auto;}
.post-coach {padding: 20px 10px}
.team-block {padding-bottom: 30px;}
.single-player h1 {text-align: center; padding: 1rem}
.single-player p {line-height: 1.2rem}
.single-player table {width: 100%;}
.single-player figure.wp-block-media-text__media {float: left;}
.single-player img {max-height: 580px;width: auto; padding-right: 30px;}
/*.logo-head img {mix-blend-mode: color;}*/

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

}

@media screen and (min-width:320px) and (max-width:379px){

}


@media screen and (min-width:360px) and (max-width:479px){
  .home .match-img img { max-width: 120px; }
  .top-time {padding-left:60px}
  .top-tel {padding-left:60px}
  .logo-head {padding-bottom: 15px;}
  .top-social {text-align:center;}
  .top-time {height:40px}
  .top-tel {height:50px}
  .top-time::before {width:40px!important;height:40px!important;margin-left:-50px!important;margin-top: -5px!important; }
  .top-tel::before {width:40px!important;height:40px!important;margin-left:-50px!important;margin-top: 6px!important; }
  .navbar {position: absolute; top: 155px;}
  .navbar {background: transparent!important;}
  .sub-header {padding: 10px 0!important}

}

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

}

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

}

@media screen and (max-width:380px){
  .top-head { height: 30px!important; }
  .top-head .phone-header {padding: 5px 0;font-size: 16px;margin: auto;}
  .home nav.bg-green {margin-top: 30px!important;}
  .head-img h1 {padding: 150px 20px 20px 20px;font-size: 3.2rem !important;}
  .home-warranty {background: linear-gradient(180deg, #fff 10%, #012639 10%)!important;}
  .home .match-img img { max-width: 120px; }
  .top-time {padding-left:60px}
  .top-tel {padding-left:60px}
  .logo-head {padding-bottom: 15px;}
  .top-social {text-align:center;}
  .top-time {height:40px}
  .top-tel {height:50px}
  .top-time::before {width:40px!important;height:40px!important;margin-left:-50px!important;margin-top: -5px!important; }
  .top-tel::before {width:40px!important;height:40px!important;margin-left:-50px!important;margin-top: 6px!important; }
  .navbar {position: absolute; top: 155px;}
  .navbar {background: transparent!important;}
  .sub-header {padding: 10px 0!important}

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

}
@media screen and (max-width:767px){
  .head-img h1 {padding: 150px 20px 20px 20px;font-size: 3.8rem;}
  .logo-head {text-align:center}

}

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

}

@media screen and (min-width:768px) and (max-width:991px){
	.head-img h1 {padding: 220px 50px 0 25px;font-size: 4.0rem;}
	.descr-logo  {padding-top: 25px;padding-bottom: 100px;font-size: 30px;}
	.head-img {min-height: 590px;}
	.top-head .phone-header, .mail-header {font-size: 14px;}
	.search-top {position: absolute; right: 110px;top: 15px; }
	.xin-home-prod {background: linear-gradient(275deg, #012639 49.8%, #FFFFFF 50%);}
	.home-service .our-home { width: 20%}
	.carousel-item.home-carousel img {padding: 15px;}
	.mob-menu {position: absolute;top: 55px;left:0;background:#012639;}
	.top-time {padding-left:90px}
	.top-time::before {width:40px!important;height:40px!important;margin-left:-50px!important;margin-top: 5px!important; }
	.top-tel {padding-left:60px; height:50px}
	.top-tel::before {width:40px!important;height:40px!important;margin-left:-50px!important;margin-top: 6px!important; }
	.top-social {text-align:right;}
	.top-social img {width: 40px!important;margin: 0px!important;}
	.logo-head {padding-bottom: 15px;}
	.navbar {position: relative;height: 55px;z-index: 99;}
	.navbar-toggler {border-color: #fb9b22!important;color: #fb9b22!important;background:#fb9b22;z-index: 11;}
	button.navbar-toggler {position: absolute;right: 30px;z-index:99;}
	.home-block-1 h3 {margin: 50px auto 25px!important; width: 284px;}
	.home-block-1 {min-height: 650px!important; clip-path: polygon(0% 96%, 24% 84%, 89% 93%, 100% 100%, 100% 0%, 0% 0%)!important;}
	.site-footer {clip-path: polygon(0% 5%, 12% 18%, 71% 37%, 100% 15%, 100% 100%, 0% 100%)!important;}
}

@media screen and (min-width:992px) and (max-width:1023px){
  .head-img h1 {padding: 250px 50px 80px 50px;font-size: 2.0rem;}
  .descr-logo  {padding-top: 25px;padding-bottom: 100px;font-size: 50px;}
  .search-top {position: absolute; right: 110px;top: 15px; }
  .mob-menu {position: absolute;top: 70px;background:#012639;}
}

@media screen and (min-width:1024px) and (max-width:1199px){
    .head-img h1 {padding-top: 300px;font-size: 2.5rem;}
    .home-service .our-home { width: 20%}
}

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


  .navbar-toggler-icon {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%281, 38, 57, 0.99%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");}
  .navbar-toggler:focus {box-shadow: 0 0 0 0.15rem;}
  .top-menu { position: absolute; top: 30px; right: 0px; width: 100%; padding: 0; z-index: 10; margin: 5px -15px;}
  .navbar-default .navbar-collapse, .navbar-default .navbar-form { /*background: #c3002f;*/  box-shadow: none; border: none; margin-top: 25px; }
  .top-menu .navbar-default .navbar-nav > li > a { color: #fff; background: #c3002f; border-top: 1px solid #fff; }
  .top-menu .navbar-default .navbar-nav > li > a:hover { color: #fff; }
  .top-menu .navbar-default .navbar-nav > li > a:hover { color: #fff; text-decoration: underline; background: #920023; }
  .top-menu .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #fff; background: #920023;  }
  .top-menu .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover { color: #fff; background: #c3002f;  }
  .top-menu .caret { color: #fff; }
  .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color:#c3002f;  }
  .navbar-default .navbar-toggle {border-color: #343434; }
  .navbar-default .navbar-toggle .icon-bar {background-color: #343434; }
}

@media screen and (min-width:992px) and (max-width:1199px){
  .xin-home-prod {background: rgb(69,100,252); background: linear-gradient(300deg, ##012639 57.9%, #FFFFFF 58%);}
}

@media screen and (max-width:767px){
	.mob-menu { position: absolute;top: 58px;left:0;padding: 20px; z-index: 10;background:#012639;}
	.mob-menu li { padding: 15px; }
	.mob-menu.show { position: absolute; top: 58px;}
	.search-top {position: absolute; right: 110px;top: 25px; }
  .wpcf7 .ajax-loader {right: 38px;bottom: 18px;}
	.navbar-toggler { border-color: rgba(1, 38, 57, 0.9)!important; color: rgba(1, 38, 57, 0.9)!important; }
	button.navbar-toggler {position: absolute;right: 30px;top: 15px;z-index:99;}
  .home-top1 h1 { font-size: 1.8em; }
  .home h3 {font-size: 1.5em;}
  .home-match {min-height: 400px;margin-top: 0; background-size: cover; }
  .home .post-news {margin: 5px 10px;}
  .home .search-top {padding-top: 0;}
  .top-search .submit {width: 30%;}
  .top-search .field {width: 68%;}
  .kc_row.home-youtube {margin: 50px 0!important;}
}
@media (min-width:768px) {
	.home-block-1 {clip-path: polygon(0% 86%, 24% 67%, 89% 83%, 100% 92%, 100% 0%, 0% 0%);}
	.site-footer {clip-path: polygon(0% 5%, 12% 18%, 71% 37%, 100% 15%, 100% 100%, 0% 100%);}
	.home-top1 h1 { font-size: 4em; }
	.home-match {min-height: 400px;margin-top: -200px;}
}
@media screen and (max-width:1199px){

}
@media (min-width:1200px) {
  .head-img h1 {padding-top: 300px;font-size: 2.5rem;}
  .home-service .our-home { width: 20%}
  .xin-home-prod {background: rgb(69,100,252); background: linear-gradient(300deg, #012639 57.9%, #FFFFFF 58%);}
}



@media (max-width: 993px)  and (min-width: 768px) {
  .xin-home-prod {background: rgb(69,100,252); background: linear-gradient(300deg, #012639 57.9%, #FFFFFF 58%);}
  .appmenu { margin-right: 10px !important;}
   .navbar-header { float: none; }
   .navbar-toggle { display: block; }
   .navbar-collapse { border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); }
   .navbar-collapse.collapse {  display: none!important; overflow: visible !important;}
  .navbar-collapse.collapse.show {display: block!important; }
   .navbar-nav { float: none!important; margin: 7.5px 15px; }
   .navbar-nav>li { float: none; }
   .navbar-nav>li>a { padding-top: 10px; padding-bottom: 10px; }
   .navbar-text { float: none; margin: 15px 0; }
   .navbar-collapse.collapse.in { display: block!important; }
   .collapsing { overflow: hidden!important; }
  .logo-avto {margin-left: -50px; }
}







@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:1200px) and (max-width:1599px){
  .head-img h1 {padding-top: 230px;padding-left: 20px;font-size: 80px;text-transform: uppercase;}
  .descr-logo  {padding-top: 25px;padding-bottom: 100px;font-size: 40px;}
}

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

}

@media screen and (min-width:1600px){
  .head-img h1 {padding-top: 300px;padding-left: 20px;font-size: 100px;text-transform: uppercase;}
  .descr-logo  {padding-top: 25px;padding-bottom: 100px;font-size: 50px;}
  .home-service .our-home { width: calc(20% - 30px); margin: 0 15px }
  .home-comp-xin {padding: 1% 45% 1% 3%; text-shadow: 1px 1px 5px white; }
  .xin-home-prod h4 {font-size: 1.2rem; padding: 15px; text-align: center; align-self: center !important; min-height: 80px; display: flex; align-items: center; color:white; background: #012639; margin-bottom: 15px;}
  .xin-home-prod h4 span:after {background: #FFCB00; display: block; width: 100%; height: 4px; content: " "; margin-top: 2px; }
  .xin-home-prod h4 span {padding-top: 6px; padding-left: 5px; padding-right: 5px;}
  .xin-home-prod {padding: 1em!important;}
}

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

}



/* roboto-300 - latin_cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local(''),
       url('/wp-content/themes/dts/fonts/roboto-v20-latin_cyrillic-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/wp-content/themes/dts/fonts/roboto-v20-latin_cyrillic-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-300italic - latin_cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: local(''),
       url('/wp-content/themes/dts/fonts/roboto-v20-latin_cyrillic-300italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/wp-content/themes/dts/fonts/roboto-v20-latin_cyrillic-300italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-regular - latin_cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('/wp-content/themes/dts/fonts/roboto-v20-latin_cyrillic-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/wp-content/themes/dts/fonts/roboto-v20-latin_cyrillic-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-italic - latin_cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: local(''),
       url('/wp-content/themes/dts/fonts/roboto-v20-latin_cyrillic-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/wp-content/themes/dts/fonts/roboto-v20-latin_cyrillic-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-500italic - latin_cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: local(''),
       url('/wp-content/themes/dts/fonts/roboto-v20-latin_cyrillic-500italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/wp-content/themes/dts/fonts/roboto-v20-latin_cyrillic-500italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-500 - latin_cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local(''),
       url('/wp-content/themes/dts/fonts/roboto-v20-latin_cyrillic-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/wp-content/themes/dts/fonts/roboto-v20-latin_cyrillic-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-700 - latin_cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('/wp-content/themes/dts/fonts/roboto-v20-latin_cyrillic-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/wp-content/themes/dts/fonts/roboto-v20-latin_cyrillic-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}