body{
    font-family: 'Roboto';
    overflow-x: hidden;
	padding-top:150px;
}
html.zoom150{
	zoom:150%;
}
html.zoom200{
	zoom:200%;
}
header{
    padding:22px 0;
    background: #f5f5f5;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	z-index:9;
}
.logos{
    display: flex;
    align-items: center;
}
span.sep{
    height: 106px;
    width: 1px;
    background: #000;
    display: inline-block;
    margin: 0 15px;
}
.modhead,
h3.modhead{
    font-weight: bold;
    font-size: 42px;
    line-height: 56px;
    color: #333333;
    padding-bottom: 60px;
}
.flexed_conts{
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
}
section#video{
    background: #089DD9;
    padding: 60px 0;
}
section#video h3.modhead{
    color:#fff;
}
section#video iframe{
    width: 100%;
    height: 410px;
}
#info{
    padding-bottom: 60px;
}
#clarifications{
    padding: 60px 0;
}
#clarifications h3.modhead,
#info h3.modhead{
    padding-bottom:40px;
}
#info .inner{
    
}
#info .inner .desc{
    font-size: 13px;
    line-height: 20px;
    text-align: center;
    color: #333333;
}
#info .inner .desc a{
    font-weight: bold;
    color: #333333;
}
#info .inner .title{
    font-weight: bold;
    font-size: 36px;
    line-height: 42px;
    text-align: center;
    margin-bottom: 10px;
    color: #333333;
}
.infos .items{
	margin-top:-30px;
}
.dload{
	margin-top:10px;
}
.links a{
    text-decoration: none;
    display: inline-block;
    margin-left: 20px;
}
.links>div:first-child a{
    margin-bottom:20px;
}
.links>div{
    display: flex;
    justify-content: center;
    align-items: flex-end;
}
.links a svg path{
    transition: all .3s ease;
}
.links a:hover svg path{
    fill:#089DD9;
}
a.download_pdf{
    background: url('../images/pdf_but.png')no-repeat right;
    height: 65px;
    display: inline-flex;
    align-items: center;
    padding-right: 75px;
    font-size: 18px;
    line-height: 21px;
    color: #333333;
    text-decoration: none;
    transition: all .3s ease;
}
a.download_pdf:hover{
    background: url('../images/pdf_but_active.png')no-repeat right;
}
.email{
    font-weight: 300;
    font-size: 14px;
    line-height: 16px;
    color: #4F4F4F;
}
.email a{
    font-weight: bold;
    font-size: 18px;
    line-height: 21px;
    color: #4F4F4F;
}
.phone{
    margin-bottom: 17px;
	position:relative;
}
.phone:before{
	content:'Гаряча лінія НАЗК';
	font-weight: 300;
	font-size: 12px;
	line-height: 14px;
	text-align: right;
	color: #4F4F4F;
	position:absolute;
	right:0;
	top:-15px;
}
.phone a{
    font-weight: bold;
    font-size: 28px;
    line-height: 30px;
    margin-bottom: 17px;
    color: #089DD9;
    display: block;
	text-decoration:none;
}
.special a{
    height: 30px;
    display: inline-flex;
    align-items: center;
    background: url('../images/eye.png')no-repeat right;
    padding-right: 40px;
    text-decoration: none;
    font-weight: 300;
    font-size: 14px;
    line-height: 16px;
    color: #4F4F4F;
    cursor: pointer;
}
.special{
    margin-bottom: 22px;
}
.search_field .relative{
    position: relative;
}
.search_field input[type="submit"]{
    position: absolute;
    right:5px;
    bottom:6px;
    border:0;
    background: url('../images/search.png')no-repeat center;
    width: 22px;
    height: 22px;
}
.search_field input[type="search"] {
    background: none;
    border:0;
    border-bottom: 1px solid #333333;
    width: 100%;
    padding-right: 30px;
}
input:focus{
    outline:none;
}
#clarifications .inner{
    background: #F5F5F5;
    height: 100%;
}
#clarifications .item{
    margin-bottom: 10px;
}
#clarifications .inner .desc{
    font-size: 14px;
    line-height: 16px;
    color: #333333;
    height: 100%;
}
#clarifications .inner .title{
    display: flex;
    align-items: center;
    height: 100%;
}
#clarifications .inner .counter{
    font-size: 18px;
    line-height: 21px;
    text-align: center;
    color: #303030;
    float:left;
    width: 65px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
