a {
  color: #0339a5;
  text-decoration: none;
}
a:hover {
  color: #000;
}

.imgleft {
  float: left;
  margin: 0px 20px 10px 0px;
}
.imgright {
  float: right;
  margin: 0px 0px 10px 20px;
}

.full {
  float: left;
  width: 100%;
  margin: 0px 0px 0px 0px;
}
.half {
  float: left;
  width: 50%;
  margin: 0px 0px 0px 0px;
}
.third {
  float: left;
  width: 33.33%;
  margin: 0px 0px 0px 0px;
}
div.section.vpad66 {
  padding: 60px 0px 60px 0px;
}
div.section.vpad60 {
  padding: 60px 0px 0px 0px;
}
div.section.vpad06 {
  padding: 0px 0px 60px 0px;
}
div.section.vpad00 {
  padding: 0px 0px 0px 0px;
}
div.section.vpad33 {
  padding: 0px 0px 30px 0px;
}
div.section.vpad30 {
  padding: 30px 0px 0px 0px;
}
div.section.vpad03 {
  padding: 0px 0px 60px 0px;
}
div.section.vpad36 {
  padding: 30px 0px 60px 0px;
}
div.section.vpad63 {
  padding: 60px 0px 30px 0px;
}

.hpad33 {
 padding: 0px 30px 0px 30px;
}
.hpad30 {
 padding: 0px 0px 0px 30px;
}
.hpad03 {
 padding: 0px 30px 0px 0px;
}
.hpad00 {
 padding: 0px 0px 0px 0px;
}

.flex {
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.imgleft {
  float: left;
  margin: 0px 10px 20px 0px;
}
.imgright {
  float: right;
  margin: 0px 0px 20px 20px;
}
img.resp {
  width: 100%;
  height: auto;
}
.center {
  text-align: center;
}
.toleft {
  float: left;
}
.toright {
  float: right;
}
.rpad {
  padding-right: 15px;
}
.lpad {
  padding-left: 15px;
}

.btn {
  padding: 10px 20px 10px 20px;
  font-family: 'redhat_bold', Tahoma, Arial, sans-serif;
  font-size: 18px;
  text-transform: uppercase;
  cursor: pointer;
  margin-right: 10px;
  border: none;
}
.btn span {
  padding: 0px 0px 0px 20px;
}
.btn.light {
  color: #fff;
  background: #FFCC02;
}
.btn.light span {
  color: #fff;
}
.btn.light:hover {
  color: #fff;
  background: #035072;
  text-decoration: none;
}
.btn.light:hover span {
  color: #FFCC02;
}
.btn.dark {
  color: #fff;
  background: #035072;
}
.btn.dark span {
  color: #fff;
}
.btn.dark:hover {
  color: #035072;
  background: #FFCC02;
}
.btn.dark:hover span {
  color: #035072;
}

.bigbtn {
  float: left;
  width: 100%;
  padding: 20px 20px 20px 20px;
  font-family: 'redhat_bold', Tahoma, Arial, sans-serif;
  font-size: 24px;
  line-height: 36px;
  cursor: pointer;
  border: none;
}
.bigbtn span {
  float: right;
  font-size: 36px;
  padding: 0px 0px 0px 0px;
}
.bigbtn.light {
  color: #035072;
  background: #FFCC02;
}
.bigbtn.light span {
  color: #fff;
}
.bigbtn.light:hover {
  color: #fff;
  background: #035072;
  text-decoration: none;
}
.bigbtn.light:hover span {
  color: #FFCC02;
}
.bigbtn.dark {
  color: #fff;
  background: #035072;
}
.bigbtn.dark span {
  color: #FFCC02;
}
.bigbtn.dark:hover {
  color: #035072;
  background: #FFCC02;
}
.bigbtn.dark:hover span {
  color: #035072;
}

p {
  font-size: 15px;
  line-height: 1.25em;
  padding-bottom: 10px;
  margin: 0px;
}
p.txtcnt {
  text-align: center;
}
p.txtrgh {
  text-align: right;
}
p.btns {
  float: left;
  width: 100%;
  margin: 20px 0px 0px 0px;
  padding: 0px 0px 10px 0px;
}
p.btnsml {
  float: left;
  width: 100%;
  margin-bottom: 20px;
}
strong {
  font-family: 'redhat_bold', Tahoma, Arial, sans-serif;
  font-weight: normal;
}
hr {
  float: left;
  width: 100%;
  border: none;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 40px 0px;
}
hr.line {
  float: left;
  width: 100%;
  height: 1px;
  border: none;
  background: #7aab8a;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 20px 0px;
}

h1, h2 {
  float: left;
  width: 100%;
  font-family: 'redhat_light', Tahoma, Arial, sans-serif;
  font-weight: normal;
  line-height: 1.3em;
}
h1 {
  color: #035072;
  font-size: 36px;
  margin: 0px 0px 25px 0px;
  padding: 0px 0px 15px 0px;
}
h2 {
  color: #035072;
  font-size: 30px;
  padding: 20px 0px 20px 0px;
  margin: 0px 0px 0px 0px;
}
h3, h4 {
  color: #035072;
  line-height: 1.2em;
  font-weight: normal;
}
h3 {
  font-size: 24px;
  padding: 20px 0px 10px 0px;
  margin: 0px 0px 0px 0px;
}

div#subp {
  min-height: 550px;
}

