body{
--light-background:#009c7a;
--element-background:#005758;
--nav-text-color:#e7efef;
--nav-white-hover:#c3cdcd;
--shadow:rgba(0,0,0,0.4);
--sirius: Sirius,Helvetica,Arial,sans-serif;

font-family: 'Montserrat', sans-serif;

	min-height: 100vh; 
	margin: 0; 
	display: grid;
	/*grid-template-rows: auto 1fr auto;*/
}
.mt-1{
	margin-top: 0.5rem !important;
}
.mb-1{
	margin-bottom: 0.5rem !important;
}
.pb-1{
	padding-bottom: 0.5rem !important;
}
.fade{
	webkit-transition: all 0.2s ease-out 0.1s;
    -moz-transition: all 0.2s ease-out 0.1s;
    -o-transition: all 0.2s ease-out 0.1s;
    transition: all 0.2s ease-out 0.1s;
}
/* header */
.header{
	display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
	height: 140px;
    background-color: var(--element-background);
    box-shadow: 0 2px 10px var(--shadow);
	/*box-shadow: 0 0px 11px 0 rgb(0 0 0 / 18%), 0 4px 15px 0 rgb(0 0 0 / 15%);*/
    will-change: transform;
}
.header .section-up{
	display: block;
	background-color: var(--light-background);
	height: 30px;
	position: relative;
}
.section-bottom{
	background-color: var(--element-background);
	z-index: 10;
}
.header .section-up .container:before ,
.header .section-up .container:after{
	content: "";
    background-color: #ffffff;
    position: absolute;
	-webkit-transform: rotate(115deg);
    -moz-transform: rotate(115deg);
    transform: rotate(115deg);
    box-shadow: 0 0 8px 2px var(--shadow);
    z-index: 1;
}
.header .section-up .container:before {
    /*content: "";
    background-color: #ffffff;
    position: absolute;
	right: -44px;
    top: -100px;
    width: 260px;
    height: 180px;
	-webkit-transform: rotate(115deg);
    -moz-transform: rotate(115deg);
    transform: rotate(115deg);
	box-shadow: 0 0 8px 2px var(--shadow);*/
    right: -9px;
    top: -3px;
    width: 60px;
    height: 40px;

}
.header .section-up .container:after {
	right: 142px;
    top: -3px;
    width: 60px;
    height: 40px;
}