#clarifications .inner a.permalink{
    width: 75px;
    background: #089DD9;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 80px;
    border-left: 10px solid #fff;
    float: right;
}
section#single{
    padding: 60px 0 50px;
}
.maincontent h1{
    font-weight: bold;
    font-size: 34px;
    line-height: 40px;
    margin-bottom: 40px;
    color: #333333;
}
.maincontent h2{
    font-weight: bold;
    font-size: 22px;
    line-height: 28px;
    margin: 40px 0 20px;
    color: #333333;
}
#clarifications .inner a{
	text-decoration:none;
}
.maincontent .tg{
	display:none;
	padding-top:30px;
}
.maincontent .content p,
.maincontent .content{
    font-size: 16px;
    line-height: 22px;
    color: #828282;
    font-weight: normal;
    font-family: Roboto;

}
.maincontent p{
    margin-bottom: 20px;
}
.leftmenu a{
    display: block;
    font-size: 18px;
    line-height: 28px;
    color: #333333;
    padding: 12px 0;
    text-decoration: none;
    padding-right: 30px;
    position: relative;
    transition: all .3s;
}
.leftmenu a:before{
    content:'';
    position: absolute;
    right:100%;
    top:0;
    height: 100%;
    width:400%;
    background: #f5f5f5;
    opacity: 0;
    transition: all .3s ease;
}
.leftmenu a:hover:before,
.leftmenu a.active:before{
    opacity: 1;
}
.leftmenu a:hover,
.leftmenu a.active{
    background:#F5F5F5;
}
.leftmenu{
    border-right: 1px solid #333;
}
.leftmenu a .count{
    float:left;
    padding-right: 43px;
}
.leftmenu a .title{
    overflow: hidden;
    display: block;
}
#search{
    padding-bottom: 200px;
}
#search h1{
    margin:60px 0;
}
#search article{
	margin-bottom:30px;
}
#search h2 a{
	color:#333;
}
footer .container{
	position:relative;
}
.tadam{
	position:absolute;
	bottom:-30px;
	right:15px;
}
#my_accessibility {
    font-size: 18px;
    padding: 8px 0;
    background-color: #e7e7e7;
	display:none;
	color:#000;
	margin-bottom:22px;
}
#my_accessibility > div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
#my_accessibility .changes {
    display: flex;
}
#my_accessibility .changes > div {
    display: flex;
    padding: 0 9px;
    position: relative;
}
#my_accessibility .changes > div:first-child {
    padding-left: 0;
}
#my_accessibility .changes > div > div {
    width: 35px;
    height: 35px;
    border: 1px solid #000;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 5px;
    cursor: pointer;
}
#my_accessibility .changes > div:first-child > div:first-child {
    margin-left: 0;
}
#my_accessibility .changes > div:not(:last-child):after {
    content: '';
    position: absolute;
    background-color: #000;
    width: 1px;
    height: 50%;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
