@media all and (min-width: 991px) {
    #primarymenu {
        margin-top: 15px
    }
}

@media all and (max-width: 990px) {
    #primarymenu {
        display: none
    }
}

#primarymenu a {
display: block;
    line-height: 75px;
    color: #fff;
    text-decoration: none;
    font-size: 1.25em;
    letter-spacing: 0;
    -webkit-transition: color 350ms ease;
    -o-transition: color 350ms ease;
    transition: color 350ms ease;
}

@media (max-width: 1300px) {
#primarymenu a {
    line-height: 65px;
    font-size: 1em;
}
}

#primarymenu ul,
#primarymenu li {
    display: block;
    float: right;
    list-style: none;
    padding: 0;
    margin: 0 0 0 0
}
#primarymenu ul {
  position: relative;
}
#primarymenu ul li {
  float: left;
	margin-left: 25px;
    display: block;
    vertical-align: top;
    position: relative;
}

@media (max-width:1024px) {
#primarymenu ul li {
	margin-left: 20px;
}	
}

#primarymenu ul li.hover {
  position: relative;
  z-index: 599;
  cursor: default;
}
#primarymenu ul ul {
  visibility: hidden;
  position: absolute;
	z-index: 600;
  top: 100%;
  width: 100%;
  bottom: 0;
  right: 0;
  margin-top: 0;	
}
#primarymenu ul ul li {
  float: none;
}
#primarymenu ul ul ul {
  top: 0;
  left: -190px;
  width: 190px;
}
#primarymenu ul li:hover > ul {
  visibility: visible;
}
#primarymenu ul ul li {
  font-weight: normal;
}
/* Custom CSS Styles */
#primarymenu > ul {
  *display: inline-block;
}
#primarymenu:after,
#primarymenu ul:after {
  content: '';
  display: block;
  clear: both;
}

#primarymenu ul ul {
  text-transform: none;
  width: 190px;
}
#primarymenu ul ul a {
font-family: 'Lato', sans-serif;
    color: #fff;
    line-height: normal;
    font-weight: 600;
    font-size: 0.95em;
    padding: 10px 16px;
	text-align: left
}

#primarymenu ul ul li:last-child {
    padding-bottom: 10px;
}
#primarymenu ul ul ul {
  border-top: 0 none;
}
#primarymenu ul ul li {
  position: relative;
margin-left: 0;	
		background-color: #a81815;
}


#primarymenu ul ul li:hover > a {
  background: #770505;
  color: #fff;
}
#primarymenu ul ul li:last-child > a {

}
#primarymenu ul ul li:last-child:hover > a {

}
#primarymenu ul ul li.has-sub > a:after {
  font-family: FontAwesome;	
  content: '\f105';
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -7px;
	color: white
}
#primarymenu ul li:hover > a,
#primarymenu ul li.active > a {
color: #98c8ed
}
#primarymenu ul li.has-sub > a:after {
  font-family: FontAwesome;	
  content: '\f107';
  margin-left: 9px;
  color: #98c8ed;
  font-weight: normal!Important
}
#primarymenu ul li.last ul {
  left: auto;
  right: 0;
}
#primarymenu ul li.last ul ul {
  left: auto;
  right: 99.5%;
}

#primarymenu li.menu-item-home a,
#primarymenu li.menu-item-home a {
color: #fff!important
}

#primarymenu li.menu-item-home a:hover,
#primarymenu li.menu-item-home a:hover {
color: #98c8ed!important
}

a {
    -webkit-transition: .35s;
    transition: .35s;
    transition: background-color .2s,color .2s,padding .2s,border .2s,opacity .2s;
}















/* MOBILE MENU */

/*! Pushy - v1.1.0 - 2017-1-30
* Pushy is a responsive off-canvas navigation menu using CSS transforms & transitions.
* https://github.com/christophery/pushy/
* by Christopher Yee */
/* Menu Appearance */
.pushy {
  position: fixed;
  width: 300px;
  height: 100%;
  top: 0;
  z-index: 999999999;
  background: #0c2050;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  /* enables momentum scrolling in iOS overflow elements */
}
.pushy a {
  display: block;
  color: #b3b3b1;
  padding: 15px 30px 15px 15px;
  text-decoration: none;
}
.pushy a:hover {
  color: #FFF;
}
.pushy ul:first-child {
  margin-top: 10px;
}

.pushy ul {
    margin-left: 0px;
}
.pushy.pushy-left {
  left: 0;
}
.pushy.pushy-right {
  right: 0;
}