.section-up .container{
	height: 1.9rem;
	display: flex;
    align-items: center;
}
.section-up .container a{
	color: #FFF;
	text-decoration: none;
	font-size: 14px;
	font-family: 'Atyp';
}
.section-up .container .icons a{
	font-size: 15px;
}
.section-up .container a:hover{
	color: #e1e5e5;
}
.header__wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.header__nav {
    height: 100%;
	width: 100%;
}
.header__nav ul, .header__nav ul li {
    display: flex;
    height: 6.9rem;
	padding: 0;
	margin: 0;
	width: 100%;
	webkit-transition: all 0.2s ease-out 0.1s;
    -moz-transition: all 0.2s ease-out 0.1s;
    -o-transition: all 0.2s ease-out 0.1s;
    transition: all 0.2s ease-out 0.1s;
}
.header__nav ul li {
    position: relative;
    align-items: center;
	justify-content: center;
}
.header__nav ul li .nav-a{
    text-decoration: none;
	color: var(--nav-text-color);
	position: relative;
	font-family: 'Atyp';
}
.header__nav ul li .nav-a:after{
	content: "";
	display: inline-block;
    width: 0;
    height: 0;
    margin-left: 0.4em;
    vertical-align: 0.17em;
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-left: 0.3em solid transparent;
}
.header__nav ul li .nav-cont:hover .user_menu-container{
	display: flex;
	top: 4rem;
}
.header__nav ul li .nav-cont .user_menu-container{
	border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    display: none;
    top: -1000px;
    position: absolute;
    z-index: 999;
    background-color: #ffffff;
    color: var(--element-background);
    margin-left: 5px;
    border: 1px var(--element-background) solid;
    padding: 5px 10px;
	webkit-transition: all 0.2s ease-out 0.1s;
    -moz-transition: all 0.2s ease-out 0.1s;
    -o-transition: all 0.2s ease-out 0.1s;
    transition: all 0.2s ease-out 0.1s;
}
.header__nav ul li .nav-cont .user_menu-container .user_menu-column {
    display: inline-block;
    zoom: 1;
    *display: inline;
    vertical-align: top;
    margin-bottom: 20px;
	padding: 0 1rem;
}
.header__nav ul li .nav-cont .user_menu-container .user_menu-column .user_menu-colname {
    display: block;
    color: var(--element-background);
    font-weight: bold;
    font-size: 15px;
    margin-top: 15px;
    margin-bottom: 5px;
	font-family: 'Atyp';
}
.header__nav ul li .nav-cont .user_menu-container .user_menu-column a.user_menu-collist {
    display: inline-block;
    zoom: 1;
    *display: inline;
    vertical-align: top;
    width: 100%;
    font-size: 15px;
    color: #333333;
	text-decoration: none;
    margin-left: 12px;
    /*border-top: 1px #ffffff solid;
    border-bottom: 1px #ffffff solid;*/
    line-height: 20px;
	font-family: 'Montserrat';
	padding-top: 0.3rem;
	padding-bottom: 0.2rem;
	position: relative;
	webkit-transition: all 0.2s ease-out 0.1s;
    -moz-transition: all 0.2s ease-out 0.1s;
    -o-transition: all 0.2s ease-out 0.1s;
    transition: all 0.2s ease-out 0.1s;
}
.header__nav ul li .nav-cont .user_menu-container .user_menu-column a.user_menu-collist:hover {
	color: var(--light-background);
}
.header__nav ul li .nav-cont .user_menu-container .user_menu-column a.user_menu-collist:after{
	content: "";
    display: block;
    width: 100%;
    position: absolute;
    height: 1px;
    background-color: none;
    bottom: 0.5rem;
	webkit-transition: all 0.2s ease-out 0.1s;
    -moz-transition: all 0.2s ease-out 0.1s;
    -o-transition: all 0.2s ease-out 0.1s;
    transition: all 0.2s ease-out 0.1s;
}
.header__nav ul li .nav-cont .user_menu-container .user_menu-column a.user_menu-collist:hover:after{
	background-color: var(--light-background);
	bottom: -0.1rem;
}
.header__nav ul li .nav-cont .about {
    width: 750px;
}
.header__nav ul li .nav-a:hover{
	color: var(--nav-white-hover);
}
.header .socials{
	padding: 0;
	margin: 0;
	height: 100%;
	display: flex;
    align-items: center;
    justify-content: space-between;
	margin-left: 0.1rem;
}
.header .socials li{
	display: flex;
	position: relative;
    align-items: center;
    justify-content: center;
}
.header .socials li a{
	display: inline-block;
    font-size: 19px;
    background-color: #FFF;
    color: #009c7a;
    margin-left: 6px;
    height: 24px;
    width: 24px;
    text-align: center;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
}
.header .socials li a:hover{
	color: var(--element-background);
	box-shadow: 0 0 8px 2px var(--shadow);
}
.header .socials li a i{
    vertical-align: middle;
    line-height: 24px;
}
.header .services{
	list-style: none;
    display: flex;
    margin: 0;
    padding: 0;
    /*margin-left: 2rem;*/
}
.header .services li{
	margin-left: 2rem;
}
.header .icons{
	float: right;
    width: 11rem;
	height: 99%;
    z-index: 11;
    position: absolute;
	top: 0;
	right: 10px;
	display: flex;
    align-items: center;
    justify-content: space-between;
	background-color: #FFF;
}
.header .icons .item{
    font-size: 15px;
	text-decoration: none;
	display: flex;
	position: relative;
    align-items: center;
    justify-content: center;
	color: var(--element-background);
	height: 100%;
    width: 100%;
	cursor: pointer;
	line-height: 24px;
}
.header .icons .item:hover{
	color: var(--light-background);
}

.user_menu-fixed {
	height: 110px;
}
.user_menu-fixed .header__wrapper{
	height: 80px !important;
}
.user_menu-fixed .header__nav ul, .user_menu-fixed  .header__nav ul li{
	height: 5rem;
}
.user_menu-fixed ul li .nav-cont:hover .user_menu-container{
	top: 3rem;
}