#my_accessibility .black-on-white, body.black-on-white, body.black-on-white * {
    background-color: #fff !important;
    color: #000 !important;
    border-color: #000 !important;
}
#my_accessibility .white-on-black, body.white-on-black, body.white-on-black * {
    background-color: #000 !important;
    color: #fff !important;
    border-color: #fff !important;
}
div#accessibility_off {
    border-radius: 4px;
    padding: 8px 20px 8px 60px;
    border: 1px solid #c9c9c9;
    cursor: pointer;
	background:url('../images/minieye.png')no-repeat left 15px center,#c9c9c9;
}
.infos .subhead{
	position:relative;
	z-index:2;
	background:#fff;
	display:inline-block;
	padding:15px 30px;
	font-weight: bold;
	font-size: 24px;
	line-height: 28px;
	color: #333333;
	top:-38px;
}
#info .inner{
	width:255px;
	margin:0 auto 15px;
}
.infos.f .subhead{
	top:-45px;
}
.infos{
	margin-bottom:80px;
}
.infos.f{
	border: 30px solid #9BD7EF;
}
.infos.s{
	border: 15px solid #FFEDAE;
}
.infos.t{
	border: 15px solid #9BD7EF;
	margin-bottom:40px;
}
.infos .img{
	text-align:center;
}
.infos img{
	margin-bottom:30px;
	width:120px;
	margin:0 auto 15px;
}
.infos strong,
.infos a{
	color:#019CDB;
}
footer{
    padding: 40px 0;
    background: #F5F5F5;
}
header .nazk{
	width:180px;
}
header .nazk_square{
	display:none;
}
img{
	max-width:100%;
}
html[class^="zoom"] #info .inner{
	width:auto;
}
.mob{
	display:none;
}
a.rm{
	font-size: 18px;
	line-height: 21px;
	color: #4F4F4F;
	text-decoration:none;
	padding:12px 75px 12px 20px;
	background: #F5F5F5;
	display:inline-block;
	cursor:pointer;
	position:relative;
}
a.rm:after{
	content:'';
	width:18px;
	height:10px;
	background:url('../images/ardown.png')no-repeat center;
	position:absolute;
	right:20px;
	top:50%;
	margin-top:-5px;
	transform:rotate(0deg);
	transition:all .3s ease;
}
a.rm.act:after{
	transform:rotate(180deg);
}
#single .modhead{
	font-size:42px;
	line-height:52px;
}
.bot{
	position:fixed;
	right:10px;
	bottom:100px;
	z-index:2;
}
.bot a.toggle_bot{
	cursor:pointer;
}
.bot .abs{
	position:absolute;
	bottom:100%;
	text-align:center;
	display:none;
}
.bot .abs img{
	margin-bottom:15px;
}


@media (max-width: 1200px) {
	.bot img{
		width:80px;
	}
	.bot{
		right:10px;
		bottom:100px;
	}
	.phone a{
		font-size:20px;
	}
	.phone{
		margin-bottom:5px;
	}
	header .nazk{
		display:none;
	}
	header .nazk_square{
		display:block;
	}
}
@media (max-width: 992px) {
	.mob{
		display:block;
	}
	.desktop{
		display:none;
	}
	.search_field form{
		width:90%;
	}
	.search_field{
		position:fixed;
		left:0;
		top:0;
		background:#fff;
		height:100%;
		width:100%;
		align-items:center;
		justify-content:center;
		z-index:101;
		flex-direction:column;
		display:none;
	}
	a.burger img{
		width: 40px;
		padding: 9px;
	}
	.search_field a.ss:hover{
		color:#fff;
	}
	.search_field a.ss{
		background: #159CD9;
		color:#fff;
		padding:15px 80px;
		font-size: 18px;
		line-height: 21px;
		margin-top:30px;
	}
	body{
		padding-top:105px;
	}
	header .phone a{
		font-size:20px;
		width:169px;
	}
	a.closeme{
		width:70px;
		height:70px;
		right:0;
		top:0;
		position:absolute;
		background:url('../images/close.png')no-repeat center;
	}
	header img.mainlogo,
	header .nazk_square{
		height:30px;
	}
	span.sep{
		height:34px;
	}
	.flexed_conts{
		align-items:flex-start;
	}
	.links>div:first-child a{
		margin-bottom:11px;
	}
	.links svg{
		width:27px;
		height:27px;
	}
	.links>div{
		justify-content:flex-end;
	}
	.links a{
		margin-left:11px;
	}
	a.microsearch{
		width:27px;
		height:27px;
	}
	.phone{
		margin-bottom:0;
		margin-top:7px;
	}
	header{
		padding:17px 0 0;
	}
	#clarifications h3.modhead, #info h3.modhead{
		padding-bottom:15px;
	}
	.modhead, h3.modhead{
		font-size:38px;
		line-height:44px;
	}
	#info{
		padding:30px 0;
	}
	.infos .subhead{
		top:0!important;
		padding:15px;
	}
	#info .inner .desc{
		font-size:16px;
	}
	section#video h3.modhead{
		font-size: 28px;
		line-height: 34px;
	}
	section#video iframe{
		height:220px;
	}
	footer{
		padding:15px 0 50px;
	}
	#clarifications{
		padding-bottom:30px;
	}
	section#video h3.modhead{
		padding-bottom:30px;
	}
	section#video{
		padding:30px 0;
	}
	#clarifications h3.modhead{
		font-size: 24px;
		line-height: 32px;
	}
	#clarifications .inner .counter{
		display:none;
	}
	#clarifications .inner .title{
		padding:10px 0 10px 10px;
	}
	#clarifications .inner a.permalink{
		height:100%;
		min-height:80px;
	}
	.dload{
		margin-top:15px;
	}
	.infos.t,
	.infos{
		margin-bottom:15px;
	}
	#info .inner{
		width:90%;
	}
	.infos.f{
		border:15px solid #9BD7EF;
	}
	footer img{
		margin-bottom:15px;
	}
	footer .phone{
		margin-top:0;
	}
	footer .email{
		font-size:12px;
	}
	.tadam img{
		margin-bottom:0;
	}
	.tadam{
		bottom:-40px;
	}
	footer .flexed_conts{
		align-items:center;
		justify-content:space-between;
	}
	footer .flexed_conts .conts.text-right{
		text-align:left!important;
	}
	section#single{
		padding:30px 0;
	}
	section#single .modhead{
		font-size: 24px;
		line-height: 32px;
		padding-bottom:30px;
		display:none;
	}
	.maincontent h1{
		text-align:center;
		border-bottom:1px solid #eee;
		font-size:23px;
		padding-bottom:15px;
	}
	.maincontent h2{
		font-size:20px;
		line-height:28px;
	}
	.leftmenu{
		border:0;
		position:fixed;
		background:#fff;
		z-index:99;
		top:0;
		width:100%;
		height:100%;
		overflow:auto;
		right:-100%;
		transition:all .3s ease;
	}
	.leftmenu a{
		padding:12px 15px;
		font-size:16px;
		line-height:22px;
	}
	.leftmenu a .count{
		padding-right:20px;
	}
	a.burger{
		position:fixed;
		z-index:100;
		right:0;
		top:40%;
		background:rgb(130, 130, 130);
	}
	.leftmenu.active{
		right:0;
	}
	.phone:before{
		display:none;
	}
	#search h1{
		font-size:32px;
	}
	.infos .items{
		margin-top:0;
	}
}
body.wob .blogo,
.wlogo{
	display:none;
}
body.wob .wlogo{
	display:block;
	width:202px;
}


