.table-nupp > thead, .nupp-style {
    background-color: #004080;
    color: #ffca00;
}
.btn.nupp-style {
    white-space: normal;
}
code, .nupp-style2, .btn.nupp-style:hover, .btn.nupp-style:focus, .btn.nupp-style.focus{
    background-color: #ffca00;
    color: #004080;
}
/*--- CSS Reset ---*/
.news-tags{
    margin-bottom: 5px;
}
.news-tags .label{
    margin-right: 5px;
}
.page-page h1 {
    display:inline;
}
.button-social-block {
    margin-bottom: 5px;
}
#mainArea{
    margin-left: 0px;
    margin-right: 0px;
    padding-top: 48px;
}
header, nav, section, article, aside, footer {
  display: block
}
fieldset, table, img {
    border: 0;
    outline: 0;
}
nav ul, nav ol, .list-clean, .nav-crumbs {
    list-style: none;
    padding: 0;
}
ol, ul, dl, dd {
    margin: 0 0 0.875em;
}
nav ul, nav ol, address {
    margin-bottom: 0.875em;
}
html, body, fieldset, table {
    margin: 0;
    padding: 0;
}
html, body, h1, input {
	font-family: 'Century Gothic',  Arial,  sans-serif;
    font-weight: 300;
    font-style: normal;
}
#body{
	font-size: 15px;
}
html {
    box-sizing: border-box;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%}