.header .icons .lang-list{
	position: absolute;
	top: 28px;
	background-color: #FFF;
    padding: 0;
    left: -14px;
	border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
	height: 0;
	overflow: hidden;
}
.current-lang:hover .lang-list{
	height: 80px;
}
.header .icons .lang-list ul{
	padding: 0;
    margin: 0;
    list-style: none;
}
.header .icons .lang-list ul li a{
	color: var(--element-background);
	font-weight: bold;
	padding: 3px 28px;
}
.header .icons .lang-list ul li a:hover{
	color: var(--light-background);
}
.container {
	position: relative;
    width: 100%;
    max-width: 1280px;
    display: block;
    margin: 0 auto;
}
.app-logo img {
    width: 200px;
    height: 80%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: left;
    object-position: left;
	/*margin-top: 0.4rem;*/
	margin-left: 0.4rem;
}
#slider .static-logo{
    position: absolute;
    height: 120px;
    width: 100px;
    background-image: url(../img/logo2.png);
    z-index: 9;
    background-repeat: no-repeat;
    background-size: 50px;
    top: 10px;
    left: 10px;
}
#slider {
  width: 100%;
  /*height: 280px;*/
  overflow: hidden;
  position: relative; 
  box-shadow: 0 2px 10px var(--shadow);
  }
  @media only screen and (min-width: 1000px) {
    #slider {
      /*height: 280px;*/ } }
  @media only screen and (min-width: 769px) and (max-width: 999px) {
    #slider {
      height: auto; } }
  @media only screen and (min-width: 481px) and (max-width: 768px) {
    #slider {
      height: auto; } }
  @media only screen and (max-width: 480px) {
    #slider {
      height: auto; } }
  #slider .slider-next, #slider .slider-prev {
    position: absolute;
    width: 35px;
    height: 35px;
    /*background-color: #2c5990;
    background-image: url("../img/slider-navi.png");
    background-repeat: no-repeat;*/
    top: 160px;
   /* border: 1px #ffffff solid;*/
    cursor: pointer;
    -webkit-transition: all 0.2s ease-out 0.1s;
    -moz-transition: all 0.2s ease-out 0.1s;
    -o-transition: all 0.2s ease-out 0.1s;
    transition: all 0.2s ease-out 0.1s; }
    @media only screen and (min-width: 769px) and (max-width: 999px) {
      #slider .slider-next, #slider .slider-prev {
        top: 120px; } }
    @media only screen and (min-width: 481px) and (max-width: 768px) {
      #slider .slider-next, #slider .slider-prev {
        display: none; } }
    @media only screen and (max-width: 480px) {
      #slider .slider-next, #slider .slider-prev {
        display: none; } }
    #slider .slider-next:hover, #slider .slider-prev:hover {
      background-color: var(--element-background); }
  #slider .slider-next {
    left: 20px;
    background-position: 0 0; }
  #slider .slider-prev {
    right: 20px;
    background-position: -35px 0; }
  #slider .owl-pagination {
	display: none;
    position: absolute;
    bottom: 10px;
    right: 15px; }
    #slider .owl-pagination div.active {
      background-position: 0 -11px; }
    #slider .owl-pagination .owl-page {
      display: inline-block;
      zoom: 1;
      *display: inline;
      vertical-align: top;
      width: 11px;
      height: 11px;
      background-image: url("../img/dot.png");
      margin: 0 2px;
      background-position: -11px -11px; }
  #slider .slider-item {
    position: relative; }
    #slider .slider-item img {
      width: 1000px;
      margin: 0;
      padding: 0;
      border: none; }
      @media only screen and (min-width: 1000px) {
        #slider .slider-item img {
          width: 1000px; } }
      @media only screen and (min-width: 769px) and (max-width: 999px) {
        #slider .slider-item img {
          width: 768px; } }
      @media only screen and (min-width: 481px) and (max-width: 768px) {
        #slider .slider-item img {
          width: 100%; } }
      @media only screen and (max-width: 480px) {
        #slider .slider-item img {
          width: 100%; } }
    #slider .slider-item .bottom-bg {
      position: absolute;
      bottom: 3px;
      /*left: 0;*/
	  right: 0;
      /*width: 100%;*/
	  width: auto;
      min-height: 20px;
      /*background-color: #2c5990;
      background: -moz-linear-gradient(to top, #1e5799, rgba(30, 87, 153, 0.8), rgba(30, 87, 153, 0.1));
      background: -webkit-linear-gradient(to top, #1e5799, rgba(30, 87, 153, 0.8), rgba(30, 87, 153, 0.1));
      background: -o-linear-gradient(to top, #1e5799, rgba(30, 87, 153, 0.8), rgba(30, 87, 153, 0.1));
      background: -ms-linear-gradient(to top, #1e5799, rgba(30, 87, 153, 0.8), rgba(30, 87, 153, 0.1));
      background: linear-gradient(to top, #1e5799, rgba(30, 87, 153, 0.8), rgba(30, 87, 153, 0.1));
      filter: alpha(opacity=80);*/
      /*padding: 40px 0 10px 0;*/ 
	  background-color: #000;
	  background: rgba(0, 0, 0, 0.34);
	  filter: alpha(opacity=34);
	  padding: 10px 20px;
	  }
      #slider .slider-item .bottom-bg span {
        display: inline-block;
        zoom: 1;
        *display: inline;
        vertical-align: top;
        font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
        font-size: 20px;
        line-height: 22px;
        color: #ffffff;
        /*margin-left: 20px;*/ }
        @media only screen and (min-width: 481px) and (max-width: 768px) {
          #slider .slider-item .bottom-bg span {
            font-size: 18px; } }
        @media only screen and (max-width: 480px) {
          #slider .slider-item .bottom-bg span {
            font-size: 13px;
            line-height: 15px;
            margin-right: 60px; } }
