/* ==========================================================================
   Education menu styles
   ========================================================================== */
.site-navigation {
	position: relative;
	text-transform: uppercase;
	font-weight: 500;
	white-space: nowrap;
	z-index: 10;
	font-size: 0;
	pointer-events: none;
	user-select: none;
	-webkit-tap-highlight-color: transparent
}
.site-navigation ul {
	float: right;
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 1.4rem;
	font-weight: 400;
}
.navbar{
	top: 0px;
	z-index: 1000;
	width: 100%;
	background-color: #fff;
}
.navbar-header{
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.navIcon{
	z-index: 1;
}
.navIcon i{
	margin: auto 0;
	font-size: 2.5rem;
	color: #484949;
	cursor: pointer;
}
.menuOpen .banner, .menuOpen .container{
	opacity: 0.5;
	transition: 1s;
}
.menuOpen .container a{
	pointer-events: none;
}
.menuCont{
	position: fixed;
	height: 93%;
	right: 0px;
	display: flex;
	flex-direction: column;
	justify-content:space-between;
	padding-bottom: 22px;
    z-index:-1;
	
}
.menuCont ul{
	padding-left: 0px;
	list-style: none;
}
.menuCont--open{
	z-index: 99;
}
.menuCont--close{
	z-index: -1;
}

.menuItem{
	position: relative;
	display: flex;
	padding-left: 100px;
	align-items: center;
	position: relative;
	height: 9vh;
	font-size: 1.8rem;
	width: 480px;
	right: -100%;
	color: #232323;
	text-decoration: none;
	font-weight: 700;
	line-height: 26px;
	background-color: #fff;
	border-bottom: solid 1px #b0b0b0;
}
.menuItem:hover{
	filter: brightness(85%);
	color: #232323
}
.menuItem::after{
	content: "";
	position: absolute;
	right: 383px;
	top: 20%;
	opacity: 0;
	background: url("/_template/img/banners/education-og-image.png")0 0 no-repeat;
	background-size: 100%;
	width: 11%;
	height: 100%;
	transition: opacity 0.3s ease;
}
.noBot::after{background:none !important;}
.menuItem:hover::after{
	opacity: 1;
}
.menuItem:hover li{
	filter: brightness(115%);
}
.menuCont--secondaryMenu{
	margin-bottom: 0px;
}
.menuCont--secondaryMenu a{
	background: #707070;
	display: flex;
	padding: 0px;
}
.menuItem--getVoting{
	border-right: 20px solid #06BABC;
}.menuItem--classroomResources{
	border-right: 20px solid #e1932d;
}.menuItem--professionalLearning{
	border-right: 20px solid #C6579A;
}.menuItem--democraCity{
	border-right: 20px solid #009dde;
}.menuItem--visitUs{
	border-right: 20px solid #f2bc46;
}
.menuItem--secondary{
	animation-delay: 1s;
}
.menuItem--animationOpen{
	animation-name: animateMenuOptions--openRight;
	animation-duration: 0.75s;
}
.menuItem--open{
	left:-webkit-calc(100% - 480px);
	left:-moz-calc(100% - 480px);
	left:calc(100% - 480px);
}.menuItem--closed{
	left: 100%;
}
.menuItem--animationClose{
	animation-name: animateMenuOptions--close;
	animation-duration: 0.75s;
/*	animation-fill-mode: forwards;*/
}

/*ANIMATION KEYFRAMES - MENU*/
@keyframes animateMenuOptions--openRight{
	0%{
		left: 100%;
	}
	100%{
		left:-webkit-calc(100% - 480px);
		left:-moz-calc(100% - 480px);
		left:calc(100% - 480px);
	}
}
@keyframes animateMenuOptions--close{
	0%{
		left:-webkit-calc(100% - 480px);
		left:-moz-calc(100% - 480px);
		left:calc(100% - 480px);
	}
	100%{
		left: 100%;
	}
}
@media only screen and (max-width: 480px){
	@keyframes animateMenuOptions--openRight{
		0%{
			left: 100%;
		}
		100%{
			left: 0%;
		}
	}
	@keyframes animateMenuOptions--close{
		0%{
			left: 0%;
		}
		100%{
			left: 100%;
		}
	}
	.menuItem--open{
		left: 0%;
	}
	.menuItem--closed{
		left: 100%;
	}
	.menuItem{
		width: 100%;
		padding-left: 70px;
	}
	.menuCont{
		width: 100%;
	}
}
@media only screen and (min-width :1340px) {
.site-navigation ul {
	font-size: 1.6rem
}
}
.site-navigation ul>* {
	pointer-events: auto
}
@media only screen and (max-width :749px) {
.site-navigation ul {
	font-size: 2rem
}
.menuItem--getVoting{
	border-right: 25px solid #06BABC;
}.menuItem--classroomResources{
	border-right: 25px solid #e1932d;
}.menuItem--professionalLearning{
	border-right: 25px solid #C6579A;
}.menuItem--democraCity{
	border-right: 25px solid #009dde;
}.menuItem--visitUs{
	border-right: 25px solid #f2bc46;
}

.menuItem--democraCity{
	position: relative;
}
.menuItem--democraCity::after{
	content: "";
	position: absolute;
	right: 86%;
	top: 20%;
	opacity: 1;
	background: url("/_template/img/banners/education-og-image.png")0 0 no-repeat;
	background-size: 100%;
	width: 11%;
	height: 100%;
}
}
@media only screen and (max-width :429px) {
.site-navigation ul {
	font-size: 1.6rem
}
}
@media only screen and (min-width :750px) {
.touch .site-navigation {
	position: fixed;
	width: 321px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}
.sticky-navigation .site-navigation {
	right: 0rem;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s
}
.sticky-navigation.primary-navigation-open .site-navigation {
	top: 2rem
}
}
.no-touch .site-navigation {
	display: block
}
@media only screen and (min-width :750px) {
.no-touch .site-navigation {
	height: 93px
}
}
@media only screen and (min-width :1340px) {
.no-touch .site-navigation {
	height: 110px
}
}
.site-navigation-primary {
	position: fixed;
	right: 1rem;
	bottom: -1px;
	width: 100%;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s
}
@media only screen and (max-width :749px) {
.site-navigation-primary {
	width: 102.5%
}
.no-touch .site-navigation-primary {
	height: 0;
	left: 0;
}
.secondary-navigation-open .site-navigation-primary {
	margin-bottom: 33.33333333%
}
}
@media only screen and (max-width :749px) and (orientation:landscape) {
.site-navigation-primary, .home-navigation {
	max-width: 321px
}
.secondary-navigation-open .site-navigation-primary {
	margin-bottom: 107px
}
}
@media only screen and (min-width :750px) {
.site-navigation-primary {
	position: relative
}
.no-touch .site-navigation-primary {
	bottom: auto;
	width: auto;
	max-width: none;
	-webkit-transform: none;
	-moz-transform: none;
	-o-transform: none;
	-ms-transform: none;
	transform: none
}
.no-touch .site-navigation-primary .site-navigation-toggle.primary {
	position: fixed;
	top: -100px;
	right: 2rem;
	padding-bottom: 0;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0
}
.sticky-navigation-toggle .site-navigation-primary .site-navigation-toggle.primary {
	top: 2rem
}
.site-navigation-primary .site-navigation-toggle.secondary {
	display: none
}
}
.site-navigation-secondary {
	position: fixed;
	top: 100%;
	right: 1rem;
	width: 100%;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s
}
@media only screen and (max-width :749px) {
.site-navigation-secondary {
	width: 103%
}
.secondary-navigation-open .site-navigation-secondary {
	margin-top: -33.33333333%
}
}
@media only screen and (max-width :749px) and (orientation:landscape) {
.site-navigation-secondary {
	max-width: 321px
}
.secondary-navigation-open .site-navigation-secondary {
	margin-top: -107px
}
}
@media only screen and (min-width :750px) {
.site-navigation-secondary {
	top: 0;
	position: relative
}
.no-touch .secondary-navigation-open .site-navigation-secondary {
	height: auto
}
}
@media only screen and (min-width :750px) {
.no-touch .site-navigation-secondary {
	width: 93px;
	height: 93px
}
}
@media only screen and (min-width :1340px) {
.no-touch .site-navigation-secondary {
	width: 110px;
	height: 110px
}
}
.site-navigation-secondary .site-navigation-toggle.secondary {
	display: none
}
@media only screen and (min-width :750px) {
.no-touch .site-navigation-secondary .site-navigation-toggle.secondary {
	display: block;
	float: none
}
}
.site-navigation-secondary .site-navigation-item {
	float: left;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-o-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	color: #403e3f
}
@media only screen and (min-width :750px) {
.site-navigation-secondary .site-navigation-item {
	display: block;
	-webkit-transform: translateY(250px);
	-moz-transform: translateY(250px);
	-o-transform: translateY(250px);
	-ms-transform: translateY(250px);
	transform: translateY(250px);
	opacity: 0
}
.no-touch .site-navigation-secondary .site-navigation-item {
	opacity: 0;
	visibility: hidden
}
.secondary-navigation-open .site-navigation-secondary .site-navigation-item, .touch .primary-navigation-open .site-navigation-secondary .site-navigation-item {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-o-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
	visibility: visible
}
}
.primary-navigation-open .site-navigation-secondary .site-navigation-item {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-o-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0)
}
@media only screen and (min-width :750px) {
.secondary-navigation-open .site-navigation-secondary .site-navigation-item {
	display: block
}
.no-touch .secondary-navigation-open .site-navigation-secondary .site-navigation-item {
	opacity: 1;
	visibility: visible
}
}
@media only screen and (min-width :750px) {
.no-touch .site-navigation-secondary .site-navigation-item {
	-webkit-transform: rotate(0deg) translateY(0px);
	-moz-transform: rotate(0deg) translateY(0px);
	-o-transform: rotate(0deg) translateY(0px);
	-ms-transform: rotate(0deg) translateY(0px);
	transform: rotate(0deg) translateY(0px);
	-webkit-transition-delay: 0;
	-moz-transition-delay: 0;
	-o-transition-delay: 0;
	transition-delay: 0;
	float: none
}
.no-touch .site-navigation-secondary .site-navigation-item.active, .no-touch .site-navigation-secondary .site-navigation-item.current-menu-item {
	margin: 8px 0;
	-webkit-transform: rotate(-10deg) translateY(0px);
	-moz-transform: rotate(-10deg) translateY(0px);
	-o-transform: rotate(-10deg) translateY(0px);
	-ms-transform: rotate(-10deg) translateY(0px);
	transform: rotate(-10deg) translateY(0px)
}
.no-touch .site-navigation-secondary .site-navigation-item:nth-child(3n+1).active, .no-touch .site-navigation-secondary .site-navigation-item:nth-child(3n+1).current-menu-item {
	margin: 11px 0;
	-webkit-transform: rotate(15deg) translateY(0px);
	-moz-transform: rotate(15deg) translateY(0px);
	-o-transform: rotate(15deg) translateY(0px);
	-ms-transform: rotate(15deg) translateY(0px);
	transform: rotate(15deg) translateY(0px)
}
}
.site-navigation-toggle {
	display: none;
	position: relative;
	float: right;
	width: 33.33333333%;
	padding-bottom: 33.33333333%;
	background-color: #484949;
	cursor: pointer;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}