.pushy-content {
  visibility: hidden;
}

/* Menu Movement */
.pushy-left {
  -webkit-transform: translate3d(-300px, 0, 0);
  -ms-transform: translate3d(-300px, 0, 0);
  transform: translate3d(-300px, 0, 0);
}

.pushy-open-left #container,
.pushy-open-left .push {
  -webkit-transform: translate3d(300px, 0, 0);
  -ms-transform: translate3d(300px, 0, 0);
  transform: translate3d(300px, 0, 0);
}

.pushy-right {
  -webkit-transform: translate3d(200px, 0, 0);
  -ms-transform: translate3d(200px, 0, 0);
  transform: translate3d(200px, 0, 0);
}

.pushy-open-right #container,
.pushy-open-right .push {
  -webkit-transform: translate3d(-200px, 0, 0);
  -ms-transform: translate3d(-200px, 0, 0);
  transform: translate3d(-200px, 0, 0);
}

.pushy-open-left .pushy,
.pushy-open-right .pushy {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.pushy-open-left .pushy-content,
.pushy-open-right .pushy-content {
  visibility: visible;
}

/* Menu Transitions */
#container,
.pushy,
.push {
  transition: transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
}

.pushy-content {
  transition: visibility 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
}

/* Site Overlay */
.site-overlay {
  display: none;
}

.pushy-open-left .site-overlay,
.pushy-open-right .site-overlay {
  display: block;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9998;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-animation: fade 500ms;
  animation: fade 500ms;
}

@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* Submenu Appearance */
.pushy-submenu {
  /* Submenu Buttons */
  /* Submenu Icon */
}
.pushy-submenu ul {
  padding-left: 15px;
  transition: max-height 0.2s ease-in-out, visibility 0.2s ease-in-out;
}
.pushy-submenu ul .pushy-link {
  transition: opacity 0.2s ease-in-out;
}
.pushy-submenu button {
  width: 100%;
  color: #b3b3b1;
  padding: 15px 30px 15px 15px;
  text-align: left;
  background: transparent;
  border: 0;
  outline: none;
}
.pushy-submenu button:hover {
  color: #FFF;
}
.pushy-submenu > a,
.pushy-submenu > button {
  position: relative;
}
.pushy-submenu > a::after,
.pushy-submenu > button::after {
  content: '';
  display: block;
  height: 11px;
  width: 8px;
  position: absolute;
  top: 50%;
  right: 15px;
  background: url("http://merseyparkprimary.co.uk/wp-content/themes/merseypark/assets/css/images/arrow.svg") no-repeat;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  transition: transform 0.2s;
}

/* Submenu Movement */
.pushy-submenu-closed ul {
  max-height: 0;
  overflow: hidden;
  visibility: hidden;
}
.pushy-submenu-closed .pushy-link {
  opacity: 0;
}

.pushy-submenu-open {
  /* Submenu Icon */
}
.pushy-submenu-open ul {
  max-height: 1000px;
  visibility: visible;
}
.pushy-submenu-open .pushy-link {
  opacity: 1;
}
.pushy-submenu-open a::after,
.pushy-submenu-open button::after {
  -webkit-transform: translateY(-50%) rotate(90deg);
  -ms-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);
}

/*# sourceMappingURL=pushy.css.map */