.owl-wrapper-outer .owl-wrapper {
  position: relative; }
.owl-wrapper-outer .owl-wrapper .owl-item {
    display: block;
    float: left; }
.owl-wrapper-outer .owl-wrapper .owl-item .item {
	height: auto;
	max-height: 360px;
     display: inline-block;
     zoom: 1;
     *display: inline;
     vertical-align: top; 
	 display: grid;
    grid-template-columns: 40% 60%;
}

.owl-wrapper-outer .owl-wrapper .owl-item .item .wrap-text, .owl-wrapper-outer .owl-wrapper .owl-item .item .wrap-img{
	display: inline-block;
}
.owl-wrapper-outer .owl-wrapper .owl-item .item .wrap-text{
	background-color: var(--element-background);
	box-shadow: 2px 5px 5px 2px var(--shadow);
	padding: 0 6rem;
	max-height: 360px;
	display: grid;
    align-items: center;
}
.owl-wrapper-outer .owl-wrapper .owl-item .item .wrap-text .va-middle{
    margin-top: -0.5rem;
}
.owl-wrapper-outer .owl-wrapper .owl-item .item .wrap-text h3{
	color: #FFF;
	font-family: 'Atyp'; 
	font-size: 36px;
	margin: 0;
	margin-bottom: 1rem;
}
.owl-wrapper-outer .owl-wrapper .owl-item .item .wrap-text span{
	display: block;
	color: var(--nav-text-color); 
	font-family: 'Atyp'; 
	font-size: 20px;
	margin-bottom: 2rem;
}
.owl-wrapper-outer .owl-wrapper .owl-item .item .wrap-text .btn{
	display: inline-block;
    padding: 0.5rem 2rem;
    background-color: var(--nav-text-color);
	border: 1px solid var(--nav-text-color);
    color: var(--element-background);
    text-decoration: none;
    font-size: 17px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
}
.owl-wrapper-outer .owl-wrapper .owl-item .item .wrap-text .btn:hover{
	background-color: var(--light-background);
	color: #FFF;
	border: 1px solid #FFF;
}
.owl-wrapper-outer .owl-wrapper .owl-item .item  .light{
	background-color: var(--light-background);
}
.owl-wrapper-outer .owl-wrapper .owl-item .item .light .btn:hover{
	background-color: var(--element-background);
	color: #FFF;
	border: 1px solid #FFF;
}

.owl-wrapper-outer .owl-wrapper .owl-item .item .wrap-img{
	
}
/* 	Core Owl Carousel CSS File
 *	v1.3.3
 */
/* clearfix */
.owl-carousel .owl-wrapper:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0; }

/* display none until init */
.owl-carousel {
  display: none;
  position: relative;
  width: 100%;
  -ms-touch-action: pan-y; }

.owl-carousel .owl-wrapper {
  display: none;
  position: relative;
  -webkit-transform: translate3d(0px, 0px, 0px); }

.owl-carousel .owl-wrapper-outer {
  overflow: hidden;
  position: relative;
  width: 100%; }

.owl-carousel .owl-wrapper-outer.autoHeight {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out; }

.owl-carousel .owl-item {
  float: left; }

.owl-controls .owl-page,
.owl-controls .owl-buttons div {
  cursor: pointer; }

.owl-controls {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent; }

/* fix */
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0); }
  
  /* footer */
