/*
Theme Name: dts
Theme URI: http://ditis.com.ua
Author: Vee Winch
Author URI: 
Description: Bootstrap v.3 basic theme for developers to build their new theme very fast and easy. You can support theme author by <a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=9HQE4GVV4KTZE" target="donate">donate</a>. To follow what was changed, please look for <a href="https://github.com/Rundiz/bootstrap-basic" target="commits">commits</a> of this theme at Github.
Version: 1.0.14
License: MIT
License URI: http://opensource.org/licenses/MIT
Text Domain: bootstrap-basic
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
*/


/*
.sub-top p {margin: 0; padding: 0; }
.sub-top {padding-top: 5px; }
.sub-item {display: block; vertical-align: center; align-items: center; display: flex; }

.logo img{padding: 15px 0 5px 10px; max-height: 100px;}
.sticky { position: fixed; top: 0; width: 100%;}
.menu-align { background-color: #003055;}
#menu-glavnoe-menju.navbar-nav {float: right; }
.top-menu .navbar-default .navbar-nav > li > a {padding: 40px 15px;}
.top-menu .navbar-default .navbar-nav > li > a:hover { background: linear-gradient(#0090ff, #003055); }
.home-silver {background: linear-gradient(#e1e1e1, #ddd); }
.site-footer { background: linear-gradient(250deg, #424242, #868686, #4f4f4f, #0f0f11, #4f4f4f ); }
*/