*, *:before, *:after {
    box-sizing: inherit;
}
.clearfix:after, .grid:after {
    clear: both;
    content: '';
    display: table;
}
.hide {
  display: none;
}
.show {
  display: block;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.flexes{
	display: flex;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}
.block-wrapp{
	text-align:center;
	display:table;
	width:100%;
	height:260px;
	margin: 15px auto;
}
.block-color{
	display:table-cell;
	vertical-align:middle;
	padding:1.5em;
	font-size:1.4em;
}
.table-center{
	margin-left: auto;
	margin-right: auto;
}
.btn-hover{
	display:block;
	padding:1em 1.5em;
	border-radius:5px;
}
.btn-hover:hover{
	cursor:pointer;
	text-decoration:none;
}
.page-page h1 {font-size: 1.9em;}
.page-page p {font-size: 1.15em;line-height: 1.85em;}
.section-title {width:100%;font-size:150%;padding:5px;}
.section-title a {border-left:1px solid gray;padding-left:5px;text-decoration:none;color:gray;font-size:16px;}
.section-title a:hover {color:#000;}
.title-hidden {
    border: 0 !important;
    color: transparent;
    height: 1px !important;
    left: -999999px !important;
    position: absolute !important;
    width: 1px !important;
}
.nav-group--consistent .list--drop-nav  a, .nav-group--callouts .list--drop-nav  a {
	color:#fff;
}
.list--drop-nav a{background:#004080;transition:all .3s;}
.list--drop-nav a:hover{background:#fec200;transition:all .3s;}
.nav-drawer { position: relative; }
.pntu-heading {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0;
    -webkit-transition: all .2s;
    transition: all .2s;
    z-index: 115;/*15*/
}
.panel-title a{
	display: block;
}
.panel-title a:hover, .panel-title a:focus{
	text-decoration: none;
}
.card-callout-bg-img, .card-callout-bg-img>[style] {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.wrapper--no-pad {
    padding: 0;
    max-width: 1300px;
}
.wrapper {
    margin: 0 auto;
    max-width: 1340px;
    position: relative;
}
.card-callout-bg-img__content {
    padding: 250px 40px;
    width: 50%;
}
.c-bg-crimson {
    background-color: #F3F3F1;
}
.list-clean{
	z-index: 120;
	position: relative;
}
.nav-drawer .nav-group.nav-group--top-bar {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1 1 100%;
    box-shadow: none;
    padding: 0 8px;
    overflow: visible;
}

@media screen and (min-width: 601px) {
    .nav-drawer .nav-group {
        padding-left: 13%;
        transition: padding .3s;
    }
    .in-view .nav-drawer .nav-group {
        padding-left: 9%;
    }
    .pntu-heading {
        /* background-position: center -13px; */
        width: 15%;
        max-width: 160px;
        height: 100%;
        padding: 10px;
        /* height: 90px; */
        /* top: 36px; */
    }
    .nav-drawer .nav-group.nav-group--top-bar {
        justify-content: flex-end;
        flex: 1 1 0;
        width: auto;
    }    
    .in-view .pntu-self-link {
        /* background-position: 50% 25%; */
        /* background-position: center bottom;
        background-size: 50%;
        height: 40px; */
        /* background-size: 44%; */
       /*  background-size: 80px;
       margin: 2px 0; */
    }
    .in-view .pntu-heading {
        background-position: center bottom;
        width: 10%;
        max-width: 120px;
        /* height: 60px; */
        /* top: 36px; */
    }
    #mainArea{
        padding-top: 110px;
    }
}
@media screen and (min-width: 800px) {
    .pntu-heading {
        /* height: 110px; */
    }
    .in-view .pntu-heading {
        /* height: 70px; */
    }
    #mainArea {
        padding-top: 130px;
    }
}
@media screen and (min-width: 1100px) {
    .pntu-heading {
        max-width: 200px;
        height: 100%;
        /* height: 140px; */
    }
    .in-view .pntu-heading {
        /* height: 80px; */
    }
    /* #mainArea{
        margin-top: 150px;
    } */
}

.pntu-self-link {
    background: url(/images/nupp-logo.png) no-repeat;
    background-size: cover;
    color: transparent;
    display: block;
    height: 100%;
    /*overflow: hidden;*/
    position: relative;
    width: 100%
}
.main-nav {
    background: #fff;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 109;/*9*/
}
.main-nav ul {
    margin: 0 auto;
}
.nupp-title-area {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background-color: #004080;
    padding-left: 13%;
    transition: padding-left .3s;
    /* border-top: 1px solid #ddd; */
}
.in-view .nupp-title-area {
    padding-left: 9%;
}
.nupp-title {
    font-size: 3rem;
    line-height: 1.2;
    font-weight: 700;
    letter-spacing: .1em;
    color: #ffca00;
    text-transform: uppercase;
    padding: .25em .5em;
    margin: 0;
    transition: font-size .25s;
}
.in-view .nupp-title{
    font-size: 2.5rem;
}
.nupp-title span {
    font-size: .45em;
    color: #fff;
    display: block;
}
@media screen and (max-width: 62em) {
    .nupp-title {
        font-size: 2.5rem;
    }
}
@media screen and (min-width: 62em) {
   #mainArea {
        padding-top: 145px;
    }
}

@media screen and (max-width: 600px) {
    .pntu-self-link {
        background: url(/images/nupp-logo-min.png) no-repeat center center;
        background-size: auto 90%;
        height: 52px;
        left: 0;
        position: fixed;
        right: auto;
        top: 0;
        width: 58px;
        z-index: 108;/*8*/
    }
    .nupp-title-area {
        padding: 5px 15px;
        flex-direction: column;
    }
}
@media screen and (min-width: 601px) {
    .in-view .nav-group--callouts {
        /* display: none; */
        font-size: 0;
    }
    .pntu-self-link {
        background-position: center top;
        background-size: contain;
        height: 100%;
    }
}

@media screen and (min-width: 50em) {
    .pntu-self-link {
        height: 100%;
        width: 100%
    }
}
@media screen and (max-width: 37.5em) {
    .main-nav {
        background: #222;
        box-shadow: 0 0 100px transparent;
        height: 100%;
        position: fixed;
        right: -100%;
        top: 0;
        -webkit-transition: right .2s,  box-shadow .2s;
        transition: right .2s,  box-shadow .2s;
        width: 100%;
        z-index: 111;/*11*/
        padding-top: 50px;
    }
    .main-nav ul {
        position: relative;
        visibility: hidden;
    }
    .main-nav ul a {
        background: transparent;
        font-size: 1.125em;
        padding-left: 20px;
        -webkit-transition: background .25s;
        transition: background .25s;
    }
    .main-nav ul a:before {
        content: '';
        height: 100%;
        position: absolute;
        top: 0;
        -webkit-transition: width .1s;
        transition: width .1s;
        width: 0px;
    }
    .main-nav ul a:hover, .main-nav ul a:focus, .main-nav ul a.selected {
        background: rgba(0, 0, 0, 0.4);
    }
    .main-nav ul a:hover:before, .main-nav ul a:focus:before, .main-nav ul a.selected:before {
        width: 6px;
        left: auto;
    }
    .main-nav li {
        display: block;
        float: none;
        width: auto;
    }
    .main-nav li ul li {
        border-bottom: 0;
    }
}
@media screen and (max-width: 37.5em) {
    .nav-drawer {
        background: #004080;
        width: 100%;
        /*height: 100%;
        overflow-y: auto;
        padding-top: 50px; */
    }
    .nav-drawer ul {
        overflow: hidden;
    }
    .main-nav {
        background: transparent;
    }
    .header-top {position: static;}
    .header-top:before {
        background: rgba(0, 64, 128, 0.85);
        border-bottom: 1px solid #1E568F;
        content: '';
        height: 52px;
        left: -50%;
        position: fixed;
        top: 0;
        width: 300%;
        z-index: 110;/*10*/
    }
    .news-page img {
       /*height: auto!important;*/
   }
}
/*.menu-list {
    float: left;
}*/
/*@media screen and (min-width: 37.5625em) {
    .nav-left-half {
    padding-right: 51px;
}
}@media screen and (min-width: 43.75em) {
    .nav-left-half {
    padding-right: 66px;
}
}@media screen and (min-width: 50em) {
    .nav-left-half {
    padding-right: 94px;
}
}@media screen and (min-width: 56.25em) {
    .nav-left-half {
    padding-right: 110px;
}
}@media screen and (min-width: 64em) {
    .nav-left-half {
    padding-right: 118px;
}
}.nav-right-half {
    float: right;
}
@media screen and (min-width: 37.5625em) {
    .nav-right-half {
    padding-left: 51px;
}
}@media screen and (min-width: 43.75em) {
    .nav-right-half {
    padding-left: 66px;
}
}@media screen and (min-width: 50em) {
    .nav-right-half {
    padding-left: 94px;
}
}@media screen and (min-width: 56.25em) {
    .nav-right-half {
    padding-left: 110px;
}
}@media screen and (min-width: 64em) {
    .nav-right-half {
    padding-left: 118px;
}
}.nav-left-half, .nav-right-half {
    width: 50%}*/
.menu-list li {
    float: left;
    padding-left: 8px;
    padding-right: 8px;
    /*width: 50%*/
}
@media screen and (max-width: 37.5em) {
    .menu-list, .menu-list li {
        float: none;
        padding: 0;
        width: auto;
    }
    .menu-list li:last-child a:after {
        left: 0;
    }
}
.nav-group--top-bar {
    background: #004080;
    font-size: .95em;
    text-align: left;
    z-index: 103;/*3*/
}
.nav-group--top-bar li {
    display: inline-block;
}
.nav-group--top-bar a {
    color: #fff;
    padding: .7em;
    -webkit-transition: padding .2s;
    transition: padding .2s;
}
.nav-group--top-bar a:before {
    background: #fec200;
    top: 0;
}
@media screen and (max-width: 37.5em) {
    .nav-group--top-bar {
    background: none;
    padding-top: 15px;
    padding-bottom: 15px;
	border-top: 1px solid #386a9c;
}
.nav-group--top-bar li {
    display: block;
}
.nav-group--top-bar a {
    font-size: 10px 12px;
}
}@media screen and (min-width: 37.5625em) {
  .nav-group--top-bar {
    /* position: fixed;
    top: 0; */
    box-shadow: 0 0 2px #ddd;
	font-size:.7em;
    width: 100%}
.nav-group--top-bar a {
    padding: 1em .5em;
}
.nav-group--top-bar li:nth-child(2) a {
    /* padding-left: 10px; */
}
}@media screen and (min-width: 43.75em) {
    .nav-group--top-bar a {
    padding: 10px 14px;
}
}@media screen and (min-width: 50em) {
    .nav-group--top-bar {
    font-size: .9em;
    /*text-align: center;*/
}
}
/*.nav-group ul {
    max-width: 1300px;
}*/
.nav-group li {
    line-height: 1;
    margin-bottom: 0;
    position: relative;
    z-index: 103;/*3*/
}
.nav-group a {
    display: block;
    position: relative;
    text-decoration: none;
    -webkit-transition: padding .2s,  font-size .2s;
    transition: padding .2s,  font-size .2s;
    white-space: nowrap;
}
.nav-group a:before {
    content: '';
    height: 4px;
    left: 0;
    margin: auto;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    -webkit-transition: width .45s,  opacity .1s;
    transition: width .45s,  opacity .1s;
    width: 0%}
@media screen and (max-width: 37.5em) {
    .nav-group a:before {
    left: auto;
    right: 0;
    width: 100%}
}.nav-group a:hover:before, .nav-group a:focus:before, .nav-group a.selected:before {
    opacity: 1;
    text-decoration: none;
    width: 100%}
.nav-group--consistent {
    font-size: 1.1em;
    text-align: center;
    position: relative;
    /* -webkit-transition: top .2s;
    transition: top .2s; */
    width: 100%;
    z-index: 102;/*2*/
}
.nav-group--consistent a {
    color: #004080;
}
.nav-group--consistent a:before {
    background: #fec200;
    bottom: 0;
}
.nav-group--callouts {
    background: #f3f3f1;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
    z-index: 101;/*1*/
}
.nav-group--callouts a {
    color: #004080;
    font-size: .75em;
    padding: .75em;
    position: relative;
    z-index: 102;/*2*/
}
.nav-group--callouts a:before {
    background: #fec200;
    bottom: 0;
}
@media screen and (max-width: 37.5em) {
    .nav-group--consistent {
    font-size: 1em;
    text-align: left;
}
.nav-group--consistent a {
    color: #fff;
    padding: 1em 1em 1em 1.25em;
}
.nav-group--consistent a:before {
    background: #fff;
}
}@media screen and (min-width: 37.5625em) {
    .nav-group--consistent {
		background: #fff;
		font-size: .9em;
		/* position: fixed; */
		/* top: 36px; */
}
.nav-group--consistent a {
    padding: .7em;
	font-size: .85em;
}

}@media screen and (min-width: 43.75em) {
    .nav-group--consistent {
    /* font-size: 1.05em; */
}
}@media screen and (min-width: 50em) {
    .nav-group--consistent {
    /* font-size: 1.1em; */
    /* top: 2.3em; */
}
}@media screen and (min-width: 64em) {
    .nav-group--consistent {
        font-size: 1.1em;
        /* top: 2.3em; */
    }
    .nav-group--consistent a {
        padding: .75em;
    }
}
@media screen and (max-width: 37.5em) {
    .nav-group--callouts {
    background: none;
    box-shadow: none;
    padding-top: 1.25em;
}
.nav-group--callouts a {
    color: #fec200;
}
.nav-group--callouts a:hover {
    color: #e83852;
}
.nav-group--callouts a:before {
    background: #d41934;
}
}@media screen and (min-width: 37.5625em) {
    .nav-group--callouts {
        font-size: .85em;
        position: relative;
        /* text-align: center; */
        /* top: 4.35em; */
        /* -webkit-transition: top .2s;
        transition: top .2s; */
    }
    /* .nav-group--callouts a {
        padding: .75em 0;
    } */
}

@media screen and (min-width: 50em) {
    .nav-group--callouts {
    font-size: 1em;
    /* top: 4.45em; */
}
}@media screen and (min-width: 64em) {
    .nav-group--callouts {
    font-size: 1.15em;
}
}.scroll-link {
    opacity: 0;
    position: absolute;
    text-indent: -99999px;
    -webkit-transform: translateX(-99px);
    -ms-transform: translateX(-99px);
    transform: translateX(-99px);
    -webkit-transition: opacity .1s,  -webkit-transform .1s;
    transition: opacity .1s,  transform .1s;
    visibility: hidden;
}
@media screen and (max-width: 37.5em) {
    .scroll-link {
    display: none !important;
}
}.in-view .scroll-link {
    background: rgba(165, 28, 48, 0.85);
    font-size: inherit;
    opacity: 1;
    position: relative;
    text-indent: 0;
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
    visibility: visible;
}
@media screen and (min-width: 600px) and (max-width: 1100px) {
    .lg-nav-txt {
    visibility: hidden;
    position: absolute;
}
}/*.in-view .nav-left-half {
    padding-right: 50px;
}
.in-view .nav-right-half {
    padding-left: 50px;
}*/
@media screen and (min-width: 37.5625em) {
    .in-view .nav-group--consistent {
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25);
    font-size: .9em;
    /* top: 4.25em; */
}
}@media screen and (min-width: 700px) {
    .in-view .nav-group--consistent {
    /* font-size: 1em; */
}
.in-view .nav-group--consistent a {
    padding: 1em;
	/* font-size: 1em; */
}
.in-view .search-icon {
    height: 36px;
}
}@media screen and (min-width: 800px) {
    .in-view .nav-group--consistent {
    /* top: 2.5em; */
}
}.nav-open, .nav-open body {
    overflow: hidden;
	height: 100%}
@media screen and (max-width: 37.5em) {
    .page { min-height: 1px;}
    .nav-open .main-nav, .nav-open body .main-nav {
       overflow-y:auto;
       background: #004080;
       right: 0;}
       .nav-open .main-nav ul, .nav-open body .main-nav ul {
        visibility: visible;
        height: auto;
        opacity: 1;
    }
    .main-nav .list--drop-nav a {
       font-size:1em;
       padding:15px;
       text-indent:5%;
   }
   /* .main-nav .lang-list{
       float: right;
       margin-top: 12px;
   } */
}/*.is-touch-device .main-nav ul a:hover, .is-touch-device .main-nav ul a:focus {
    background: transparent;
}
.is-touch-device .nav-group a:hover:before, .is-touch-device .nav-group a:focus:before {
    opacity: 0;
}
.no-js .list--drop-nav, .is-touch-device .list--drop-nav {
    display: none;
}*/
.ie-8 .list--drop-nav {
    border: 1px solid #ccc;
}
.list--drop-nav {
  /*  background: #004080;*/
	display: block;
    border-top: none;
    box-shadow: 0 0 1px;
    min-width: 94%;
    opacity: 0;
    height: 1px;
    overflow: hidden;
    position: absolute;
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
    white-space: nowrap;
}
.list--drop-nav li {
    float: none !important;
    padding: 0 !important;
    text-align: left;
    width: 100% !important;
}
@media screen and (max-height: 666px) {
    .list--drop-nav .first a {
    padding-top: 6px;
}
	.list--drop-nav .last a {
    padding-bottom: 6px;
}
}.list--drop-nav a {
    font-size: .8em;
    display: block;
    padding: 8px 12px;
    width: 100%}
.list--drop-nav a:before {
    display: none;
}
.list--drop-nav a:hover, .list--drop-nav a:focus {
    background:#fec200;
	transition:all .3s;
    color: #fff;
}
.has-drop-nav:hover .list--drop-nav, .list--drop-nav:hover .list--drop-nav, .is-opened .list--drop-nav {
    height: auto;
    opacity: 1;
    visibility: visible;
}
.list--drop-nav:before {
    background: #004080;
    content: '';
    display: none;
    height: 4px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%}

.list--drop-nav:hover:before, .is-opened .list--drop-nav:before {
    display: block;
}
.no-js .has-drop-nav:hover .list--drop-nav {
    display: block;
}
@media screen and (max-height: 666px) {
    .in-view .list--drop-nav a {
    font-size: .72em;
    padding: 6px 12px;
}
.in-view .list--drop-nav .first a {
    padding-top: 12px;
}
.in-view .list--drop-nav .last a {
    padding-bottom: 8px;
}
}@media screen and (max-height: 530px) {
}.main-nav .btn-mobile-nav {
    display: none;
}
.btn--menu {
    border: none;
    color: rgba(255, 255, 255, 0.9);
    line-height: 1;
    margin: auto;
    max-width: 200px;
    min-width: 106px;
    padding: 18px 50px 18px 12px;
    position: fixed;
    right: 15px;
    text-decoration: none;
    text-transform: uppercase;
    top: 0;
    -webkit-transition: padding .2s .4s,  text-indent .2s .4s,  color .2s .4s,  max-width .2s .4s,  min-width .2s .4s;
    transition: padding .2s .4s,  text-indent .2s .4s,  color .2s .4s,  max-width .2s .4s,  min-width .2s .4s;
    z-index: 112;/*12*/
}
.btn--menu:active, .btn--menu:link, .btn--menu:visited {
    color: #fff;
}
.btn--menu:hover, .btn--menu:link:hover, .btn--menu:focus {
    background: #004080;
    box-shadow: inset 0 0 1px #ccc;
}
.btn--menu[data-state="off"]:hover .btn--menu__icon {
    width: 22px;
}
.btn--menu[data-state="off"]:hover .btn--menu__icon:before {
    top: -8px;
}
.btn--menu[data-state="off"]:hover .btn--menu__icon:after {
    bottom: -8px;
}
.btn--menu[data-state="on"] {
    color: rgba(255, 255, 255, 0);
    max-width: 20px;
    min-width: 1px;
    padding-left: 24px;
    padding-right: 24px;
}
.btn--menu[data-state="on"] .btn--menu__icon {
    background: transparent;
    bottom: 0;
    top: 0;
    -webkit-transition: -webkit-transform .2s .4s;
    transition: transform .2s .4s;
}
.btn--menu[data-state="on"] .btn--menu__icon:before, .btn--menu[data-state="on"] .btn--menu__icon:after {
    background: #ccc;
    bottom: 0;
    top: 0;
}
.btn--menu[data-state="on"] .btn--menu__icon:after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.btn--menu[data-state="on"] .btn--menu__icon:before {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
@media screen and (max-width: 37.5em) {
    .btn--menu {
    border-left: 1px solid rgba(255, 255, 255, 0.12);
    border-right: 1px solid rgba(255, 255, 255, 0.12);
}
}@media screen and (min-width: 37.5625em) {
    .btn--menu {
    display: none;
}
}.btn--menu__icon {
    background: #fff;
    bottom: 0;
    height: 2px;
    right: 0;
    margin: auto 0 auto 2px !important;
    position: absolute;
    right: 14px;
    top: 0;
    -webkit-transition: .2s all;
    transition: .2s all;
    width: 20px;
}
.btn--menu__icon:before, .btn--menu__icon:after {
    background: #fff;
    border-radius: 4px;
    content: '';
    height: 2px;
    left: 0;
    margin: auto;
    position: absolute;
    -webkit-transition: -webkit-transform .2s 0s,  top .2s,  bottom .2s;
    transition: transform .2s 0s,  top .2s,  bottom .2s;
    width: 100%}
.btn--menu__icon:before {
    top: -6px;
}
.btn--menu__icon:after {
    bottom: -6px;
}
.is-touch-device .btn--menu:hover, .is-touch-device .btn--menu:link:hover, .is-touch-device .btn--menu:focus {
    background: transparent;
    box-shadow: none;
}
.is-touch-device .btn--menu[data-state="off"]:hover .btn--menu__icon {
    right: 14px;
    width: 20px;
}
.is-touch-device .btn--menu[data-state="off"]:hover .btn--menu__icon:before {
    top: -6px;
}
.is-touch-device .btn--menu[data-state="off"]:hover .btn--menu__icon:after {
    bottom: -6px;
}
.search-area {
    position: fixed;
    right: 0;
    top: 0;
    z-index: 113;
}
input.input-search {
    background: url(/images/search-icon.png) #fff no-repeat 16px center;
    padding-left: 56px;
}
@media (min--moz-device-pixel-ratio: 1.3),  (-webkit-min-device-pixel-ratio: 1.3),  (min-device-pixel-ratio: 1.3),  (min-resolution: 1.3dppx) {
    input.input-search {
    background-image: url("/images/search-icon@2x.png");
    background-size: 22px 21px;
}
}
.btn--mobile-site-search {
    border: 0;
    display: none;
    height: 52px;
    position: absolute;
    right: 0;
    top: 0;
    width: 52px;
    z-index: 104;/*4*/
}
.btn--mobile-site-search:active {
    box-shadow: none;
}
.is-touch-device .btn--mobile-site-search {
    display: block;
}
#searchArea input.input-search {
    background-color: transparent;
	background-image: url(/images/search-icon.png);
    height: 52px;
    border: none;
    color: #fff;
    font-size: .9em;
    max-width: 56px;
    padding-bottom: 2px;
    padding-right: 0px;
    padding-top: 2px;
    position: fixed;
    right: 0px;
    top: 0;
    border-left: 1px solid rgba(255, 255, 255, 0.12);
    -webkit-transition: width .3s, height .2s;
    transition: all .3s;
    width: 56px;
    z-index: 101;
}
#searchArea input.input-search:hover, #searchArea input.input-search:focus {
    background-color: #000;
    box-shadow: inset 0 0 1px #fff;
}
#searchArea input.input-search:focus {
    max-width: 280px;
    padding-right: 16px;
    width: 100%;
	outline:none;}