.footer{
	position: relative;
	height: auto;
    background-color: var(--element-background);
	border-top: 2px solid var(--light-background);
	padding-bottom: 2rem;
}
.footer .container .footer-top-wrap{
	display: grid;
    grid-template-columns: 25% 75%;
}
.footer .container .footer-top-wrap .footer-top-nav{
	display: flex;
	width: 100%;
    margin: 0;
	padding: 0;
	border-bottom: 1px solid #FFF;
}
.footer .container .footer-top-wrap .footer-top-nav li{
	display: flex;
	width: 100%;
    align-items: center;
    justify-content: center;
	height: 3.5rem;
}
.footer .container .footer-top-wrap .footer-top-nav li a{
	text-decoration: none;
	color: var(--nav-text-color);
	font-family: 'Atyp';
    font-size: 15px;
	position: relative;
}
.footer .container .footer-top-wrap .footer-top-nav li a:hover{
	color: var(--nav-white-hover);
}
.footer .container .footer-top-wrap .footer-top-nav li a:after{
	content: "";
    display: block;
    width: 100%;
    position: absolute;
    height: 1px;
    background-color: none;
    bottom: 0.5rem;
	webkit-transition: all 0.2s ease-out 0.1s;
    -moz-transition: all 0.2s ease-out 0.1s;
    -o-transition: all 0.2s ease-out 0.1s;
    transition: all 0.2s ease-out 0.1s;
}
.footer .container .footer-top-wrap .footer-top-nav li a:hover:after{
	background-color: #FFF;
	bottom: -0.2rem;
}
.footer .container .footer-main-wrap{
	display: grid;
    grid-template-columns: 25% 20% 35% 20%;
}
.footer .container .footer-main-wrap div span{
	color: var(--nav-text-color);
	/*font-family: 'Atyp';*/
	font-family: 'Montserrat';
    display: block;
	margin-top: 1.5rem;
	font-size: 13px;
}

.footer .container .footer-main-wrap .footer-header{
	color: var(--nav-text-color);
	font-family: 'Atyp-sb';
	font-size: 15px;
}
.footer .container .footer-main-wrap div{
	padding: 0 1rem;
}
.footer .container .footer-main-wrap ul{
	list-style: none;
    padding: 0;
	padding-left: 1rem;
	margin: 0.5rem 0;
}
.footer .container .footer-main-wrap ul li{
	margin: 0.2rem 0;
}
.footer .container .footer-main-wrap ul li a{
	color: var(--nav-text-color);
	font-family: 'Atyp';
	text-decoration: none;
	font-size: 13px;
	position: relative;
}
.footer .container .footer-main-wrap ul li a:hover{
	color: var(--nav-white-hover);
}
.footer .container .footer-main-wrap ul li a:after,
.useful .useful-item-wrap .green ul li a:after,
.useful .useful-item-wrap .useful-item  ul li a:after
{
	content: "";
    display: block;
    width: 100%;
    position: absolute;
    height: 1px;
    background-color: none;
    bottom: 0.5rem;
	webkit-transition: all 0.2s ease-out 0.1s;
    -moz-transition: all 0.2s ease-out 0.1s;
    -o-transition: all 0.2s ease-out 0.1s;
    transition: all 0.2s ease-out 0.1s;
}
.footer .container .footer-main-wrap ul li a:hover:after,
.useful .useful-item-wrap .green ul li a:hover:after
{
	background-color: #FFF !important;
	bottom: -0.2rem;
}

.news-events-main{
	display: grid;
    grid-template-columns: 75% 25%;
	margin-top: 1.5rem;
	padding-bottom: 2rem;
}