body { line-height: 1;  background-color: #f5f5f5; }
header {  text-align: center; font-size: 72px; background: #222; color: #fff; font-family: Helvetica, Arial, sans-serif; font-size: 32px; margin-bottom: 0px; overflow: hidden; transition: all 500ms cubic-bezier(0.55, 0, 0.1, 1); }
.social {margin-top: 0; font-family: Rubik, sans-serif; }
.social a {font-size: 20px; font-family: Rubik, sans-serif;}
.navbar-nav > li > a {font-size: 15px; text-shadow:none; font-family: 'Rubik', sans-serif; padding: 10px 15px;}
.navbar-default { background: #003055; border: 0px;}
.navbar-header { width: 100%; margin-bottom: 35px; }
.navbar-brand { padding: 3px 0; }
.navbar-brand>img { display: block; margin: 0 auto; float: left; transition: all 500ms cubic-bezier(0.55, 0, 0.1, 1); }
.navbar-right { width: 100%; background: #0090ff; margin-right: 0px; }
.navbar-nav { float: left; font-size: 80%; }
.navbar-default .navbar-nav>li { display: inline-block; text-align: center; float: none; }
.navbar-default .navbar-nav>li>a { color: #fff; }
.navbar-default .navbar-nav>li>a:hover { color: #fff; background-color: #0392CC; }
.navbar-default .social { float: right; margin-top: 25px; margin-bottom: 0; }
.navbar-default .social>li { display: inline-block; text-align: center; float: none; padding-left: 25px; }
.navbar-default .social>li a { color: #fff; }
.navbar-toggle { float: right; transition: all 500ms cubic-bezier(0.55, 0, 0.1, 1); }
.develop a { color:#fff;  }
.develop img {height:20px; margin-top: -5px;}
.tab-1 { border: 1px solid #0090ff;  text-align: center; }
.tab-1 tr:hover { background: #e7e7e7 }
.tab-1 tr td:first-child { text-align: left; }
.tab-1 tr td:first-child.tit { text-align: center; }
.tab-1 td { border: 1px solid #0090ff; padding: 5px 5px; }
.tit { background: #033055; color: #fff; text-align: center;}
[class*=" ex-"] figcaption { background-color: #333 !important;/*0090ff*/ }
[class*=" ex-shutter-out-"] figcaption { opacity: 0.4;}
[class^="ex-shutter-out-"] figcaption, [class*=" ex-shutter-out-"] figcaption  { opacity: 0.6;}
div.wpcf7-mail-sent-ok { color: #fff;}  
header.sticky {  position: fixed;  font-size: 24px;  line-height: 48px;  height: 48px; width: 100%;  background: #000000;  text-align: left;  padding-left: 20px; }
header.sticky .container { width: inherit; }
header.sticky .navbar-header { width: 20%; margin-bottom: 0px; float: left; }
header.sticky .navbar-brand { height: auto; margin: 0; padding: 0; }
header.sticky .navbar-brand img { padding-top: 11px; width: 130px; margin-right: 5px; }
header.sticky .navbar-right { width: 80%; background: none; }
header.sticky .navbar-nav { float: right; }
header.sticky .social { display: none; }
header.sticky .navbar-toggle { float: right; margin-top: 7px; }
.social-fix {position: fixed;z-index: 10; top: 16%;}
.date-post.single {text-align: right; }
.social-fix #nav ul{ list-style: none; padding-left: 0;}
.social-fix #nav > ul > li{ /*width: 60px; height:60px;*/ position: relative; font-size: 30px; padding: 10px; opacity: 0.8;}
.social-fix #nav > ul > li > ul > li{ position: relative; font-size: 16px; align-content: center; display: grid; /*height: 60px;*/ }
.social-fix #nav > ul > li > ul > li.hprod-1,.social-fix #nav > ul > li > ul > li.hprod-2{ width:170px; }
.social-fix #nav > ul > li > ul > li.hprod-3{ width:225px; }
.social-fix #nav li a{ display: block; color: #fff; padding: 15px 13px;  opacity: 0.85;}
.social-fix #nav li a:hover{  text-decoration: none; opacity: 0.95;}
.social-fix #nav li .second-ul{ display: none; position: absolute; left: 100%; top: 0; padding: 0;  width: 160px; height:60px;}
.social-fix #nav li:hover .second-ul{ display: block;}
.social-fix #nav li:hover { opacity: 0.99;}
.hprod-1 { background: #0090ff; color: #fff}
.hprod-2 { background: #003055; color: #fff }
.hprod-3 { background: #946643; color: #fff }
.counter {float: left; position: absolute; margin-left: 20px; margin-top: -5px;}
@media screen and (max-width: 768px) { 
	.navbar-nav{ font-size: 14px; }
  header.sticky .navbar-header { width: 100%; }
  header.sticky .navbar-brand img { padding-top: 0px; }
  header.sticky .navbar-right { width: 100%; background: none; 	margin-top: 50px; }
  header.sticky .navbar-nav { float: left; }
  .navbar-default .social { font-size: 16px; margin-top: 20px; }
  .navbar-default .social > li { padding-left: 15px; }
	#menu-footer-1 {text-align: center;}
	#menu-footer-2 {text-align: center;}
	#text-2 .textwidget {padding-top: 20px;}
	.site-footer ul {padding: 0 15px; margin: 0; }
}
@media screen and (min-width: 768px) and (max-width: 991px) { 
	#menu-footer-1 {text-align: right;}
	#menu-footer-2 {text-align: left;}
	.site-footer ul { padding: 5px 15px;}
}
@media screen and (max-width: 480px) { .navbar-brand > img { margin: 0 auto; max-width: 200px; }	
  .navbar-default .social { display: none; }
	#nav_menu-2 {padding-top: 10px;}  
	.site-footer li {text-align: center }
}
@media screen and (max-width: 991px) {
	.f-logo img {text-align: center; margin: auto; }
	.f-logo {padding-bottom: 10px; }
	.navbar-toggle { margin: -60px 20px -15px 0; }
	header .social {display:none;}
	.navbar-default .navbar-nav > li {text-align: left; display: block;}
	.navbar-nav { float: none;}
	.home-news {padding: 25px 0;}
	#text-2 .social { text-align: center;}
}
@media screen and (max-width: 1199px) 	{
	[class*=" ex-shutter-out-"] figcaption { opacity: .75!important;}
	[class*=" ex-shutter-out-"] figcaption:hover { opacity: .0!important;}
	header {height: 80px;}
	.kc_column > .kc-col-container, .kc_column_inner > .kc-col-inner-container {
		height: auto!important;
	  }
}
@media screen and (min-width: 1200px) {
	.social { margin-left: -75px; }
	.social-fix {display: none;}
	.navbar-toggle { margin: 25px 0 -15px; }
	header {height: 125px;}
	.navbar-nav { display: inline-block; float: none!important; margin: 0; }
	.navbar-collapse.collapse { text-align: center; display: block !important; height: auto !important; padding-bottom: 0; overflow: visible !important; }
/* end menu center */
}


@media and (min-width: 1024px) and (max-width: 1199px) {
	.navbar-default .navbar-toggle {margin-top: -63px; }
	.navbar-default .social {  margin-right: 40px; }
}
@media and (min-width: 768px) and (max-width: 1024px) {
    .navbar-collapse.collapse {
        display: none !important;
    }
    .navbar-collapse.collapse.in {
        display: block !important;
    }
    .navbar-header .collapse, .navbar-toggle {
        display:block !important;
    }
    .navbar-header {
        float:none;
    }
}