@media screen and (min-width: 601px) {
    #searchArea input.input-search {
    background-color: #000000;
    background-size: auto 18px;
    height: 36px;
    width: 33px;
}
}@media screen and (min-width: 50em) {
    #searchArea input.input-search {
    height: 40px;
    width: 37px;
}
}@media screen and (max-width: 1350px) {
    #searchArea input.input-search {
    width: 3.5em;
}
}@media screen and (min-width: 1201px) {
    #searchArea input.input-search {
    max-width: 240px;
    padding-right: 15px;
    width: 100%;
	transition:all .5s;}
}.btn--subnav span, .btn--subnav span:before, .btn--subnav span:after {
    height: 8px;
    width: 8px;
    background: #bac5c6;
    border-radius: 100px;
}
.btn--subnav {
    border: 1px solid #bac5c6;
    bottom: -16px;
    display: none;
    overflow: hidden;
    position: relative;
    width: 50px;
}
.btn--subnav span {
    display: block;
    margin: auto;
    position: relative;
    -webkit-transition: width .2s .5s,  border-radius .2s .5s;
    transition: width .2s .5s,  border-radius .2s .5s;
}
.btn--subnav span:before, .btn--subnav span:after {
    content: '';
    position: absolute;
    top: 0;
    -webkit-transition: left .2s,  right .2s;
    transition: left .2s,  right .2s;
}
.btn--subnav span:before {
    right: 150%}