.news-events-main .news-main-wrap, .news-events-main .events-main-wrap{
	color: var(--element-background);
	font-family: 'Atyp-sb';
	font-size: 22px;
	padding: 1rem 0;
}
.news-events-main .events-main-wrap{
   /* padding-left: 1rem;*/
}
.news-events-main .news-main-wrap .news-main-header{
	font-size: 22px;
    padding: 0.5rem 1rem;
    line-height: 26px;
}
.news-events-main .events-main-wrap .events-main-header{
    color: #FFF;
    background-color: var(--element-background);
    font-size: 18px;
    padding: 0.5rem 1rem;
	font-family: 'Atyp';
	border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
}
.news-events-main .news-main-wrap .news-list-wrap{
	display: grid;
    grid-template-columns: 33.333333% 33.333333% 33.333333%;
}
.news-events-main .news-main-wrap .news-list-wrap .card, .news-events-main .events-main-wrap .events-list-wrap .card{
	padding: 1rem;
	margin: 0.7rem 0;
	margin-right: 1rem;
	/*border: 1px solid #d1d1d1;*/
	border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
}
.news-events-main .events-main-wrap .events-list-wrap .card{
	padding-bottom: 2.5rem;
	margin-right: 0;
	border: 1px solid #d1d1d1;
}
.news-events-main .news-main-wrap .news-list-wrap .card:hover, .news-events-main .events-main-wrap .events-list-wrap .card:hover{
	box-shadow: 0 2px 6px var(--shadow);
}
.news-events-main .news-main-wrap .news-list-wrap .card .poster{
	width: 100%;
	overflow: hidden;
	border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
}
.news-events-main .news-main-wrap .news-list-wrap .card .poster img{
	width: 100%;
}
.news-events-main .news-main-wrap .news-list-wrap .card:hover img{
    opacity: 0.8;
}
.news-events-main .news-main-wrap .news-list-wrap .card  .news__date, .news-events-main .events-main-wrap .events-list-wrap .card .news__date{
	color: #7c7c7c;
	font-size: 14px;
	font-family: 'Atyp';
	font-weight: normal;
}
.news-events-main .news-main-wrap .news-list-wrap .card  .news__date{
	padding: 0.4rem 0;
}
.news-events-main .news-main-wrap .news-list-wrap .card .news-title a{
	font-family: 'Atyp';
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	color: var(--element-background);
}
 .news-events-main .events-main-wrap .events-list-wrap .card .events-title a{
	font-size: 14px;
	line-height: 20px;
	font-family: 'Montserrat';
	font-weight: bold;
	text-decoration: none;
	color: #5a5a5a;
 }
.news-events-main .news-main-wrap .news-list-wrap .card:hover a, .news-events-main .events-main-wrap .events-list-wrap .card:hover a{
	color: var(--light-background);
}
.news-events-main .events-main-wrap .events-list-wrap .card .event-type{
	background-color: var(--light-background);
	color: #FFF;
	font-size: 12px;
	line-height: 12px;
	padding: 0.3rem 1rem;
	display: inline-block;
	border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
	font-family: 'Montserrat';
	display: inline-block;
	float: right;
}
.news-events-main .events-main-wrap .events-list-wrap .card:hover .event-type{
	background-color: var(--element-background);
}
.allnews{
	color: var(--element-background);
    text-decoration: none;
    font-size: 17px;
	position: relative;
}
.allnews:hover{
	color: var(--light-background);
}
.allnews:hover .fa:before{
	padding-left: 2px;
}
.news-list-wrap .allnews{
	margin-left: 1rem;
}
.row{
	box-sizing: border-box;
}
.mr-06{
	margin-right: 0.6rem !important;
}
.mr-1{
	margin-right: 1rem !important;
}
.pb-25{
	padding-bottom: 2.5rem;
}
.useful{
	width: 100%;
	display:inline-block;
}
.useful .useful-item-wrap{
	display: grid;
    grid-template-columns: 50% 50%;
}
.useful .useful-header{
	font-family: 'Atyp-sb';
    font-size: 22px;
    padding: 0.5rem 1rem;
    line-height: 26px;
	color: #FFF;
	margin-bottom: 0.4rem;
}
.useful .useful-item-wrap .useful-item{
	margin: 0.5rem 0;
	border: 1px solid #d1d1d1;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
	background-color: #FFF;
	box-shadow: 1px 1px 5px 0px rgb(0 0 0 / 10%);
	padding: 2rem;
	position: relative;
}
.useful .useful-item-wrap .useful-item .bg-icon{
	position: absolute;
    right: 40px;
    top: 20%;
}
.useful .useful-item-wrap .useful-item .bg-icon i{
    color: #e3e3e3;
    font-size: 120px;
}
.useful .useful-item-wrap .useful-item .useful-item-header{
	font-family: 'Atyp-sb';
	font-size: 25px;
	color: var(--element-background);
	margin-bottom: 0.5rem;
}
.useful .useful-item-wrap .useful-item .useful-item-desc{
	padding-left: 1rem;
	font-size: 17px;
	color: #888;
}
.useful .useful-item-wrap .useful-item  ul{
	list-style: circle;
    margin: 1.5rem 0;
    padding: 0;
    padding-left: 2rem;
}
.useful .useful-item-wrap .useful-item  ul li{
	margin: 0.3rem 0;
}
.useful .useful-item-wrap .useful-item  ul li a{
	color: #424242;
    text-decoration: none;
    font-size: 15px;
	font-weight: bold;
	webkit-transition: all 0.2s ease-out 0.1s;
    -moz-transition: all 0.2s ease-out 0.1s;
    -o-transition: all 0.2s ease-out 0.1s;
    transition: all 0.2s ease-out 0.1s;
	position: relative;
}
.useful .useful-item-wrap .useful-item  ul li a:hover:after{
	background-color: var(--light-background);
    bottom: -0.2rem;
}
.useful .useful-item-wrap .useful-item  ul li a:hover{
	color: var(--light-background);
}

