@font-face {
  font-family: 'SSP-Regular';
  src: url("../../fonts/frontend/SourceSansPro-Regular.otf") format("opentype");
}

@font-face {
  font-family: 'SSP-Semibold';
  src: url("../../fonts/frontend/SourceSansPro-Semibold.otf") format("opentype");
}

@font-face {
  font-family: 'Calibri-Regular';
  src: url("../../fonts/frontend/calibri.ttf") format("truetype");
}

@font-face {
  font-family: 'Calibri-Bold';
  src: url("../../fonts/frontend/calibrib.ttf") format("truetype");
}

body {
  background-color: #efefef;
  font-family: 'Calibri-Regular', sans-serif;
}

a, input:focus, select:focus, textarea:focus { outline: none; }

header {
  height: 189px;
}

.b-faq .faq__title {
  position: relative;
  display: block;
  padding: 13px 60px 15px 13px;
  margin-bottom: 2px;
  font-size:16px;
  color: #2e345f;
  text-decoration: none;
  background-color: #f5f5f5;
  border-radius: 3px;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.b-faq .faq__title:hover {
  background-color: #e5e4e4;
  transition: all 0.5s ease-out;
}
.b-faq .faq__active {
  background-color: #e5e4e4;
}
.b-faq .faq__title .faq__spoiler {
  position: absolute;
  top: 13px; right: 10px;
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  text-align: center;
  color: #fff;
  line-height: 30px;
  font-size: 20px;
  font-weight: 700;
  margin-right: 5px;
  background-color: #c9c9c9;
  border-radius: 50%;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.b-faq .faq__rotate {
  transform: rotate(225deg);
}
.b-faq .faq__content {
  padding: 30px;
  margin-bottom: 2px;
  font-size: 14px;
  display: none;
  border: 1px solid #e5e4e4;
  background-color: #ffffff;
  border-radius:3px;
}
.b-faq .faq__symbol {
  font-weight: 700;
}

.language {
  position: fixed;
  z-index: 1100;
  right: 20px;
  top: 10px;
  font-size: 14px;
  color: #fff;
  background-color: #2e345f;
  padding: 5px;
}

.language:hover {
  text-decoration: none;
  font-weight: bold;
  color: #fff;
}
.lg-outer {
  z-index: 1150;
}

.header-wrapper {
  left: 0;
  top: 0;
  width: 100%;
  position: fixed;
  z-index: 1030;
}

.header-content {
  background-color: #efefef;
  font-family: 'SSP-Regular';
  font-size: 18px;
  line-height: 18px;
  text-transform: uppercase;
  text-align: center;
  padding: 20px 0;
}

.header-content a {
  color: #000000;
  display: inline-block;
}

.header-content a:hover {
  text-decoration: none;
}

.header-content .center {
  margin: 0 20px;
}

.header-content .left {
  width: 184px;
  vertical-align: middle;
  text-align: right;
}

.header-content .right {
  width: 215px;
  vertical-align: middle;
  text-align: left;
}

header .navigation {
  font-size: 15px;
  font-family: 'SSP-Regular';
  font-weight: 600;
  background-color: #2e345f;
  text-transform: uppercase;
  overflow: hidden;
}

header .navigation nav {
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
}

header .navigation nav ul.menu {
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline-block;
  width: 100%;
}

header .navigation nav .menu li {
  display: inline-block;
  width: 32.3333%;
  text-align: center;
}

header .navigation .menu li > a {
  color: #ffffff;
  padding: 22px 0;
  display: inline-block;
}

header .navigation .menu a.active {
  background-color: #ffffff;
  color: #2e345f;
}

header .navigation .menu a:hover {
  text-decoration: none;
}

header .navigation .menu .fa-angle-down {
  margin-left: 10px;
}

header .groupmenu-wrapper {
  background-color: #ffffff;
  z-index: 9999999!important;
  -webkit-box-shadow: 1px 1px 2px #bcbcbc;
  -moz-box-shadow: 1px 1px 2px #bcbcbc;
  box-shadow: 1px 1px 2px #bcbcbc;
}
header .groupmenu-wrapper.open {
  z-index: 9999999!important;
}

header .groupmenu {
  display: none;
  width: 100%;
  font-family: 'SSP-Regular';
  right: 0 !important;
  z-index: 1000;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
}

header .groupmenu > div {
  width: 75%;
  margin: 20px auto 0 auto;
}

header .groupmenu a {
  font-family: '', sans-serif;
  color: #000000;
  display: block;
  padding: 0 0 20px 0;
  font-size: 15px;
}

header .groupmenu .fa.fa-angle-right {
  color: #858585;
}

header .groupmenu .horizontal-menu {
  max-width: 1200px;
  margin: 10px auto;
  display: none;
}

header .search {
  position: absolute;
  width: 30px;
  height: 24px;
  padding: 0px 5px;
  margin-top: 21px;
  right: 20px;
  color: #ffffff;
  font-family: 'Calibri', sans-serif;
  font-size: 14px;
  line-height: 14px;
  overflow: hidden;
  border-bottom: 1px solid #2e345f;
  transition: all 0.5s linear;
}

header .search.active {
  width: 230px;
  transition: all 0.5s linear;
  border-bottom: 1px solid #ffffff;
}

header .search.active input {
  display: block;
}

header .search input {
  width: 195px;
  height: 24px;
  background-color: #2e345f;
  border: 0;
  display: none;
}

header .search a {
  position: absolute;
  width: 20px;
  height: 20px;
  right: 0px;
  top: 5px;
  z-index: 1001;
  overflow: hidden;
  color: #ffffff;
  display: block;
}


footer {
  background-color: #434343;
  font-size: 14px;
  line-height: 14px;
}

footer .quick-links a,
footer .quick-links a:hover {
  color: #ffffff;
}

footer .social {
  display: inline-block;
  border: 1px solid #888;
  color: #888;
  height: 30px;
  line-height: 1.1;
  padding: 7px;
  text-align: center;
  width: 30px;
  margin-right: 10px;
}

footer .social:hover i {
  color: #ffffff;
}

footer .container {
  padding-top: 40px;
  padding-bottom: 40px;
  color: #ffffff;
}

footer .container h5 {
  font-size: 16px;
  line-height: 16px;
  color: #999999;
  text-transform: uppercase;
}

footer .copyright {
  background-color: #000000;
  padding: 15px 30px;
  color: #999999;
}

footer .copyright .row {
  max-width: 1170px;
  margin: 0 auto;
}

.home-slider {
  margin: 0;
  padding: 0;
  list-style: none;
}

.home-slider li {
  width: 100%;
  height: 100%;
  max-height: 602px;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.home-slider li .info {
  width: 80%;
  margin: 0 auto;
  text-align: center;
  position: absolute;
  bottom: 10%;
  left: 0;
  right: 0;
}

.home-slider li .info h1 {
  font-size: 42px;
  line-height: 52px;
  font-family: 'SSP-Semibold';
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.44);
}

.home-slider li .info h1 a {
  color: #ffffff;
  text-decoration: none;
  display: inline-block;
}

.lSSlideOuter .lSPager.lSpg {
  margin: -37px 0 0 0 !important;
  padding: 0 0 20px 0;
  text-align: center;
}

.lSSlideOuter .lSPager.lSpg > li a {
  width: 14px;
  height: 14px;
  background-color: #666666;
}

.lSSlideOuter .lSPager.lSpg > li:hover a, .lSSlideOuter .lSPager.lSpg > li.active a {
  background-color: #ffffff;
}

.lSAction > a {
  opacity: 1;
}

.lSAction > a:hover {
  opacity: 0.8;
}

.w40 {
  width: 40px;
}

.no-padding > [class*="col-"] {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.fa-angle-right {
  font-size: 13px;
  padding-right: 6px;
}

.separator-dark {
  margin: 15px 0 20px 0;
  background-color: #333333;
  height: 1px;
}

.top-news {
  margin-bottom: 40px;
}

.top-news h3,
.tab-content h3 {
  font-size: 20px;
  font-family: 'Calibri-Bold', sans-serif;
  text-transform: uppercase;
}

.top-news .col-md-7 .col-xs-12,
.top-news .col-md-5 .col-xs-12 {
  background-color: #ffffff;
  border-bottom: 1px solid #c7c9c8;
  height: 100%;
}

.top-news .col-md-5 {
  height: 104px;
  overflow: hidden;
}

.top-news .col-md-7 .left {
  width: 52.60%;
  float: left;
}

.top-news .col-md-5 .left {
  width: 49%;
  float: left;
}

.top-news .col-md-7 .left a {
  height: 230px;
}

.top-news .col-md-5 .left a {
  height: 140px;
}

.top-news .col-md-7 .left a,
.top-news .col-md-5 .left a {
  width: 100%;
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.top-news .col-md-7 .left img {
  width: 100%;
}

.top-news .col-sm-5 .left img {
  width: 100%;
}

.top-news .col-md-7 .right {
  width: 47.40%;
  padding: 18px 18px 0 18px;
  float: right;
  font-size: 16px;
  line-height: 16px;
}

.top-news .col-md-7 .no-image {
  padding: 25px;
  font-size: 16px;
  line-height: 16px;
}


.top-news .col-md-7 .right .short_description {
  font-size: 14px;
  font-weight: 13px;
}

.top-news .col-md-7 .right a,
.top-news .col-md-5 .right a,
.top-news .no-image a {
  color: #222222;
}

.top-news .col-md-7 .right .pub-date,
.top-news .col-md-7 .no-image .pub-date {
  font-size: 14px;
  line-height: 14px;
  color: #8c8c8c;
  margin: 10px 0;
}

.top-news .col-md-5 .right {
  width: 51%;
  padding: 10px 15px;
  float: right;
  font-size: 15px;
  line-height: 15px;
}

.top-news .col-md-5 .no-image {
  padding: 10px;
  font-size: 12px;
  line-height: 12px;
}

.top-news .col-md-5:nth-child(1n+1) {
  margin-bottom: 22px;
}

.top-news .col-md-5 .right .pub-date,
.top-news .col-md-5 .no-image .pub-date {
  font-size: 12px;
  line-height: 12px;
  color: #8c8c8c;
  margin: 6px 0;
}

.top-news .all-news {
  margin-right: 5px;
  color: #41385a;
}

.parallax-window {
  position: relative;
  min-height: 460px;
  background: transparent;
  -webkit-box-shadow: inset 0px -5px 70px -10px rgba(0,0,0,0.18);
  -moz-box-shadow: inset 0px -5px 70px -10px rgba(0,0,0,0.18);
  box-shadow: inset 0px -5px 70px -10px rgba(0,0,0,0.18);
}

.parallax-window .quick-links {
  width: 100%;
  position: absolute;
  bottom: 5%;
  margin: 0 auto;
}

.parallax-window .quick-links .btn {
  font-size: 15px;
  line-height: 15px;
  font-family: 'SSP-Semibold';
  text-transform: uppercase;
  color: #ffffff;
  padding: 20px;
  border-radius: 0;
}

.parallax-window .quick-links .green {
  background-color: #658091;
  opacity: 0.9;
  filter: alpha(opacity=90); /* For IE8 and earlier */
}

.parallax-window .quick-links .purple {
  background-color: #41385a;
  opacity: 0.9;
  filter: alpha(opacity=90); /* For IE8 and earlier */
}

.quick-links .green:hover,
.quick-links .purple:hover {
  opacity: 1;
  filter: alpha(opacity=100); /* For IE8 and earlier */
}

.breadcrumbs {
  padding-top: 15px;
  padding-bottom: 15px;
  background-color: #ffffff;
  font-family: Verdana, sans-serif;
  color: #000000;
  font-size: 12px;
  line-height: 12px;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.19);
}

.breadcrumbs a i {
  font-size: 16px;
}

.breadcrumbs a {
  color: #2e345f;
  line-height: 30px;
}

.tabs {
  margin: 34px 0 0 0;
}

.tabs ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.tabs li {
  float: left;
  font-family: Verdana, sans-serif;
  font-size: 12px;
  line-height: 12px;
  margin: 0 3px 3px 0;
}

.tabs li a {
  padding: 15px 20px;
  color: #ffffff;
  display: block;
  background-color: #658091;
}

.tabs li .active,
.tabs li a:hover {
  background-color: #41385a;
  text-decoration: none;
}

.tab-content {
  margin: 0 0 34px 0;
}

.tab-content {
  border-top: 5px solid #41385a;
}

.list-categories {
  margin: 40px auto;
}

.list-categories ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.list-categories li {
  padding: 10px 20px;
  background-color: #ffffff;
  border-bottom: 4px solid #2e345f;
  margin-bottom: 10px;
}

.list-categories li a {
  color: #41385a;
  display: block;
}

.articles .item {
  font-size: 15px;
  line-height: 15px;
  background-color: #ffffff;
  border-bottom: 1px solid #c7c9c8;
  color: #222222;
  width: 49%;
  float: left;
  margin: 0 0 2% 0;
  min-height: 132px;
}

.articles .item .col-lg-5 img {
  width: 100%;
}

.articles .item .col-lg-5 a {
  width: 100%;
  height: 132px;
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.articles .item .col-lg-7 a:hover {
  opacity: 0.6;
  text-decoration: none;
}

.articles .item .col-lg-7 {
  padding: 20px !important;
}

.articles .item .no-image {
  padding: 20px !important;
}

.articles .item:nth-child(2n+1) {
  margin: 0 2% 2% 0;
}

.articles ul,
.all-events ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.articles li {
  padding: 20px;
  font-size: 15px;
  line-height: 15px;
  background-color: #ffffff;
  border-bottom: 1px solid #c7c9c8;
  margin-bottom: 20px;
  color: #222222;
}

.all-events li {
  padding: 20px;
  font-size: 15px;
  line-height: 15px;
  border-bottom: 1px solid #c7c9c8;
  margin-bottom: 20px;
  color: #222222;
}

.articles li > a,
.articles .item a {
  color: #000000;
}

.all-events li a {
  color: #2e345f;
}

.articles .pub-date,
.articles-tabs li .pub-date,
.all-events li .pub-date {
  font-size: 14px;
  line-height: 14px;
  color: #8c8c8c;
  margin: 10px 0;
}

.articles-tabs li .pub-date,
.all-events li .pub-date,
.all-events li p {
  text-indent: 15px;
}

.articles .text-right {
  margin-top: 20px;
}

.articles .text-right a {
  font-size: 12px;
  line-height: 12px;
  padding: 5px 10px;
  display: inline-block;
  background-color: #658091;
  text-transform: uppercase;
  color: #ffffff;
}

.articles .text-right a:hover {
  background-color: #2e345f;
}

.articles-tabs {
  background-color: #ffffff;
  padding: 30px;
  border-bottom: 1px solid #c7c9c8;
}

.articles-tabs ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.articles-tabs li {
  font-size: 15px;
  line-height: 15px;
  color: #222222;
  width: 100%;
  margin: 0 0 2% 0;
  padding: 0 10px 25px 0;
  border-bottom: 1px solid #c7c9c8;
}

.articles-tabs li a {
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  color: #2e345f;
  padding-left: 15px;
  line-height: 16px;
}
.articles-tabs li,
header .groupmenu a,
.mobile-navigation ul li.active a {
  background: url('/images/frontend/right-arrow.png') no-repeat;
  line-height: 18px;
}
header .groupmenu a,
.mobile-navigation ul li.active a {
  padding-left: 12px;
}

.articles-tabs li .description {
  font-size: 14px;
  line-height: 16px;
  color: #8c8c8c;
  padding-left: 15px;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}

.pagination>li:first-child>span {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.pagination>li:last-child>span {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.pagination > li > span:hover {
  background-color: #658091;
  color: #ffffff;
}

.pagination > li > span:hover a {
  color: #ffffff;
}

.pagination .current {
  color: #ffffff;
  background-color: #2e345f;
}

.gallery {
  width: 100%;
  max-width: 384px;
  float: left;
  margin-right: 2%;
  box-shadow: 0 0 0 0 rgba(44, 49, 55, 0.2); padding: 5px; border: 1px solid #e0e0e1;
}

.gallery > ul {
  margin-bottom: 0;
}
.gallery > ul > li {
  float: left;
  margin-bottom: 15px;
  margin-right: 20px;
  width: 200px;
}
.gallery > ul > li a {
  border: 3px solid #FFF;
  border-radius: 3px;
  display: block;
  overflow: hidden;
  position: relative;
  float: left;
}
.gallery > ul > li a > img {
  -webkit-transition: -webkit-transform 0.15s ease 0s;
  -moz-transition: -moz-transform 0.15s ease 0s;
  -o-transition: -o-transform 0.15s ease 0s;
  transition: transform 0.15s ease 0s;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  height: 100%;
  width: 100%;
}
.gallery > ul > li a:hover > img {
  -webkit-transform: scale3d(1.1, 1.1, 1.1);
  transform: scale3d(1.1, 1.1, 1.1);
}
.gallery > ul > li a:hover .gallery-poster > img {
  opacity: 1;
}
.gallery > ul > li a .gallery-poster {
  background-color: rgba(0, 0, 0, 0.1);
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: background-color 0.15s ease 0s;
  -o-transition: background-color 0.15s ease 0s;
  transition: background-color 0.15s ease 0s;
}
.gallery > ul > li a .gallery-poster > img {
  left: 50%;
  margin-left: -10px;
  margin-top: -10px;
  opacity: 0;
  position: absolute;
  top: 50%;
  -webkit-transition: opacity 0.3s ease 0s;
  -o-transition: opacity 0.3s ease 0s;
  transition: opacity 0.3s ease 0s;
}
.gallery > ul > li a:hover .gallery-poster {
  background-color: rgba(0, 0, 0, 0.5);
}
.gallery .justified-gallery > a > img {
  -webkit-transition: -webkit-transform 0.15s ease 0s;
  -moz-transition: -moz-transform 0.15s ease 0s;
  -o-transition: -o-transform 0.15s ease 0s;
  transition: transform 0.15s ease 0s;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  height: 100%;
  width: 100%;
}
.gallery .justified-gallery > a:hover > img {
  -webkit-transform: scale3d(1.1, 1.1, 1.1);
  transform: scale3d(1.1, 1.1, 1.1);
}
.gallery .justified-gallery > a:hover .gallery-poster > img {
  opacity: 1;
}
.gallery .justified-gallery > a .gallery-poster {
  background-color: rgba(0, 0, 0, 0.1);
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: background-color 0.15s ease 0s;
  -o-transition: background-color 0.15s ease 0s;
  transition: background-color 0.15s ease 0s;
}
.gallery .justified-gallery > a .gallery-poster > img {
  left: 50%;
  margin-left: -10px;
  margin-top: -10px;
  opacity: 0;
  position: absolute;
  top: 50%;
  -webkit-transition: opacity 0.3s ease 0s;
  -o-transition: opacity 0.3s ease 0s;
  transition: opacity 0.3s ease 0s;
}
.gallery .justified-gallery > a:hover .gallery-poster {
  background-color: rgba(0, 0, 0, 0.5);
}
.gallery .video .gallery-poster img {
  height: 48px;
  margin-left: -24px;
  margin-top: -24px;
  opacity: 0.8;
  width: 48px;
}
.gallery.dark > ul > li a {
  border: 3px solid #04070a;
}

.videocode {
  background-color: #ffffff;
}

.view {
  background-color: #ffffff;
  padding: 30px;
  margin: 20px auto;
  border-bottom: 1px solid #c7c9c8;
}

.view h1 {
  font-size: 25px;
  margin: 0 0 10px 0;
}

.view p {
  margin: 0;
}

.documents,
.links,
.contacts {
  margin: 20px 0 10px 10px;
}
.contacts ul li i {
  margin-right: 5px;
}

.video {
  margin: 20px 0 10px 0;
}

.documents ul,
.links ul,
.video ul,
.contacts ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.documents ul li,
.links ul li,
.video ul li,
.contacts ul li {
  margin-bottom: 10px;
}

.documents ul li i {
  color: #41385a;
  margin-right: 10px;
}

.documents ul li span {
  color: #c9c9c9;
}

.ui-widget-content {
  min-height: 255px;
  border-top: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  border-bottom: 1px solid #c7c9c8;
  border-left: 1px solid #ffffff;
  font-family: 'Calibri', sans-serif;
}

.calendar .ui-widget-content {
  width: 100%;
}

.ui-widget-header,
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default,
.ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev {
  background: none;
  border: none;
}

.ui-autocomplete.ui-menu.ui-corner-all,
.ui-autocomplete.ui-menu .ui-menu-item > a.ui-corner-all,
.ui-datepicker.ui-corner-all,
.ui-datepicker-header.ui-corner-all,
.ui-datepicker-next.ui-corner-all,
.ui-datepicker-prev.ui-corner-all {
  border-radius: 0;
}

.ui-datepicker td a, .ui-datepicker td span {
  padding: 0.5em;
}

.ui-datepicker td a, .ui-datepicker td span {
  text-align: center;
}

.ui-state-event .ui-state-default {
  color: #ffffff;
  background-color: #2e345f;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  margin: 0;
  font-weight: bold;
  cursor: pointer;
}

.ui-datepicker .ui-state-hover {
  font-weight: bold;
}

.ui-datepicker .ui-datepicker-next .ui-icon,
.ui-datepicker .ui-datepicker-prev .ui-icon {
  color: #222222;
  background: none;
  text-indent: 0;
}

.events {
  min-height: 255px;
  background-color: #ffffff;
  border-bottom: 1px solid #c7c9c8;
  margin-left: 20px;
  padding: 2% 3%;
}

#events {
  min-height: 188px;
}

.events ul {
  padding: 0;
  margin: 0 0 0 10px;
  list-style: none;
}

.events li {
  margin-bottom: 10px;
}

.events li a {
  font-size: 15px;
  line-height: 15px;
  color: #2e345f;
}

.events li .pub-date {
  font-size: 14px;
  color: #8c8c8c;
  text-indent: 15px;
}

.lSAction > .lSPrev {
  background: none;
}

.lSAction > .lSNext {
  background: none;
  right: 40px;
}

.gallery .lSAction > .lSNext {
  right: 10px;
}

.advanced_search {
  background-color: #ffffff;
  padding: 20px;
}
.advanced_search form input {
  border: 1px solid #c7c9c8;
}

.advanced_search label {
  font-weight: normal;
}

.advanced_search .title {
  width: 50%;
  height: 30px;
  padding-left: 10px;
}

.advanced_search button {
  width: 100px;
  height: 30px;
  text-transform: uppercase;
  background-color: #658091;
  color: #ffffff;
  border: 0;
}

.advanced_search button:hover {
  background-color: #2e345f;
}

.advanced_search .extend div {
  margin-top: 10px;
}

.advanced_search .extend .date {
  width: 100px;
}

.error404 {
  width: 100%;
  max-width: 600px;
  padding: 30px 20px 10px 20px;
  margin: 40px auto;
  background: #ffffff;
  border-bottom: 5px solid #41385a;
}

.error404 .group-link {
  margin-top: 20px;
  text-align: center;
}

.error404 .group-link .action {
  font-size: 14px;
  padding: 5px 10px;
  display: inline-block;
  text-transform: uppercase;
  background-color: #658091;
  color: #ffffff;
  margin-left: 5px;
  text-decoration: none;
}

.error404 .group-link .action:hover {
  background-color: #2e345f;
}

.gallery-tpl {
  margin: 0 -15px;
}

.gallery-tpl .col-md-4 {
  margin: 0 0 30px 0;
}

.gallery-tpl .col-md-4 .image {
  width: 100%;
  height: 212px;
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  text-align: center;
}

.gallery-tpl .col-md-4 .image img {
  position: absolute;
  width: 54px;
  height: 54px;
  top: 50%;
  left: 50%;
  margin-top: -62px;
  margin-left: -27px;
}

.gallery-tpl .col-md-4 .info {
  background-color: #ffffff;
  padding: 20px;
  min-height: 130px;
  text-align: center;
  border-bottom: 1px solid #c7c9c8;
}

.gallery-tpl .col-md-4 .info a {
  color: #222222;
  font-size: 16px;
  line-height: 16px;
}

.gallery-tpl .col-md-4 .info .pub-date {
  color: #8c8c8c;
  font-size: 14px;
  line-height: 14px;
  margin: 10px 0;
}

.gallery-tpl .col-md-4 .info .pub-date span {
  display: inline-block;
  background-color: #ffffff;
  padding: 0 20px;
}

.gallery-tpl .col-md-4 .info .pub-date .line {
  width: 180px;
  height: 1px;
  background: #e1e1e1;
  margin: -7px auto 0 auto;
}

.video-tpl {
  margin: 0 -15px;
}

.video-tpl .col-md-6 {
  margin-bottom: 30px;
}

.video-tpl .col-md-6 .info,
.video-view .col-md-6 .info {
  background-color: #ffffff;
  padding: 20px;
  text-align: center;
  border-bottom: 1px solid #c7c9c8;
}

.video-tpl .col-md-6 .info .pub-date,
.video-view .col-md-6 .info .pub-date {
  color: #8c8c8c;
  font-size: 14px;
  line-height: 14px;
  margin: 10px 0;
}

.video-tpl .col-md-6 .info .pub-date span,
.video-view .col-md-6 .info .pub-date span {
  display: inline-block;
  background-color: #ffffff;
  padding: 0 20px;
}

.video-tpl .col-md-6 .info .pub-date .line,
.video-view .col-md-6 .info .pub-date .line {
  width: 180px;
  height: 1px;
  background: #e1e1e1;
  margin: -7px auto 0 auto;
}

#more-info {
  margin: 40px 0;
}

#more-info .ui-corner-all {
  border-radius: 0;
}

#more-info h3 {
  font-size: 14px;
  font-weight: normal;
}

#more-info h3:focus {
  outline: none;
}

#more-info .ui-widget-content {
  border: 0;
}