.btn--subnav span:after {
    left: 150%}
.btn--subnav.sub-nav-opened span {
    border-radius: 4px;
    width: 100%}
.btn--subnav.sub-nav-opened span:before {
    right: 0%}
.btn--subnav.sub-nav-opened span:after {
    left: 0%}
@media screen and (max-width: 768px) {
    .btn--subnav {
    display: block;}
    .sub-nav {
    background: #f3f3f1;
    border-bottom: 1px solid #bac5c6;
    border-top: 1px solid #bac5c6;
    display: none;
    margin-bottom: 2.5em;
    margin-left: -1.25em;
    padding: 1.25em 1.25em .25em;
    position: relative;
    width: calc(100% + 2.5em);
}
.nupp-title {
    font-size: 2rem;
    padding: .25em .35em;
}
.in-view .nupp-title {
    font-size: 2rem;
}
}@media screen and (min-width: 769px) {
    .sub-nav {
    display: block !important;
    margin-top: .875em;}
	.breadcrumb{
		margin-top: 40px;
	}
}
}.sub-nav a {
    display: block;
    margin-bottom: .5em;
    overflow: hidden;
    padding-bottom: .25em;
    padding-top: .25em;
    text-decoration: none;
}
.sub-nav a:focus, .sub-nav a:hover {
    text-decoration: underline;
}
.sub-nav li {
    line-height: 1;
    margin-bottom: 0;
}
.sub-nav li ul {
    margin: 0;
    position: relative;
}
.sub-nav li ul:before {
    background: #e4e7e9;
    background: rgba(186, 197, 198, 0.2);
    content: '';
    height: 96%;
    left: 0;
    position: absolute;
    width: 4px;
}
.sub-nav li ul .first a {
    margin-top: 0;
}
.sub-nav li ul .last a {
    margin-bottom: 10px;
}
.sub-nav li ul li {
    line-height: 1.333;
    position: relative;
}
.sub-nav li ul li a {
    padding-left: .875em;
}
.sub-nav li ul li li a {
    padding-left: 1.75em;
}
.sub-nav li ul a {
    font-size: 0.875em;
    position: relative;
}
.sub-nav li ul .active {
    position: relative;
}
.sub-nav li ul .active a:before {
    background: #bac5c6;
    content: '';
    height: 100%;
    left: 0;
    position: absolute;
    width: 4px;
}
.sub-nav-normal .active>a {
    color: #414141;
    text-decoration: none;
}
.sub-nav--president {
    background: #293352;
    margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
    .sub-nav--president {
    margin-top: 32px;
}
}.sub-nav--president .wrapper {
    padding: 0;
}
.sub-nav--president li {
    float: left;
    margin: 0;
}
.sub-nav--president .active a {
    color: #fff;
}
.sub-nav--president .active a:after {
    width: 100%}
