/*
Theme Name:dts
Theme URI:http://ditis.com.ua
Author:Ditis
Author URI:
Description:dts theme for developers to build their new theme very fast and easy.
Version:Boostrap 4.4.1
Text Domain:dts
Domain Path:/languages/
Tags:Boostrap 4.4.1

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

*/

/* sticky menu scroll */

.p-6 { padding: 4rem !important;}
.p-7 { padding: 5rem !important;}
.p-8 { padding: 6rem !important;}
.p-9 { padding: 7rem !important;}
.p-10 { padding: 8rem !important;}


.navbar li a {display: block;font-size: 19px;font-weight:500;text-decoration: none;color: #fff;max-height: 120px;text-align: center;text-transform: uppercase;font-family:FF DIN;}
.navbar li a img {margin-top:-35px;width:350px;}
.dropdown-toggle::after {display:none!important;}


#menu-top-menu .caret { border-right: 5px solid transparent;border-left: 5px solid transparent; border-top: 5px solid; margin-left: 0;}
#menu-top-menu .dropdown-toggle::after {display:none;}
#menu-top-menu .dropdown-menu > li > a { font-size:1.2rem}

#menu-top-menu .dropdown-menu li::after,#menu-top-menu .dropdown-menu li.active ::after {display:none}
#menu-top-menu li.active ::after, #menu-top-menu li:hover::after,#menu-top-menu .dropdown.show::after{ content: " ";display:block;position: absolute;transition: all 350ms ease-in-out;right:0;left:0;bottom:5px;background: #e30019;width: calc(100% - 30px);height:3px;z-index:1;margin:auto;}
#menu-top-menu .sub-menu li:hover::after {display:none}


.current-menu-ancestor {}
.nav > li > a:focus, .nav > li > a, .nav > li > a:hover {transition: all 350ms ease-in-out;}
.nav > li > a:focus, .nav > li > a:hover {background:transparent;}
.nav #menu-top-menu ul li a:focus, .nav #menu-top-menu ul li a:hover {background:transparent;}

.cat-news-single .prod-img .cover-bg {background:#3954a5;opacity: .7;-moz-opacity: .7;-khtml-opacity: .7;}
.cat-news-single .prod-img .cover-bg, .cat-news-single .cover-title {display:none;position:absolute;top:0;bottom:0;left:0;right:0;color: #fff;font-size:120%;text-align: center;}
.cat-news-single:hover .prod-img .cover-bg, 
.cat-news-single:hover .prod-img .cover-title {display: block;}
.cat-news-single:hover .prod-img .cover-title {top:45%;}
.prod-img {height:auto;position: relative;}
.prod-img img {width: 100%;height: 100%;}



@media screen and (min-width:992px) and (max-width:1199px) {
	 /*.steps .step-wrap { min-height: 400px; }
	 .steps .step-wrap p { font-size: 16px; }*/
}
 
@media screen and (max-width:319px){
	/*.logo-head .txt-logo-head { display: ruby!important; padding-left:3px!important; margin-left:0;border-left:none;}
	.top-phone {display: ruby; text-align: center; width: 100%;font-size:15px!important}
	.top-phone p {padding-left:1px; padding-right:1px;}
	.top-phone::before { display:none!important; }
	button.navbar-toggler { margin: 3px auto}
	.navbar-light .navbar-toggler { border-color: rgba(0,0,0,.9)!important;}
	.footer-logo .align-self-center {width:100%; display:block; text-align:center; }
	.f-logo {padding-top: 20px;}
	.icon-footer_block { margin: 5px 0 15px!important}
	.lanq-switch ul { padding-left: 0px!important;}
	.top-lang li { padding: 0 6px!important; }
	.widget.widget_nav_menu {width:100%;}
	.home-sub-menu li:last-child { border-right: none; }
	.search-top {display:none;}
	.list-menu.lanq-switch { padding-right: 10px!important; }
	.logo-header { max-width: 280px; }
	nav .nav, .dropdown-menu.show { display:block; position:relative; float:none;}
	#menu-top-menu .dropdown-menu > li > a {font-size:1rem}
	.homepage-slider {font-size:20px!important; padding:10px 15px!important;}*/
}

@media screen and (min-width:320px) and (max-width:379px) {
	/*.logo-head .txt-logo-head { display: ruby!important; padding-left:0!important; margin-left:0;font-size: 11px!important;border-left:none;}
	.top-phone {display: ruby; text-align: center; width: 100%; font-size:15px!important}
	.top-phone p {padding-left:2px; padding-right:2px;}
	.top-phone::before { display:none!important; }
	button.navbar-toggler { margin-top: -15px}
	.navbar-light .navbar-toggler { border-color: rgba(0,0,0,.9)!important;}
	.footer-logo .align-self-center {width:100%; display:block; text-align:center; }
	.f-logo {padding-top: 20px;}
	.icon-footer_block { margin: 5px 0 15px!important}
	.lanq-switch ul { padding-left: 0px!important;}
	.top-lang li { padding: 0 7px!important; }
	.widget.widget_nav_menu {width:100%;}
	.home-sub-menu li:last-child { border-right: none; }
	.search-top {display:none;}
	.list-menu.lanq-switch { padding-right: 10px!important; }
	nav .nav, .dropdown-menu.show { display:block; position:relative; float:none;}
	#menu-top-menu .dropdown-menu > li > a {font-size:1.1rem!important;padding: 10px 10px;}
	.boxscroll { min-height: 300px;height: auto;}
	.homepage-slider {font-size:20px!important; padding:10px 15px!important;}*/
}

@media screen and (min-width:380px) and (max-width:479px){
	/*.logo-head .txt-logo-head { padding:7px 0px!important; margin-left:0; margin-top:0; border-left:none;}
	.txt-logo-head br {display:none;}
	.top-phone {display: contents; text-align: center; width: 100%;}
	.top-phone p {padding-left:5px; padding-right:5px;}
	.top-phone::before { display:none!important; }
	button.navbar-toggler { margin-top: -15px}
	.navbar-light .navbar-toggler { border-color: rgba(0,0,0,.9)!important;}
	.footer-logo .align-self-center {width:100%; display:block; text-align:center; }
	.f-logo {padding-top: 20px;}
	.icon-footer_block { margin: 5px 0 15px!important}
	.lanq-switch ul { padding-left: 0px!important;}
	.top-lang li { padding: 0 7px!important; }
	.widget.widget_nav_menu {width:100%;}
	.home-sub-menu li:last-child { border-right: none; }
	.search-top #s:focus { width: 300px; background-color: rgba(0,0,0,.8);padding-left: 5px;}
	nav .nav, .dropdown-menu.show { display:block; position:relative; float:none;}
	#menu-top-menu .dropdown-menu > li > a {font-size:1.1rem!important;padding: 10px 10px;}
	.boxscroll { min-height: 300px;height: auto;}
	.homepage-slider {font-size:20px!important; padding:10px 15px!important;}*/
}

@media screen and (min-width:480px) and (max-width:639px){
	/*.logo-head .txt-logo-head { padding:8px 0px!important;  margin-left:0; margin-top:0; border-left:none; font-size:14px;}
	.txt-logo-head br {display:none;}
	.top-phone {display: ruby; text-align: center; width: 100%;}
	.top-phone p {padding-left:5px; padding-right:5px;}
	.top-phone::before { display:none!important; }
	button.navbar-toggler { margin-top: 15px}
	.navbar-light .navbar-toggler { border-color: rgba(0,0,0,.9)!important;}
	.footer-logo .align-self-center {width:100%; display:block; text-align:center; }
	.f-logo {padding-top: 20px;}
	.icon-footer_block { margin: 5px 0 15px!important}
	.lanq-switch ul { padding-left: 0px!important;}
	.top-lang li { padding: 0 6px!important; }
	.widget.widget_nav_menu {width:100%;}
	.home-sub-menu li:last-child { border-right: none; }
	.search-top #s:focus { width: 300px; background-color: rgba(0,0,0,.8);padding-left: 5px;}
	nav .nav, .dropdown-menu.show { display:block; position:relative; float:none;}
	#menu-top-menu .dropdown-menu > li > a {font-size:1.1rem!important;padding: 10px 10px;}
	.homepage-slider {font-size:20px!important; padding:10px 15px!important;}*/
	
}
@media screen and (min-width:520px) and (max-width:639px){ 
	/*.home-sub-menu ul {float:left}
	.list-menu.lanq-switch { position:absolute; right:0; top: 15px; }
	.top-lang li { padding: 0 3px!important; }*/
}

@media screen and (min-width:768px){
	.navbar li a {padding: 50px 20px;}
}
@media screen and (max-width:680px){
	.logo-header {width: calc(100% - 60px);padding:10px 5px;}
}
@media screen and (max-width:767px){
	#menu-golovne-menyu-1.nav {display:block;margin-top: 10%;}
	
	#navbarSupportedContent.navbar-collapse.show {min-height:calc(100vh - 250px);height:auto;margin-top: -70px;background:#3954a5;opacity:1}
	#menu-golovne-menyu-1.nav .dropdown-menu {float:none;background:transparent;position: relative;color:gray;	}
	#menu-golovne-menyu-1.nav li a {font-size:20px}
	#menu-golovne-menyu-1.nav .dropdown-menu li a { text-transform:inherit;font-family: "Futura New",Arial,"Helvetica Neue",Helvetica!important;opacity:0.9;}
	#menu-golovne-menyu-1 li.menu-item-411 {display:none}
	.navbar li a {padding:10px 20px;}
	button.navbar-toggler {position:absolute;top:30px;z-index:10;right:10px;}
	
	

}

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

}
@media screen and (min-width:520px) and (max-width:639px){
	.logo-header {width:446px;padding:10px 5px;}
}
@media screen and (min-width:640px) and (max-width:767px){
	.logo-header {width:446px;padding:10px 5px;}
}
@media screen and (min-width:480px) and (max-width:767px){

}
 
 
@media screen and (min-width:768px) and (max-width:991px){
	.logo-header {width: 446px;padding:10px 5px;}
}
@media screen and (min-width:992px) and (max-width:1199px) {

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

 }

@media screen and (min-width:1200px){
	#menu-golovne-menyu-1 .dropdown { position: inherit; }
	ul#menu-golovne-menyu-1 .sub-menu.dropdown-menu { opacity:0; display: flex; z-index:-1;}
	ul#menu-golovne-menyu-1 .sub-menu.dropdown-menu.show {z-index: 999;opacity:1;}
	ul#menu-golovne-menyu-1 .sub-menu.dropdown-menu.show, ul#menu-golovne-menyu-1 .sub-menu.dropdown-menu { display: flex;position: absolute;background-color:#314890;width: 100%;margin-top:0;border-radius:0;padding:0;border:0;left:0;
		-ms-flex-flow: row wrap;-webkit-flex-flow: row wrap;-webkit-box-orient: horizontal;-webkit-box-direction: normal;flex-flow: row wrap;-ms-flex-pack: center; transition: all 550ms;
		-webkit-justify-content: center;-webkit-box-pack: center;justify-content: center; }

	ul#menu-golovne-menyu-1 .sub-menu.dropdown-menu li a{color:#e1e3e8;padding: 30px 40px;font-size:16px;text-transform:none;font-weight:400;}
	ul#menu-golovne-menyu-1 .sub-menu.dropdown-menu li a:hover{color:#fff;}
	#menu-golovne-menyu-1 .dropdown.show {background-color:#314890;}
	.sub-menu.dropdown-menu:hover {}
}
@media screen and (min-width:1200px) and (max-width:1366px){

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

}

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

}

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

 }