#more-info .documents,
#more-info .links,
#more-info .contacts,
#more-info .video {
  margin: 0;
}

.profiles {
  margin: 0 0 0 -15px;
}

.profiles .col-lg-2,
.profiles .col-lg-3 {
  padding: 0 0 0 15px;
  margin: 0 0 30px 0;
}

.profiles a.image {
  width: 100%;
  height: 300px;
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.profiles .info {
  padding: 15px;
  font-size: 14px;
  line-height: 14px;
  background-color: #2e345f;
  color: #cccccc;
  min-height: 160px;
}

.profiles .info a {
  font-size: 16px;
  line-height: 16px;
  color: #ffffff;
  display: block;
  margin: 5px 0 15px 0;
}

.ui-accordion-plus {
  background: url('../../images/frontend/plus-icon.png') left top no-repeat !important;
}

.ui-accordion-minus {
  background: url('../../images/frontend/minus-icon.png') left top no-repeat !important;
}

.banners {
  text-align: center;
}
.banners ul li a img {
  max-width: 100%;
}

.banners ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.banners li { margin-bottom: 30px; }

.view blockquote {
  display: none;
}
blockquote {
  background: #efefef;
}

.special {
  margin-top: 15px;
  display: inline-block;
  background-color: #5f5f5f;
  color: #ffffff;
  padding: 15px 20px;
  text-transform: uppercase;
}


.socialButtonsContainer {
  height: 30px;
}

.socialButtonsContainer a {
  margin-right: 6px;
}

.fbFooterButton {
  display: inline-block;
  width: 25px;
  height: 25px;
  background: url('../../images/frontend/social_icons_footer.png') -175px 0px no-repeat;
}
.fbFooterButton:hover {
  display: inline-block;
  width: 25px;
  height: 25px;
  background: url('../../images/frontend/social_icons_footer.png') -150px -25px no-repeat;
}

.twitterFooterButton {
  display: inline-block;
  width: 25px;
  height: 25px;
  background: url('../../images/frontend/social_icons_footer.png') -125px -50px no-repeat;
}

.twitterFooterButton:hover {
  display: inline-block;
  width: 25px;
  height: 25px;
  background: url('../../images/frontend/social_icons_footer.png') -100px -75px no-repeat;
}

.youTubeFooterButton {
  display: inline-block;
  width: 25px;
  height: 25px;
  background: url('../../images/frontend/social_icons_footer.png') -75px -100px no-repeat;
}

.youTubeFooterButton:hover {
  display: inline-block;
  width: 25px;
  height: 25px;
  background: url('../../images/frontend/social_icons_footer.png') -50px -125px no-repeat;
}
.youtube-homepage h4{
  font-size: 16px;
}
.youtube-row {
  padding:20px 10px 10px 10px;
}
.youtube-row .col-md-6 {
  margin-bottom: 10px;
}

.youtube-border-top {
  border-top:1px solid #92A7B6;
}

.youtubeSeparator {
  border-bottom:1px solid #92A7B6;
  margin-bottom: 20px;
  margin-left: -10px;
  margin-right: -10px;
}

.googleButton {
  display: inline-block;
  width: 25px;
  height: 25px;
}

.googleFooterButton {
  display: inline-block;
  width: 25px;
  height: 25px;
  background: url('../../images/frontend/social_icons_footer.png') -25px -150px no-repeat;
}

.googleFooterButton:hover {
  display: inline-block;
  width: 25px;
  height: 25px;
  background: url('../../images/frontend/social_icons_footer.png') 0px -175px no-repeat;
}

.no-border {
  border: 0;
}

.eu18bg {
  position: fixed;
  z-index: 10001;
  width: 100px;
  display: block !important;
  margin-top: -11px;
  margin-left: 20px;
}

.eu18bg img {
  width: 100%;
}

.live-stream {
  display: inline-block;
  color:#fff;
  position: absolute;
  left: 20px;
  top: 135px;
  z-index: 10000;
}

.live-stream:hover {
  text-decoration: none;
  color: #ffffff;
}

.live-stream .circle-icon {
  font-size: 32px;
  position: relative;
  top: 8px;
}

.live-stream .video-icon {
  margin: 16px 0 0 6px;
  font-size: 14px;
  position: absolute;
  z-index: 1000;
}

.live-stream span {
  margin-left: 10px;
}
a.covid19:focus {
  text-decoration: none;
}
.covid19 {
  display: block;
  width: 280px;
  float: right;
  margin: 0 30px 0 -280px;
  font-size: 1rem;
}

.covid19 img {
  width: 100%;
  max-width: 140px;
}

.tourism-in-bg {
  width: 250px;
  position: absolute;
  left: 30px;
  font-size: 14px;
  margin-top: 15px;
}

.tourism-in-bg img {
  width: 100%;
}

.mobile {
  display: none !important;
}

@media (max-width: 1300px) {
  header .navigation nav li {
    width: 25%;
  }
}

@media (max-width: 1200px) {

  header {
    height: 187px;
  }

  .covid19 {
    margin: 15px 5% 0 0;
  }
  
  .covid19.desktop {
    display: none !important;
  }
  .home-slider li .info h1 {
    font-size: 36px;
    line-height: 1.2;
  }
  .top-news .col-md-5 .right {
    font-size: 13px;
    line-height: 1.1;
  }
  .top-news .col-md-7 .right .short_description {
    font-size: 13px;
    line-height: 1.2;
  }
  .top-news .col-md-7 .right {
    font-size: 15px;
    line-height: 1;
  }
  .top-news .col-md-7 .right .pub-date, .top-news .col-md-7 .no-image .pub-date {
    font-size: 13px;
  }
  header .navigation nav .menu li {
    width: 19%;
  }
  header .navigation {
    font-size: 13px;
  }
  .events {
    margin: 20px 0 0 0;
  }
  .tabs li a {
    font-size: 11px;
    padding: 15px 10px;
  }

  .tourism-in-bg.desktop {
    display: none !important;
  }

  .tourism-in-bg.mobile {
    position: relative;
    font-size: 14px;
    display: block !important;
    margin: 20px auto;
    left: 0;
  }

  .covid19 {
    float: none;
    margin: 15px auto 0 auto;
    display: block !important;
  }
}


@media (max-width: 1024px) {
  .top-news .col-sm-5 .right {
    font-size: 12px;
    line-height: 12px;
  }

  .language,
  .eu18bg {
    position: absolute;
  }

  .parallax-window {
    min-height: 260px;
  }

  .parallax-window .quick-links {
    padding-top: 10%;
  }
}
.mobile-navigation {
  display: none;
  color: #ffffff;
  padding: 14px 0px;
  z-index: 1000;
  overflow: hidden;
  height: auto;
  position: absolute;
  right: 0;
}

.mobile-navigation > label {
  margin: 0 0 0 30px;
}

.mobile-navigation > label i {
  margin-right: 8px;
  font-size: 16px;
  cursor: pointer;
}

@media (max-width: 991px) {
  .tourism-in-bg img {
      width: 100% !important;
      max-width: 250px;
      display: block;
  }

  .covid19 img {
    width: 100% !important;
    max-width: 165px;
    display: block;
    margin-bottom: 5px;
  }

  .covid19 div {
    font-size: 12px !important;
    text-transform: uppercase;
    text-align: left;
  }

  .desktop {
    display: none !important;
  }

  .mobile {
    display: block !important;
  }

  .live-stream {
    display: none;
  }

  .mobile-navigation .live-stream {
    display: block;
    left: 70px;
    top: 0;
  }

  .live-stream span {
    display: none;
  }

  footer .container h5 {
    font-size: 14px;
    line-height: 1.2;
  }
  footer {
    font-size: 13px;
    line-height: 1.5;
  }

  .eu18bg {
    width: 80px;
    margin-top: 3%;
  }

  .gallery .lSAction > .lSNext {
    right: 20px;
  }
  .tabs li {
    width: 100%;
  }
  .top-news .col-md-7 .right .short_description {
    display: none;
  }
  .top-news .col-md-7 {
    height: 104px;
    overflow: hidden;
    margin-bottom: 22px;
  }
  .top-news .col-md-7 .left {
    float: left;
    width: 49%;
  }
  .top-news .col-md-7 .right {
    width: 51%
  }
  .top-news .col-md-5 .right {
    font-size: 15px;
  }
  .top-news .col-md-5 .right .pub-date, .top-news .col-md-5 .no-image .pub-date {
    font-size: 13px;
    margin: 10px 0;
  }
  .parallax-window .quick-links .btn {
    font-size: 12px;
  }
  header .navigation {
    font-size: 13px;
  }
  header .navigation nav .menu li {
    float: left;
  }
  header .navigation nav ul.menu {
    margin-left: 30px;
  }

  .home-slider li .info h1 {
    font-size: 30px;
    line-height: 1;
  }
  .home-slider li .info {
    width: 90%;
  }
  .lSPrev img,
  .lSNext img {
    width: 44px;
    height: auto;
  }
  .gallery {
    margin-right: 3%;
  }
  header {
    height: auto;
  }

  .header-wrapper {
    all: initial;
  /** {*/
  /*  all: unset;*/

  }

  header .navigation {
    height: 46px;
  }

  header .search {
    margin-top: 10px;
  }

  header .navigation nav ul.menu,
  header .groupmenu {
    display: none;
  }

  .mobile-navigation {
    display: block!important;
  }

  #navbar {
    display: none;
    background-color: #efefef;
    margin: 13px 0 0 0;
    padding: 10px 15px 10px 15px;
    width: 100%;
  }

  #navbar ul {
    margin: 5px 0;
    padding: 0;
    list-style: none;
  }

  #navbar ul li {
    width: 100%;
    margin-bottom: 5px;
    border: 1px solid #c7c9c8;
    background-color: #ffffff;
  }

  #navbar ul li > a {
    height: 32px;
    padding: 8px 0 8px 10px;
    display: block;
    color: #222222;
    text-decoration: none;
  }

  #navbar ul li > a span {
    height: 32px;
    float: right;
    font-size: 20px;
    display: block;
    padding: 3px 8px;
    margin: -8px 0 0 0;
    color: #ffffff;
    background-color: #2e345f;
  }

  #navbar ul li.active > a span {
    color: #2e345f;
    background-color: #ffffff;
  }

  #navbar ul li > a span:hover {
    cursor: pointer;
  }

  #navbar ul li.active > a {
    background-color: #2e345f;
    color: #ffffff;
  }

  #navbar ul li span.rotate180 i {
    -ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg);
    -webkit-transition-duration: 0.400s; /* Safari */
    transition-duration: 0.400s;
  }

  #navbar ul li span.rotate0 i {
    -ms-transform: rotate(0deg); /* IE 9 */
    -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
    transform: rotate(0deg);
    -webkit-transition-duration: 0.400s; /* Safari */
    transition-duration: 0.400s;
  }

  #navbar ul li .submenu {
    display: none;
    margin: 10px 20px;
  }

  #navbar ul li .submenu a {
    display: block;
    color: #222222;
    margin: 0 0 15px 0;
  }
}