h4 {
  font-size: 20px;
  padding: 20px 0px 10px 0px;
  margin: 0px 0px 0px 0px;
  background: none;
}
h2.ttop, h3.ttop, h4.ttop {
  padding: 0px 0px 10px 0px;
}

#intro {
  margin-top: -70px;
  margin-bottom: 60px;
}

#data  {
  background: #035072 url('../../images/bgr-data.webp') center center no-repeat;
}

.hpblok {
  width: calc(33% - 30px);
  margin-right: 30px;
  padding: 20px 30px 15px 30px;
  background: #FFCC02;
}
.cols .lcol, .usrinfo .lcol {
  width: calc(33.33% - 20px);
  margin-right: 20px;
}
.cols .rcol, .usrinfo .rcol {
  width: calc(66.66% - 10px);
  margin-left: 10px;
}
.cols .lcolhal {
  width: calc(50% - 20px);
  margin-right: 20px;
}
.cols .rcolhal {
  width: calc(50% - 10px);
  margin-left: 10px;
}
.cols .lcol, .cols .lcolhal {
  background: #FFCC02;
}
.cols .rcol, .cols .rcolhal {
  background: #FFCC02;
}
.cols .colcont {
  float: left;
  width: 100%;
  font-family: 'redhat_regular', Tahoma, Arial, sans-serif;
  padding: 20px 20px 20px 20px;
}
.cols .colhdr {
  float: left;
  width: 100%;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #fff;
  font-size: 18px;
  background: #035072;
  padding: 10px 20px 10px 20px;
}
.cols .colhdr span {
  display: block;
  line-height: 1; 
  color: #FFCC02;
  font-size: 24px;
}
.cols ul {
  list-style-type: square;
  padding: 0px 0px 10px 20px;
  margin: 0px 0px 0px 0px;
}
.cols ul li {
  font-size: 15px;
  line-height: 1.2em;
  padding: 0px 0px 5px 0px;
}

.usrinfo {
  margin: 30px 0px 30px 0px;
}
.usrdata {
  float: left;
  padding: 20px;
  background: #035072;
}
.usrdata span {
  float: left;
  color: #FFCC02;
  font-size: 48px;
  padding-right: 15px;
}
.usrdata p {
  color: #fff;
  font-size: 16px;
  line-height: 24px;
  padding-bottom: 0px;
}

ul#contmenu {
  float: left;
  width: 100%;
  list-style: none;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 30px 0px;
  border-bottom: 1px solid #DFAB00;
}
ul#contmenu li {
  float: left;
  width: 100%;
  list-style: none;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  border-top: 1px solid #DFAB00;
}
ul#contmenu li a {
  float: left;
  width: 100%;
  padding: 10px 0px 10px 0px;
}
ul#contmenu li a:before {
  float: left;
  font-family: 'icomoon';
  color: #fff;
  content: "\e90b"; 
  margin: 0px 5px 0px 0px;
}
ul#contmenu li a:hover {
  color: #035072;
  font-family: 'redhat_bold', Tahoma, Arial, sans-serif;
  background: #F0B801;
}