.sub-nav--president a {
    color: #fff;
    display: block;
    margin: 0;
    padding: 1em 1.25em;
    position: relative;
    text-decoration: none;
}
.sub-nav--president a:after {
    background: #4e84c4;
    bottom: 0;
    content: '';
    height: 4px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    -webkit-transition: width .2s;
    transition: width .2s;
    width: 0%}
.sub-nav--president a:hover:after, .sub-nav--president a:focus:after, .sub-nav--president a.selected:after {
    width: 100%}
.sub-nav--president a:hover, .sub-nav--president a:focus {
    text-decoration: none;
}
@media screen and (max-width: 768px) {
    .sub-nav--president {
    padding: 4px 1.25em;
}
.sub-nav--president li {
    float: none;
}
.sub-nav--president a:after {
    content: '';
    height: 100%;
    left: auto;
    top: 0;
    width: 0px;
}
.sub-nav--president a:hover:after, .sub-nav--president a:focus:after, .sub-nav--president a.selected:after {
    width: 4px;
}
}.sub-nav--president .active a:after {
    width: 100%}
@media screen and (max-width: 768px) {
    .sub-nav--president .active a:after {
    width: 4px;
}
}.is-touch-device .sub-nav a:hover, .is-touch-device .sub-nav a:focus {
    color: #004080;
    outline: none;
    text-decoration: none;
}
.is-touch-device .sub-nav a:hover:after, .is-touch-device .sub-nav a:focus:after {
    width: 0;
}
.is-touch-device .sub-nav--president a:hover, .is-touch-device .sub-nav--president a:focus {
    color: #fff;
}
.media-relations-nav {
    background: #293352;
    left: 0;
    padding: .75em 1.25em;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 108;/*8*/
}
.media-relations-nav a {
    color: #fff;
    font-size: 0.875em;
    position: relative;
}
@media screen and (max-width: 37.5em){
	#siteNav .list--drop-nav {
		opacity:0;
		height:0;
		transition:all .5s;
	}
	#siteNav .list-visible .list--drop-nav {
		opacity:1;
		height:auto;
		transition:all .5s;
	}
	.icon-open-close {
		height: 40px;
		position: absolute;
		-webkit-transform: scale(0.75);
		transform: scale(0.75);
		width: 40px; 
		top: 8px;
		right: 10px;
	  }
	  .list-visible  .icon-open-close::before,
	  .list-visible  .icon-open-close::after {
		content: "";
		display: block;
		border-radius: 2px;
		width: 85%;
		height: 15%;
		position: absolute;
		top: 37%;
		left: 8%;
		transition: 0.3s;
		background: white; 
		}
	  .list-visible .icon-open-close::before {
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg); }
	  .list-visible  .icon-open-close::after {
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg); 
	}
	.icon-open-close::before,
	.icon-open-close::after {
		content: "";
		display: block;
		border-radius: 2px;
		height: 15%;
		position: absolute;
		top: 37%;
		background: white;
		transition: 0.3s;
	}
	.icon-open-close::before {
		left: 20%;
		-webkit-transform: translate(0, 100%) rotate(-45deg);
		transform: translate(0, 100%) rotate(-45deg);
		width: 60%; 
	}

	.icon-open-close::after {
		left: 20%;
		-webkit-transform: translate(0, -100%) rotate(45deg);
		transform: translate(0, -100%) rotate(45deg);
		width: 60%; 
	}
}
.traditions {position:relative;bottom:0;width:100%;padding:10px;font-size:200%;letter-spacing:.3em;background: rgba(0, 64, 128, 0.65); color:#fec300;text-align:center;text-transform:uppercase;}
.card--media-left, .card--media-top {
    border-top: 0 !important;
	height: 300px;
	padding: 5px;
    overflow: hidden;
}
.card__media--img .img-lg {
    display: block;
}
.card__media--img a{
	max-height: 220px;
    overflow: hidden;
	position:relative;
}
.card__media--img>a{
	
}
.card__media--img>a:after {
    content: '';
    height: 5px;
    left: 0;
    margin: auto;
    pointer-events: none;
    position: absolute;
    right: 0;
	bottom:0;
    opacity: 1;
    text-decoration: none;
    width: 100%;
	border-bottom: 5px solid #004080;
}
.card__media--img>a:before {
    content: '';
    height: 5px;
    left: 0;
    margin: auto;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
	bottom:0;
	border-bottom: 5px solid #fec300;
    -webkit-transition:all .6s;
	transition:all .6s;
    width: 0%;
	z-index:1;
}
.card__media--img>a:hover:before, .card__media--img>a:focus:before{
    opacity: 1;
    text-decoration: none;
    width: 100%;
	border-bottom: 5px solid #fec300;
	-webkit-transition:all .4s;
	transition:all .4s;
}

.card__media--img {
	display: block;
	position:relative;
}
.card__content h3 {font-size:100%;margin:0;padding:10px 0;/*border-top: 5px solid #004080;*/}
.card__content a {text-decoration:none;color:#3e403d;}
.card__media>*, .card__media>a>* {
    display:block;
	max-width:100%;
    /* height: 220px; */
    margin:0 auto;
}
.wrapper>.grid:last-of-type {
    margin-bottom: 0;
}
.padding-sm {
    padding: 1.5em 1em;
}
@media screen and (max-width: 900px) {
.nav-group--top-bar a {padding: 1em .4em;}
}
/*------------------- Events-list ------------------*/
.event-categories{
	list-style: none;
    text-align: right;
    border-bottom: 7px solid #004080;
    margin: 20px 0;
    padding: 0;
}
.events-title{
	float: left;
    text-align: left;
    display: inline-block;
    margin: 0;
    line-height: 110%;
    font-size: 30px;
}
.event-item{
	display: inline-block;
}
.event-item a{
	display: block;
	padding: 5px;
	text-decoration: none;
	position: relative;
	color: #000;
	font-size: 18px;
}
.event-item a:hover{
	cursor: pointer;
	color: #fec200;
}
.event-item a.active:after, .event-item a:hover:after{
	position: absolute;
    content: '';
    left: 50%;
    margin-left: -10px;
    bottom: 0px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    width: 0;
    height: 0;
    border-bottom: 9px solid #004080;
}
.event-item a:hover:after{
	border-bottom: 9px solid #fec200;
}
.events-list {list-style-type:none;margin:0;padding:0 5px;}
.events-list li {display:table;margin:3px auto;border-right:4px solid transparent;border-bottom:1px solid lightgray;clear:both;transition:all .3s;}
.events-list li:hover {cursor:pointer;background: #F3F3F1;border-right:4px solid #fec200;transition:all .4s;}
.events-list li:hover a{text-decoration: none;}
.event-text {display:table-cell;width:100%;vertical-align:top;}
.event-full-date {float: left;font-style:italic;width:100%;display:none;}
.event-date {
	float:left;
	background-color:#004080;
	color:#fff;
	display: table-cell;
	margin:0 10px 10px 0;
	padding: 3px;
    width: 52px;
}
.event-day {
	text-align:center;
	width:100%;
	display:block;
	font-size:150%;
}
.event-month {
	text-align:center;
	width:100%;
	display:block;
	font-size:100%;
	text-transform:uppercase;
}
.footer {
    background: #004080;
    color: #a9a9a9;
    min-height: 100px;
	clear:both;
}
.copyright {
	text-align:center;
	font-size:80%;
	margin: 0;
    padding: 20px;
}
.fc-event-container .fc-event{
	transform:scale(1);
	transition:all .3s;
}
.fc-event-container .fc-event:hover{
	cursor: pointer;
	opacity: 0.9;
	transform:scale(1.1);
	transition:all .4s;
}
.popover-content:before, .popover-content:after{
	content:'';
	display:table;
	clear: both;
}
.popover-content a{
	float: right;
}

/*----------------------------slider----------------------*/
.swiper-container {
    height: calc(75vw*0.535);
}
.swiper-slide > a {
    display: block;
    height: 100%;
}

@media screen and (max-width:768px){
	.swiper-content, .swiper-button-next, .swiper-button-prev{
		display:none;
	}
	.swiper-container{
      height: 230px;
      height: 62.5vw;
      margin-top: 20px;
	}
}
/*-----------------------footer----------------------*/
footer .info ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
	word-wrap: break-word;
}

footer .info ul>li>h4 {
    color:#fec300;
}

footer .info ul>li>a{
	color:#a9a9a9;
	text-decoration: none;
}
footer .info ul>li>a:hover{
	color:#fec300;
}
footer .social a{
	width:48px;
	height:48px;
	display: block;
	float:left;
	margin-right: 5px;
	transition:all .3s;
}
footer .social a:hover {
	transform:scale(1.2) rotate(-10deg);
	transition:all .3s;
}
footer .social .facebook{
	background-image: url(../../images/social/48x48/facebook.png);
}
footer .social .twitter{
	background-image: url(../../images/social/48x48/twitter.png);
}
footer .social .ytube{
	background-image: url(../../images/social/48x48/youtube.png);
}
footer .social .vkontakte{
	background-image: url(../../images/social/48x48/vkontakte.png);
}
footer .social .gplus{
	background-image: url(../../images/social/48x48/google_plus.png);
}
#map{
	height:180px;
    margin-bottom: 10px;
	margin-top: 10px;
}
.footer-bottom{
	padding-top: 10px;
    border-top: 1px #fec300 solid;
    border-bottom: 1px #fec300 solid;
    margin-top: 10px;
    padding-bottom: 10px;
}
.footer-logo img{
	width: 80%;
    margin: 5% auto;
    display: block;
    max-width: 150px;
}
.footer-bottom .contact-block{
    margin-left: 0px;
    margin-right: 0px;
}
.footer-contact{
    padding-right: 0px!important;
}
/*--------------section----------------*/
.c-bg-grey{
    background-color:#f3f3f1;
}

.section-title-block{
    text-align: center;
    /*margin-bottom: 20px;
	border-bottom: 1px rgba(0,64,128,.4) solid;*/
}

.section-title-block h2 {
    margin-bottom: 25px;
    margin-top: 25px;
    /*margin-left: 10px;
    margin-right: 10px;*/
    padding: 0 20px;
    display: inline-block;
    font-size: 24px;
    color: #004080;
    position: relative;
}

.section-title-block h2::before, .section-title-block h2::after {
    position: absolute;
    content: "";
    height: 1px;
    width: 140px;
    background-color: rgba(0,64,128,.4);
    display: block;
    bottom: 13px;
}
.section-title-block h2::before {
    left: -140px;
}
.section-title-block h2::after {
    right: -140px;
}
@media screen and (max-width: 768px) {
	.section-title-block h2::before, .section-title-block h2::after {
    width: 80px;
}
.section-title-block h2::before {
    left: -80px;
}
.section-title-block h2::after {
    right: -80px;
}
#main-slider.flickerplate {
	height:360px;
}
}
/*------------------------------study----------------*/
#study {
	overflow-x:hidden;	
}
#study .media-element{
    /*margin: 10px;*/
    width: 100%;
}
#study .sbox{
    display: block;
    padding: 10px;
}
#study .sbox h3{
    position: absolute;
	font-size: 20px;
    font-weight: bold;
	max-width: 80%;
    bottom: 0;
    color:#004080;
    margin-bottom: 10px;
    padding: 0.6em 0.4em;
    padding-right: 1.5em;
    background: url("../../images/study-link.png") no-repeat 94% 50% rgba(243,241,236,0.9);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#E6f1f3ec',endColorstr='#E6f1f3ec');
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#study .sbox h3 a{
    display: block;
	color: #004080;
	text-decoration: none;
}
#study .sbox h3 a:hover{
    color:#fec300;
}
/*--------------------NEWS--------------------*/
.sidebar-title{
	text-align: center;
	font-size: 21px;
	padding-bottom: 5px;
	text-shadow: 0 0 1px black;
}
.sidebar-link{
	margin: 5px;
	text-align: right;
}
.sidebar-link a{
	color: #000;
}
.sidebar-news, .sidebar-events{
	background-color: #f3f3f1;
	padding: 4px;
	margin-bottom: 10px;
}
.breadcrumb{
	margin-top: 50px;
	margin-bottom: 0;
	background-color: transparent;
}
.breadcrumb .disabled{
	color: #b2b2b2;
	text-decoration: none;
	cursor: default;
}