.useful .useful-item-wrap .green{
	background-color: var(--light-background);
	border: 1px solid var(--light-background);;
}
.useful .useful-item-wrap .green .bg-icon i{
    color: #7fd1bf;
}
.useful .useful-item-wrap .green ul, .useful .useful-item-wrap .green ul li a, .useful .useful-item-wrap .green .useful-item-header, .useful .useful-item-wrap .green .useful-item-desc{
	position: relative;
	color: #FFF;
	webkit-transition: all 0.2s ease-out 0.1s;
    -moz-transition: all 0.2s ease-out 0.1s;
    -o-transition: all 0.2s ease-out 0.1s;
    transition: all 0.2s ease-out 0.1s;	
}
.useful .useful-item-wrap .green ul li a:hover{
	color: var(--nav-text-color);
}
.ratings .ratings-header{
	font-family: 'Atyp-sb';
    font-size: 25px;
    padding: 0.5rem 0;
    line-height: 26px;
	color: var(--element-background);
}
.ratings .ratings-wrap{
	margin: 2.5rem 0;
	display: grid;
    grid-template-columns: 50% 50%;
}
.ratings .ratings-wrap .col{
	margin: 0.3rem 0;
	border: 1px solid #d1d1d1;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
	background-color: #FFF;
	box-shadow: 1px 1px 5px 0px rgb(0 0 0 / 10%);
	box-shadow: 0 2px 5px var(--shadow);
	padding: 1rem 2rem;
	padding-bottom: 2rem;
}
.ratings .ratings-wrap .col .ratings-item-wrap{
	display: grid;
    grid-template-columns: 49% 49%;
    font-family: 'Montserrat';
    grid-column-gap: 1rem;
}
.ratings .ratings-wrap .col .ratings-item-wrap div{
	padding:0.5rem 0;
}
.ratings .ratings-wrap .col .ratings-item-wrap div h3{
	margin: 0.5rem 0;
    font-size: 35px;
	color: var(--light-background);
}
.ratings .ratings-wrap .col .ratings-item-wrap div span{
	font-size: 15px;
    color: #505050;
    font-weight: bold;
}
.ratings .ratings-wrap .green{
	background-color: var(--light-background);
	border: 1px solid var(--light-background);
}
.ratings .ratings-wrap .green .ratings-header, .ratings .ratings-wrap .green .ratings-item-wrap div h3{
	color: #FFF;
}
.ratings .ratings-wrap .green .ratings-item-wrap div span{
	color: #DDD;
}

.other-links{
}
.other-links .other-links-header{
	padding: 1rem 0;
}
.other-links .other-links-header a{
	font-family: 'Atyp-sb';
    font-size: 18px;
    padding: 0.5rem 0;
    line-height: 26px;
	text-decoration: none;
	line-height: 18px;
	color: #FFF;
	position: relative;
	cursor: pointer;
	-webkit-user-select: none; /* Safari */
	 -ms-user-select: none; /* IE 10 and IE 11 */
	 user-select: none; /* Standard syntax */
}
.usn{
	-webkit-user-select: none; /* Safari */
	 -ms-user-select: none; /* IE 10 and IE 11 */
	 user-select: none; /* Standard syntax */
}
.other-links .other-links-header a:hover{
	color: var(--nav-text-color);
}
.other-links .other-links-header a:before {
    content: "";
    display: block;
    width: 100%;
    position: absolute;
    height: 1px;
    background-color: none;
    bottom: 0.5rem;
    webkit-transition: all 0.2s ease-out 0.1s;
    -moz-transition: all 0.2s ease-out 0.1s;
    -o-transition: all 0.2s ease-out 0.1s;
    transition: all 0.2s ease-out 0.1s;
}
.other-links .other-links-header a:hover:before {
    background-color: #FFF;
    bottom: 0.2rem;
}
.other-links .other-links-header a:after {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 0.4em;
    vertical-align: 0.17em;
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-left: 0.3em solid transparent;
}

