/*
zv.gov.ua
==================
Copyright 2017 City of Zavodske / Chervonozavodske.
Update: 2019-09-26
*/

@import url("http://fonts.googleapis.com/css?family=Open+Sans:300,300italic,400,400italic,600,600italic&subset=latin,cyrillic-ext,cyrillic");
@import url("/src/bootstrap.min.css");
@import url("/src/gsc.css");

h1, h2, h3, h4, h5, h6 {margin:0.5em 0;}
h1 {font-size:2.4em; color:#1d2129;}
h2 {font-size:2.2em; color:#1d2129;}
h3 {font-size:2.0em; color:#1d2129;}
h4 {font-size:1.8em; color:#1d2129;}
h5 {font-size:1.6em; color:#1d2129;}
h6 {font-size:1.4em; color:#1d2129;}

a{color:#385898; text-decoration:none; cursor:pointer;}

.logo {position:absolute; width:150px; height:150px; z-index:110; background:url(/src/logo.png) 0 0 no-repeat;}
.toptitle {position:absolute; width:100%; padding:0.2em 0 0.5em 0; color:#fff; z-index:100; top:50px; background:rgba(0,0,0,0.6); margin:0; font-weight:300; font-size:2.5em;}
.toptitle div {padding-left:180px;}
.toptitle div a {color:#fff;}
.toptitle div a:hover {text-decoration:none;}

#topline {border:0; height:50px; background:#4267b2; border-radius:0em;}
#note {color:#fff; margin-left:160px; margin-top:1em;}
a.map-link {margin-left:1em; color:#fff; font-size:1em; font-weight:bold; text-decoration:none; display:inline-block; vertical-align:middle; padding:0.3em 0.6em; text-align:center; margin-top:0.3em; border:1px solid #fff;}
a.map-link:hover {color:#fff; background:#29487d; text-decoration:none;}
a.soc-link {font-size:1.7em; text-decoration:none; display:inline-block; vertical-align:middle; padding:0.1em 0.4em; text-align:center; margin-top:0.3em;}
a.soc-link:hover {color:#fff; background:#29487d; text-decoration:none;}
a.lang-link{margin-left:1em;color:#fff;font-size:1em;text-decoration:none;display:inline-block;vertical-align:middle;padding:.3em .6em;text-align:center;margin-top:.3em;border:1px solid #fff;}
a.lang-link:hover{color:#fff;background:#29487d;text-decoration:none;}
.youtube {display:block; height:1em; width:1em; margin:0.1em 0; background:url(/icons/yt.svg) 50% 50% no-repeat; background-size:cover; opacity:0.9;}
.rss {display:block; height:1em; width:1em; margin:0.1em 0; background:url(/icons/RSS.svg) 50% 50% no-repeat; background-size:cover; opacity:0.9;}


.headerbg {height:40vh; min-height:400px;}
.headerbg {background-position:50% 50%; background-repeat:no-repeat; background-size:cover;}

#mainmenu {border:0; margin-top:-50px; background:rgba(66,103,178,0.9); font-weight:300; font-size:120%; border-radius:0em;}
#mainmenu .dropdown > a {padding-right:1.2em; padding-left:1.2em; color:#fff; text-transform:uppercase;}
#mainmenu .dropdown-menu {border:0; background:#4267b2;}
#mainmenu .dropdown-menu a {color:#fff; padding-top:10px; padding-bottom:10px;}
#mainmenu .dropdown-menu a:hover {background:#29487d;}

.nav > li {margin:0;} 
.navbar {position:relative; min-height:50px; margin-bottom:0; border: 1px solid transparent;}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {color:#ffffff; background-color:#29487d;}
.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {color:#29487d; background-color:transparent;}
.navbar-inverse .navbar-toggle {border-color:#29487d;}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {background-color:#29487d;}

a.categories {display:block; text-align:center; margin:0 0 0 0; padding:1em;}
.categories b {text-align:center; font-weight:normal; display:block; margin-top:0.5em;}
a.categories:hover {text-decoration:none;}

.seperator {margin:0%; padding:0%;}
.seperator img{display:block; margin-left:auto; margin-right:auto; margin-top:-27px; margin-bottom:30px;}

.btitle {font:bold 24px/120% Verdana, Arial Sans-serif; line-height:40px; min-height:40px;}
.dlist {margin:0; padding:0; overflow:hidden;}
.dlist > dt {display:block; width:40px; height:40px; background:#ddd; margin:12px 0 -40px 0; color:#1d2129; text-align:center;}
.dlist > dt > big {display:block; font-size:22px; height:22px; line-height:22px; font-weight:bold;}
.dlist > dd {display:block; margin:0 0 1em 50px; min-height:40px; padding-bottom:1em; border-bottom:1px dashed #ccc;}
.dlist > dd:last-child {border-bottom:none;}

#topnewsslider .carousel-inner {max-height:334px;}

.scw {overflow:hidden; position:relative; height:334px;}
.scw:after {content:''; display:block; position:absolute; left:0; bottom:0; width:100%; height:14px; z-index:1; background-color:rgba(255,255,255,0.2);	background-image:-webkit-linear-gradient(top, rgba(255, 255, 255, 0.2), #fff); background-image:linear-gradient(to bottom, rgba(255, 255, 255, 0.2), #fff);}
.scw_inner {background:#fff;}
a.allof {display:block; margin:20px auto 10px auto; width:99%; text-align:center; padding:0.5em 0; background:#cfcfcf; color:#333; text-decoration:none;}
a.allof:hover {background:#29487d; color:#fff;}
.service-link {text-decoration:none; color:#163555;}
.service-link:hover,.service-link:active {color:#4267b2;}
.service-block {padding:4px; margin:0 0 10px 0; box-sizing:border-box; height:130px; background:#fff; overflow:hidden; text-align:center;}
.service-icon {line-height:1.2; font-size:54px; font-size:3.375rem;}
.service-title {height:48px; font-weight:600; font-size:112.5%; line-height:1.1;}

#social {margin:1em 0 0 0; background:#efefef; padding:1em; text-align:center;}
#social div, #social iframe {display:inline-block; vertical-align:middle;}

footer {background-color:#262627; color:#fff; padding:1em 0; font-weight:300;}
footer hr {border-color:#999;}
.contacts {text-align:center;}
.contacts a{color:#fff;}
#copyright {text-align:center; opacity:0.8;}

#totop {position:fixed; bottom:100px; right:16px; padding:5px 10px; font-size:25px; cursor:pointer; background:#29487d; color:#fff; opacity:0.2; visibility:hidden;}
#totop:hover {opacity:1;}

.crumbs {float:left; font-size:90%; overflow:hidden; white-space:nowrap; width:80%; text-overflow:ellipsis; padding:1.5em 2em 1em 0em;}
.crumb {margin-right:0.5em;}
.crumb b {display:inline-block; vertical-align:baseline; font-size:1.5em; line-height:0; margin-right:0.3em; color:#ccc;}
.crumb:last-child a {color:#999;}
.crumb a[href="#"], .crumb a[href="#"]:hover{cursor:default; color:#333; text-decoration:none;}
.found {float:right; font-size:90%; padding:1.5em 0 1em 1em;}
.found b {color:green;}
.line {float:none; clear:both; margin:0 auto 2em auto; text-align:center; border-bottom:1px solid #e5e5e5;}

.clear {height:1px; clear:both; float:none; overflow:hidden; margin:0;}

.news {margin:2em 0; padding:0 0 1em; border-bottom:1px dashed #ccc; min-height:150px;}
.news {min-height:auto;}
.news .image {display:inline-block; float:right; margin-left:1em; width:150px; height:100px; background:#fff url(/src/blank.gif) 50% 50%; background-size:cover;}
.news .href {display:block; margin:0.5em 0 0 0; font-size:1.2em; font-weight:bold;}
/* .news .text {font-size:0.9em;} */
.date, .time {display:inline-block; vertical-align:middle; line-height:200%; padding:0 0.5em; background:#4267b2; color:#fff;}
.date {width:130px;}
.time {background:#666; border-left:1px solid #fff;}
.articledtime {color:#ccc; font-size:90%; margin-bottom:1em;}

.btn-row{margin:0 0 5px 0;}
.btn-row .btn{margin:0 7px 10px 0;}
.btn-row .btn:last-child{margin-right:0;}
.btn-rounded{border-radius:140px;border:1px solid #e6e6e6;display:inline-block;text-align:center;color:#000;padding:0 16px;line-height:31px;transition:all .2s ease;font-size:1.071em;letter-spacing:0.05em;}
.btn-rounded.active,.btn-rounded:hover{transition:all .2s ease;}
.btn-rounded:hover{background:#dadbdc;color:#000;}
.btn-rounded.active{background:#7a7b80;border:0;color:#fff;}

.swblock-header {box-sizing:border-box;	border-bottom:1px solid #e0e0e0; color:#4285f4; cursor:pointer; display:inline-block; font-size:1.2em; font-weight:bold; margin:-1px; outline:none; padding:0px 0px 16px 16px; position:relative; width:100%;}
.swblock-content {display:none;margin:2em 0;}

.sepline {float:none; clear:both; margin:0 auto 2em auto; text-align:center; border-bottom:1px solid #4267b2;}
.sepline span {display:inline-block; vertical-align:middle; background:#fff; position:relative; z-index:2; top:0.8em; padding:0 1em; font-size:2em; color:#4267b2;}
.sepline span i {display:inline-block; vertical-align:middle; border:1px solid #4267b2; color:#4267b2; padding:0.4em; line-height:100%; margin-right:0.5em; font-size:80%;}

.video-list {margin:2em 0; padding:0 0 1em; border-bottom:1px dashed #ccc; min-height:auto;}
.video-list .video-link {display:block; margin:0.5em 0 0 0; font-size:1.4em;}
.video-list .video-img {display:inline-block; float:right; margin-left:1em; width:120px; height:68px; background:#fff url(/src/blank.gif) 50% 50%; background-size:cover;}
.video-list .video-time {margin-top:0; margin-right:0; padding:0 4px; font-weight:500; font-size:11px; background-color:#000; color:#fff!important; height:14px; line-height:14px; opacity:.75; filter:alpha(opacity=75); display:-moz-inline-stack; vertical-align:top; display:inline-block;}
.video-list .video-info {font-size:0.9em; color:#767676;}

.gov_top, .gov_bottom {display:-webkit-box; display:-ms-flexbox; display:flex;}
.gov_flag {width:10px; height:25px; margin-right:10px;}
.gov_flag-blue {background:#006ae8;}
.gov_flag-yellow {background:#ffe349;}
.gov_head {font-size:128%; font-weight:700; color:#fff;}
.gov_text {display:inline-block; opacity:0.6; font-size:94%; color:#fff;}

#banners .carousel-control {width:0;}
#banners .carousel-control.left, #banners .carousel-control.right {opacity:1; filter:alpha(opacity=100); background-image:none; background-repeat:no-repeat; text-shadow:none;}
#banners .carousel-control .glyphicon-chevron-left, #banners .carousel-control .glyphicon-chevron-right, #banners .carousel-control .icon-prev, #banners .carousel-control .icon-next {position:absolute; top:45%; z-index:5; display:inline-block;}
#banners .carousel-control .glyphicon-chevron-left, #banners .carousel-control .icon-prev {left:0;}
#banners .carousel-control .glyphicon-chevron-right, #banners .carousel-control .icon-next {right:0;}

#sitemap ul {margin-top:0;}
#sitemap li {margin:0.5em 0 0.5em 0; font-size:1.8em;}
#sitemap li li {font-size:0.8em;}
#sitemap li li li {font-size:0.8em;}
#sitemap li li li li {font-size:0.9em;}
#sitemap li li li li li {font-size:1em;}

#zvBox {position:fixed; bottom:200px; right:15px; z-index:1000; display:flex; align-items:center; padding-left:15px;}
.zv-message {max-width:350px; background-color:rgba(255,255,255,.85); border:1px solid rgba(0,0,0,.1); box-shadow:0 .25rem .75rem rgba(0,0,0,.1); border-radius:.25rem;}
.zv-logo {margin-right:.5rem!important;}

.fb_icons {background-repeat:no-repeat; background-size:contain; color:transparent; display:inline-block; text-decoration:none; text-shadow:none; vertical-align:text-bottom;}

/* Lowvision */
#lowvisiontools{display:none;}

body.lowvision{--bodybg:#FFFFFF;--mainbg:#FFFFFF;--maintext:#000000;--notetext:#000000;--invtext:#ffffff;--grey-medium:#ffffff;--grey-light:#ffffff;--brand-main:#000000;--brand-link:#000000;--brand-hover:#000000;--brand-visit:#000000;--btnacts:#ffffff;--btnacth:#ffffff;--errfail:#FF0000;-webkit-filter:grayscale(100%);filter:grayscale(100%);}

body.lowvision #lowvisiontools{display:flex;justify-content:space-between;width:100%;padding:1rem;border-bottom:2px solid var(--brand-main);}
body.lowvision #lowvisiontools button{margin-right:1em;background:transparent;padding-left:1em;padding-right:1em;border:2px solid var(--brand-main);font-weight:bold;}

body.lowvision.a1{font-size:20px;}
body.lowvision.a2{font-size:26px;}

body.lowvision .toptitle {display:none;}
body.lowvision #topline {height:100%;}
/* Lowvision end */

@media (max-width: 1200px) {
	.toptitle {font-size:2em;}
	#mainmenu {font-size:105%;}
    .scw {height:270px;}
    #topnewsslider .carousel-inner {max-height:270px;}
}
@media (max-width: 1024px) {
	.scw {height:234px;}
    #topnewsslider .carousel-inner {max-height:274px;}
}
@media (max-width: 991px) {
	#mainmenu .dropdown > a {padding-right:1em; padding-left:1em; font-size:75%;}
    #topnewsslider .carousel-control{background:none;}
	#zvBox {display:none;}
	.gov, .lang-link {display:none;}
}
@media (max-width: 768px) {
	.logo {width:50px; height:50px; background-size:cover;}
	.toptitle {font-size:1.2em; line-height:40px; top:0; width:100%; display:table-cell; vertical-align:middle; height:50px; display:inline-block; margin:0 100px 0 0; background:#4267b2;}
	.toptitle div {padding-left:70px;}
	#topline {padding-top:50px; z-index:10; width:310px; font-size:70%;}
	#note, .headerbg {display:none;}
	#mainmenu {margin-top:0px;}
	#totop {display:none;}
	#zvBox {display:none;}
    #topnewsslider .carousel-control{background:none;}
	a.soc-link, a.map-link {padding:0.3em; margin-top:0.8em;}
	.gov, a.lang-link {display:none;}
}
@media (max-width: 490px) {
	.toptitle {font-size:1em; line-height:3em; font-weight:bold;}
	.categories b {font-size:80%;}
	.contacts {font-size:75%;}
	.sepline span {font-size:1.5em;}
	.sepline span i {display:none;}
	.carousel-caption {display:none;}
	.gov, a.lang-link {display:none;}
    #topnewsslider .carousel-control{background:none;}
	#totop {display:none;}
	#zvBox {display:none;}
}
@media (max-width: 320px) {
	.toptitle {font-size:0.8em; line-height:4em;}
	#topline {z-index:10; width:280px;}
	#topnewsslider .carousel-control{background:none;}
	#totop {display:none;}
	#zvBox {display:none;}
}