.news-page img{
	max-width: 100%;
}
.news-page h1{
	margin-top: 20px;
    margin-bottom: 10px;
    font-size: 1.6em;
    line-height: normal;
    text-shadow: 0 0 1px gray;
}
.news-date{
	font-weight: normal;
	font-size: 1em;
}
.news-lead{
	font-size: 1.2em;
    line-height: normal;
    margin-top: 5px;
    margin-bottom: 20px;
    text-align: justify;
}
.news-image{
	margin: 0 auto;
}
.news-page p{
	margin: 7px 0;
	text-align: justify;
	line-height: 2em;
    font-size: 1.1em;
}
/*--------------------NEWS-search--------------------*/
.news-search{
	padding: 5px;
}
.news-search .form-group{
	margin: 0;
}
.news-search .btn{
	display:block;
	margin: 0 auto;
	width: 100%;
	max-width: 160px;
}
#news-list{}
#news-list .sorter{
	list-style-type: none;
	text-align: center;
	padding: 0;
}
#news-list .sorter li{
	display: inline-block;
}
#news-list .sorter li a{
	padding: 5px;
	font-size: 16px;
}
#collapseCat{
	margin-top: 10px;
}
.news-search a.btn[href="#collapseCat"]{
	margin: 7px auto;
}
a.asc:after {
    content: /*"\e113"*/ "\e151";
}
a.desc:after {
    content: /*"\e114"*/ "\e152";
}
a.asc:after, a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
}
.news-items{
	padding:10px;
}
/*-----------------activity----------------*/
#activity{
    overflow-x: hidden;
}
#activity .row{
	/* margin-top: 20px; */
}
#activity .row>div{
	padding: 0;
	margin: 0;
}
.active-box{
	height: 220px;
	background: #004080;
	border: 1px solid #fff;
    border-width: 1px 1px 1px 0;
	color: #fff;
	overflow: hidden;
	transition: all .5s;
}
.active-box:hover{
	cursor: pointer;
	background: #000;
	transition: all .5s;
}
.active-box:hover .active-head{
	margin-top: 30px;
	transform: scale(1.1);
	transition: all .5s;
}
.active-box:hover .active-desc{
	transform: translateX(100%);
	transition: all .5s;
}
.active-head{
	text-align: center;
	margin-top: 15px;
	transition: all .5s;
}
.active-head img{
	
}
.active-head h3{
	
}
.active-desc{
	text-align: center;
	padding: 5px;
	transition: all .5s;
}
/*------------------media------------------*/
#media .item iframe{
    width: 100%;
    padding: 5px;
    height: 200px;
}
.masonry-container .caption{
	
}
.masonry-container .caption h3{
	font-size: 20px;
	margin: 5px;
	display: inline-block;
}
.masonry-container .caption a{
	display: inline-block;
	padding: 5px;
}
.masonry-container .item{
	margin-left: auto;
	margin-right: auto;
}
.shadow{
	-webkit-box-shadow: 0 0 3px #000;
	box-shadow: 0 0 3px #000;
	-webkit-transition: 300ms;
	transition: 300ms;
}
.shadow:hover{
	-webkit-box-shadow: 0 0 0px #fff;
	box-shadow: 0 0 0px #fff;
	-webkit-transition: 300ms;
	transition: 300ms;
}
/*-------------info---------------*/
#info img{
	width: 100%;
}
/*-----------------  Language  -------------------*/
.main-nav .lang-list{
	padding: 0 7px;
	z-index: 105;
}
.main-nav .cur-lng {
  position: relative; }
  .main-nav .cur-lng a:after {
    content: '';
    position: absolute;
    width: 5px;
    height: 5px;
    bottom: 10px;
    right: 12px;
    border: 4px solid transparent;
    border-top: 4px solid white; }
