/* HOME NAVIGATION */
nav.cmn-tile-nav { display: none; }
nav.cmn-tile-nav.open { display: block; }
nav.cmn-tile-nav ul { list-style: none; }
nav.cmn-tile-nav li { display: block; overflow: hidden; font-family: "Oswald", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; text-shadow: -1px 1px rgba(0, 0, 0, 0.3); -webkit-transition: background 0.3s; -moz-transition: background 0.3s; -o-transition: background 0.3s; transition: background 0.3s; }
nav.cmn-tile-nav a { display: block; padding: 20px; color: #fff; -webkit-transition: background 0.3s, -webkit-transform 0.3s; -moz-transition: background 0.3s, -moz-transform 0.3s; -o-transition: background 0.3s, -o-transform 0.3s; transition: background 0.3s, transform 0.3s; font-family: 'Goudy Bookletter 1911',Georgia,serif; }
nav.cmn-tile-nav a:after, nav.cmn-tile-nav a:before { content: ''; position: absolute; height: 0; width: 0; top: 100%; -webkit-transition: border 0.3s, -webkit-transform 0.3s; -moz-transition: border 0.3s, -moz-transform 0.3s; -o-transition: border 0.3s, -o-transform 0.3s; transition: border 0.3s, transform 0.3s; }
nav.cmn-tile-nav a:hover { -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); }
nav.cmn-tile-nav li.colour-1 { background-color:#496d89; }
nav.cmn-tile-nav li.colour-1 a:after,nav.cmn-tile-nav li.colour-1 a:before{ border-top: 27px solid #496d89; }
nav.cmn-tile-nav li.colour-1 a { background-color:#496d89; }
nav.cmn-tile-nav li.colour-1:hover, nav.cmn-tile-nav li.colour-1:hover a { background-color:#123652; }
nav.cmn-tile-nav li.colour-1:hover a:after, nav.cmn-tile-nav li.colour-1:hover a:before{ border-top: 27px solid #123652; }
/* smoother transitions */
nav.cmn-tile-nav li, nav.cmn-tile-nav a { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
/* media queries */
@media all and (min-width: 480px) {
  nav.cmn-tile-nav { display: block; }
  nav.cmn-tile-nav li { width: 50%; float: left; }
}
@media all and (min-width: 768px) {
  nav.cmn-tile-nav li { width: 25%; }
  nav.cmn-tile-nav a { text-align: center; padding: 60px 20px 20px 20px; }
  nav.cmn-tile-nav a:hover { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); }
}
@media all and (min-width: 1024px) {
  nav.cmn-tile-nav li { overflow: visible; width: 12.5%; }
  nav.cmn-tile-nav a { padding: 80px 20px 20px 20px; }
  nav.cmn-tile-nav a:hover { -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); }
}
/* NAVIGATION TOGGLE */
a.nav-toggle { display: block; margin-bottom: 20px; padding: 20px; background-color: #dce6f0; color: #646464; font-family: "Oswald", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; text-align: center; }
a.nav-toggle:hover { background-color: #c8d2dc; }
@media all and (min-width: 480px) {
  a.nav-toggle { display: none; }
}