/*White on black*/
body.wob .leftmenu a:hover,
body.wob .leftmenu a.active{
	color:#000;
}
body.wob footer,
body.wob section#video,
body.wob #clarifications .inner,
body.wob .infos .subhead,
body.wob .phone a,
body.wob{
	background:#000;
	color:#fff;
}
body.wob #clarifications .inner a.permalink{
	border-left:10px solid #000;
}
body.wob .phone:before,
body.wob .maincontent h2,
body.wob .maincontent .content p,
body.wob .maincontent .content,
body.wob .maincontent h1,
body.wob .leftmenu a,
body.wob #clarifications .inner .counter,
body.wob #clarifications .inner .desc,
body.wob a.download_pdf,
body.wob #info .inner .desc a,
body.wob #info .inner .desc strong,
body.wob #info .inner .desc,
body.wob .modhead,
body.wob h3.modhead,
body.wob .phone a,
body.wob .email,
body.wob .email a,
body.wob .search_field input[type="search"]{
	color:#fff;
}
body.wob span.sep{
	background:#fff;
}
body.wob header{
	background:#000;
}



/*Black on white*/
body.bow footer,
body.bow .phone a,
body.bow section#video,
body.bow #clarifications .inner,
body.bow .infos .subhead,
body.bow{
	background:#fff;
	color:#000;
}
body.bow #clarifications .inner a.permalink{
	border-left:10px solid #fff;
}
body.bow .maincontent h2,
body.bow .maincontent .content p,
body.bow .maincontent .content,
body.bow .maincontent h1,
body.bow .leftmenu a,
body.bow #clarifications .inner .counter,
body.bow #clarifications .inner .desc,
body.bow a.download_pdf,
body.bow #info .inner .desc a,
body.bow #info .inner .desc strong,
body.bow #info .inner .desc,
body.bow .modhead,
body.bow h3.modhead,
body.bow .phone a,
body.bow .email,
body.bow .email a,
body.bow .search_field input[type="search"]{
	color:#000;
}
body.bow header{
	background:#fff;
}
.up{
	display:none;
	width:50px;
	height:50px;
	position:fixed;
	bottom:30px;
	right:15px;
	z-index:7;
	cursor:pointer;
}