.other-links .other-links-wrap{
	overflow: hidden; 
	/* 
	height: 0px;
	transition: height 0.5s ease 0s;
	padding: 0 2rem;*/
	display: none;
}

.other-links .other-links-show{
	height: auto;; 
	/*overflow: hidden; 
	transition: all 0.5s ease 0s;*/
}
.other-links .other-links-wrap ul{
	position: relative;
    color: #FFF;
	margin: 1.5rem 0;
    padding: 0;
    padding-left: 2rem;
	margin-top: 1rem;
	column-count: 3;
	list-style: circle;
}
.other-links .other-links-wrap ul li{
	margin: 0.3rem 0;
}
.other-links .other-links-wrap ul li a {
    color: #FFF;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
    webkit-transition: all 0.2s ease-out 0.1s;
    -moz-transition: all 0.2s ease-out 0.1s;
    -o-transition: all 0.2s ease-out 0.1s;
    transition: all 0.2s ease-out 0.1s;
    position: relative;
}

.partners {
  width: 100%;
  margin-top: 20px;
  position: relative; }
  @media only screen and (min-width: 1000px) {
    .partners {
      width: 100% } }
  @media only screen and (min-width: 769px) and (max-width: 999px) {
    .partners {
      width: 728px; } }
  @media only screen and (min-width: 481px) and (max-width: 768px) {
    .partners {
      width: 100%; } }
  @media only screen and (max-width: 480px) {
    .partners {
      /*width: 280px;*/
		width: 335px;} }
  .partners .slider-next, .partners .slider-prev {
    position: absolute;
    width: 35px;
    height: 35px;
    background-color: #FFF;
	color: var(--element-background);
	border: 1px solid var(--element-background);
	border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    top: 40%;
    text-align: center;
    cursor: pointer;
    -webkit-transition: all 0.2s ease-out 0.1s;
    -moz-transition: all 0.2s ease-out 0.1s;
    -o-transition: all 0.2s ease-out 0.1s;
    transition: all 0.2s ease-out 0.1s; }
	.partners .slider-next i, .partners .slider-prev i{
		line-height: 35px;
	}
    .partners .slider-next:hover, .partners .slider-prev:hover {
      background-color: var(--light-background);
	  border: 1px solid var(--light-background);	  
	  color: #FFF;}
  .partners .slider-next {
	top: 0;
    right: 40px;
    }
  .partners .slider-prev {
	top: 0;
    right: 0;
    }
  .partners .partners-header {
	font-family: 'Atyp-sb';
    font-size: 25px;
    color: var(--element-background);
    font-weight: bold; 
    padding: 0.5rem 1rem;
    line-height: 26px;
    margin-bottom: 1rem;}
  .partners .partners-container {
    width: 100%;
    height: 150px;
    margin: 5px auto;
    overflow: hidden; }
    @media only screen and (min-width: 1000px) {
      .partners .partners-container {
        width: 100%; } }
    @media only screen and (min-width: 769px) and (max-width: 999px) {
      .partners .partners-container {
        width: 650px; } }
    @media only screen and (min-width: 481px) and (max-width: 768px) {
      .partners .partners-container {
        width: 402px; } }
    @media only screen and (max-width: 480px) {
      .partners .partners-container {
        width: 242px; } }
    .partners .partners-container .owl-item {
      position: relative;
      width: 147px;
      height: 140px;
      text-align: center;
      vertical-align: middle; }
      .partners .partners-container .owl-item img {
		-webkit-filter: grayscale(40%);
		filter: grayscale(40%);
        position: absolute;
        width: 100px;
        height: auto;
        margin: auto;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0; 
		-webkit-transition: all 0.2s ease-out 0.1s;
		-moz-transition: all 0.2s ease-out 0.1s;
		-o-transition: all 0.2s ease-out 0.1s;
		transition: all 0.2s ease-out 0.1s;
		}
		.partners .partners-container .owl-item img:hover{
		-webkit-filter: grayscale(0%);
		filter: grayscale(0%);
		}

.white-hoverline a{
	position: relative;
}
.white-hoverline a:before {
    content: "";
    display: block;
    width: 100%;
    position: absolute;
    height: 1px;
    background-color: none;
    bottom: 0.5rem;
    webkit-transition: all 0.2s ease-out 0.1s;
    -moz-transition: all 0.2s ease-out 0.1s;
    -o-transition: all 0.2s ease-out 0.1s;
    transition: all 0.2s ease-out 0.1s;
}
.white-hoverline a:hover:before {
    background-color: #FFF;
    bottom: -0.1rem;
}