@media (max-width: 880px) {
  .covid19 {
    float: none;
    margin: 10px auto;
  }
}

@media (max-width: 767px) {
  .footer-logo-image {
    width: 60% !important;
  }

  .eu18bg {
    width: 60px;
    margin-left: 10px;
  }

  .top-news .col-sm-7 {
    margin-bottom: 30px;
  }

  .top-news .col-sm-7,
  .top-news .col-sm-5 {
    float: none;
    min-height: 103px;
  }

  .top-news .col-sm-7 .left,
  .top-news .col-sm-5 .left {
    width: 30%;
    height: 103px;
  }

  .top-news .col-sm-7 .right,
  .top-news .col-sm-5 .right {
    width: 68%;
  }

  .top-news .col-sm-7 .left a {
    height: 103px;
  }

  .top-news .col-sm-5 .right {
    font-size: 15px;
    line-height: 15px;
  }
  footer .footer-links {
    margin-bottom: 30px;
    text-align: center;
  }
  .home-slider li .info h1 {
    font-size: 24px;
  }
  .gallery {
    width: 100%;
    max-width: 100%;
    margin: 0 0 20px 0;
    float: none;
  }
  #lightgallery li.active {
    min-width: 500px;
  }
  .parallax-window .quick-links .btn {
    width: 100%;
    margin-bottom: 10px;
  }

}