@media only screen and (max-width :749px) {
.site-navigation-toggle {
	margin-left: -1px
}
}
.no-touch .site-navigation-toggle, .touch .site-navigation-toggle {
	display: block
}
@media only screen and (min-width :750px) {
.no-touch .site-navigation-toggle {
	width: 93px;
	height: 93px
}
}
@media only screen and (min-width :1340px) {
.no-touch .site-navigation-toggle {
	width: 110px;
	height: 110px
}
}
.site-navigation-toggle div, .site-navigation-toggle div:after, .site-navigation-toggle div:before {
	color: transparent;
	height: 8%;
	background: #fff;
	border-radius: 20px;
	-webkit-transition: background 0 .1s, -webkit-transform .1s, -webkit-transform .1s, top .1s .2s;
	-moz-transition: background 0 .1s, -moz-transform .1s, -moz-transform .1s, top .1s .2s;
	-o-transition: background 0 .1s, -o-transform .1s, -o-transform .1s, top .1s .2s;
	transition: background 0 .1s, -webkit-transform .1s, -moz-transform .1s, -o-transform .1s, transform .1s, -webkit-transform .1s, -moz-transform .1s, -o-transform .1s, transform .1s, top .1s .2s
}
.site-navigation-toggle div {
	font-size: 0;
	position: absolute;
	top: 50%;
	margin: -5% 0 0 -30%;
	width: 60%;
	left: 50%
}
.site-navigation-toggle div:after, .site-navigation-toggle div:before {
	display: block;
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: -260%
}
.site-navigation-toggle div:after {
	top: 260%
}
.site-navigation-toggle.primary {
	opacity: 1;
	-webkit-transform: scale(0.52) rotate(180deg) translateX(-25%);
	-moz-transform: scale(0.52) rotate(180deg) translateX(-25%);
	-o-transform: scale(0.52) rotate(180deg) translateX(-25%);
	-ms-transform: scale(0.52) rotate(180deg) translateX(-25%);
	transform: scale(0.52) rotate(180deg) translateX(-25%)
}
.no-touch .site-navigation-toggle.primary:hover {
	background-color: #595a5a
}
@media only screen and (min-width :750px) {
.no-touch .site-navigation-toggle.primary {
	-webkit-transform: scale(0.52);
	-moz-transform: scale(0.52);
	-o-transform: scale(0.52);
	-ms-transform: scale(0.52);
	transform: scale(0.52)
}
}
.primary-navigation-open .site-navigation-toggle.primary {
	-webkit-transform: scale(1) rotate(180deg);
	-moz-transform: scale(1) rotate(180deg);
	-o-transform: scale(1) rotate(180deg);
	-ms-transform: scale(1) rotate(180deg);
	transform: scale(1) rotate(180deg)
}
@media only screen and (min-width :750px) {
.no-touch .primary-navigation-open .site-navigation-toggle.primary {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1)
}
}
.primary-navigation-open .site-navigation-toggle.primary div {
	background: 0 0;
	-webkit-transition: background 0 .1s, top .1s, -webkit-transform .2s;
	-moz-transition: background 0 .1s, top .1s, -moz-transform .2s;
	-o-transition: background 0 .1s, top .1s, -o-transform .2s;
	transition: background 0 .1s, top .1s, -webkit-transform .2s, -moz-transform .2s, -o-transform .2s, transform .2s
}
@media only screen and (min-width :750px) {
.no-touch .primary-navigation-open .site-navigation-toggle.primary div {
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg)
}
}
.no-touch .primary-navigation-open .site-navigation-toggle.primary:hover div {
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition-delay: 0;
	-moz-transition-delay: 0;
	-o-transition-delay: 0;
	transition-delay: 0
}
.primary-navigation-open .site-navigation-toggle.primary div:after, .primary-navigation-open .site-navigation-toggle.primary div:before {
	top: 0;
	left: 0;
	right: 0;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 100%;
	-webkit-transition: top .1s, -webkit-transform .1s .2s;
	-moz-transition: top .1s, -moz-transform .1s .2s;
	-o-transition: top .1s, -o-transform .1s .2s;
	transition: top .1s, -webkit-transform .1s .2s, -moz-transform .1s .2s, -o-transform .1s .2s, transform .1s .2s
}
.primary-navigation-open .site-navigation-toggle.primary div:after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg)
}
.site-navigation-toggle.secondary {
	background: #f2f2f2
}
.site-navigation-toggle.secondary:after {
	display: block;
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url(/_template/img/icon-submenu.svg) center center/60% no-repeat;
	-webkit-background-size: 60%;
	-moz-background-size: 60%;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s
}
.site-navigation-toggle.secondary div {
	display: none
}
.site-navigation-item {
	position: relative;
	width: 33.33333333%;
	padding-bottom: 33.33333333%;
	float: right;
	color: #fff;
	text-align: center;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: rotate(180deg) translateY(-250px) translateZ(0px);
	-moz-transform: rotate(180deg) translateY(-250px) translateZ(0px);
	-o-transform: rotate(180deg) translateY(-250px) translateZ(0px);
	-ms-transform: rotate(180deg) translateY(-250px) translateZ(0px);
	transform: rotate(180deg) translateY(-250px) translateZ(0px);
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}
@media only screen and (max-width :749px) {
.site-navigation-item {
	margin-left: -1px
}
.site-navigation-primary .site-navigation-item:nth-last-child(2) {
	-webkit-transition-delay: .1s;
	-moz-transition-delay: .1s;
	-o-transition-delay: .1s;
	transition-delay: .1s
}
.site-navigation-primary .site-navigation-item:nth-last-child(3) {
	-webkit-transition-delay: .2s;
	-moz-transition-delay: .2s;
	-o-transition-delay: .2s;
	transition-delay: .2s
}
.site-navigation-primary .site-navigation-item:nth-last-child(4) {
	-webkit-transition-delay: .3s;
	-moz-transition-delay: .3s;
	-o-transition-delay: .3s;
	transition-delay: .3s
}
.site-navigation-primary .site-navigation-item:nth-last-child(5) {
	-webkit-transition-delay: .4s;
	-moz-transition-delay: .4s;
	-o-transition-delay: .4s;
	transition-delay: .4s
}
.site-navigation-primary .site-navigation-item:nth-last-child(6) {
	-webkit-transition-delay: .5s;
	-moz-transition-delay: .5s;
	-o-transition-delay: .5s;
	transition-delay: .5s
}
.site-navigation-primary .site-navigation-item:nth-last-child(7) {
	-webkit-transition-delay: .6s;
	-moz-transition-delay: .6s;
	-o-transition-delay: .6s;
	transition-delay: .6s
}
.site-navigation-primary .site-navigation-item:nth-last-child(8) {
	-webkit-transition-delay: .7s;
	-moz-transition-delay: .7s;
	-o-transition-delay: .7s;
	transition-delay: .7s
}
.site-navigation-primary .site-navigation-item:nth-last-child(9) {
	-webkit-transition-delay: .8s;
	-moz-transition-delay: .8s;
	-o-transition-delay: .8s;
	transition-delay: .8s
}
.primary-navigation-open .site-navigation-primary .site-navigation-item:nth-child(2) {
	-webkit-transition-delay: .1s;
	-moz-transition-delay: .1s;
	-o-transition-delay: .1s;
	transition-delay: .1s
}
.primary-navigation-open .site-navigation-primary .site-navigation-item:nth-child(3) {
	-webkit-transition-delay: .2s;
	-moz-transition-delay: .2s;
	-o-transition-delay: .2s;
	transition-delay: .2s
}
.primary-navigation-open .site-navigation-primary .site-navigation-item:nth-child(4) {
	-webkit-transition-delay: .3s;
	-moz-transition-delay: .3s;
	-o-transition-delay: .3s;
	transition-delay: .3s
}
.primary-navigation-open .site-navigation-primary .site-navigation-item:nth-child(5) {
	-webkit-transition-delay: .4s;
	-moz-transition-delay: .4s;
	-o-transition-delay: .4s;
	transition-delay: .4s
}
.primary-navigation-open .site-navigation-primary .site-navigation-item:nth-child(6) {
	-webkit-transition-delay: .5s;
	-moz-transition-delay: .5s;
	-o-transition-delay: .5s;
	transition-delay: .5s
}
.primary-navigation-open .site-navigation-primary .site-navigation-item:nth-child(7) {
	-webkit-transition-delay: .6s;
	-moz-transition-delay: .6s;
	-o-transition-delay: .6s;
	transition-delay: .6s;
	left: 1px
}
.primary-navigation-open .site-navigation-primary .site-navigation-item:nth-child(8) {
	-webkit-transition-delay: .7s;
	-moz-transition-delay: .7s;
	-o-transition-delay: .7s;
	transition-delay: .7s
}
.primary-navigation-open .site-navigation-primary .site-navigation-item:nth-child(9) {
	-webkit-transition-delay: .8s;
	-moz-transition-delay: .8s;
	-o-transition-delay: .8s;
	transition-delay: .8s
}
}
.site-navigation-item.secondary-item-nth-0 {
	background: #d3d3d3
}
.site-navigation-item.secondary-item-nth-1 {
	background: #e4e4e4
}
@media only screen and (min-width :750px) {
.no-touch .site-navigation-item {
	float: right;
	width: 93px;
	padding-bottom: 93px;
	opacity: 1;
	visibility: visible;
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	-o-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0);
	-webkit-transition-delay: 0;
	-moz-transition-delay: 0;
	-o-transition-delay: 0;
	transition-delay: 0
}
.no-touch .site-navigation-item.active, .no-touch .site-navigation-item.current-menu-item {
	-webkit-transform: rotate(-10deg) translateY(0px);
	-moz-transform: rotate(-10deg) translateY(0px);
	-o-transform: rotate(-10deg) translateY(0px);
	-ms-transform: rotate(-10deg) translateY(0px);
	transform: rotate(-10deg) translateY(0px);
	margin: 0 8px;
	z-index: 2
}
.no-touch .site-navigation-item:nth-child(3n+1).active, .no-touch .site-navigation-item:nth-child(3n+1).current-menu-item {
	-webkit-transform: rotate(15deg) translateY(0px);
	-moz-transform: rotate(15deg) translateY(0px);
	-o-transform: rotate(15deg) translateY(0px);
	-ms-transform: rotate(15deg) translateY(0px);
	transform: rotate(15deg) translateY(0px);
	margin: 0 11px
}
}
@media only screen and (min-width :1340px) {
.no-touch .site-navigation-item {
	width: 110px;
	padding-bottom: 110px
}
}
.primary-navigation-open .site-navigation-item {
	opacity: 1;
	visibility: visible
}
@media only screen and (max-width :749px) {
.primary-navigation-open .site-navigation-item {
	-webkit-transform: translateY(0px) rotate(180deg);
	-moz-transform: translateY(0px) rotate(180deg);
	-o-transform: translateY(0px) rotate(180deg);
	-ms-transform: translateY(0px) rotate(180deg);
	transform: translateY(0px) rotate(180deg)
}
}
@media only screen and (min-width :750px) {
.touch .primary-navigation-open .site-navigation-item {
	-webkit-transform: translateY(0px) rotate(180deg);
	-moz-transform: translateY(0px) rotate(180deg);
	-o-transform: translateY(0px) rotate(180deg);
	-ms-transform: translateY(0px) rotate(180deg);
	transform: translateY(0px) rotate(180deg)
}
}
@media only screen and (min-width :750px) {
.touch .secondary-navigation-open .site-navigation-item {
	-webkit-transform: translateY(100%) rotate(180deg);
	-moz-transform: translateY(100%) rotate(180deg);
	-o-transform: translateY(100%) rotate(180deg);
	-ms-transform: translateY(100%) rotate(180deg);
	transform: translateY(100%) rotate(180deg)
}
}
.site-navigation-item a {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	display: block;
	color: inherit;
	text-decoration: none;
	padding-top: 35%;
	line-height: 1em
}
.site-navigation-secondary .site-navigation-item a, .site-navigation-item.item-gv a, .site-navigation-item.item-neec a {
	padding-top: 50%;
	line-height: 0
}
.item-gv {
	background: url('/_template/img/icons/voting-menu.jpg') center center no-repeat;
}
.item-neec {
	background: url('/_template/img/icons/visit-menu.jpg') center center no-repeat;
}
.item-dr {
	background: url('/_template/img/icons/democracy-menu.jpg') center center no-repeat;
}
.item-man {
	background: url('/_template/img/icons/making-menu.jpg') center center no-repeat;
}
.item-tr {
	background: url('/_template/img/icons/teacher-menu.jpg') center center no-repeat;
}
.item-gv,
.item-neec,
.item-dr,
.item-man,
.item-tr {
	background-size: 100% 100%;
}
.item-gv a,
.item-neec a,
.item-dr a,
.item-man a,
.item-tr a {
	display:none;
}
.item-gv.active a,
.item-neec.active a,
.item-dr.active a,
.item-man.active a,
.item-tr.active a{
	display:block;
	background: rgba(0,0,0,.5);
}
.home-navigation {
	font-size: 3rem;
}
.home-navigation ul, .home-navigation ul li {
	padding: 0;
	margin: 0;
	list-style:none;
}
.home-navigation ul li span {
	display: none;
}
.home-navigation:after {
	display: block;
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	fill: #fff;
}
.no-touch .home-navigation:hover {
	background-color: #595a5a
}
.primary-navigation-open .home-navigation {
	display: none;
}
.no-touch .site-navigation-toggle, .touch .site-navigation-toggle {
	display: block
}
@media only screen and (min-width :750px) {
.no-touch .home-navigation {
	-webkit-transform: scale(0.52);
	-moz-transform: scale(0.52);
	-o-transform: scale(0.52);
	-ms-transform: scale(0.52);
	transform: scale(0.52);
	padding-bottom:0;
	top:2rem;
	bottom:auto;
}
}
@media only screen and (min-width :750px) {
.no-touch .home-navigation {
	width: 93px;
	height: 93px
}
}
@media only screen and (min-width :1340px) {
.no-touch .home-navigation {
	width: 110px;
	height: 110px
}
}
.home-navigation {
	opacity: 1;
	-webkit-transform: scale(0.52);
	-moz-transform: scale(0.52);
	-o-transform: scale(0.52);
	-ms-transform: scale(0.52);
	transform: scale(0.52);
	-webkit-transform-origin: 9rem 0;
	-moz-transform-origin: 9rem 0;
	-o-transform-origin: 9rem 0;
	-ms-transform-origin: 9rem 0;
	transform-origin: 9rem 0
}
@media only screen and (max-width :749px) {
	.no-touch .home-navigation {
		display:none;
	}
}
.row > *{
	position: relative;
}