@font-face {font-family: revicons; src: url(../fonts/revicons/revicons.eot); src: url(../fonts/revicons/revicons.woff) format('woff'), url(../fonts/revicons/revicons.ttf) format('truetype'), url(../fonts/revicons/revicons.svg) format('svg'); font-weight: 400; font-style: normal}
.filter {width: 0; height: 0; display: none;}
.latest-news { padding: 0; position: relative; min-height: 38px; width: 100%;}
#latest-news .container, #latest-news3 .container, #latest-news2 .container { position: relative;}
.ticker-title { position: absolute; white-space: nowrap; margin: 0 15px 0 0; box-sizing: content-box; left: 0px; z-index: 1;}
.ticker-title .fa { position: relative; top: -1px;}
.tickeroverlay-left { display: block; pointer-events: none; position: absolute; z-index: 30; height: 12px; width: 150px; top: 0; left: -2px;}
.tickeroverlay-right { display: block; pointer-events: none; position: absolute; z-index: 30; height: 12px; width: 150px; top: 0; right: -2px;}
.stage-container { position: relative; width: 100%; height: 40px; margin: 0; padding: 0;}
div:has(.umbra-carousel) .umbra-carousel .stage { height: auto !important; padding-left: 0 !important;}
.stage { -webkit-backface-visibility: hidden; backface-visibility: hidden; background-color: transparent; display: flex;}
.umbra-carousel>div.stage-container { height: auto !important;}
.umbra-carausal a,.umbra-webticker .stage a {text-decoration: none; user-select: none; white-space: nowrap; padding: 0; display: block; margin: 0; text-overflow: ellipsis; font-weight: 400; line-height: 40px; transition: all 250ms cubic-bezier(0.45, -0.89, 0.49, 2.25);}
.umbra-carousel .item { display: block; width: 270px; margin-right: 40px; flex-shrink: 0; flex-grow: 0; -webkit-touch-callout: none;}
.umbra-carousel .item img { display: block; width: 100%;}
.umbra-carousel .webticker-init { float: left;}
.mask { position: relative; top: 0; overflow: hidden;}
.umbra-webticker {margin: 0; padding: 0; position: relative; font-size:1em; overflow: hidden;}
.umbra-webticker .stage-container .mask { padding-left: 100%; height: 40px;}
.umbra-webticker:hover { animation-play-state: paused;}
.umbra-webticker .stage { display: flex; flex-direction: row; transition: all 0s linear; -webkit-transition: all 0s linear; -moz-transition: all 0s linear; -o-transition: all 0s linear; position: relative; font: 700 10px Verdana; list-style-type: none; transform-origin: center left; transform: translateZ(0) scale(1.0, 1.0); margin: 0; padding: 0;}
.umbra-webticker .stage div,.umbra-webticker .stage li { flex-shrink: 0; flex-grow: 0; transform: scale(1, 1); white-space: nowrap; box-sizing: content-box; overflow: hidden; text-align: center; text-overflow: ellipsis; display: -webkit-flex; display: flex; vertical-align: middle; padding-right: 46px; height: 40px;}



.umbra-webticker.fadeIn .stage .active { visibility: visible; position: relative; transform-origin: center left; transform: scale(1.0); opacity: 1;}
.umbra-webticker.fadeIn .stage div, .umbra-webticker.fadeIn .stage li { opacity: 0; transform: scale(0.8) translateX(-30px); transition: all 800ms cubic-bezier(0.785, 0.135, 0.15, 0.86); visibility: hidden;}
.umbra-webticker.fadeIn2 .stage .active { z-index: 101; position: relative; transform-origin: center left; background: #303030; padding: 0 15px 0; margin: 0 15px 0;}
.umbra-webticker.fadeIn2 .stage div, .umbra-webticker.fadeIn2 .stage li { transition: all 800ms cubic-bezier(0.785, 0.135, 0.15, 0.86);}
.umbra-webticker.fadeIn3 .stage div.active { visibility: visible; position: relative; transform-origin: center left; transition: all 400ms ease-in; transform: scale(1.0); opacity: 1;}
.umbra-webticker.fadeIn3 .stage div, .umbra-webticker.fadeIn3 .stage li { opacity: 0; visibility: hidden;}


.umbra-webticker.custom4 .stage div.active { transform-origin: center left; visibility: visible; -webkit-animation: show 0.5s ease 0.6s forwards; animation: show 0.5s ease 0.6s forwards;}
.umbra-webticker.custom4 .stage { height: 40px;}
.umbra-webticker.custom4 .stage div, .umbra-webticker.custom4 .stage li { position: absolute; left: 0; min-width: 800px; visibility: hidden; transform: translateZ(0px); opacity: 0; top: 0;}

.umbra-webticker.custom4 .stage .off {
 position: absolute;
 transform: translateZ(0px);
 -webkit-animation: hide 0.5s ease forwards;
 animation: hide 0.5s ease forwards;
}

@keyframes show {
 0% {
  transform: translateX(-130px) scale(0.7);
  opacity: 0;
 }

 50% {
  transform: translateX(10px);
  opacity: 1;
 }

 100% {
  opacity: 1;
  transform: scale(1) translateX(0px);
 }
}

@keyframes hide {
 0% {
  transform: translateX(0px) scale(1);
  opacity: 1;
 }

 50% {
  transform: translateX(10px);
  opacity: 1;
  visibility: visible;
 }

 100% {
  opacity: 0;
  transform: translateX(-130px) scale(0.8);
 }
}



/* preloader animations*/
.loader {
 position: absolute;
 display: block;
 top: calc(50% - 3px);
 left: 0;
 right: initial;
 width: 80px;
 transform: scale(0.5);

}

.duo {
 height: 10px;
 width: 25px;
 background: hsla(0, 0%, 0%, 0.0);
 position: absolute;

}

.duo,
.dot {
 animation-duration: 0.8s;
 animation-timing-function: ease-in-out;
 animation-iteration-count: infinite;
}

.duo1 {
 left: 0;
}

.duo2 {
 left: 15px
}


.dot {
 width: 10px;
 height: 10px;
 border-radius: 5px;
 background: #aaa;
 position: absolute;
}

.dot-a {
 left: 0px;
}

.dot-b {
 right: 0px;
}


@keyframes spin {
 0% {
  transform: rotate(0deg)
 }

 50% {
  transform: rotate(180deg)
 }

 100% {
  transform: rotate(180deg)
 }
}

@keyframes onOff {
 0% {
  opacity: 0;
 }

 49% {
  opacity: 0;
 }

 50% {
  opacity: 1;
 }

 100% {
  opacity: 1;
 }
}

.duo1 {
 animation-name: spin;
}

.duo2 {
 animation-name: spin;
 animation-direction: reverse;
}

.duo2 .dot-b {
 animation-name: onOff;
}

.duo1 .dot-a {
 opacity: 0;
 animation-name: onOff;
 animation-direction: reverse;
}

#main-carousel {
 background: #f3f3f3
}

#main-carousel .container {
 /*max-width:1296px;*/
 padding: 30px 0;
}