@media (max-width: 668px) {
  .quick-links .col-xs-6 {
    width: auto;
    text-align: center;
    float: none;
    margin: 10px auto auto auto;
  }

  .parallax-window .quick-links {
    padding-top: 15%;
  }

  .quick-links .col-xs-6 a {
    width: 300px;
  }
  .parallax-window .quick-links .btn {
    display: block;
    margin-bottom: 10px;
  }
  .header-content {
    font-size: 13px;
    line-height: 1;
  }
  .header-content img {
    width: 60px;
  }

  .covid19 img {
    width: 100% !important;
    margin-bottom: 8px;
    display: block;
  }
  .profiles .col-xs-4 {
    width: 50%;
  }

  .eu18bg {
    margin-top: 0;
  }

}
@media (max-width: 530px) {
  .gallery .lSAction > .lSNext {
    right: 10px;
  }
  .gallery {
    max-height: 500px;
    overflow: hidden;
    border: none;
    padding: 0;
  }
  #lightgallery li.active {
    min-width: 250px;
  }
  .top-news .col-md-5,
  .top-news .col-md-7 {
    height: 130px;
  }
  .header-content {
    font-size: 10px;
    line-height: 1.3;
  }
  .header-content img {
    width: 40px;
  }
  .header-content .left,
  .header-content .right {
    width: 140px;
  }
  .header-content .center {
    margin: 0 10px;
  }
  .home-slider li .info h1 {
    font-size: 18px;
  }
  .home-slider li .info {
    bottom: 15%;
  }
  .lSPrev img,
  .lSNext img {
    width: 34px;
    height: auto;
  }
  .articles .item {
    width: 100%;
  }

  .eu18bg {
    width: 60px;
  }
}
@media (max-width: 533px) {
  .home-slider li {
    max-height: 300px;
  }
  .language {
    top: 20px;
  }

  .eu18bg {
    width: 40px;
  }
}
@media (max-width: 410px) {
  .top-news .col-md-5,
  .top-news .col-md-7 {
    height: 140px;
  }
  .top-news .col-md-5 .right,
  .top-news .col-md-7 .right {
    font-size: 13px;
  }
  .header-content {
    font-size: 9px;
    line-height: 1.3;
  }
  .header-content .left,
  .header-content .right {
    width: 110px;
  }
  .profiles .col-xs-4 {
    width: 100%;
  }
  .language {
    font-size: 11px;
  }
}
@media (max-width: 360px) {
  .language {
    top: 10px;
  }
  .header-content {
    padding: 40px 0 20px 0;
  }
}

.table-gov,
.view table {
  border-top: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
}

.table-gov th,
.table-gov td,
.view table th,
.view table td {
  padding: 5px;
  border-bottom: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
}

.footer-logo-image {
  width: 100%;
}

.col-sm-3.footer-logo {
  padding-top: 10px;
  text-align: center;
}


@media (min-width: 1201px){
  header .navigation nav .menu li{
    width: 20% !important;
  }
}

.separator,
.separator-dark {
  height: 3px;
  width: 67%;
  margin: 0 auto
}

.separator {
  background: url(/images/frontend/border.png) no-repeat
}

.separator-dark {
  background: url(/images/frontend/border-dark.png) no-repeat
}