@charset "UTF-8";
* {
outline: none;
}
/* ::selection {background: orange; color: white;} */
article, aside, details, div, figcaption, figure, footer, header, hgroup, nav, section {display: block;}
body, img, p, h1, h2, h3, h4, h5, h6, ul, ol, li, form, blockquote, dl, dt, dd, button, input {
margin: 0;
padding: 0;
}
a, a:hover, a:active, a:visited {text-decoration: none; outline: none !important;}
.clear {
clear:both;
float: none !important;
}
a {
color: #016EA7;
}
a:hover {
text-decoration: underline;
}
html, body {
height: 100%;
}
.gsc-search-box {
display: none !important;
}
#cookies-consent-popup {
background: white;
padding: 18px 20px;
border: 2px solid #1c5e98;
max-width: 410px;
display: inline-block;
vertical-align: bottom;
position: fixed;
bottom: -160px;
left: 5px;
z-index: 3333;
height: 120px;
}
#cookies-consent-popup p {
font: normal 1.5em/1.5 'PT Sans';
color: #1c5e98;
}
#cookies-consent-popup .btn {
margin-top: 12px;
font-size: 1.2em;
line-height: 32px;
padding: 0 10px;
text-transform: none;
}
body {
font-family: Arial;
font-size:62.5%; /*1em is 10px */
margin-right: 0 !important;
background: #f4f4f4;
}
body.gs {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
/* 	filter: url("grayscale.svg#greyscale"); */
filter: gray;
}
.ie11 .header-center form > input[type="search"] {
height: 24px;
}
.ie11 legend {
max-width:85%;
}
.ie10 .header-center form > input[type="search"] {
height: 24px;
}
.ie10 legend {
max-width:85%;
}
.ie11 .hotline sub,
.ie10 .hotline sub {
letter-spacing: 0.18em;
}
.ie11 .datepick-month-row .datepick-month,
.ie10 .datepick-month-row .datepick-month {
float: none;
width:auto;
}
.ie10 .text-center.biggest .btn-wrap .btn,
.ie11 .text-center.biggest .btn-wrap .btn {
height: 35px;
}
.ie11 :-ms-input-placeholder {
color: #A9A9A9;
}
.ie10 :-ms-input-placeholder {
color: #A9A9A9;
}
.ie11 input, .ie10 input {
height: 1.7em;
}
.ie11 .header-center input, .ie11 nav ul li.showResp input,
.ie10 .header-center input, .ie10 nav ul li.showResp input {
height: 2.48em !important;
}
.ie11 .header-center input[type="submit"], .ie11 .btn.lightblue {
height: 1.78em;
}
.italic {
font-style: italic !important;
}
/* theme selector */
html body.bw *,html body.bw * #sidemenu li ul a {
background: black !important;
box-shadow: 0px 0px 0px black !important;
color: white !important;
}
html body.bw *:before, html body.bw *:after {
border-left-color: white !important;
}
html body.bw a:not(.logo):hover {
background: white !important;
color: black !important;
}
html body.bw .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background: white !important;
}
html body.bw .logo {
width: 283px;
height: 64px;
background: url(../i/logow.png) center center no-repeat !important;
}
html body.bw .logo img, html body.wb .logo img {
display: none;
}
html body.wb *,html body.wb * #sidemenu li ul a {
background: white !important;
color: black !important;
box-shadow: 0px 0px 0px white !important;
}
html body.wb a:not(.logo):hover {
background: black !important;
color: white !important;
}
html body.wb .logo {
width: 283px;
height: 64px;
background: url(../i/logob.png) center center no-repeat !important;
}
html body.bw nav li.home a {
background: url(../i/menu-w.png) center center no-repeat !important;
}
html body.bw .header-center:before {
display: none;
}
/* text resets */
#style {
font-size: 3em;
background: url(../i/_spriteKZP.png) -1298px center no-repeat #f4f4f4;
}
#style:hover {
background: url(../i/_spriteKZP.png) -1268px center no-repeat #0374B8;
}
.bw #style {
background: url(../i/_spriteKZP.png) -1268px center no-repeat !important;
}
.wb #style {
background: url(../i/_spriteKZP.png) -1298px center no-repeat !important;
}
#style span {
display: none;
position: relative;
top:-2px;
color: inherit;
}
#reset {
display: none;
}
.ctrl {
font-size: 10px;
}
.hidden {
display: none;
}
.center {
width: 1200px;
margin: 0 auto;
}
#wrap {
min-height: 100%;
}
#main {
padding-bottom: 436px; /* must be equal to footer's height */
}
body:before {   /* old(real) Opera browser fix */
content: "";
float: left;
height: 100%;
margin-top: -32767px;
width: 0;
}
.fancybox-lock {
overflow: visible;
}
.fancybox-overlay {
overflow: hidden !important;
}
img {
max-height: 100%;
max-width: 100%;
}
ul { list-style-type: none;}
/*
by design
h1 {font-size:2em;}
h2 {font-size:1.858em;}
h3 {font-size:1.72em;}
h4 {font-size:1.57em;}
h5 {font-size:1.44em;}
h6 {font-size:1.29em;}
*/
h1 {font-size:1.83em;}
h2 {font-size:1.685em;}
h3 {font-size:1.55em;}
h4 {font-size:1.4em;}
h5 {font-size:1.27em;}
h6 {font-size:1.12em;}
/* ------------------------------------ GENERAL ------------------------------------- */
.right {
float: right;
}
.left {
float: left;
}
.no-border {  border: none !important;}
.no-right {   border-right: none !important;}
.no-left {    border-left: none !important;}
.no-bottom {    border-bottom: none !important;}
.no-top {    border-top: none !important;}
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }
.tabulation {
display: inline-block;
width: 10px;
}
.uppercase {
text-transform: uppercase !important;
}
.yellow {
color: #F5CD0E !important;
border-color: #F5CD0E !important;
}
.white {
color: #fff !important;
border-color: #fff !important;
background: #fff !important;
}
.caps {
text-transform: uppercase;
}
/* ERROR SUCCESS */
.info, .error, .success {
position: relative;
width: auto;
margin: 20px 0px;
padding: 10px 15px;
font: 1.4em/18px "PT Sans", Arial, sans-serif;
border:1px solid transparent;
color: #0c2552;
}
.info {
background-color: #F9F4B6;
border-color: #EDDF27;
}
.error {
background-color: #ffe9e9;
border-color: #cc0000;
}
.success {
background-color: #e8ffef;
border-color: #00cc0f;
}
.error ul, .success ul {
list-style-type: disc;
list-style-position: inside;
}
.error a:hover, .success a:hover, .field-error a { text-decoration: underline; }
.close {
position: absolute;
top: 15px;
right: 15px;
font-size: 2em;
color: #000000;
width: 15px;
height: 15px;
background: url(../i/_spriteKZP.png) -1184px center no-repeat;
display: block;
}
#generror {
background: #0c2552;
background: rgba(12, 37, 82, 0.7);
position: fixed;
top:0;
left: 0;
right: 0;
height: 100%;
z-index: 1000;
}
#generror > div.bodyerror {
max-width: 930px;
min-height: 113px;
background: #f4706d;
margin: 0% auto;
position: relative;
top: 33%;
}
#generror .icon {
background: url(../i/info2.png) center 30px no-repeat #f4706d;
width: 104px;
height: 110px;
float: left;
}
#generror .icon + div {
background: white;
min-height: 73px;
margin-left: 104px;
padding: 20px;
}
#generror h6 {
font: bold 22px/22px 'PT Sans';
color: #7a3836;
text-transform: uppercase;
margin-bottom: 20px;
}
#generror p {
font: normal 14px/22px 'PT Sans';
color: #424242;
}
body.overflow-hidden {
overflow: hidden;
}
/* article */
article, p {
color: #32495e;
font: normal 1.4em/1.57em Arial;
}
article p, article ul, article ol {
color: #32495e;
font: normal 1em/1.57em Arial;
}
article ul, article ol {
list-style-position: inside;
}
article ul, article ol, article p {
margin: 10px 0;
}
article ul {
list-style-type: disc;
}
article a:hover {
text-decoration: underline;
}
article h1,
article h2,
article h3,
article h4,
article h5,
article h6 {
font-family: Arial;
font-weight: normal;
margin: 5px 0;
line-height: 1.2;
}
article a {
color: #eb4f37;
color: #cc0000;
color: inherit;
}
article table {
width: 100% !important;
}
/*  END GENERAL */
/* ------------------------------------ HEADER ------------------------------------- */
header {
/* 	position: fixed; */
top:0;
width: 100%;
z-index: 999;
background-color: #145c99;
}
.header-top, .header-bottom {
background: #0c2552;
position: relative;
}
.header-top, .header-bottom .center {
position: relative;
z-index: 40;
}
.header-center {
background: url(../i/top.jpg) center top no-repeat #145c99;
}
.logo {
padding: 27px 0;
display: inline-block;
}
.lang a {
display: inline-block;
vertical-align: top;
font: normal 1.2em/30px 'PT Sans';
color: white;
margin-right: 10px;
}
.lang a .icon,.profile .icon,.text-only .icon, .admin .icon  {
background: url(../i/_spriteKZP.png) center center no-repeat;
display: inline-block;
vertical-align: top;
height: 30px;
width: 30px;
float: left;
}
.lang a.bg .icon {
background-position: 0 0 ;
}
.lang a.en .icon {
background-position: -46px 0 ;
}
.lang .active {
color: #7ca3c5;
}
.profile .icon {
background-position: -86px 0;
}
.profile div > *, .text-only *, .admin {
font: normal 1.2em/30px 'PT Sans';
color: white;
}
.text-only .icon {
background-position: -122px 0;
width: 17px;
}
.profile, .text-only {
display: inline-block;
vertical-align: top;
margin-left: 10px;
}
.text-only button {
border: 0;
background: #f4f4f4;
color: #0e2d5e;
font: normal 1.4em/30px 'PT Sans';
width: 30px;
height: 30px;
vertical-align: top;
margin-left: 2px;
display: inline-block;
}
.text-only button.text-up {
font-size: 1.6em;
}
.text-only button.text-dn {
margin-left: 7px;
}
.text-only button:hover {
background: #0e2d5e;
background: #0374B8;
color: white;
}
.admin .icon {
background-position: -144px 0;
}
.admin {
display: inline-block;
vertical-align: top;
margin-left: 0px;
}
/*
.lang a:hover {
}
*/
.header-top {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 30px;
z-index: 2;
}
.header-center {
position: relative;
padding-top: 30px;
}
.header-center:before {
content: "";
right: 86%;
width: 100%;
background: white;
z-index: 0;
height: 100%;
display: block;
position: absolute;
top:0;
}
.header-center .right {
padding-top: 40px;
}
.header-center .right form > * {
float: left;
}
.header-center .right form {
margin-top: 9px;
}
.header-center .right > * {
display: inline-block;
vertical-align: top;
}
.header-center input[type="search"], nav ul li.showResp input[type="search"] {
width: 260px;
padding: 4px 10px;
font: normal 1.3em/1.78em 'PT Sans';
color: #0c2552;
border: 1px solid white;
vertical-align: top;
}
.header-center input[type="submit"] {
padding: 4px 0;
}
.header-center input[type="submit"]:hover {
background: #0C2552;
}
.header-center input[type="submit"], .btn.lightblue {
border: 0;
background: #00a8f8;
font: bold 1.4em/1.789em 'PT Sans';
font-weight: normal;
color: white;
text-transform: uppercase;
width: 100px;
width: 7em;
text-align: center;
vertical-align: top;
}
.btn.lightblue {
height: 34px;
}
.header-center  form ::-webkit-input-placeholder,.quick-register form ::-webkit-input-placeholder {
font: italic 1em/1.78em 'PT Sans';
color: #0c2552;
font-style: italic;
}
.header-center  form ::-moz-placeholder,
.quick-register  form ::-moz-placeholder {
font: italic 1em/1.78em 'PT Sans';
color: #0c2552;
font-style: italic;
}
.header-center form :-ms-input-placeholder,
.quick-register form :-ms-input-placeholder {
font: italic 1em/1.78em 'PT Sans';
color: #0c2552;
font-style: italic;
}
.header-center form  input:-moz-placeholder,
.quick-register form  input:-moz-placeholder {
font: italic 1em/1.78em 'PT Sans';
color: #0c2552;
font-style: italic;
}
.hotline {
color: white;
font: bold 2.4em/22px 'Roboto';
padding-left: 25px;
}
.hotline small {
font: normal 0.35em/1.9em 'PT Sans';
color: white;
text-transform: uppercase;
display: block;
}
.hotline sub {
font-size: 10px;
line-height: 15px;
font-weight: normal;
display: block;
letter-spacing: .7px;
}
.header-bottom nav {
display: inline-block;
vertical-align: top;
}
nav > ul > li {
/*     width: 25%; */
padding: 0 0%;
float: left;
position: relative;
}
nav > ul > li > a {
display: inline-block;
font:bold 1.4em/26px 'PT Sans';
text-transform: uppercase;
padding: 5px 10px 15px;
margin: 10px 6px 0;
color:white;
vertical-align: top;
position: relative;
}
nav li a img {
vertical-align: text-top;
}
nav > ul > li.active > a,
nav > ul > li > a.active,
nav > ul > li > a:hover {
text-decoration: none;
color: #eddf28;
}
nav > ul > li + li + li {
padding-left: 4px;
background: url(../i/bullet-y.jpg) left center no-repeat;
}
nav li.home a {
padding-left: 0;
margin-left: 0;
padding-right: 8px;
margin-top: 5px;
width: 16px;
height: 26px;
background: url(../i/menu-w.png) center center no-repeat;
font-size: 0;
}
nav li.home.active a, nav li.home:hover a {
background-image: url(../i/menu-y.png);
}
nav li.home a img {
display: none;
}
nav li.hassub:hover > a {
background: #145c99;
color: white;
}
nav li:hover .secondmenu {
display: block;
}
nav .secondmenu {
position: absolute;
width: 250px;
z-index: 4;
top:49px;
left: 5px;
left: 10px;
margin-top: 0;
display: none;
box-shadow: 1px 1px 1px #d9d9d9;
box-shadow: 1px 1px 1px rgba(217, 217, 217, 0.63);
}
li.home + li ul.secondmenu {
left: 6px;
}
.hot-btn {
width: 272px;
height: 35px;
font: bold italic 1.5em/35px 'PT Sans';
font-style: italic;
color: white;
text-transform: uppercase;
display: inline-block;
background: #cc0000;
text-align: left;
margin-top: 10px;
float: right;
}
.hot-btn .icon {
display: inline-block;
vertical-align: top;
height: 35px;
width: 55px;
background: url(../i/_spriteKZP.png) -170px center no-repeat;
}
.hot-btn:hover {
background-color: #ED0101;
text-decoration: none;
}
/* ------------------------------------ END HEADER ------------------------------------- */
/* ------------------------------------ FOOTER ------------------------------------- */
footer {
position: relative;
margin-top: -436px;
height: 436px;
clear: both;
}
.darkbluebgr {
background: #0b2451;
color: white;
}
footer .darkbluebgr {
font: normal 1.2em/88px 'PT Sans';
color: white;
}
.whitebgr {
background: white;
padding: 18px 0 17px;
}
.whitebgr p {
font: normal 1.3em/1.3em 'PT Sans';
color: #444444;
font-style: italic;
padding-top: 6px;
padding-left: 285px;
}
.whitebgr a.left {
margin-right: 25px;
}
.footer-top {
background: url(../i/footer-top.jpg) center center no-repeat #1c5e98;
}
.footer-top li a {
font: 100 1.3em/1.693em 'PT Sans';
color: white;
display: block;
}
.footer-top li a:hover {
text-decoration: none;
color: #00a8f8;
}
.footer-top .title, .footer-top address {
color: white;
}
.fcol {
display: inline-block;
vertical-align: top;
padding-right: 45px;
}
.w200 {
width: 200px;
}
.w250 {
width: 250px;
}
.w260 {
width: 260px;
}
.w320 {
width: 320px;
}
.w200.fcol {
padding-right: 20px;
}
.w260.fcol {
padding-right: 52px;
}
.w320.fcol {
padding-right: 20px;
padding-left: 6px;
}
.footer-top {
padding: 35px 0;
}
.social {
font: 500 1.4em/30px 'PT Sans';
color: white;
text-transform: uppercase;
margin-bottom: 20px;
}
.social a {
display: inline-block;
vertical-align: top;
width: 33px;
height: 33px;
font-size: 0;
background: url(../i/_spriteKZP.png) no-repeat white;
}
.social a.fb {background-position: -322px center; margin-left: 7px;}
.social a.tw {background-position: -369px center;margin-left: 1px;}
.corruption {
background: white;
color: #1c5e98;
padding: 18px 20px;
}
.corruption h3 {
color: #1c5e98;
text-transform: uppercase;
text-align: center;
font: bold 1.6em/1.375em 'PT Sans';
margin-bottom: 5px;
}
.corruption p {
color: #1c5e98;
font: normal 1.4em/22px 'PT Sans';
}
.fcol .title {
font: normal 1.7em/1.2em 'PT Sans';
text-transform: uppercase;
margin-bottom: 18px;
}
.fcol h4 {
font: normal 1.4em/1.5714em 'PT Sans';
text-transform: uppercase;
padding-bottom: 30px;
color: white;
}
.fcol address {
font-size: 1.4em;
font-family: 'PT Sans';
line-height: 1.7;
font-style: normal;
}
.fcol address a {
color: white;
}
/* ------------------------------------ END FOOTER ------------------------------------- */
/* ------------------------------------ INDEX ------------------------------------- */
.index-top {
background: #e8e8e8;
padding: 25px 0;
}
.index-top .center {
font-size: 0;
}
.column {
width: 48.3%;
display: inline-block;
vertical-align: top;
}
.column + .column  {
margin-left: 3.35%;
}
.index-top .column {
box-shadow: 1px 1px 0 #d0d0d0;
padding-top: 10px;
background: white;
float: left;
}
.index-top .title, .link-list .title.blue {
width: 276px;
font: 300 1.7em/40px 'Roboto';
padding-left: 40px;
margin-left: -20px;
color: white;
text-transform: uppercase;
display: inline-block;
}
.link-list .title.blue {
margin-right: 18px;
}
.index-top .title strong, .link-list h2 strong {
font-weight: 500;
}
.index-top .title.blue, .link-list h2 {
background: #296da7;
}
.index-top .title.green {
background: #00a163;
}
.index-top .blue + a {
color: black;
font: normal 1.2em/40px 'PT Sans';
float: right;
padding-right: 20px;
}
.index-top .scroll-view.news-list {
height: 440px;
padding: 20px;
width: auto;
display: block;
}
.news-list a:hover {
text-decoration: none;
}
.news-list a:hover .preview {
text-decoration: underline;
}
.news-list li {
margin-bottom: 25px;
}
.preview {
font: normal 1.4em/1.45em 'PT Sans';
color: #393939;
display: block;
margin-top: 7px;
}
.date {
background: #296da7;
color: white;
padding: 3px 5px;
font: normal 1.2em/1.6em 'PT Sans';
}
.btn {
display: inline-block;
vertical-align: middle;
line-height: 39px;
cursor: pointer;
}
.btn:hover {
text-decoration: none;
}
.btn.blue, .btn.lime {
border: 0;
background: #e5e5e5;
font: normal 1.1em/32px 'PT Sans';
text-transform: uppercase;
color: black;
padding: 0 9px;
height: 32px;
display: inline-block;
vertical-align: top;
margin-right: 10px;
text-decoration: none !important;
}
.btn.lime:hover, .btn.lime.active {
background: #00a163;
color: white;
}
.btn.blue.active {
color: white;
}
.btn.blue:hover {
background: #296da7;
color: white;
}
.link-list .btn.blue {
margin: 6px 0 0;
position: relative;
min-width: 80px;
height: 27px;
line-height: 27px;
color: white;
padding: 0 0;
font-size: 1.1em;
}
.link-list .btn span {
background: inherit;
background: #e5e5e5;
color: black;
position: relative;
display: block;
padding: 0 20px;
}
.link-list .btn.blue.active span {
background: #145c99;
color: white;
}
.link-list .btn.blue.active:before {
position: absolute;
width: 0;
height: 0;
border: 40px inset transparent;
border: 40px inset rgba(255,255,255,0);
border-bottom: 0;
border-top: 40px solid #00a8f8;
display: block;
content: "";
left:0;
right: 0;
margin: auto;
z-index: 0;
top:-6px;
}
.link-list .btn + .btn {
margin-left: 6px;
}
.index-top .column .btn.lime {
float: right;
}
.index-top .scroll-view {
width: 100%;
height: 190px;
}
.advices .title,
.procedures .title {
width: 368px;
}
.procedures {
margin-top: 19px;
}
.orange {
background: #f55d1e;
color: white;
}
.procedures .fbox-wrap {
white-space: normal;
}
.procedures .fbox-wrap a {
display: block;
vertical-align: top;
margin: 0px 5px 10px 0;
color: #000000;
font: normal 1.4em/16px 'PT Sans';
}
.procedures .fbox-wrap a {
margin-right: 20px;
}
.procedures .fbox-wrap a .icon {
width: 33px;
height: 37px;
border: 0;
margin-top: 0;
margin-bottom: 0;
padding: 0;
display: inline-block;
vertical-align: middle;
margin-right: 10px;
background: url(../i/_orange.png) no-repeat;
}
.procedures .fbox-wrap a .icon+span {
display: inline;
vertical-align: middle;
display: inline-block;
vertical-align: middle;
width: 400px;
width: calc(100% - 53px);
}
.procedures .fbox-wrap a .icon.menu {background-position: 2px -5px;}
.procedures .fbox-wrap a .icon.info {background-position: -50px -1px;}
.procedures .fbox-wrap a .icon.addfile {background-position: -108px -1px;}
.fbox-wrap {
display: block;
max-width: 545px;
overflow: hidden;
white-space: nowrap;
margin: 20px 10px 20px 20px;
}
.filter-box {
display: inline-block;
vertical-align: top;
width: 100%;
/*     height: 330px; */
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: 	 all 0.5s ease-in-out;
-o-transition: 	 all 0.5s ease-in-out;
transition: 		 all 0.5s ease-in-out;
}
.scroll-view {
height: 330px;
width: 410px;
position: relative;
float: left;
}
.mCSB_inside > .mCSB_container {
margin-right: 20px;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
background: #296da7;
width: 6px;
border-radius: 0;
}
.mCSB_scrollTools .mCSB_draggerRail {
background: #efefef;
width: 6px;
border-radius: 0;
}
.by-cat {
display: inline-block;
width: 100%;
white-space: normal;
}
.by-cat li {
background: #efefef;
margin-bottom: 6px;
}
.by-cat li:last-child {
margin-bottom: 0;
}
.by-cat a {
font: normal 1.3em/1.4em 'PT Sans';
color: black;
padding: 0 10px;
display: block;
}
.by-cat a:hover {
text-decoration: none;
background: #296da7;
color: white;
}
.filter-box .history {
background: url(../i/calendar.png) center 10px no-repeat #00A163;
width: 124px;
padding-top: 75px;
padding-bottom: 1.2em;
color: white;
text-transform: uppercase;
font: normal 1.2em/1.6em 'PT Sans';
text-align: center;
}
.filter-box .right .lime {
text-transform: lowercase;
width: 100%;
margin: 0;
padding: 0;
text-align: center;
}
.filter-box .right ul {
padding: 10px 0;
height: 160px;
overflow: hidden;
}
.filter-box .right ul li a {
font: normal 1.3em/23px 'PT Sans';
color: #030303;
display: block;
text-align: center;
}
.filter-box .right ul li a:hover {
color: #00a163;
text-decoration: none;
cursor: pointer;
}
.fbox-wrap.show .filter-box.bg {
margin-left: -100%;
}
.quick-register {
background: url(../i/quickregister.jpg) center top no-repeat #1c5e98;
padding: 40px 0 30px;
}
.quick-register h4 {
font: normal 2.2em/1.12em 'PT Sans';
color: white;
text-align: center;
padding-bottom: 40px;
}
.quick-register label {
font: normal 1.3em/32px 'PT Sans';
color: white;
margin: 0 5px;
}
.quick-register form {
text-align: center;
}
.quick-register form > * {
vertical-align: middle;
display: inline-block;
margin: 0 5px;
}
.quick-register form > img {
height: 3.39em;
}
.quick-register form .btn.lightblue {
margin-left: 15px;
}
#qrv {
max-width: 104px;
text-align: center;
}
.quick-register form .text-center {
display: block;
padding-top: 40px;
}
.quick-register form .text-center a {
display: inline-block;
color: white;
font: normal 1.4em/20px 'PT Sans';
text-transform: uppercase;
vertical-align: middle;
margin-right: 10px;
}
.quick-register form .text-center a+a {
border-left: 1px solid white;
padding-left: 10px;
}
/*
.link-list h2 {
font: 300 40px/50px 'Roboto';
color: #0c2552;
text-transform: uppercase;
}
*/
.link-list {
background: url(../i/list-links.jpg) center bottom no-repeat white;
background-size: cover;
padding: 30px 0 0;
font-size: 0;
border-top: 6px solid #296da7;
}
.link-list .scroll-view {
max-height: 275px;
width: 100%;
}
.link-list .fbox-wrap {
max-width: 1300px;
width: auto;
margin: 30px 0 0px 0;
}
.link-list ul {
display: inline-block;
vertical-align: top;
width: 25%;
white-space: normal;
}
.link-list ul li {
padding-left: 15px;
background: url(../i/bullet-b.jpg) left 7px no-repeat;
padding-bottom: 15px;
padding-right: 15px;
}
.link-list ul li a {
font: bold 1.3em/1.3em 'PT Sans';
color: #5d5d5d;
}
.link-list ul li a:hover {
color: black;
}
.square-slider {
background: #f4f4f4;
}
#square-slider {
padding: 35px 0;
font-size: 0;
position: relative;
}
.prev, .next {
background: url(../i/_spriteKZP.png) no-repeat;
background-color: #145c99;
width: 30px;
height: 60px;
cursor: pointer;
margin-top: 65px;
display: inline-block;
vertical-align: top;
}
.prev:hover, .next:hover {
background-color: #00a8f8;
}
.prev {    background-position: -235px center;  left: 0;}
.next {    background-position: -283px center;  right: 0; }
.slider-wrapper {
max-width: 1130px;
padding: 0 5px;
margin: 0 auto;
width: 100%;
vertical-align: top;
display: inline-block;
}
.slider a {
display: block;
vertical-align: top;
float: left;
/*     margin: 0 15px; */
width: 226px;
text-align: center;
}
#blind:after {
content: "";
}
/* ------------------------------------ END INDEX ------------------------------------- */
.page {
background: #f4f4f4;
}
/* TEXT PAGE and ASIDE */
aside {
width: 250px;
float: left;
margin-bottom:40px;
}
#sidemenu, .secondmenu {
background: #145c99;
color: white;
width: 100%;
display: inline-block;
vertical-align: top;
margin-top: 40px;
}
.content {
padding: 0 20px 30px;
margin-left: 250px;
background: white;
min-height:400px;
}
.content.fullwidth {
margin-left: 0;
}
.breadcrumps,
.breadcrumbs {
display: block;
padding: 10px 0;
font: normal 1.2em/20px 'PT Sans';
}
.breadcrumbs i,
.breadcrumps i {
font-style: normal;
}
.breadcrumbs a.
.breadcrumps a {
color: #262523;
}
.breadcrumbs span,
.breadcrumps span {
color:#145c99;
}
.page-inner-title {
font: bold 2.8em/1.3em 'PT Sans';
color: #0c2552;
padding-top: 3px;
padding-bottom: 10px;
}
#sidemenu a, .secondmenu a {
display: block;
position: relative;
font: normal 1.4em/1.3 'PT Sans';
color: white;
padding: 11px 20px 12px;
margin-bottom: -1px;
background: url(../i/sidebottom.png) center bottom no-repeat;
}
#sidemenu ul li.active > a:after {
display: none;
border: 0 !important;
}
#sidemenu ul li.active a {
color: #EDDF28;
}
#sidemenu > li > a:hover,#sidemenu > li a.active,#sidemenu .active > a, .secondmenu .active > a, .secondmenu a:hover,  #sidemenu li .lead  {
background: #00a8f8;
text-decoration: none;
}
#sidemenu > li > a.active:after,#sidemenu > li .active > a:after,  .secondmenu .active > a:after  {
content: "";
position: absolute;
bottom: 0;
top:0;
right: -12px;
height: 0;
border:20px inset rgba(255,255,255,0);
border-right: 0;
margin: auto;
border-left: 12px solid #00a8f8;
}
#sidemenu a.active + ul, #sidemenu li.active > ul, #sidemenu li .lead +ul{
display: block;
}
#sidemenu li ul {
/*
list-style-type: square;
list-style-position: inside;
*/
padding: 5px 0 10px;
display: none;
}
#sidemenu li ul a {
background:none !important;
padding: 8px 20px 8px 20px;
}
#sidemenu li ul a:hover,#sidemenu li ul a.active {
text-decoration: underline;
}
#sidemenu li ul a:before {
content: "";
font-size: 0px;
line-height: 0em;
display: inline-block;
width: 4px;
height: 4px;
background: white;
vertical-align: top;
margin-right: 6px;
margin-top: 7px;
font-family: 'PT Sans';
float: left;
}
#sidemenu > li:last-child a, .secondmenu > li:last-child a {
background-image: none;
margin-bottom: 0;
}
/* 0-0-------------------- NEWS PAGE  ----------------------- */
.blog-list {
margin: 0 -10px;
display: block;
overflow: auto;
}
.blog-list .date, .attributes .date {
display: inline-block;
vertical-align: top;
background: #038bc7;
padding-left: 14px;
padding-right: 14px;
}
.blog-list .img:after, .blog-post .img:after {
content: "";
display: inline-block;
vertical-align: middle;
height: 100%;
}
.blog-list .img, .blog-post .img {
font-size: 0;
width:100%;
height:250px;
text-align: center;
vertical-align: middle;
display: block;
}
.blog-list .img:hover {
opacity: 0.8;
}
.blog-list .img img, .blog-post .img img {
vertical-align: middle;
}
.blog-list li {
width: 47.7%;
padding: 0 9px 0 9px;
float: left;
margin-bottom: 35px;
height: 445px;
}
.blog-list h3 {
padding: 14px 0 8px;
font: bold 1.7em/1.3em 'PT Sans';
color: #145c99;
}
.blog-list h3 a {
color: #145c99;
}
.blog-list p {
color: black;
font: normal 1.4em/1.57em 'PT Sans';
height: 89px;
overflow: hidden;
}
.pagination:not(#square-wrapper .pagination) {
padding: 10px 0;
}
.pagination,.dataTables_paginate {
text-align: center;
}
.pagination li, .dataTables_paginate a {
display: inline-block;
vertical-align: middle;
margin: 0 1px;
}
.dataTables_paginate a {
margin: 0;
}
.pagination a {
display: block;
}
.pagination a {
min-width: 12px;
font: normal 1.4em/1.57em 'PT Sans';
text-align: center;
color: #0b2451;
padding: 0 5px;
cursor: pointer;
}
.pagination a:hover,
.pagination a.active,
.pagination li.active a  {
background: #145c99;
color: white;
text-decoration: none;
}
.paginaciq:not(#square-wrapper .paginaciq) {
padding: 10px 0;
}
.paginaciq {
text-align: center;
font-size: 0;
}
.paginaciq li {
display: inline-block;
vertical-align: middle;
margin: 0;
font-size: 9px;
font-weight: 700;
}
.paginaciq li > * {
display: block;
}
.paginaciq li > *,.dataTables_paginate a {
min-width: 12px;
font: normal 1.6em/1.57em 'PT Sans';
font-weight: 700;
text-align: center;
color: #0b2451;
padding: 5px 10px;
background-color: #eeeeee;
}
.dataTables_paginate a.current,
.paginaciq li > *.active,
.paginaciq li.active > *  {
background: #145c99;
color: white;
text-decoration: none;
}
.dataTables_paginate a:hover,
.paginaciq li > a:hover {
background: #0093fa;
color: white;
text-decoration: none;
cursor: pointer;
}
.dataTables_paginate a {
-webkit-transition: all 0.1s linear;
-moz-transition: 	 all 0.1s linear;
-o-transition: 	 all 0.1s linear;
transition: 		 all 0.1s linear;
}
.dataTables_paginate a.disabled {
background: 0;
opacity: 0;
}
.dataTables_wrapper label .tf-select .tf-menu div,
.dataTables_wrapper label .tf-select .tf-selected {
font-size: 1em;
}
/*                                         INNER BLOG POST                                  */
.blog-post {
margin-top: 4px;
}
.blog-post .img {
max-width: 600px;
height: auto;
margin-bottom: 8px;
}
.attributes {
margin-left: 13px;
}
.attributes b {
display: block;
font: bold 15px/22px 'PT Sans';
color: #0c2552;
margin: 13px 0;
}
.share a {
display: block;
width: 200px;
height: 36px;
font: normal 12px/36px 'PT Sans';
color: white;
text-align: center;
margin-bottom: 14px;
}
.share a .icon {
background-image: url(../i/_spriteKZP.png);
background-repeat: no-repeat;
width: 35px;
height: 36px;
border-right: 1px solid rgba(255, 255, 255, 0.29);
display: inline-block;
float: left;
}
.fbs {background: #39559f;}
.tws {background: #00a9ef;}
.gps {background: #9e0b0f;}
.fbs .icon {background-position: -683px center;}
.tws .icon {background-position: -729px center;}
.gps .icon {background-position: -769px center;}
.share a:hover {
background: black;
text-decoration: none;
}
.blog-gallery {
padding: 14px 0 15px;
border-top:1px solid #ced3dc;
border-bottom:1px solid #ced3dc;
margin: 5px 0;
}
.blog-gallery h3{
color: #0c2552;
font: bold 1.5em/1.2 'PT Sans';
text-transform: uppercase;
}
.blog-gallery li {
display: block;
float: left;
margin: 0 12px 0 0px;
margin: 0 15px 0 0px !important;
}
.blog-gallery li a {
width: 170px;
height: 96px;
display: block;
text-align: center;
}
.blog-gallery li a img {
vertical-align: top;
}
.gallery {
margin: 15px 0 6px;
}
.CFpagination {
float: right;
margin-top: 7px;
}
.blog-gallery .CFpagination a {
text-indent: -999em;
display: inline-block;
vertical-align: top;
background: #0c2552;
margin-left: 5px;
width: 8px;
height: 8px;
opacity: 1;
}
.blog-gallery .CFpagination a.selected {
background: #00a8f8;
}
.blog-post a:hover img, .blog-gallery a:hover img {
opacity: 0.9;
}
/* /------------   CAMPAGIN MOD ----------------/ */
.status {
text-transform: uppercase;
}
.status.active, .status.open {
background: #197b30;
}
.status.inactive, .status.stopped, .status.rejected, .status.canceled, .status.partial_stopped, .status.partial_rejected {
background: #d04433;
}
.status.partial_rejected {
font-size: 1.3em;
}
.attributes .status {
margin-top: 12px;
text-align: center;
width: 172px;
height: 55px;
line-height: 55px;
font: 500 1.5em/55px 'PT Sans';
font-style: italic;
}
.expires i {
font-style: normal;
}
.expires {
padding: 10px 0 0;
font: normal 1.3em/1.55em 'PT Sans';
}
/*                             CAREERS               */
.right-side {
width: 230px;
float: right;
margin-top: 28px;
padding-bottom: 20px;
background: #f2f2f2;
}
.shrink {
max-width: 660px;
}
.bluetitle {
font: normal 1.4em/1.57 'PT Sans';
padding: 15px 8px;
background: #145c99;
color: white;
text-transform: uppercase;
text-align: center;
}
.document {
padding: 15px 0px 10px;
margin: 0 20px;
border-bottom: 1px solid #c4c9d2;
}
.document i {
font: italic 1.2em/30px 'PT Sans';
color: #0c2552;
}
.bullet {
font: bold 1.4em/1.45em 'PT Sans';
color: #145c99;
text-transform: uppercase;
position: relative;
padding-left: 15px;
padding-bottom: 5px;
}
.document .bullet .icon {
position: absolute;
display: block;
width: 6px;
height: 6px;
background: #145c99;
top:8px;
left: 0;
}
.blog-list.careers li {
float: none;
height: auto;
width: auto;
display: block;
overflow: auto;
padding-bottom: 20px;
border-bottom: 1px dotted #7f7f7f;
}
.career.left {
/*     width: 510px; */
float: none;
margin-right: 15em;
}
.career.right {
padding-top: 36px;
}
.career .status {
display: block;
width: 10.8em;
padding:0;
height: 46px;
font: italic 1.3em/46px 'Roboto';
text-align: center;
}
.career a.status:hover {
text-decoration: none;
background: black;
}
.career .expires {
clear: both;
}
.career .expires .icon {
display: inline-block;
float: left;
height: 42px;
width: 30px;
margin: 0 4px;
background: url(../i/_spriteKZP.png) -815px center no-repeat;
}
.expired {
display: block;
background: url(../i/career-expired.png) 10px center no-repeat #f2f2f2;
margin-top: 4px;
padding: 11px 0 12px;
padding-left:55px;
font: italic 1.3em/1.2 'PT Sans';
color: black;
}
.expired:hover {
background-color: #c2c2c2;
text-decoration: none;
}
.document a {
display: inline-block;
vertical-align: middle;
width: 30px;
height: 30px;
margin-left:6px;
background: url(../i/_spriteKZP.png) no-repeat;
}
.document a:first-of-type {
margin-left: 14px;
}
.document a.pdf {    background-position: -892px center;}
.document a.word {    background-position: -855px center;}
.document a:hover {box-shadow: 0 0 0 1px black; opacity: 0.8;}
/* career inner */
.career-inner .date {
background: #038bc7;
padding-left: 14px;
padding-right: 14px;
}
.ib {
display: inline-block;
}
.filter .ib {
width: 100%;
vertical-align: top;
}
.career-approved {
background: #f2f2f2;
padding: 20px 15px;
margin-top: 20px;
}
.career-approved, .career-approved * {
font-family: 'PT Sans';
color: black;
}
/*                                         CONTACTS                                 */
.row {
margin: 0 -10px;
overflow: hidden;
}
.banner-list.row {
margin: 0 -1%;
}
.contact-box {
float: left;
width: 31%;
margin: 0 1%;
text-align: center;
background: #ebebeb;
padding-bottom: 18px;
height: 190px;
}
.c-info {
padding: 0 10px;
}
.contact-box strong {
font: bold 17px/20px 'PT Sans';
padding: 10px 0;
display: block;
color: black;
}
.contact-box > i {
font:italic 13px/18px 'PT Sans';
padding: 0 15px;
display: block;
color: black;
}
.contact-box h4 {
font: normal 30px/60px 'PT Sans';
color: black;
}
.contact-box.thrird h4 {
font: normal 24px/70px 'PT Sans';
color: black;
}
.info-box {
background: url(../i/info.png) 20px center no-repeat #ebebeb;
height: auto;
width: auto;
display: block;
float: none;
padding: 10px 250px 10px 75px;
padding: 15px 30px 15px 74px;
font: normal 1.2em/18px 'Roboto';
text-align: left;
position: relative;
margin: 20px 0;
}
.info-box a.big {
color: black;
font-size: 2em;
display: inline-block;
width: 200px;
float: right;
line-height: 1;
height: 1em;
position: absolute;
top:0;
bottom: 0;
right: 0px;
margin: auto;
font-weight: bold;
}
table.zebra {
width: 100%;
margin-bottom: 20px;
}
.zebra th, .zebra-title {
background: #145c99;
color: white;
padding: 7px 15px;
font: normal 1.3em/1.8 'PT Sans';
text-align: left;
text-transform: uppercase;
}
.zebra-errs .errs {
margin-bottom: 10px;
}
.zebra-errs table td,.zebra-errs table th {
width: auto !important;
}
.zebra.data.errs thead {    margin-bottom: 20px;}
.zebra.data.errs thead th {
background: #d04433;
}
tbody.hastitle:before,
.zebra.data.errs tbody:before {
content: "-";
display: block;
line-height: 7px;
color: transparent;
}
.zebra.data td:first-child {
font-weight: bold;
width: 134px;
}
.zebra.data.nobold td:first-child {
font-weight: normal;
}
.zebra-title {
margin-bottom: 10px;
}
.zebra td+td {
border-left: 1px solid #cccccc;
}
.zebra td {
padding: 13px 20px;
padding: 8px 20px;
}
.zebra tr {
border-bottom: 2px solid white;
}
.zebra tr td, .zebra .adoc {
background: #f2f2f2;
font: normal 1.3em/1.7em 'PT Sans';
}
.zebra tr:nth-child(even) td, .zebra .descr {
background: #e3e3e3;
}
.zebra .whitebgr td {
background: white;
text-transform: uppercase;
font-weight: bold;
}
.zebra.zoom tr {
-webkit-transition: all 0.2s linear;
-moz-transition: 	 all 0.2s linear;
-o-transition: 	 all 0.2s linear;
transition: 		 all 0.2s linear;
}
table.zebra table.inner-table {
width: 100%;
}
table.zebra table.inner-table tr {
background: 0 !important;
border: 0 !important;
border-bottom: 3px solid #F2F2F2 !important;
}
table.zebra table.inner-table td {
padding: 3px;
border:0;
background: 0 !important;
font: normal 1em/1.65em 'PT Sans';
font-weight: normal !important;
vertical-align: top;
}
table.zebra.errs table.inner-table td+td {
border-left: 1px solid #CCCCCC;
padding-left: 20px;
}
.zebra.zoom tr:hover {
transform: scale(1.05);
}
.zebra.zoom tr:hover td {
background: white;
box-shadow: 0px 0px 0px 1px #b6b6b6;
}
.adoc .descr {
border-top:1px solid white;
}
.adoc > div {
padding: 4px 10px;
}
.adoc {
margin-bottom: 10px;
}
.adoc a, .adoc .descr span {
display: inline-block;
vertical-align: middle;
line-height: 28px;
overflow: hidden;
height: 28px;
text-overflow: ellipsis;
max-width: 390px;
white-space: nowrap;
}
.filter {
background: #f2f2f2;
padding: 6px 15px;
}
.filter > span,.filter > label, .filter .doc-type label, .align2 > label,
.dataTables_wrapper label,.dataTables_info {
font: bold 1.3em/1em 'PT Sans';
padding-top: 4px;
padding-bottom: 4px;
color: #020202;
vertical-align: middle;
display: inline-block;
}
.filter select {
height: 30px;
border-radius: 0;
}
.filter .btn.blue {
height: 34px;
min-width: 100px;
}
.filter .btn.blue.active {
font-size: 1.1em;
margin-left: 0;
}
.freesearch {
margin-right: 5px;
}
.filter .freesearch + input + .btn {
margin-left: 10px;
margin-right: 0;
}
.filter .freesearch + input {
background: white;
max-width: 110px;
margin-right: 10px;
}
/* TheSunHater TransForm */
.tf-select, .tf-select * {
border-radius: 0 !important;
text-shadow: none !important;
box-shadow: none !important;
}
.tf-select {
border: 0;
z-index: 3;
margin: 0 8px;
}
.tf-select .tf-selected span {
display: block;
width: 90%;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.tf-select .tf-selected {
background: #fff;
min-width: 70px;
min-height: 32px;
max-height: 34px;
border: 1px solid #cccccc;
border-right: 0;
font: italic 1.3em/32px 'PT Sans';
color: #0c2552;
padding: 0px 8px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
cursor: pointer;
}
.tf-opened.tf-select .tf-selected {
background: ;
}
.tf-button {
background: white;
width: 30px;
height: 32px;
text-align: center;
font-size: 0;
border: 1px solid #ccc;
border-left: 0;
cursor: pointer;
}
.tf-select .tf-button span {
background:url(../i/_spriteKZP.png) -942px  center no-repeat ;
width: 20px;
height: 15px;
float: none;
display: inline-block;
vertical-align: middle;
}
.tf-select .tf-button:after {
content: "";
display: inline-block;
vertical-align: middle;
height: 100%;
}
.hidden .tf-select .tf-menu {    margin-top: 32px !important;}
.tf-select .tf-menu {
background: #f5f2f2;
background: #fff;
border: 1px solid #ccc;
max-height: 280px;
z-index: 33;
}
.tf-select .tf-menu div {
font: normal 1.3em/1.4 'PT Sans';
padding: 4px 10px;
cursor: pointer;
min-height: 22px;
}
.tf-select .tf-menu div.tf-hover {
background: #00a9f8;
background: #145c99;
color: white;
}
.tf-select .tf-menu div.tf-hover span {
color: white;
}
.fby-cat + .tf-select .tf-selected {
max-width: 160px;
}
.filter select {
width: 200px;
}
.fby-year + .tf-select {
width: 120px;
}
.product-list {
margin: 20px 0 10px
}
.product-list li {
float: left;
margin-right: 22px;
height: 340px;
margin-bottom: 10px;
overflow: hidden;
}
.product-list li.last {
margin-right: 0;
}
.product-list li a {
display: block;
width: 210px;
text-decoration: none !important;
}
.product-list li a .prod-image {
display: block;
height: 280px;
text-align: center;
background: #efefef;
}
.product-list li a .prod-image {
font-size: 0;
}
.product-list li a .prod-image > img {
vertical-align: middle;
display: inline-block;
max-width: 90%;
max-height: 90%;
}
.product-list li a .prod-image:before {
display: inline-block;
vertical-align: middle;
height: 100%;
content: "";
}
.product-list li a .prod-title {
display: block;
color: #0c2552;
font: normal 1.3em/1.5 'Arial';
padding-top: 5px;
}
/* PRODUCT INNER  PAGE */
.product-inner .img {
width: 100%;
padding-bottom: 7px;
}
.product-inner .wrap-images {
width: 210px;
float: left;
margin-right: 20px;
}
.product-inner .wrap-images > * {
vertical-align: top;
margin-left: 0;
}
.hazard-tables {
padding-left: 230px;
}
.hazard-tables .zebra td:first-child {
width: 180px;
vertical-align: top;
font-weight: bold;
}
.product-inner .wrap-images > .extrimages {
margin: 0 -5px;
font-size: 0;
}
.product-inner .blog-post .img {
margin-bottom: 2px;
}
.extrimages > a, .extrimages .img {
width: 64px;
margin: 0 4px;
padding-bottom: 5px;
float: none;
display: inline-block;
}
fieldset .filter .align2 input, .align2 .tf-select {
margin-left: 0;
margin-right: 0;
}
.align2 label {
display: block;
margin-bottom: 2px;
}
.align2 {
float: left;
max-width: 32%;
margin-left: 1%;
margin-bottom: 15px;
}
/* FAQ PAGE */
.faq-page .filter {
margin-bottom: 20px;
}
.faq {
margin-bottom: 10px;
background: #ebebeb;
padding:0 5px;
display: block;
/*
-webkit-transition: all 0.2s linear;
-moz-transition: 	 all 0.2s linear;
-o-transition: 	 all 0.2s linear;
transition: 		 all 0.2s linear;
*/
}
.faq:HOVER {
BACKGROUND: GAINSBORO;
}
.faq.opened {
background: gainsboro;
padding-bottom: 5px;
}
.faq a {
font: bold italic 1.5em/1.45em 'PT Sans';
color: black;
display: block;
overflow: hidden;
}
.faq a span {
padding: 10px 40px;
display: block;
vertical-align: top;
}
.faq a i {
display: inline-block;
float: left;
width: 40px;
height: 35px;
margin-top: 3px;
background: url(../i/_spriteKZP.png) -970px center no-repeat;
}
.faq a .icon {
float: right;
height: 23px;
padding-left: 0;
padding-right: 0;
width: 25px;
background: url(../i/_spriteKZP.png) -1056px center no-repeat;
}
.faq a:hover {
text-decoration: none;
}
.faq.opened a .icon {
background: url(../i/_spriteKZP.png) -1021px center no-repeat;
}
.faq article {
background: white;
padding: 22px 17px;
display: none;
}
.faq-page .filter .tf-selected {
max-width: 160px;
}
/* SCHEMA KZP */
.schema-kzp a {
display: inline-block;
padding: 20px;
color: black;
background: #e3e3e3;
vertical-align: top;
font: normal 16px/1em 'PT Sans';
text-align: center;
}
.schema-kzp a:hover {
background: #00a8f8;
text-decoration: none;
color: white;
}
.schema-kzp  {
background: url(../i/schema-kzp.png) center -40px no-repeat;
margin: 80px 0 3em;
padding: 1px 0;
-webkit-transform-origin: top;
-moz-transform-origin: top;
transform-origin: top;
}
.schema-kzp > div {
margin-bottom: 53px;
}
.schema-kzp > div.w165 {
margin-bottom: 20px;
}
.m-box a {
font-size: 14px;
}
.schema-kzp i {
display: inline-block;
vertical-align: top;
width: 10px;
}
.b-box.main-box a {
display: block;
margin: 0 auto;
background: #0c2552;
color: white;
text-transform: uppercase;
}
.b-box a {
width: 285px;
}
.doc-type.w165 .tf-select .tf-selected {
min-width: 145px;
}
.w165 a {
width: 125px;
}
.w165 i {
width: 50px;
}
/*  ------------------  PUBLIC PROCUREMENT  .pp     --------------------------  */
.pp.blog-list {
display: inline-block;
vertical-align: top;
width: 100%;
margin: 0px 0 30px;
overflow: auto;
}
.pp.blog-list li {
display: block;
padding: 20px 0;
float: none;
width: auto;
height: auto;
margin-bottom: 10px;
overflow: hidden;
}
.pp.blog-list .pp-about {
padding-left: 13em;
}
.pp.blog-post .pp-about {
padding-left: 150px;
padding-left: 10.7em;
}
.pp.blog-list .left {
width: 11em;
text-align: center;
padding: 0 10px;
}
.pp.blog-post .left {
padding: 0;
text-align: center;
width: 13em;
}
.pp.blog-list .left > *, .pp.blog-post .left > * {
width: 100%;
padding: 4px 0;
}
.pp.blog-list .left > .status,.pp.blog-post .left > .status {
padding: 15px 0;
margin-top: 10px;
font-style: italic;
}
.pp.blog-list h3 {
padding-top: 2px;
}
ul.zebra li:nth-child(even) {
background: #efefef;
}
.pp.blog-list .status {
font-weight: bold;
}
.status.assigned, .status.partial, .status.partial_assigned {
background: #eddf28;
color: black;
}
/*  ------------------  PUBLIC PROCUREMENT INNER .pp     --------------------------  */
.blog-post.pp {
padding-bottom: 40px;
min-height: 150px;
overflow: hidden;
}
.date.gray {
background: #efefef;
color: black;
text-align: center;
margin-top: 10px;
font: normal 1.2em/1.35 'PT Sans';
}
.date.gray strong {
text-transform: uppercase;
display: block;
margin-top: 8px;
margin-bottom: 8px;
}
.zebra a.pdf {
color: black;
}
a.pdf > i {
background: url(../i/_spriteKZP.png) -1118px center no-repeat;
width: 25px;
height: 21px;
display: inline-block;
vertical-align: middle;
margin-right: 7px;
}
/* POMIRITELNI PROCEDURI POM>P POMP PP */
.info-box.pomp {
background-position: 20px 15px;
padding-top: 15px;
padding-bottom: 15px;
}
.content .pomp .banner.gc-gb{
background: #ebebeb;
margin-bottom: 20px;
}
.content .pomp.banners3 .w50 {
display: inline-block;
vertical-align: top;
}
.content .pomp.banners3 a {
margin-top: 0;
}
.content .pomp.banners3 .icon {
right: 10px;
}
.content .pomp .banner.gc-gb:hover {
background: #F4F4F4;
}
.content .pomp .banner.gc-gb .icon{bottom: 15px;}
.content .pomp.row .banner.gc-q .icon{
bottom: 10px;
}
.content .pomp.row .banner.gc-q {
margin-top: 0;
margin-bottom: 20px;
}
.content .pomp.row .banner.gc-q .text,
.content .pomp .banner.gc-gb .text{
line-height: 34px;
padding: 10px 0;
}
.content .banner.gc-gb.pomp1 .icon {
background: url(../i/pomp_proceduri.png) center 1px no-repeat;
}
.content .banner.gc-gb.pomp2 {min-height: 120px !important;}
.content .banner.gc-gb.pomp2 .icon {
background: url(../i/pomp_proceduri.png) center -127px no-repeat;
}
.content .banner.gc-gb.pomp3 {min-height: 170px !important;}
.content .banner.gc-gb.pomp3 .icon {
background: url(../i/pomp_proceduri.png) center -260px no-repeat;
}
/*  ------------------------- BANNER-LIST = HELP--------------------- */
.banner {
background-color: #ebebeb;
padding: 18px 20px 24px;
font: normal 2.7em/1.11em 'PT Sans';
color: black;
display: inline-block;
vertical-align: top;
height: 85px;
position: relative;
-webkit-transition: all 0.1s linear;
-moz-transition: 	 all 0.1s linear;
-o-transition: 	 all 0.1s linear;
transition: 		 all 0.1s linear;
}
.banner:hover {
text-decoration: none;
color: black;
}
.banner.w50 {
width: 44%;
margin: 20px 1%;
padding: 18px 17px 24px
}
.banner.gc-q:hover {    background-color: #f7d872;    }
.banner.gc-g:hover {    background-color: #fbaf5d;    }
.banner.gc-gb:hover {    background-color: #418ece;   }
.banner.gc-gb.gc-m:hover {    background-color: #418ece; color: white;  }
.banner.gc-gb.gc-mm:hover {    background-color: #418ece; color: white;  }
.banner.gc-mac:hover {    background-color: #5ed0a4;    }
.banner.gc-note:hover {    background-color: #679fcd;   }
.banner-list .gc-gb {
background: #e3f2fe;
padding-right: 300px;
}
.banner.gc-gb.gc-mm, .banner.gc-gb.gc-m{
background: #ebebeb;
}
.banner .icon {
position: absolute;
bottom: 20px;
right: 20px;
background-image: url(../i/_spriteBIG.png);
background-repeat: no-repeat;
display: inline-block;
}
.banner.smaller .icon {
background-image: url(../i/_spriteBIG_smaller.png);
}
.banner.gc-gb .icon { width:270px; height:70px;  background-position:-1060px center; }
.banner.gc-mac .icon { width:210px; height:150px;  background-position:-1562px center;}
.banner.gc-note .icon { width:100px; height:3.7em;  background-position:-1980px center;}
.banner.gc-q    .icon { width:160px; height:150px;  background-position:-1358px center;}
.banner.gc-g    .icon { width:135px; height:145px;  background-position:-1811px center ;}
.banner.gc-m    .icon { width:135px; height:145px;  background-position:-2222px center ;}
.banner.gc-mm   .icon { width:135px; height:145px;  background-position:-2106px center ;}
.banner.gc-gb:hover .icon {   background-position: 2px center;}
.banner.gc-mac:hover .icon {   background-position:-500px center; }
.banner.gc-note:hover .icon {   background-position:-918px center; }
.banner.gc-q:hover .icon {   background-position:-295px center; }
.banner.gc-g:hover .icon {   background-position:-750px center; }
.banner.gc-m:hover .icon {   background-position:-2462px center; }
.banner.gc-mm:hover .icon {   background-position:-2346px center; }
.smaller.banner.gc-q .icon {   width: 130px;  height: 95px;  background-position:-1116px center; }
.smaller.banner.gc-g .icon {   height:96px; background-position:-1485px center; }
.smaller.banner.gc-q:hover .icon {   background-position:-245px center; }
.smaller.banner.gc-g:hover .icon {   background-position:-612px center; }
.banner-list > .banner.gc-gb {
height: 3.15em;
}
.gc-gb {
display: block;
padding: 13px 20px 12px;
}
.gc-gb:hover {
background-color: #418ece;
}
.gc-gb .text {
margin-top: 28px;
display: inline-block;
vertical-align: middle;
}
.banner-list .left {
float: none;
display: block;
margin-right: 308px;
padding-right: 20px;
}
.banner-list .right .right {
width: 260px;
}
.gc-mac {
margin: 20px 0;
display: block;
height: 390px;
}
.gc-note {
margin: 20px 0;
display: block;
height: 3.7em;
padding-right: 149px;
}
.banner-list .gc-q {
height: 180px;
}
.banner-list .gc-g {
height: 310px;
}
.banner-list .banner.w50 + .banner.w50 {
margin-top: 0;
}
.banner-list .banner.w50 + .banner.w50.gc-gb {
display: inline-block;
}
.banner-list span.text {
display: block;
white-space: nowrap;
}
a.btn.darkblue {
line-height: 39px;
}
.banner-list .banner.column {
width: 46%;
height: 5em;
max-width: 420px;
padding: 10px;
float: left;
}
.banner.column .icon {
width: 120px;
height: 95px;
}
div.overflow {
overflow: auto;
}
.banner-list .gc-g.mail {
height: 250px;
}
.gc-mac.mail {
height: 492px;
}
.banner-list > .right .icon {
bottom: -2px;
}
.option-list > div.gc-gb {
background: #ebebeb !important;
}
.option-list .banner.gc-gb .icon {
width: 100px;
height: 100px;
bottom: 10px;
}
.option-list .banner.gc-gb.gc-mplus   .icon {background-position:-2597px center;}
.option-list .banner.gc-gb.gc-mreload .icon {background-position:-2726px center;}
.option-list .banner.gc-gb.gc-mdelete .icon {background-position:-2858px center;}
.option-list .banner {
margin-bottom: 10px;
padding: 23px 2% 28px;
height: auto !important;
min-height: 75px;
}
.option-list.banner-list span.text {
margin-top: 0px;
}
.option-list .btn-wrap {
margin-top: 25px;
}
.option-list .btn {
font: normal .51em/2.7em 'Roboto';
height: auto;
}
.btn-wrap .btn.lightblue.darkblue {
text-transform: none;
width: 170px;
height: 34px;
line-height: 34px;
}
body .btn.lightblue.darkblue.loading {
background: url(../i/loading-button.gif) 97% center no-repeat #145c99 !important;
color: #ccc;
cursor: default;
}
/* ---------------- REGISTER/LOGIN PAGE  -----------------  */
.form-title {
font: bold 20px/42px 'PT Sans';
color: #0c2552;
text-transform: uppercase;
border-bottom: 1px solid #cccccc;
margin-bottom: 13px;;
}
.login-form p, .register-form article  {
font-size: 1.4em;
text-align: left;
font-family: 'PT Sans';
margin-bottom: 30px;
}
.register-form article  * {
font:inherit;
}
.form-group {
margin-bottom: 22px;
position: relative;
}
.login-form label, .big-form fieldset label {
width: 104px;
padding: 0 15px;
display: inline-block;
vertical-align: middle;
font: bold 1.4em/1.3em 'PT Sans';
text-align: right;
}
.align-left {
margin-left: 134px;
}
.red { color: #cc0000; }
/* INPUT types and FANCYFIELDS */
.input, input[type="text"],input[type="search"],input[type="email"],input[type="password"],input[type="data"], textarea {
border: 1px solid #cccccc;
border-radius: 0;
width: 188px;
box-shadow: 0;
display: inline-block;
padding: 5px 10px;
font: normal 1.3em/1.7em 'PT Sans';
color: #0c2552;
background: #f5f8f9;
}
input[type="text"]:focus,input[type="email"]:focus,input[type="password"]:focus,input[type="data"]:focus, textarea:focus {
border-color: #00a8f8;
background: white;
}
.btn.lightblue.darkblue {
width: 210px;
height: 39px;
text-align: center;
background: #296da7;
background: #145c99;
}
.btn.lightblue.darkblue.darkbluebgr {
background: #0b2451;
}
.btn.lightblue.darkblue:hover {
background: #00a8f8;
}
.login-form form .form-group a {
font: normal 1.4em/1em 'PT Sans';
color: #44464a;
}
/*
{
font: normal 1.4em/1.4em 'PT Sans';
}
*/
/* ------------ ACTS AND MEASURES ------------------ */
fieldset {
border: 5px solid #ebebeb;
margin-bottom: 20px;
padding: 0;
}
legend {
font: normal 1.4em/1.45em 'PT Sans';
background: #145c99;
color: white;
padding: 5px 20px;
margin-left: 20px;
}
fieldset .filter {
background: 0;
padding-top: 10px;
padding-bottom: 3px;
padding: 20px;
}
.filter2 {
padding-bottom: 0;
}
fieldset .filter input {
width: 168px;
margin-left: 7px;
margin-right: 15px;
}
.filter .fake.input {
vertical-align: top;
width: 280px;
margin-right: 12px;
margin-left: 8px;
}
fieldset .filter .smaller {
width: 138px;
}
.btn.blue {
background: #145c99;
width: auto;
padding: 0 20px;
margin: 0;
font-size: 1.4em;
}
.spam.files-data {
margin-top: 20px;
background: 0;
margin-bottom: 20px;
padding-bottom: 1px;
}
.spam.files-data .fake.input {
vertical-align: middle;
}
fieldset article.filter {
padding-top: 10px;
}
/* ------------------ BIG FORM ----------------- */
.big-form {
padding-top: 10px;
}
.big-form .error,.big-form .success {
max-width: 560px;
margin: 20px auto;
}
.big-form fieldset {
max-width: 570px;
margin: 0 auto 35px;
background: white;
padding: 20px 0 10px;
}
.big-form fieldset label {
width: 145px;
}
.big-form .input,
.big-form input[type="text"],
.big-form input[type="email"],
.big-form input[type="password"],
.big-form input[type="data"],
.big-form textarea {
width: 238px;
}
.tf-select.tf-opened {z-index: 34;}
.tf-select { position: relative; z-index: 32;}
.big-form .tf-select {
position: relative;
width: 258px;
max-width: 260px;
background: #f5f8f9;
margin: 0;
width: auto !important;
}
.big-form .fullwidth .tf-select {
max-width: 100%;
width: auto !important;
}
.big-form .tf-select .tf-selected {
font-style: normal;
min-width: 212px;
}
.big-form .tf-select .tf-selected,
.big-form .tf-select .tf-button {
height: 32px;
line-height: 32px;
background-color: #f5f8f9;
}
.disabled {
pointer-events: none;
background: 0;
border-color: transparent;
}
.input .placeholder {
color: #44464a;
opacity: 0.8;
}
.general {
background: url(../i/profile-icon-general.png) 90px 90px no-repeat;
}
.general.web-data {
background-position: 90px 96%;
}
.personal-data {
background: url(../i/profile-icon-person.png) 90px 96% no-repeat ;
}
.corporate-data {
background: url(../i/profile-icon-corp.png) 90px 96% no-repeat ;
}
.corporate-data.book{
background: url(../i/profile-icon-book.png) 80px 96% no-repeat ;
}
.web-data.book{
background: url(../i/profile-icon-book.png) 80px 96% no-repeat ;
}
.complaining-data {
background: url(../i/profile-icon-w.png) 90px 96% no-repeat ;
}
.files-data {
background: url(../i/profile-icon-p.png) 90px 96% no-repeat ;
}
.form-group.fullwidth {
margin: 0 20px 22px;
}
.form-group.fullwidth .input, .form-group.fullwidth input,.form-group.fullwidth textarea {
display: inline-block;
vertical-align: top;
width: 100% !important;
max-width: 520px;
float: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.big-form textarea {
height: 80px;
resize: none;
}
.big-form .errs .tf-select .tf-selected,
.big-form .errs .tf-select .tf-button,
.form-group.errs .tf-select,
.form-group.errs select,
.form-group.errs textarea,
.form-group.errs input,
.form-group.errs .input {
background-color: #ffe9e9;
border-color: #cc0000;
}
.form-group.errs .tf-select:focus,
.form-group.errs select:focus,
.form-group.errs textarea:focus,
.form-group.errs input:focus {
background-color: #fff;
border-color: #cc0000;
}
.form-group .field {
background: #d04433;
color: white;
padding: 9px 10px;
max-width: 180px;
font: normal 13px/16px 'PT Sans';
display: inline-block;
vertical-align: top;
position: relative;
z-index: 2;
right: -88px;
top: 0;
width: 200px;
margin-left: -82px;
}
.fullwidth.form-group .field, .web-data .form-group .field {
display: block;
margin-left: 0;
right: 0;
width: auto;
display: block;
max-width: 1000px;
margin: 7px 0 10px;
}
.form-group .field:before, .web-data .form-group .field:before {
content: "";
position: absolute;
left: -6px;
top:12px;
border: 6px inset transparent;
border-right:6px solid #d04433;
border-left: 0;
}
.fullwidth.form-group .field:before, .web-data .form-group .field:before, .captcha .field:before {
border: 6px inset transparent;
border-bottom:6px solid #d04433;
border-top:0;
left: 3px;
top:-6px;
}
.web-data .form-group .field {
max-width: 240px;
margin-left: 175px;
}
.form-group .hint.field {
background: #00A8F8;
color: white;
position: absolute;
display: none;
z-index: 5;
}
.form-group .hint.field:before {
border-right-color: #00A8F8;
}
.form-group input:focus ~ .hint.field {
display: block;
}
.form-group .field.forfix div {background: #f4db05;}
.form-group .field.forfix div+div {    background: #f7f7f7;     padding: 5px 14px;}
.form-group .field.forfix div {
display: table-cell;
vertical-align: top;
padding: 7px;
font: normal 14px/22px 'PT Sans';
color: #44464a;
font-style: italic;
}
.form-group .field.forfix {
display: table;
min-width: 261px;
max-width: 261px;
padding: 0;
margin-left: 176px;
margin-top: 10px;
right: 0;
background: 0;
}
.form-group .field.forfix div i {
background:url(../i/_spriteKZP.png) -1155px -6px no-repeat ;
display: inline-block;
width: 17px;
height: 17px;
margin: 3px;
vertical-align: top;
}
.form-group .field.forfix:before {
border: 6px inset transparent;
border-bottom: 6px solid #f4db05;
border-top:0;
left: 13px;
top: -6px;
}
.form-group.fullwidth .field.forfix {
min-width: 100%;
margin-left: 0;
}
.form-group .field.forfix div +div {
min-width: 186px;
width: 100%;
}
.big-form fieldset .title {
font: bold 14px/20px 'PT Sans';
padding: 0px 0 7px;
color: #0c2552;
text-transform: uppercase;
margin: 0 20px;
display: block;
border-bottom: 1px solid #cccccc;
margin-bottom: 24px;
}
.note {
margin: 0 20px;
font: italic 13px/20px 'PT Sans';
margin-bottom: 8px;
}
.note .icon {
background: url(../i/_spriteKZP.png) -1155px center no-repeat;
display: inline-block;
width: 17px;
height: 20px;
vertical-align: bottom;
float: left;
}
.note em {
display: block;
padding-left: 24px;
padding-right: 5px;
}
fieldset .overflow {
padding:0px 20px 10px;
}
.column.note {
margin-left: 0;
margin-right: 0;
width: 50%;
}
.column.note + .column {
width: 45%;
}
.big-form .form-group.fullwidth > label,
.big-form .form-group.fullwidth > .tf-select {
width: 100%;
padding: 0;
}
.big-form .form-group.fullwidth > label {
margin: 0px 0 10px;
text-align: left;
}
.big-form .form-group.fullwidth > .tf-select .tf-selected {
min-width: 472px;;
max-width: 472px;;
}
.big-form .form-group.fullwidth textarea[rows="20"] {
height: 140px;
}
.fake .upload, .fake .remove, .adoc .remove {
width: 100px;
height: 28px;
text-align: center;
font: normal 13px/28px 'PT Sans';
color: white;
position: relative;
background: #145c99;
border: 0;
cursor: pointer;
overflow: hidden;
float: right;
}
.fake .upload:hover {
background: #00a8f8;
}
.fake .upload input[type="file"] {
position: absolute;
top:-20px;
height: 48px;
left: 0px;
right: 0;
opacity: 0;
filter:alpha(opacity=0);
cursor: pointer;
transform: scale(1.4);
}
.fake .remove, .adoc .remove {
background: #d04433;
display: none;
}
.fake > span {
display: block;
margin-right: 115px;
white-space: nowrap;
overflow: hidden;
line-height: 2.2em;
text-overflow: ellipsis;
}
.fake.input {
padding: 3px 10px;
}
.add.input,.add-more.input {
border-style: dashed;
border-color: #b2b2b2;
background: white;
text-align: center;
display: block;
width: auto;
}
.add.input:hover,.add-more.input:hover {
background: #296da7;
color: white;
text-decoration: none;
}
.huge.btn.lightblue.darkblue {
width: 100%;
max-width: 580px;
font-size: 17px;
height: 65px;
}
/*                     MY COMPLAINTS                                    */
.my-complaint-list > div {
background: #ebebeb;
padding: 15px 10px 15px 15px;
margin-bottom: 20px;
overflow: auto;
}
.mc-title {
font: bold 1.7em/1.45em 'PT Sans';
color: black;
margin-bottom: 8px;
}
.mc-details {
margin-right: 90px;
}
.mc-details div {
font: normal 1.4em/1.65em 'PT Sans';
color: #525252;
float: left;
width: 46%;
padding-right: 1%;
}
.mc-details div {
width: auto;
display: block;
float: none;
}
.blue {
color: #0c2552;
}
.btn-stack  > a {
display: block;
width: 80px;
color: white;
text-align: center;
margin-bottom: 8px;
font: normal 1.2em/1em 'PT Sans';
padding: 4px 0 5px;
}
.btn-stack > a:hover {
background: #00A8F8;
text-decoration: none;
}
td .btn-stack {
padding: 10px 0 5px;
}
td .btn-stack > a {
font-size: .85em;
}
.btn.normal {
font: normal 13px/35px 'PT Sans';
padding: 0 30px;
text-align: center;
text-transform: lowercase;
color: white;
border: 0;
display: inline-block;
vertical-align: top;
}
.btn-stack > a.darkred-bgr {margin-bottom: 0;}
.btn.fullwidth {
width: 100%;
padding: 0;
}
.btn.caps {
text-transform: uppercase;
}
/* Color table */
.darkred {     color: #d04433;}
.darkred-bgr { background: #d04433;}
.green {       color: #197b30;}
.mcblue {        color: #0c2552;}
.mcblue-bgr {    background: #0c2552;}
.edit-bgr {background: #145c99;}
.success-bgr {background: #169c42;}
.lighterblue {color: #145c99;}
/* CHECK COMPLAIN */
.reg-no {
display: inline-block;
vertical-align: top;
}
.reg-no > span._no {
font-size: 20px;
color: black;
font-weight: bold;
line-height: 34px;
padding: 0 10px;
}
span.dash {
width: 8px;
height: 3px;
background: #7f7f7f;
padding: 0;
font-size: 0;
}
input + .dash {
margin-left: -8px;
}
.reg-no > span {
font-size: 20px;
color: #7f7f7f;
vertical-align: top;
height: 34px;
line-height: 30px;
}
.reg-no select, .reg-no .tf-selected {
min-width: 15px;
background: #f5f8f9;
font-style: normal;
vertical-align: top;
text-align: center;
}
.reg-no .tf-button {
width: 20px;
background: #f5f8f9;
}
.reg-no input {
max-width: 46px;
display: inline-block;
vertical-align: top;
}
.doc-type {
display: inline-block;
vertical-align: middle;
margin-right: 10px;
}
.doc-type.right {
margin-right: 0;
}
.doc-type .tf-select .tf-selected {
max-width: 80px;
width: 80px;
}
.doc-type .tf-selected, .doc-type .tf-button {
background: #f5f8f9;
}
.doc-type *:last-child {
margin-right: 0;
}
.datepicker {
max-width: 86px;
}
.datepicker.nomax {
max-width: 1000px;
}
form.my-complaints-filter {
padding: 20px;
}
form.my-complaints-filter .btn.blue {
font-size: 1.4em;
}
.my-complaints-filter .doc-type input {
max-width: 150px;
}
.spacer {
width: 10px;
display: inline-block;
}
.capcha {
display: inline-block;
vertical-align: top;
margin: 0 5px;
border:1px solid #cccccc;
cursor: pointer;
}
.capcha + input {
max-width: 100px;
}
.note-wrap {
margin-top:20px;
}
.note-wrap .note {
margin: 0;
}
.note-wrap input.btn.blue:hover {
background: #00A8F8;
}
.datepick-popup {
font-size: 1.4em;
}
.datepick {
width: auto !important;
border-radius: 0;
}
.datepick-ctrl, .datepick-nav {
background: #0c2552;
}
.datepick-cmd:hover {
background: #00a8f8;
text-decoration: none;
}
.datepick-month-header, .datepick-month-header select, .datepick-month-header input {
background: #145c99;
}
.error404 {
width: 100%;
font-size: 100%;
max-width: 420px;
margin: 0 auto;
padding: 10% 0 15%;
text-transform: uppercase;
}
.error404 div {
font: 100 180px/200px 'Roboto';
color: #0c2552;
}
.error404 p {
font: bold 20px/32px Arial,'Georgia','Playfair Display';
color: #0c2552;
}
.error404 a {
font: normal 17px/52px 'PT Sans';
color: #0c2552;
padding-right: 20px;
display: inline-block;
vertical-align: middle;
margin-top: 20px;
}
.error404 a+a{
font: normal 17px/52px 'PT Sans';
color: #cc0000;
border-left: 1px solid #0c2552;
padding-left: 20px;
}
.column-wrap {
font-size: 0;
background: #fff;
padding-bottom: 50px;
min-height: 630px;
}
.column-wrap img {
margin-top: 40px;
}
.filter-captcha {
display: inline-block;
vertical-align: middle;
}
.captcha fieldset .form-group > img, .filter-captcha > img {
display: inline-block;
vertical-align: top;
width: 128px;
cursor: pointer;
border: 1px solid #cccccc;
}
.filter-captcha > img {
height: 32px;
}
.big-form .captcha fieldset input {
width: 105px;
}
.filter-captcha .audio_reload > * {
display: inline-block;
border: 0 !important;
margin: 8px 0px 0 5px !important;
padding: 0px 0 !important;
}
.quick-register .audio_reload {
display: inline-block;
vertical-align: top;
margin-right: -3px;
background-color: #fff;
height: 34px;
padding-right: 5px;
margin: 0 1px 0 4px;
}
.filter-captcha .audio_reload > a {
margin-top: 7px !important;
}
.captcha fieldset {
padding-bottom: 1px;
}
.audio_reload {
display: inline-block;
vertical-align: top;
margin-right: -3px;
}
.captcha .audio_reload object {
margin-top: 3px;
padding-bottom: 4px;
border-bottom: 1px solid #cccccc;
}
.captcha .audio_reload a {
padding-top: 4px;
}
.captcha object, .audio_reload a {
width: 18px;
height: 18px;
vertical-align: top;
display: block;
margin: 0 4px;
cursor: pointer;
}
.captcha .field {
width: auto;
max-width: 1000px;
display: block;
right: 0;
left: 0;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
max-width: 300px;
}
fieldset .filter-captcha input {
max-width: 130px;
margin-right: 0;
}
.big-form .captcha fieldset input {
height: 38px;
}
/* REQUESTS MAIL SPAM  */
.web-data p {
margin-bottom: 10px;
}
.web-data .overflow {
padding-bottom: 0;
margin-bottom: 0;
}
fieldset p {
padding: 0 20px 10px;
}
.web-data .darkred-bgr.btn.normal {
line-height: 27px;
margin-left: 4px;
vertical-align: baseline;
}
.column .darkred-bgr {
line-height: 15px;
padding: 10px 30px;
}
fieldset .checkbox {
padding: 10px 0 0;
}
fieldset .checkbox label {
font: normal 14px/17px 'PT Sans';
color: black;
display: block;
width: auto !important;
margin-left: 50px !important;
text-align: left;
min-height: 28px;
}
fieldset .checkbox label + label {
margin-top: 15px;
}
fieldset .checkbox label[for="declare3"] {
line-height: 28px;
}
fieldset .tf-checkbox {
background: #f5f8f9;
border: 1px solid #cccccc;
width: 26px;
height: 26px;
display: inline-block;
vertical-align: top;
float: left;
margin-left: -45px;
cursor: pointer;
}
fieldset .tf-checkbox.tf-checked span {
width: 17px;
height: 17px;
display: inline-block;
margin-top: 6px;
margin-left: 5px;
background: url(../i/_spriteKZP.png) -1213px center no-repeat;
}
.text-center.biggest .btn-wrap {
font-size: 0;
max-width: 580px;
margin: 20px auto;
}
.text-center.biggest .btn-wrap .btn {
width: 180px;
padding: 0 0px;
text-align: center;
margin-right: 20px;
text-transform: none;
font-size: 14px;
margin-bottom: 10px;
}
.text-center.biggest .btn+.btn+.btn {
margin-right: 0;
}
.free-btn .btn {
width: auto !important;
padding-left: 20px;
padding-right: 20px;
}
.ext {
display: block;
text-align: center;
text-transform: uppercase;
color: inherit;
}
/* ---- Templates Preview ---- */
div#templates-preview {
position: fixed;
top: 10px;
left: 10px;
background-color: #fff;
border: 1px solid #ccc;
color: #3C6C07;
padding: 0px;
margin-bottom: 10px;
z-index: 98710;
text-align: left;
opacity: 1;
font-size: 11px;
width: 7px;
height: 7px;
overflow: hidden;
text-indent: -9999px;
line-height: 20px;
}
div#templates-preview:hover {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
opacity: 1;
width: auto;
height: auto;
padding: 10px;
text-indent: 0;
cursor: help;
background-color: #fff;
color: black;
margin-left: -5px;
margin-top: -5px;
}
div#templates-preview i {
font-size: 20px;
position: relative;
margin-right: 3px;
top: -2px;
}
div#templates-preview a {
color: black;
}
div#templates-preview a.caps {
text-decoration: underline;
}
div#templates-preview .caps {
font-weight: bold;
}
div#templates-preview span.caps {
font-style: italic;
}
div#templates-preview a:hover {
color: black;
text-decoration: underline;
}
br.activate {
display: none;
}
/* vvvvvvvvvvvvvv < MEDIA QUERIES > vvvvvvvvvv */
.quick-register form > br, nav label, .showResp, #respMenu, .showPhone {
display: none;
}
nav > label {
height: 41px;
}
nav > label > div {
content: "";
position: absolute;
left: 15px;
display: block;
width: 19px;
top: 4px;
height: 0;
-webkit-box-shadow: 0 9px 0 2px #fff,0 17px 0 2px #fff,0 25px 0 2px #fff;
-moz-box-shadow: 0 9px 0 2px #fff,0 17px 0 2px #fff,0 25px 0 2px #fff;
box-shadow: 0 9px 0 2px #fff,0 17px 0 2px #fff,0 25px 0 2px #fff;
}
/* datatables modifications */
.dataTables_wrapper select {
border: 1px solid #cccccc;
border-radius: 0 !important;
width: 58px;
height: 34px;
box-shadow: 0;
display: inline-block;
padding: 5px 10px;
margin: 0 3px;
font: normal 1em/1.7em 'PT Sans';
color: #0c2552;
background: #f5f8f9;
}
input[type="search"] {
font-size: 1em;
}
.dataTables_wrapper label input {
margin-left: 5px;
}
.dataTables_length {
display: inline-block;
vertical-align: top;
}
.dataTables_filter {
float: right;
}
#register-table {
clear: right;
margin-top: 10px;
}
.dataTables_paginate a.next {
right: auto;
width: auto;
height: auto;
}
.dataTables_info {
display: block;
text-align: right;
}
@media screen and (max-width:2000px) {
.header-center:before {
display: none;
z-index: -200;
}
}
@media screen and (max-width:1234px) { /* //SNAP */
.center {
width: 96%;
padding: 0 2%;
}
.hideSnap {
display: none;
}
.prev, .next  {
position: absolute;
top:35px;
z-index: 2;
}
.slider-wrapper {
display: block;
}
nav > ul > li > a {
padding: 5px 3px 15px;
}
.header-center {
background-position: -370px top;
}
.w200.fcol, .w260.fcol, .w320.fcol, .w250.fcol {
width: 23%;
padding: 0 1%;
}
.banner-list a {
height: auto;
}
.banner-list span.text {
display: block;
white-space: normal;
}
.banner {
padding: 62px 20px 57px;
}
.condition {
display: none;
}
.hot-btn {
width: auto;
padding-right: 15px;
}
.blog-list li {
padding: 0 1.1%;
}
.blog-post .img {
max-width: 1000px;
float: none;
}
.share a {
float: left;
margin-right: 1%;
}
.attributes.left {
float: none;
margin-left: 0;
overflow: auto;
}
.contact-box {
height: 220px;
}
.banner-list .banner.column {
padding: 30px 20px;
}
.info-box, .banner-list .gc-g.mail {
height: auto;
}
.banner-list .icon, .banner.smaller .icon, .banner.w50 br, .banner.gc-g .icon {
display: none;
}
.banner-list > .banner.gc-gb, .banner-list .left {
height: auto;
padding-right: 0;
}
.banner-list span.text br {display: none;}
.banner-list span.text,.banner-list .left {
margin: 0;
}
.banner-list .right,
.banner-list .left {
float: none;
}
.banner-list .right > *,    .banner-list .left > *, .banner.w50, .banner-list .banner.column {
width: auto !important;
display: block;
float: none;
max-width: 1000px;
height: auto;
margin: 10px 0;
}
.banner {
padding: 30px 20px;
}
.filter-captcha {
margin-top: 4px;
}
.doc-type.right {
float: none;
margin: 3px 4px 3px 0;
}
.doc-type.right + .clear {
display: none;
}
br.activate1230 {display: block;}
.my-spam-filter label {
margin: 4px 0;
}
.my-spam-filter .doc-type.right {
margin: 0 4px 0 0;
}
.product-list {
margin: 20px -11px 10px;
}
.product-list {
margin-left: -1%;
margin-right: -1%;
}
.product-list li {
float: left;
width: 31%;
margin:0 1% 10px !important;
}
.product-list li a {
width: auto;
}
.filter .btn.blue.active {
float: none;
}
.footer-bottom .whitebgr p br {
display: none;
}
.spam.files-data .filter .btn.blue.active {
margin-top: 5px;
}
}
@media screen and (max-width:1080px) {
.hot-btn {
position: absolute;
top: -55px;
right: 20px;
}
.header-center .right {
padding-top: 20px;
}
.contact-box {
width: 100%;
height: auto;
margin: 10px 0;
}
.info-box {
width: auto;
}
.row {
margin: 0 !important;
}
.bluetitle {
padding: 8px;
}
.align-left {
margin-left: 0;
}
br.activate1080 {
display: block;
}
.my-complaints-filter .tf-select {
margin-left: 4px;
}
.my-complaints-filter label {
width: 100px;
text-align: left;
}
.my-complaints-filter .doc-type {
display: block;
}
.page-inner-title {
line-height: 1.2;
}
.product-inner .wrap-images {
width: auto;display: block;
padding: 10px;
float: none;
margin: auto;
text-align: center;
background: #efefef;
}
.hazard-tables {
padding-left: 0;
}
.share {
display: inline-block;
vertical-align: top;
text-align: center;
}
.share a {
display: inline-block;
vertical-align: top;
float: none;
}
.index-top .title {
width: 100%;
max-width: 80%;
}
}
@media screen and (max-width:999px) {
.form-group {
margin: 0 20px 22px;
}
.align2 {
margin-left: 0;
}
.form-group .field {
margin-left: 0;
right: 0;
width: auto;
display: block;
max-width: 1000px;
margin: 7px 0 10px;
}
.form-group .field:before, .web-data .form-group .field:before  {
border: 6px inset transparent;
border-bottom: 6px solid #d04433;
border-top: 0;
left: 3px;
top: -6px;
}
.column {
width: 100%;
margin-left: 0 !important;
}
.login-form {
text-align: center;
}
.align2 {
width: auto;
float: none;
max-width: 100%;
}
.domain-wrap .form-group,
.mail-wrap .form-group {
margin: 0 0 22px;
}
.web-data .darkred-bgr.btn.normal {
padding: 0 10px;
}
}
@media screen and (max-width:960px) {
.header-center input[type="search"] {
width: 160px;
}
.text-only {
display: none;
}
.blog-list li {
width: 100%;
padding: 0;
height: auto;
}
.blog-list {
margin: 0;
}
.right-side {
width: 100%;
float: none;
margin-top: 0;
}
.page-inner-title {
padding: 15px 10px 15px 0;
}
.contact-box.info-box {
padding-right: 20px;
}
.info-box a.big {
position: relative;
display: block;
float: none;
padding: 5px 0 10px;
height: auto;
}
.product-list li {
width: 48%;
}
.adoc a, .adoc .descr span {
max-width: 50%;
white-space: normal;
word-break: break-all;
width: 100%;
}
.adoc a:after, .adoc .descr span:after {
content: "...";
display: inline;
vertical-align: middle;
}
}
@media screen and (max-width:910px) { /* true responsive fall of aside */
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.center {
width: 100%;
padding: 0 10px;
}
.showResp {
display: block !important;
}
.hideResp {
display: none !important;
}
nav label {
width: 100%;
display: block;
color: white;
font: 100 30px/30px 'PT Sans';
padding: 5px 0 6px;
cursor: pointer;
}
nav li.home a img {
display: none !important;
}
nav li.home.active a, nav li.home:hover a,nav li.home a {
font:bold 1.4em/26px 'PT Sans';
background: 0;
padding: 5px 10px 5px 20px;
height: auto;
width: auto;
display: block;
}
nav ul li {
display: block;
float: none;
padding-left: 0 !important;
background: 0 !important;
}
.header-bottom nav {
display: block;
}
nav ul {
display: none;
padding-bottom: 20px;
margin: 0 -10px;
background: rgb(4, 116, 184);
}
#respMenu:checked ~ ul {
display: block;
}
nav ul li a {
margin: 0;
padding: 5px 10px 5px 20px;
display: block;
}
.secondmenu {
display: none !important;
}
nav li.showResp {
text-align: center;
}
nav li.showResp form {
display: inline-block;
}
nav ul li form .btn.lightblue {
height: 33px;
}
.hot-btn {
margin-top: 10px;
clear: right;
}
.column {
width: 100%;
height: auto;
margin-left: 0 !important;
}
.index-top .column {
margin-bottom: 20px;
}
.fbox-wrap {
max-width: 1000px;
}
.index-top .title {
width: 430px;
}
.link-list ul {
width: 48%;
}
.link-list .scroll-view {
white-space: normal;
}
.index-top .scroll-view.news-list {
height: auto;
}
.quick-register form > * {
margin-bottom: 10px;
}
.quick-register {
background: #1c5e98;
text-align: center;
}
.quick-register form {
text-align: left;
display: inline-block;
}
.quick-register form label {
width: 100px;
}
.index-top .center {
padding: 0;
}
.w200.fcol, .w260.fcol, .w320.fcol, .w250.fcol {
width: 25%;
}
.footer-top {
background: #1c5e98;
}
.link-list {
background: white;
padding-top: 10px;
padding-bottom: 10px;
}
.quick-register form .btn.lightblue {
margin-left: 0;
}
.filter-captcha > img{
height: 34px;
}
.quick-register form .btn.lightblue {
width: 100%;
}
.hot-btn {
top:95px;
}
.faq-page .filter .tf-selected {
min-width: 178px;
}
.big-form .tf-select {
max-width: 242px;
}
.big-form fieldset label {
width: 175px;
}
/*
.big-form .tf-select .tf-selected {
min-width: 229px;
}
*/
.tf-button {
width: 30px;
height: 34px;
}
.big-form .form-group.fullwidth > label, .big-form .form-group.fullwidth > .tf-select,  .align2 .tf-select,.align2 input {
width: 100% !important;
max-width: 1000px !important;
}
.align2 input {
margin-right: 0 !important;
}
.align2 label.fake {
display: none;
}
.filter .btn.blue.active {
float: none;
}
.big-form .form-group.fullwidth > .tf-select .tf-selected, .align2 .tf-select .tf-selected {
padding-right: 0;
width: 100% !important;
margin-right: -30px;
min-width: 0;
max-width: 1000px;
}
.big-form .captcha fieldset input {
height: 48px;
}
.reg-no select, .reg-no .tf-selected {
min-width: 31px;
min-height: 34px;
}
.reg-no .tf-select .tf-button span {
height: 30px;
}
.activate910 {
display: block;
}
.my-complaints-filter .doc-type .tf-select {
width: 160px !important;
}
.my-complaints-filter .doc-type .tf-select .tf-selected {
min-width: 130px;
width: 130px !important;
display: block;
}
#cookies-consent-popup {
bottom: 35px !important;
height: auto;
}
}
@media screen and (max-width:860px) {
.filter > span, .filter > label, .filter .doc-type label, .align2 > label {
display: block;
text-align: left;
line-height: 24px;
}
.my-complaints-filter label {
line-height: 18px;
}
/*
fieldset .filter label + input,  .reg-no .tf-select, .filter .fake.input {
margin-left: 0;
}
*/
.filter label br {
display: none;
}
.filter-captcha {
margin-top: 6px;
display: block;
}
.filter .btn {
width: 100%;
margin: 3px 0;
}
.filter .note-wrap .btn { margin-bottom: 15px;}
.my-complaints-filter {
padding: 10px;
}
.my-complaints-filter label,     .my-complaints-filter input + .dash  {
display: inline-block !important;
width: 100px;
}
.my-complaints-filter input + .dash  {
width: 10px;
}
}
@media screen and (max-width:810px) {
.w200.fcol, .w260.fcol, .w320.fcol, .w250.fcol {
width: 50%;
margin-bottom: 20px;
}
.corruption {
padding: 18px 15px;
}
.page-inner-title {
font: bold 2.2em/1.1em 'PT Sans';
}
.big-form fieldset label br {display: none;}
.big-form fieldset label {
width: auto !important;
display: block;
text-align: left;
margin-left: 0;
padding-left: 0;
padding: 5px 0;
}
.big-form .tf-select {display: inline-block; width: 100% !important; vertical-align: top; max-width: 1000px;}
.big-form .tf-select .tf-selected {
min-width: 100%;
max-width: 1000px !important;
margin-right: -32px;
white-space: normal;
}
.big-form .input, .big-form input[type="text"], .big-form input[type="email"], .big-form input[type="password"], .big-form input[type="data"], .big-form textarea {
width: 100%;
}
.add.input, .add-more.input {
width: auto !important;
}
.web-data .darkred-bgr.btn.normal {
text-indent: -999em;
height: 28px;
position: absolute;
right: 4px;
top: 31px;
overflow: hidden;
}
.web-data .darkred-bgr.btn.normal:before {
content: "x";
color: white;
text-indent: 0;
display: block;
font-size: 14px;
}
.web-data .form-group input[type="text"] {
padding-right: 40px;
}
.domain-wrap .form-group,
.mail-wrap .form-group {
margin: 0 20px 22px;
}
.web-data .form-group .field {
max-width: 1000px;
}
}
@media screen and (max-width:768px) {
.text-center.biggest .btn-wrap .btn {
margin-right: 0;
width: 100%;
}
table.zebra.data td a {
word-break: break-word;
}
.tf-select .tf-selected span {
white-space: normal;
}
}
@media screen and (max-width:746px) {
}
@media screen and (max-width:680px) {
.content {
margin-left: 0;
padding: 0 10px 30px;
}
aside {
width: 100%;
float: none;
margin-bottom: 20px;
}
#sidemenu a, .secondmenu a {
background-position: left bottom;
background-repeat: repeat-x;
}
.blog-list .img, .blog-post .img {
height: auto;
}
.blog-list h3 {
line-height: 1.2;
}
#sidemenu, .secondmenu {
margin-top: 20px;
}
#sidemenu > li > a.active:after, #sidemenu > li .active > a:after, .secondmenu .active > a:after  {
display: none;
}
}
@media screen and (max-width:600px) {
.hot-btn {
display: block;
float: none;
clear: both;
width: auto;
margin: 0 -10px;
}
.header-center {
background-position: -420px top;
}
.whitebgr p {
width: 100%;
padding: 0;
}
.whitebgr a.left {
float: none;
margin-bottom: 5px;
}
footer .whitebgr {
padding: 10px 0;
}
footer .darkbluebgr {
line-height: 18px;
padding: 40px 20px;
}
.hot-btn {
position: static;
}
.zebra.zoom thead {
display: none;
}
.zebra.zoom tr, .zebra.zoom td {
display: block;
border: 0;
}
.zebra.zoom td {
padding: 5px 10px;
}
.note em {
padding-left: 0;
}
.note .icon {
display: none;
}
.column .darkred-bgr {
padding: 10px;
}
.index-top .title {
width: 100%;
margin-left: 0;
padding-left: 0;
text-indent: 20px;
max-width: 100%;
height: auto;
min-height: 40px;
line-height: 2.2em;
}
}
@media screen and (max-width:550px) {
.hidePhone {display: none !important;}
.showPhone {display: block;}
.hotline {
font-size: 24px;
float: right;
margin-top: -3px;
}
.header-center {
background: white;
text-align: center;
}
.header-center .logo {
float: none;
padding: 20px 0;
}
.lang .active {
display: none;
}
.header-center .right {
padding-top: 0;
}
.link-list .title.blue{
width: 100%;
}
.scroll-view {
height: auto;
}
.link-list ul {
width: 100%;
}
.w200.fcol, .w260.fcol, .w320.fcol, .w250.fcol {
width: 100%;
}
.fcol h4 {
padding-bottom: 5px;
}
.footer-top {
padding: 15px 0 5px;
}
.fcol .title {
margin-bottom: 8px;
}
nav ul li.showResp input[type="search"] {
width: 150px;
}
.admin {
display: none;
}
.hazard-tables td {
padding: 2px 4px;
}
.pp.blog-post .left {
width: 100%;
float:none;
}
.pp.blog-post .pp-about {
padding-left: 0;
}
.pp.blog-post .left > .status {
padding: 5px 0;
}
.date.gray strong br {
display: none;
}
.date.gray strong {
margin: 3px 0;
}
.page-inner-title {
font-size: 1.9em;
}
}
@media screen and (max-width:480px) {
.lang a {
font-size: 0;
}
.quick-register form label {
display: block;
}
.career.right {
float: none;
padding-top: 10px;
}
.career.left {
margin: 0;
}
.career .status {
width: 100%;
}
.blog-list .date, .attributes .date {
width: 100%;
text-align: center;
}
.career .status {
height: auto;
line-height: 32px;
}
.blog-list li {
margin-bottom: 10px;
}
.my-complaints-filter label br {
display: none;
}
.my-complaints-filter label {
display: block !important;
width: auto;
}
.my-complaints-filter .doc-type input {
width: 100%;
max-width: 100%;
}
.my-complaints-filter .doc-type .tf-select {
width: 100% !important;
margin-left: 0;
}
.my-complaints-filter .doc-type .tf-select .tf-selected {
width: 100% !important;
margin-right: -32px;
max-width: 1000px;
white-space: normal;
}
.my-complaints-filter .doc-type {
margin-right: 0;
margin-left: 0;
}
.product-list {
margin-left: 0;
margin-right: 0;
}
.product-list li {
width: 100%;
}
fieldset .filter {
padding: 10px;
}
.blog-list.careers li {
display: flex;
flex-direction: column;
}
.blog-list.careers li .left {
order:1;
}
.blog-list.careers li .right {
order:2;
}
.filter .fake.input {
width: 100%;
}
.filter {
padding: 6px 10px;
}
.pp.blog-list li {padding: 0 10px;}
.pp.blog-list .left {padding: 0 0px;}
.pp.blog-list .pp-about {padding-left: 0;}
.pp.blog-list .left,.pp.blog-list .pp-about {
width: 100%;
float: none;
padding-top: 10px;
}
.pp.blog-list .left > .status {
padding: 5px 0;
margin-top: 3px;
}
.zebra td {
padding: 5px 10px;
}
.form-group {
margin: 0 10px 12px;
}
}
@media screen and (max-width:450px) {
.quick-register form .captcha > * {
width: 100%;
margin-left: 0;
margin: 3px 0;
}
.quick-register form > .input {
width: 100%;
margin: 0;
}
.quick-register form > * {
margin: 0;
}
@media screen and (max-width:410px) {
fieldset .filter-captcha input {
margin-left: 0;
width: 100%;
}
.zebra.manycols tr {
display: block;
border: 1px solid black;
margin: 10px 0;
}
.zebra.manycols tr td, .zebra.manycols tr th {
display: block;
border: 0;
}
.zebra.manycols tr td:before {
content: attr(data-th)': ';
display: inline-block;
vertical-align: text-bottom;
margin-right: 5px;
line-height: 17px;
}
.zebra.manycols thead {
display: none;
}
.zebra.manycols tr td:nth-child(3):before {
display: none;
}
}
@media screen and (max-width:390px) {
}
@media screen and (max-width:360px) {
}
@media screen and (max-width:310px) {
.audio_reload {
display: block;
}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
}
@media all and (orientation: portrait) {
}
@media all and (orientation: landscape) {
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { /*ipads*/
}
@media screen and (min-width:0\0) {
/* Enter ~~~IE 9 10 11CSS here */
}
@media print {
header, footer, aside {
display: none !important;
}
}