/* ============================================================
  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;
	text-transform: uppercase;
	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:after {
	border-left: 85px solid transparent;
	right: 0px;
}

nav.cmn-tile-nav a:before {
	border-right: 90px solid transparent;
	left: 0px;
}

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: #E4000D;
}

nav.cmn-tile-nav li.colour-1 a:after,nav.cmn-tile-nav li.colour-1 a:before
	{
	border-top: 27px solid #E4000D;
}

nav.cmn-tile-nav li.colour-1 a {
	background-color: #E4000D;
}

nav.cmn-tile-nav li.colour-1:hover,nav.cmn-tile-nav li.colour-1:hover a
	{
	background-color: #941212;
}

nav.cmn-tile-nav li.colour-1:hover a:after,nav.cmn-tile-nav li.colour-1:hover a:before
	{
	border-top: 27px solid #941212;
}

nav.cmn-tile-nav li.colour-2 {
	background-color: #be0a0a;
}

nav.cmn-tile-nav li.colour-2 a:after,nav.cmn-tile-nav li.colour-2 a:before
	{
	border-top: 27px solid #be0a0a;
}

nav.cmn-tile-nav li.colour-2 a {
	background-color: #be0a0a;
}

nav.cmn-tile-nav li.colour-2:hover,nav.cmn-tile-nav li.colour-2:hover a
	{
	background-color: #5d0507;
}

nav.cmn-tile-nav li.colour-2:hover a:after,nav.cmn-tile-nav li.colour-2:hover a:before
	{
	border-top: 27px solid #5d0507;
}

nav.cmn-tile-nav li.colour-3 {
	background-color: #a00000;
}

nav.cmn-tile-nav li.colour-3 a:after,nav.cmn-tile-nav li.colour-3 a:before
	{
	border-top: 27px solid #a00000;
}

nav.cmn-tile-nav li.colour-3 a {
	background-color: #a00000;
}

nav.cmn-tile-nav li.colour-3:hover,nav.cmn-tile-nav li.colour-3:hover a
	{
	background-color: #3a0000;
}

nav.cmn-tile-nav li.colour-3:hover a:after,nav.cmn-tile-nav li.colour-3:hover a:before
	{
	border-top: 27px solid #3a0000;
}

nav.cmn-tile-nav li.colour-4 {
	background-color: #780000;
}

nav.cmn-tile-nav li.colour-4 a:after,nav.cmn-tile-nav li.colour-4 a:before
	{
	border-top: 27px solid #780000;
}

nav.cmn-tile-nav li.colour-4 a {
	background-color: #780000;
}

nav.cmn-tile-nav li.colour-4:hover,nav.cmn-tile-nav li.colour-4:hover a
	{
	background-color: #260000;
}

nav.cmn-tile-nav li.colour-4:hover a:after,nav.cmn-tile-nav li.colour-4:hover a:before
	{
	border-top: 27px solid #260000;
}

nav.cmn-tile-nav li.colour-5 {
	background-color: #5a0000;
}

nav.cmn-tile-nav li.colour-5 a:after,nav.cmn-tile-nav li.colour-5 a:before
	{
	border-top: 27px solid #5a0000;
}

nav.cmn-tile-nav li.colour-5 a {
	background-color: #5a0000;
}

nav.cmn-tile-nav li.colour-5:hover,nav.cmn-tile-nav li.colour-5:hover a
	{
	background-color: #000000;
}

nav.cmn-tile-nav li.colour-5:hover a:after,nav.cmn-tile-nav li.colour-5:hover a:before
	{
	border-top: 27px solid #000000;
}

nav.cmn-tile-nav li.colour-6 {
	background-color: #860000;
}

nav.cmn-tile-nav li.colour-6 a:after,nav.cmn-tile-nav li.colour-6 a:before
	{
	border-top: 27px solid #860000;
}

nav.cmn-tile-nav li.colour-6 a {
	background-color: #860000;
}

nav.cmn-tile-nav li.colour-6:hover,nav.cmn-tile-nav li.colour-6:hover a
	{
	background-color: #430700;
}

nav.cmn-tile-nav li.colour-6:hover a:after,nav.cmn-tile-nav li.colour-6:hover a:before
	{
	border-top: 27px solid #430700;
}

nav.cmn-tile-nav li.colour-7 {
	background-color: #9c1d10;
}

nav.cmn-tile-nav li.colour-7 a:after,nav.cmn-tile-nav li.colour-7 a:before
	{
	border-top: 27px solid #9c1d10;
}

nav.cmn-tile-nav li.colour-7 a {
	background-color: #9c1d10;
}

nav.cmn-tile-nav li.colour-7:hover,nav.cmn-tile-nav li.colour-7:hover a
	{
	background-color: #400a04;
}

nav.cmn-tile-nav li.colour-7:hover a:after,nav.cmn-tile-nav li.colour-7:hover a:before
	{
	border-top: 27px solid #400a04;
}

nav.cmn-tile-nav li.colour-8 {
	background-color: #b72112;
}

nav.cmn-tile-nav li.colour-8 a:after,nav.cmn-tile-nav li.colour-8 a:before
	{
	border-top: 27px solid #b72112;
}

nav.cmn-tile-nav li.colour-8 a {
	background-color: #b72112;
}

nav.cmn-tile-nav li.colour-8:hover,nav.cmn-tile-nav li.colour-8:hover a
	{
	background-color: #7e1408;
}

nav.cmn-tile-nav li.colour-8:hover a:after,nav.cmn-tile-nav li.colour-8:hover a:before
	{
	border-top: 27px solid #7e1408;
}

/* 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: 20%;
	}
	nav.cmn-tile-nav a {
		text-align: center;
		padding: 30px 15px 20px 15px;
	}
	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: 991px) {
	.right{
		text-align:right;
	}
}
@media all and (max-width: 991px) {
	.copyright{
		text-align:center;
	}
	.right{
		text-align:center;
	}
}
@media all and (min-width: 1024px) {
	nav.cmn-tile-nav li {
		overflow: visible;
		width: 11.1%;
	}
	nav.cmn-tile-nav a {
		padding: 28px 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);
	}
	
	.des-none{
		display:none!important;
	}
}

/* ============================================================
  NAVIGATION TOGGLE
============================================================ */
a.nav-toggle {
	display: block;
	padding: 20px;
	background-color: #dce6f0;
	color: #646464;
	font-family: "Oswald", "Helvetica Neue", Helvetica, Arial,
		"Lucida Grande", sans-serif;
	text-align: center;
}
a.nav-toggle i{
	font-size:30px!important;
	color:#000;
}
a.nav-toggle i:hover{
	color: #df131a;
}

a.nav-toggle:hover {
	background-color: #c8d2dc;
}

@media all and (min-width: 480px) {
	a.nav-toggle {
		display: none;
	}
	.ban-mar-top{
		margin-top:-10px;
	}
}
@media all and (max-width: 480px) {
	.logo a img{
		width:100%!important;
	}
}
@media all and (max-width: 767px) {
	.site-title h2{
		font-size: 18px!important;
		line-height: 35px;
	}
	#header{
		 overflow-y:auto;
	}
	#popup{
		height:350px!important; 
	}
}
@media all and (max-width: 400px) {
	#newsticker-demo {
		width:100%!important;
	}
	.newsticker-jcarousellite ul li{
		width:100%!important;
	}
	.newsticker-jcarousellite{
		width:auto!important;
	}
}
#popup{
		height:460px; 
		overflow-y:auto;
	}