.main-nav .lng-nav {
  display: block;
  list-style-type: none;
  vertical-align: top; }
  .main-nav .lng-nav .cur-lng {
    position: relative; }
    .main-nav .lng-nav .cur-lng span:after {
      content: '';
      position: absolute;
      width: 4px;
      height: 4px;
      bottom: 5px;
      right: 3px;
      border: 4px solid transparent;
      border-top: 4px solid white; }
    .main-nav .lng-nav .cur-lng:hover {
      cursor: pointer; }
  .main-nav .lng-nav .list-lng {
    display: none;
    opacity: 0;
    position: absolute;
	left: 0;
    list-style-type: none; }
    .main-nav .lng-nav .list-lng.visible {
      display: block;
      opacity: 1;
      visibility: visible;
      transition: all 0.5s; }
	  .main-nav .lng-nav .list-lng li{
		margin-top: 3px;
	  }
	  .main-nav .lng-nav .list-lng li a:before{
		content: none;  
	  }
    .main-nav .lng-nav .list-lng .active a {
      background-color: #fec300; }
  .main-nav .lng-nav a, .main-nav .lng-nav span {
    display: block;
    background-color: #004080;
    color: #fff;
    padding: 2px 10px 2px 5px;
    font-size: 1em;
    line-height: normal;
    margin: 0;
    border: 1px solid #fff;
    text-decoration: none;
    text-transform: uppercase;
    transition: all .3s; }
.main-nav .lng-nav a:hover {
  background-color: #fec300; }
.is-visually-hidden{
	display: none!Important;
  }
/*-----------------  Image Resizer ---------------*/
.imgbox{
	opacity: 1;
	transition: all .4s;}
.imgbox:hover{
	cursor: zoom-in;
	opacity: 0.8;
	transition: all .4s;}
/*-----------  Darken background ----------*/
.wrap-box{
	position: fixed;
	left:0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: #000;
	opacity: 0;
	z-index: -1;
	transition: all .6s;}
.wrap-box.open{
	z-index: 100;
	opacity: .7;
	transition: all .6s;}
/*---------- Image container -------------*/
.modal-box{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 1vh;
	height: 0;
	z-index: 0;
	transition: all .3s;}
.modal-box img{
	width: 0;
	margin: 0 auto;
	display: block;
	transition: all .3s;}
.modal-box.open{
	overflow: hidden;
	margin: 15px auto;
	z-index: 1000;
	padding: 5px;
	height: 100vh;
	transition: all 1s;
	display: flex;
    align-items: center;
    align-content: center;}
.modal-box.open img{
	width: auto;
	max-width: 90vw;
	max-height: 95%;
	background: #fff;
	border: 7px solid #fff;
	border-radius: 5px;
	transition: all 1s;}
.modal-box.open img:hover{
	cursor: pointer;}
.ytbox{padding:10px;}
.youtube{background-position:center;background-repeat:no-repeat;background-size:cover;position:relative;display:block;overflow:hidden;transition:all 200ms ease-out;cursor:pointer;box-shadow:0 0 3px #000}
.youtube:hover {box-shadow:0 0 0px #fff;transition: 300ms;}
.youtube .play{background:url(data:image/png;base64,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) no-repeat center center;background-size:64px 64px;position:absolute;height:100%;width:100%;opacity:.6;filter:alpha(opacity=70);transition:all .2s ease-out}
.youtube .play:hover{opacity:1;filter:alpha(opacity=100)}
.gallery-item{padding: 7px;opacity: .8;transition: all .3s;}
.gallery-item:hover{opacity: 1;transition: all .3s;}
.gallery-item:hover .img-thumbnail{background-color: #81a5c3;}
.img-container{
    overflow: hidden;
    max-height: 240px;
    padding: 4px;
}
/*----------------button colors-----------------*/
.btn-primary, .btn-danger, .btn-info, .btn-success, .btn-warning {
    color:#ffca00;
    background-color:#004080;
}
.btn-primary:hover, .btn-danger:hover, .btn-info:hover, .btn-success:hover, .btn-warning:hover {
    color:#fff;
    background-color:#286090;
}
.btn-primary:active, .btn-danger:active, .btn-info:active, .btn-success:active, .btn-warning:active {
    color:#a7a8a9;
    background-color:#003060;
}
/*
* list style
*/
ul.nupp-active-list{
    margin-top: 10px;
    list-style-type: none;
    list-style-position: unset;
    padding-left: 0;
}
ul.nupp-active-list > li {
    padding: 5px;
}
ul.nupp-active-list > li > a {
    width: 100%;
}
ul.nupp-active-list > li:hover {
    border-left: 4px solid #ffca00;
    border-right: 4px solid #ffca00;
    background-color: #286090;
}
ul.nupp-active-list > li:hover > a {
    text-decoration: none;
    color: white;
}
 /*=== photo gallery on pages/news ===*/
div.content div.photos{
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 100%;
}
@media screen and (min-width: 420px) {
    div.content div.photos > div.photo-item:last-child {
        max-width: 50%;
    }
}
div.content div.photos > div.photo-item{
    width: 180px;
    height: 180px;
    padding: 2px;
    overflow: hidden;
    flex-grow: 1;
}
div.content div.photos > div.photo-item:only-child{
    height: 320px;
}
div.content div.photos > div.photo-item > img{
    object-fit: cover;
    object-position: center;
    border-radius: 2px;
    height: 100%;
    width: 100%;
}