.cssmenu,
.cssmenu ul,
.cssmenu ul li,
.cssmenu ul li a {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.cssmenu ul ul {
  display: none;
}

.cssmenu ul li a {
  padding: 15px 20px;
  border-top: solid 1pt rgba(228,228,228,0.08);
  cursor: pointer;
  z-index: 2;
  font-size: 14px;
  text-transform: uppercase;
  color: #ffffff;
  /*background: #36aae7;*/
}

.cssmenu ul li.has-sub > a::after  {
  display: block;
  position: absolute;
  font-family: fontawesome ;
  content: "\f067";
  right: 20px;
  z-index: 10;
  top: 17px;
  color: #ffad1e;
  font-size: 10px;
}



.cssmenu ul li.active a {
  color: #eeeeee;
  text-decoration: none
}

.cssmenu ul li.open a  {
  color: #eeeeee;
  text-decoration: none
}

.cssmenu ul li.open a::after  {
  display: block;
  position: absolute;
  font-family: fontawesome ;
  content: "\f068";
  right: 20px;
  z-index: 10;
  top: 17px;
  color: #ffff00;
  font-size: 10px;
}

.cssmenu ul li.open ul li a::after  {
  display: none
}

.cssmenu ul li a:hover {
  background: #292929;
  text-decoration: none
}

.cssmenu ul li.open a {
  border-top: solid 1pt rgba(228,228,228,0.08);
}

.cssmenu ul li.open ul li a  {
   border-top: solid 1pt rgba(228,228,228,0);
}

.cssmenu ul li:last-child > a,
.cssmenu ul li.last > a {
  border-bottom: solid 1pt rgba(228,228,228,0.08);
}

.holder {
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  right: 0;
}

.holder::before {
  display: block;
  position: absolute;
  font-family: fontawesome ;
  content: "\f067";
  right: 20px;
  z-index: 10;
  top: 17px;
  color: #ffad1e;
  font-size: 10px;
}

.cssmenu ul ul li a {
  cursor: pointer;
  border-bottom: solid 1pt rgba(228,228,228,0.08);
  padding: 17px 20px 17px 30px;
  z-index: 1;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 13px;
  color: #eeeeee;
}


.cssmenu ul ul li:hover > a,
.cssmenu ul ul li.open > a,
.cssmenu ul ul li.active > a {
  background: #0c2050;
  color: #ffffff;
}

.cssmenu ul ul li:first-child > a {
  box-shadow: none;
}

.cssmenu ul ul ul li a {
  padding-left: 40px;
}

.cssmenu > ul > li > ul > li:last-child > a,
.cssmenu > ul > li > ul > li.last > a {
  border-bottom: 0;
}

.cssmenu > ul > li > ul > li.open:last-child > a,
.cssmenu > ul > li > ul > li.last.open > a {
  border-bottom: 1px solid #32373e;
}

.cssmenu > ul > li > ul > li.open:last-child > ul > li:last-child > a {
  border-bottom: 0;
}

.cssmenu ul ul li.active > a::after,
.cssmenu ul ul li.open > a::after,
.cssmenu ul ul li > a:hover::after {
  border-color: #ffffff;
}

.main-menu__toggler {
    width: 55px;
    height: 45px;
    right: 20px;
	top: 14px;
	padding: 0;
    background: #007ecb;
    outline: none;
    border: 0;
	position: absolute;
	z-index: 9999999999999!important;
	border-radius: 0;
}

@media (max-width:767px) {
.main-menu__toggler {
	top: 12px;
}	
}

@media (max-width:550px) {
.main-menu__toggler {
    right: 0px;
	top: 0px;
	height: 50px;
}	
}

@media all and (min-width: 991px) {
    .main-menu__toggler {
        display: none
    }
} 


/** SUB MENU NAV **/

#sidenav .menu-primary-navigation-container, #sidenav {
	width:100%;
}

#sidenav ul {
	margin: 0;
	padding: 0;
	text-align: left;
}


#sidenav ul { 
	display: list-item; 
	list-style: none;
	width: 100%
}

#sidenav li {
	display: list-item;
	padding: 0;
}

#sidenav li:after {
  content: "";
  display: table;
  clear: both;
}

#sidenav li li {
	/*border-bottom: solid 0pt #D0CFCF;*/
	
}

#sidenav ul li a {
    -webkit-transition: color 350ms ease, background-color 350ms ease;
    -o-transition: color 350ms ease, background-color 350ms ease;
    transition: color 350ms ease, background-color 350ms ease;
    padding: 5px 5vw;
    display: block;
       font-family: 'Lato', sans-serif;
    font-weight: 600;
    font-size: 1em;
    line-height: 25px;
    text-align: left;
    text-decoration: none;
    color: white;
    position: relative;
    background-color: transparent;
	border-bottom: solid 1px rgba(255,255,255,0.32)
}

#sidenav ul li a:hover {
    color: #fff;
    background-color: #98c8ed
}

@media all and (min-width:991px) {
#sidenav ul li a {
    padding: 9px 30px;
}	
}

@media all and (max-width:767px) {
#sidenav ul li a {
    padding: 7px 20px;
}
}

@media (max-width:1024px) {
	
#sidenav ul li a {
        text-align: left;
    padding: 5px 30px;
}	
}

@media (max-width: 767px) {
#sidenav ul li a {
    padding: 5px 20px;
}	
}	

#sidenav .current_page_item > a {
	color: #98c8ed;
	font-weight: bold
}

#sidenav .widget_subpages_current_page > a {
	background-color: rgba(0,0,0,0.1);
    color: #caebfc;
}

