/*
Theme Name:dts
Theme URI:http://ditis.com.ua
Author:info@ditis.com.ua
Author URI:ditis.com.ua
Description:dts theme for developers to build their new theme very fast and easy.
Version:5.1.0
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.1.0 It is basic theme with basic style for build new theme with Bootstrap.

*/


body {background: url(/wp-content/themes/dts/img/body-bg.jpg) center center repeat;  }
footer{background: url(/wp-content/themes/dts/img/footer-bg.jpg) center center repeat;}


.home-product	{display:flex; flex-wrap: wrap; justify-content: space-between;}
.home-product img	{max-width:100%; height: auto; }
.home-product div	{width:25%; }

.home-product {-webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; transition: all 0.5s linear; }
.home-product div:nth-child(1):hover {background: transparent; }
.home-product div:nth-child(2):hover {background: transparent; }
.home-product div:nth-child(3):hover {background: transparent; }
.home-product div:nth-child(4):hover {background: transparent; }
.home-product div:nth-child(5):hover {background: transparent; }
.home-product div:nth-child(6):hover {background: transparent; }
.home-product div:nth-child(7):hover {background: transparent; }
.home-product div:nth-child(8):hover {background: transparent; }

.home-product div:nth-child(1) {background: radial-gradient(#f6c232, #f9a513); }
.home-product div:nth-child(2) {background: radial-gradient(#fcd599, #f5b667); }
.home-product div:nth-child(3){background: radial-gradient(#7fa922, #b5c554); }
.home-product div:nth-child(4) {background: radial-gradient(#f5c139, #f7a31f); }
.home-product div:nth-child(5) {background: radial-gradient(#fbc891, #f38f4f); }
.home-product div:nth-child(6) {background: radial-gradient(#a9bd4a, #84a028); }
.home-product div:nth-child(7) {background: radial-gradient(#f8ca53, #f5b912); }
.home-product div:nth-child(8) {background: radial-gradient(#cf7877, #ce585c); }
.logo-head {width:300px; z-index: 30;position: relative;}

.post-action {position:relative;padding:15px;}
.post-action:hover {background:#507030; box-shadow: 0px 0px 35px rgba(57,93,29,0.6); }
.post-sale:after	{background: url(/wp-content/uploads/2021/09/action.png) center center no-repeat; content: " "; width:103px;height:102px;display: block;position: absolute;top:5px; right:5px;z-index:-1; }
.post-sale	{position: absolute;top: 5px;right: 5px; z-index:5; text-align:center; font-size:1.8em;padding:32px 2px;width:103px;height:102px;font-weight:bold; }
.post-thumb {text-align:center;}

.site-main h3 {padding:35px 50px; color:#fff;}



footer .footer-1 img {width:200px;}
footer .footer-1-line1{text-align: center; padding-bottom:30px;z-index: 1;position: relative;}
footer .footer-1-line2{ padding:30px}
footer .footer-1-line3{ padding:30px}
footer .footer-2{ color:#fff;}
.home-cat-prod:hover {border: 2px solid #f3c40e}
.home-cat-prod {text-align:center; text-transform:uppercase;border: 2px solid #f8f8f8; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear;}
.home-cat-prod h3 {padding-bottom:30px}
.home-about h2 { padding: 40px 0; text-transform: uppercase; font-weight:bold; font-size:32px}
.home-about a.kc_button { padding: 27px 88px; background:#568201; font-size:30px; margin-top:50px;margin-bottom:50px;}
.home-circle-prod {background: rgb(248,248,248); background: linear-gradient(0deg, rgba(248,248,248,1) 50%, rgba(243,196,14,1) 50%); }
.home-circle-prod h3 {font-size:2.4em; color:#fff; text-align:center; padding: 110px 15px;font-weight: 700;text-transform: uppercase;z-index: 1;position: relative;}
.home-circle-prod .kc_single_image {margin-bottom:150px;}

#mynav {text-transform: uppercase;}
#mynav .dropdown-menu {background: rgba(33,98,106,0.95); min-width: 13rem; max-width: 16rem; font-size: 1.2rem;}
.home-top1 {background: url(/wp-content/themes/dts/img/home-top.jpg) center center no-repeat; color: #fff; text-align: center; }
.home-top1 h1 { position: relative; text-transform: uppercase;padding-top: 20px;}
.home-top1 h1::after { background: #21626a; display: block; width: 200px; height: 10px; content: " "; margin: auto; position: relative; margin-top: 15px; }
.dropdown-menu {padding: 0;}

.web {background: #323031;color: #fff;}
.copyright img {height: 32px; padding-right: 10px}
.top-lang option,.top-lang select {background:transparent;border:none;text-decoration:uppercase;box-sizing: border-box;box-shadow:none;}
.top-lang select:after {background:transparent;border:none;text-decoration:uppercase;box-sizing: border-box;box-shadow:none;}

.slide-1 { background:-moz-radial-gradient(circle at 68% 35%, rgba(231, 226, 51, 1) 0%, rgba(129, 172, 53, 1) 70%);
    background:-webkit-radial-gradient(circle at 68% 35%, rgba(231, 226, 51, 1) 0%, rgba(129, 172, 53, 1) 70%);
    background:-o-radial-gradient(circle at 68% 35%, rgba(231, 226, 51, 1) 0%, rgba(129, 172, 53, 1) 70%);
    background:-ms-radial-gradient(circle at 68% 35%, rgba(231, 226, 51, 1) 0%, rgba(129, 172, 53, 1) 70%);
    background:radial-gradient(circle at 68% 35%, rgba(231, 226, 51, 1) 0%, rgba(129, 172, 53, 1) 70%);
}
.slide-2 {  background:-moz-radial-gradient(circle at 100% 49%, rgba(183, 212, 231, 1) 0%, rgba(84, 146, 196, 1) 80%);
    background:-webkit-radial-gradient(circle at 100% 49%, rgba(183, 212, 231, 1) 0%, rgba(84, 146, 196, 1) 80%);
    background:-o-radial-gradient(circle at 100% 49%, rgba(183, 212, 231, 1) 0%, rgba(84, 146, 196, 1) 80%);
    background:-ms-radial-gradient(circle at 100% 49%, rgba(183, 212, 231, 1) 0%, rgba(84, 146, 196, 1) 80%);
    background:radial-gradient(circle at 100% 49%, rgba(183, 212, 231, 1) 0%, rgba(84, 146, 196, 1) 80%);
}
.slide-3 {
    background:-moz-linear-gradient(90deg, rgba(243, 141, 14, 1) 0%, rgba(243, 192, 14, 1) 100%);
    background:-webkit-linear-gradient(90deg, rgba(243, 141, 14, 1) 0%, rgba(243, 192, 14, 1) 100%);
    background:-o-linear-gradient(90deg, rgba(243, 141, 14, 1) 0%, rgba(243, 192, 14, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F3C00E', endColorstr='#F38D0E', GradientType=0 );
    background:-ms-linear-gradient(90deg, rgba(243, 141, 14, 1) 0%, rgba(243, 192, 14, 1) 100%);
    background:linear-gradient(90deg, rgba(243, 141, 14, 1) 0%, rgba(243, 192, 14, 1) 100%);
}

.slide  {color:#fff;font-family:Ruda;}
.slide h4 { text-transform:uppercase;font-weight:600}
.slide span{display:block}


.category #mynav,.single-post #mynav {background: url(/wp-content/themes/dts/img/header.png); background-size:auto;background-repeat:no-repeat;background-position: bottom;padding: 35px 0 70px;}


@media screen and (min-width:300px) and (max-width:479px){
	.wpcf7-form input, .wpcf7-form select, .wpcf7-form textarea {max-width: 300px;}
	.slide h4 {font-size:2em; text-align:center; padding:10px}
	.slide h4 {font-size:1.2em; padding:15px}
	.slide .slide-1 img { padding-top: 10px; padding-bottom:10px}
	.slide .slide-2 img { padding-top: 40px; padding-bottom:30px}
	.slide .slide-3 img { padding-top: 10px; padding-bottom:10px}
	.carousel-inner .caption {height: 160px;display:block}
	#container { display:none }

}


@media screen and (min-width:480px) and (max-width:767px){
#container { width: 400px;height: 300px;margin: auto;display:grid;grid-template-columns:30px;grid-template-rows:30px;border-radius: 50%; margin-top: -820px;
  place-content: center; }
.item {margin-left: -30px; position:relative; grid-area:1/1; text-align: center; width: 220px; padding: 20px; transform:rotate(0) translate(430px) rotate(0); font-size: 20px;animation: spin 160s var(--d,0s) linear infinite; /* duration = 12s, numbor of item = 6 so a delay of 12/6 = 2s */}
.item img { width: 120px;  padding: 24px;  }
.item::before { content: " "; width: 136px; height: 136px; background: rgba(244,200,30,0.02); border: 2px dashed #7ea139;position:absolute; border-radius:100%;top:8px;left:40px;}
@keyframes spin {
  100% { transform:rotate(1turn) translate(430px) rotate(-1turn); }
}
}

@media screen and (max-width:991px){
	*/.navbar-toggler-icon::before { font-family: FontAwesome; content: "\f0c9"; }*/

}
@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){
	.slide .slide-1 img { padding-top: 130px; padding-bottom:40px}
	.slide .slide-2 img { padding-top: 130px; padding-bottom:40px}
	.slide .slide-3 img { padding-top: 130px; padding-bottom:40px}
	.slide p {font-size:22px; padding: 20px 5px;}
	.slide h4 {font-size:62px; }
	.home #mynav {position: absolute;background-color:transparent;}
	.wpcf7-form input, .wpcf7-form select, .wpcf7-form textarea {max-width: 450px;}
#container { width: 400px;height: 300px;margin: auto;display:grid;grid-template-columns:30px;grid-template-rows:30px;border-radius: 50%; margin-top: -820px;
  place-content: center; }
.item {margin-left: -30px; position:relative; grid-area:1/1; text-align: center; width: 220px; padding: 20px; transform:rotate(0) translate(430px) rotate(0); font-size: 20px;animation: spin 160s var(--d,0s) linear infinite; /* duration = 12s, numbor of item = 6 so a delay of 12/6 = 2s */}
.item img { width: 120px; }
.item::before { content: " "; width: 136px; height: 136px; background: rgba(244,200,30,0.02); border: 2px dashed #7ea139;position:absolute; border-radius:100%;top:8px;left:40px;}
@keyframes spin {
  100% { transform:rotate(1turn) translate(430px) rotate(-1turn); }
}
}


@media screen and (max-width:767px){
  .search-top {position: absolute; right: 110px;top: 25px; }
  .navbar-toggler.collapsed {top: 15px;}
  .mob-menu {position: absolute;top: 70px;background: linear-gradient(#f9c003, #d8da34);}
  .mob-menu:focus {top: 70px;}
}

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

}

@media (max-width:767px) {
	.category #mynav, .single-post #mynav {padding: 10px 0 60px!important;}
	.mob-menu { padding: 10px!important; }

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

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

}

@media screen and (max-width: 1023px) {
  .mob-menu { position: absolute; top:85px; left:0;padding: 20px; z-index: 10;width: 100%;text-align: center; }
  #menu-top-menu li.menu-item {border-bottom: 1px solid #fff;}
  #menu-top-menu li.menu-item:last-child {border-bottom: none;}
  .mob-menu.show { position: absolute; }
  .navbar-dark .navbar-toggler { border-color: rgba(255, 255, 255, 0.9)!important; color: rgba(255, 255, 255, 0.9)!important; }
  .navbar-dark .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%28255, 255, 255, 1%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.1rem #fff;}
  button.navbar-toggler {position: absolute;right: 30px;top: 15px;}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {  box-shadow: none; border: none; margin-top: 25px; }
	.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; }
	.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%28255, 255, 255, 0.99%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
}

@media (max-width: 993px)  and (min-width: 768px) {
   .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; }


}







/*
.lang-item a, .lang-item a:hover { color: #fff;font-size:17px; padding: 7px 10px; }
.list-menu ul li.lang-item.current-lang { color: fff; display: block; opacity:1; background: rgba(33,98,106,0.47); border-radius:10px;  }
.list-menu ul li.lang-item {margin-top: 5px;}
.list-menu ul li.lang-item:hover { background: rgba(33,98,106,0.67);border-radius:10px;border: 1px solid #fff;
margin-top: 5px;}
.list-menu ul li {opacity:0; display: none;-webkit-transition: .2s ease-in-out;-moz-transition: .2s ease-in-out;-o-transition: .2s ease-in-out;transition: .2s ease-in-out;}
.list-menu ul:hover li { display:block; opacity:1; }
.lanq-switch:hover {}
.lanq-switch {-webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out; position:absolute;top: 10px;}

.pl-5 {padding-left:3em}
.post-life {}
.post-life .item {}
.post-life a {color:#fff;}
.post-life:nth-child(2n) .item {order:2;}
.post-life:nth-child(2n) .item1 {order:1;}
.post-life .post-life-txt{padding:20px}
.post-life:nth-child(1) .post-life-img img {border-radius:10em; }
.post-life:nth-child(2) .post-life-img img {border-radius:10em; }
.post-life:nth-child(3) .post-life-img img {border-radius:0 0 10em 10em; }

.post-life:nth-child(1) .post-life-txt{background:#a0148e;border-radius:0 10em 10em 0;}
.post-life:nth-child(2) .post-life-txt{background:#fba80e;}
.post-life:nth-child(3) .post-life-txt{background:#3aa6ca;}
.post-life-txt {background:#c34dec; }

.post-life-right1 {background: url(/wp-content/uploads/2021/07/family-home.png) 70% bottom no-repeat; background-size: cover; padding:0;}
.post-life-b {background:#e3edec;}
.post-life-b1 {background:#e3e;}
.post-life-right1 {height:100%; border-radius: 10em 10em 0 0;}
.post-life-r1 { border-radius: 10em 0 0 10em; background:#18498e;color:white; }
.post-life-b1 {}

.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;}

.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;}
.home nav.bg-green {position:fixed;margin-top:35px;z-index:10;}
.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(33,98,106,0.87); }
.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: #21626a; 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:#21626a;}
.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, #21626a 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;}
footer .contact-info a { color: #fff; text-decoration: none; }
footer .contact-info a:hover { opacity: 0.8 }
.single-product .breadcrumbs, .single-product .breadcrumbs a {font-size: 12px; color: #aaa;}
.site-footer {padding: 100px 50px;}
.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 #45a9cb; margin: 4%;background: #45a9cb;}
.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; max-width:100%;}
.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:#faa70d;text-decoration: underline;}
header #menu-top-menu li a {text-decoration:none; padding: 15px;}
.error-404 .page-header {margin: 50px auto 20px}
.border-grey {border:1px solid #ececec;}

#sidebar-left li {height:80px;align-items:center;display:flex!important;}


.carousel-item h3 {
    background-color: rgba(3, 78, 162, 0.7);
    padding: 20px;
    animation: anime-H3 1.3s ease-out;
    width: max-content;
    color:#fff;
}

a.kc_button {mix-blend-mode: luminosity!important;}

.carousel-item li {
 font-size: 45px;
 animation: anime-P 1.6s ease-out;
 text-align: left;
 width: max-content;
 margin: 10px 0;
 color:#fff;
}

@keyframes anime-H3 {
 from {
  opacity: 0;
  transform: translateX(-2000px);
 }
 to {
  opacity: 1;
  transform: translateX(0);
 }
}
@keyframes anime-P {
 from {
  opacity: 0;
  transform: translateX(2000px);
 }
 to {
  opacity: 1;
  transform: translateX(0);
 }
}




@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){

}

@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){

}

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

}

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

}

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

}

@media screen and (min-width:768px) and (max-width:991px){
  .mob-menu {position: absolute;top: 70px;background:#21626a;}
}

@media screen and (min-width:992px) and (max-width:1023px){
  .head-img h1 {padding: 250px 50px 80px 50px;font-size: 2.0rem;}
  .mob-menu {position: absolute;top: 70px;background:#21626a;}
}

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

}

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

}

@media screen and (max-width:767px){
  .search-top {position: absolute; right: 110px;top: 25px; }
  .navbar-toggler.collapsed {top: 25px;}
  .mob-menu {position: absolute;top: 70px;background:#21626a;}
}

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

}

@media (max-width:767px) {

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

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

}

@media screen and (max-width: 1023px) {
  .mob-menu { position: absolute; top:0; left:0;padding: 20px; z-index: 10}
  .mob-menu.show { position: absolute; }
  .navbar-dark .navbar-toggler { border-color: rgba(255, 255, 255, 0.9)!important; color: rgba(255, 255, 255, 0.9)!important; }
  .navbar-dark .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%28255, 255, 255, 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;}
  button.navbar-toggler {position: absolute;right: 30px;top: 15px;}

  .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 {  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 (max-width: 993px)  and (min-width: 768px) {
  .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; }
}







@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){

}

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

}

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

}

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

}
*/