#sidenav ul ul ul li a {
    font-size: 0.8em;
    color: white;
}


/** HIDE NONE SELECTED CHILDREN **/
		
#sidenav ul ul ul {
    display:none
}

#sidenav ul ul .current-menu-item ul,
#sidenav ul ul .current-menu-ancestor ul {
    display: inherit;
}

#sidenav ul ul ul ul {
    display:none!important
}

#sidenav ul ul ul .current-menu-item ul,
#sidenav ul ul ul .current-menu-ancestor ul {
    display: inherit!important
}

#sidenav ul ul ul ul ul li a {
    display:none!important
}

#sidenav ul ul ul ul .current-menu-item ul li a,
#sidenav ul ul ul ul .current-menu-ancestor ul li a {
    display: inherit!important
}

/** ARROWS FOR CHILDREN **/

#sidenav .menu-item-has-children > a:after {
    font-family: FontAwesome;
    content: '\f105';
    position: absolute;
    right: 2.8em;
    top: 0.35em;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
	color: white
}

#sidenav .menu-item-has-children > a:hover:after {
    color: #fff;
}

#sidenav ul .menu-item-has-children > a:after {
   display:none
}

#sidenav ul ul .menu-item-has-children > a:after {
   display: inherit
}

#sidenav ul ul ul .menu-item-has-children > a:after {
    top: 1.3em;
}

#sidenav ul ul ul ul .menu-item-has-children > a:after {
    top: 1.35em;
}

#sidenav .current_page_item > a:after {
    color: #98c8ed;
}

/** HIDE TOP LEVEL PARENT PAGE **/

#sidenav ul .menu-item-has-children > a {
  /* display:none*/
	font-size: 150%;
	padding-bottom: 14px
}

#sidenav ul ul .menu-item-has-children > a {
   display: inherit
}

/** MEGA MENU **/

/*#primarymenu ul ul {
    text-transform: none;
    min-width: 500px;
	background-color: #e7e7e7;
}

#primarymenu ul ul li {
display: inline-block!important;
float: left;
}
#primarymenu ul ul li:nth-child(odd) {
float: left;
margin-right: 0px;
}
#primarymenu ul ul li:nth-child(even) {
float: right;
}

#primarymenu ul ul li {
    display: inline-block;
    width: 50%!important;
}*/

@media (max-width:1024px) {
.contact-nav {
        display: none
    }
}

@media (min-width:1025px) {
.contact-nav {
        display: block;
		position: absolute!important;
		top: -15px;
		right: 0;
    }
	
.contact-nav  ul {
    display: block;
    float: right;
    list-style: none;
    padding: 0;
    margin: 0 0 0 0;
}
	
.contact-nav li {
    float: left;
    margin-left: 25px;
    display: block;
    vertical-align: top;
    position: relative;
    list-style: none;
    padding: 0;
    margin-left: 12px;
	margin-top: 0px;
}	
	
.contact-nav i {
	margin-right: 4px;
    display: inline-block;
    line-height: 28px;
    height: 28px;
    width: 26px;
    text-align: center;
    background-color: #afdff9;
    color: /*#2c2275*/#003366;
    border-radius: 50%;
	font-size: 0.9em;
	margin-left: 0px;
-webkit-transition: color 350ms ease;
    -o-transition: color 350ms ease;
    transition: color 350ms ease;
}	

.contact-nav a {
    display: block;
    color: #fff;
    text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 0px;
    -webkit-transition: color 350ms ease;
    -o-transition: color 350ms ease;
    transition: color 350ms ease;
	
	line-height: 25px;
    text-shadow: none;
    font-size: 0.9em;
    text-transform: none;
}
	
@media (max-width: 1550px) {
.contact-nav a {
    font-size: 0.8em;
}
}	
	
@media (max-width: 1200px) {
    .contact-nav {
        top: -10px;
    }
}
	
.contact-nav a:hover, .contact-nav i:hover {
color: #afdff9
}	

.contact-nav a:hover i {
    background-color: #afdff9;
	color: #003366;
}
	
}

.menu-google-trans {
	margin-top: -4px;
}
.contact-nav li.header__social__item, .menu-google-trans {
	z-index: 9999999999;
}
.menu-google-trans a {
		float:right;
		padding-top: 0px!important;
	    line-height: 20px!important;
	    color: #000;
}
.goog-te-menu-frame {
    z-index: 9999999999!Important;
}

.goog-te-gadget img {display:none!important}