/* 	[ COPYRIGHT CONTEGRO  - Intelligent Website Content Management ]   */
/* 	[ http://www.contegro.com ]   */



/* -----[ NAVIGATION MODULES ]--------------------------------------------------------------------- */

/*
	Default Class Selectors and ID Selectors have been created for you.
	Alter the Property and Value to reflect your design as required.
	Choose the Navigation settings that suits your design within Contegro Administration, 
	by changing the Module Settings on an individual page, or within the Template for a Global Setting.
	Encompases Bread Crumb, Navigation Modules.
	Prefix each Class Selector with a custom CSS class in the Module/Template Settings if required.
*/

/* === [ BREADCRUMB ] ============================== */
.menuWrapper{      /* Height & width depends on how you want to reveal the overlay (see JS below) */
		height: 100%;
		width: 0%;
		position: fixed; /* Stay in place */
		z-index: 11; /* Sit on top */
		left: 0;
		top: 65px;
		background-color: rgb(255,255,255);
		background-color: rgba(255,255,255, 1);
		overflow-x: hidden; /* Disable horizontal scroll */
		-webkit-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;
		}
		.menuWrapper.isActive{
		width: 100%;
		padding: 0 0 0 0; 
}
.menuWrapper *{
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */
} 

.MobileNavigation .RadMenuStatic .rmVertical .rmLink {
	padding: 0;
	border-bottom: none;
	/* border-top: 1px #ddd solid; */
	width: 100% !important;
	height: auto;
	line-height: 1.5em;
	background: white;
	font-size: 16px;
	color: #00435a;
	font-weight: 600;
	text-align: left;
	padding: 10px 0 10px 20px;
}	
.MobileNavigation .RadMenuStatic .rmVertical .rmLink:active {
	background: #EBEBEB;
	color: #00AEEF;
}


.MobileNavigation .RadMenuStatic .rmLink.SelectedParent1 {
}

	.MobileNavigation .RadMenuStatic .rmVertical li:first-child > .rmLink {
		border-top: 1px transparent solid;
	}

	.MobileNavigation .rmStatic {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 100%;
		width: 100%;
		height: 400px;
		height: 150vh; /* vh = viewport height :) */
    	z-index: 2;
		background: white;
		overflow-x: hidden;
		overflow-y: scroll;

		-webkit-transition: left 0.25s;
				transition: left 0.25s;
	}
		.MobileNavigation .rmStatic.display {
			left: 0;
		}
.RadMenuStatic .rmVertical .rmText.rmExpandLeft,
.RadMenuStatic .rmVertical .rmText.rmExpandRight {
	background: url(/Templates/_Images/CTA_bluearrow.png) no-repeat right 40px center;
	background-size: 10px 16px;
	display:block;
}

.RadMenuStatic .rmVertical .rmText.rmBackLink,
.RadMenuStatic .rmVertical .rmText.rmBackLink {
	display: block;
	background: url(/Templates/_Images/CTA_bluearrow_back.png) no-repeat left 0px center;
	background-size: 10px 16px;
	padding: 0 0 0 20px;
}
.Breadcrumb {
	padding: 0px 0 0 100px;
	margin: 0 0 0px 0;
	font-size: 15px;
	font-weight:500;
	color:#233648;
	background: url(/Templates/_images/breadcrumb.gif) no-repeat left center;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */
}

#Breadcrumb .Breadcrumb {
  width:1100px;
  margin:0 auto;
}
	.Breadcrumb a { 
		margin: 0px 10px 0px 10px;
		text-decoration: none;
		color:#233648;
	}
	.Breadcrumb a:hover {
		color:#666;
	}

/* -----[ NAVIGATION ]--------------------------------------------------------------------- */

/* === [ Skin Resetting - Leave alone === Starts ] === */
	.RadMenuStatic .rmHorizontal .rmItem {clear: none; }
	.RadMenuStatic .rmItem {padding: 0; }
	.RadMenuStatic .rmHorizontal .rmItem {float: left; list-style: none outside none; }
	.RadMenuStatic .rmVertical .rmItem {list-style: none outside none;border-bottom: 1px solid #d7e1e5;}
	.RadMenu .rmRootGroup .rmItem .rmGroup {padding-bottom: 0px; }
	ul.rmVertical {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	ul.rmHorizontal { argin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }	
	.rmVertical .rmLink {float: none; }/* Must be Float=None so that Height is recognised */
	.rmText { cursor: pointer; cursor: hand; }
/* === [ Skin Resetting === Ends ] === */


/* === [ Wrapping Div's for styling ] === */
/* === [ Prefix with a custom CSS class in the Module/Template Settings if required ] === */
.PrimaryNavigation {
	clear: both;
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	
}
.TopLeft {
}
.TopRight {
}
.BottomLeft {
}
.BottomRight {
}
/* === [ Custom Title ] === */
.CustomTitle {
	font-size: 20px;
	color: #233648;
	margin-bottom: 14px;
	clear: both;
	display: block;
	font-weight: 700;
	padding: 0px 0px 10px 0px;
	border-bottom:#d7d7d7 1px solid;
}

/* === [ Slide Navigation (RadMenu) ] === */ 

/* === [ Wrapping Divs ] === */
/* === [ Style for backgrounds, heights & widths ] === */
	/* === [ Slide - Horizontal ] === */
	.RadMenu.RadMenu_SlideHorizontal {
	margin: 10px 0 10px 0;
	z-index: 600;
	}
	/* === [ Slide - Vertical ] === */
	.RadMenu.RadMenu_SlideVertical {
		z-index: 600;
	}

/* === [ Link Top/Bottom Padding, Background, Border, Width ] ===  */
.RadMenu .rmLink {
	text-decoration: none;
	width: 100%;
}
	/* === [ Slide - Horizontal ] === */ 
	.RadMenu .rmHorizontal .rmLink {
		padding: 0px 0px 0px 0px;
		font-size: 18px;
		font-weight:500;
		color:#fff;
		min-width: 20px !important;
		border-right:#445463 1px solid;
	}
	.RadMenu .rmHorizontal .rmLink .rmItem.rmLast {
		border-right:none;
		
	}
		/* === [ Level 1 ] === */ 
		.RadMenu .rmHorizontal .rmVertical.rmLevel1 .rmLink {
			min-width: 150px !important;
			font-size: 16px;
			background-image: none;
		}
		.RadMenu .rmHorizontal .rmItem {
			
		}
		
		
	/* === [ Slide - Vertical ] === */ 
	.RadMenu .rmVertical .rmLink {
		display: block;
		float: left;
		padding: 10px 0px 10px 0px;
		min-width: 230px !important;
		border:none;
		border-bottom:#182838 1px solid;
	}
		/* === [ Level 1 ] ===  */
		.RadMenu .rmVertical.rmLevel1 .rmLink {
			min-width: 150px !important;
		}

/* === [ Link Left/Right Border ] ===  */
	/* === [ Slide - Horizontal ] === */
	.RadMenu .rmHorizontal .rmLink.rmRootLink {
	}
	
/* === [ Float Left or Right in Container ] === */
	/* === [ Slide - Horizontal ] === */
	.RadMenu ul.rmRootGroup.rmHorizontal {
		float: left;
	}	
/* === [ Group Left/Right Border ] ===  */
	/* === [ Slide - Horizontal ] === */
	.RadMenu .rmRootGroup.rmVertical,
	.RadMenu .rmVertical.rmGroup {
		background: #233648;
	}

/* === [ Link Left/Right Padding ] ===  */
/* === [ Normal ] ===  */
.RadMenu .rmHorizontal .rmText {
	padding: 0 24px;
}
.RadMenu .rmVertical .rmLevel1 .rmText,
.RadMenu .rmVertical .rmLevel2 .rmText,
.RadMenu .rmVertical .rmLevel3 .rmText {
	
}
.RadMenu .rmVertical .rmText {
	padding: 0px 24px 0px 20px;
}

/* === [ Menu Selected State ] ===  */
/* === [ Normal ] ===  */
.RadMenu .rmLink.MenuSelected {
	color: #6de601;
}
	/* === [ Level 1 ] ===  */
	.RadMenu .rmLevel1 .rmLink.MenuSelected {
		background:#182838;
	}
		/* === [ Level 2 ] ===  */
		.RadMenu .rmLevel2 .rmLink.MenuSelected {
		}
			/* === [ Level 3 ] ===  */
			.RadMenu .rmLevel3 .rmLink.MenuSelected {
			}

/* === [ Selected Parent State ] ===  */
/* === [ Normal ] ===  */
.RadMenu .rmLink.SelectedParent1 {
	color: #6de601;
}
	/* === [ Level 2 ] ===  */
	.RadMenu .rmLink.SelectedParent2 {
		background:#182838;
	}
		/* === [ Level 3 ] ===  */
		.RadMenu .rmLink.SelectedParent3 {
		}
			/* === [ Level 4 ] ===  */
			.RadMenu .rmLink.SelectedParent4 {
			}

/* === [ Hover State ] ===  */
/* === [ Normal ] ===  */
.RadMenu .rmLink.rmExpanded,
.RadMenu .rmLink.rmFocused,
.RadMenu .rmLink:hover {
	color: #6de601;
}
	/* === [ Level 1 ] ===  */
	.RadMenu .rmLevel1 .rmLink.rmExpanded,
	.RadMenu .rmLevel1 .rmLink.rmFocused,
	.RadMenu .rmLevel1 .rmLink:hover{
	color: #6de601;
	background:#182838;
	}
		/* === [ Level 2 ] ===  */
		.RadMenu .rmLevel2 .rmLink.rmExpanded,
		.RadMenu .rmLevel2 .rmLink.rmFocused,
		.RadMenu .rmLevel2 .rmLink:hover {
	color: #6de601;
		}
			/* === [ Level 3 ] ===  */
			.RadMenu .rmLevel3 .rmLink.rmExpanded,
			.RadMenu .rmLevel3 .rmLink.rmFocused,
			.RadMenu .rmLevel3 .rmLink:hover {
	color: #6de601;
			}
			
/* === [ Expand Indicator. Add image background or border ] ===  */
.RadMenu .rmVertical .rmText.rmExpandLeft,
.RadMenu .rmVertical .rmText.rmExpandRight {
	padding: 0 30px 0px 10px;
	background: url(/Templates/_images/NavigationArrow.gif) no-repeat right center;
}
	

	
/* === [ Static Navigation ] === */ 
.SubNavigation {
	margin: 0 0 50px 0;
}
/* === [ Wrapping Divs ] === */
/* === [ Style for backgrounds, heights & widths ] === */
	/* === [ Static - Horizontal ] === */
	.RadMenuStatic.RadMenu_SlideHorizontal {
	float: right;
	margin: 10px 0 10px 0;
	clear: both;
	}
	/* === [ Static - Vertical ] === */
	.RadMenuStatic.RadMenu_SlideVertical {
		width: 100%;
	}

/* === [ Link Top/Bottom Padding, Background, Border, Width ] ===  */
.RadMenuStatic .rmLink {
	text-decoration: none;
	width: 100%;
}
	/* === [ Static - Horizontal ] === */
	.RadMenuStatic .rmHorizontal .rmLink {
		padding: 0px 0px 0px 0px;
		display: block;
		width: auto;
		font-size: 14px;
		color: #FFFFFF;
		border-right:#445463 1px solid;
	}
	.RadMenuStatic .rmHorizontal .rmLink .rmItem.rmLast {
		border-right:none;
		
	}
	
		/* === [ Level 1 ] === */ 
		.RadMenuStatic .rmHorizontal .rmLevel1 .rmLink {
			min-width: 150px !important;
			
		}
	/* === [ Static - Vertical ] === */
	.RadMenuStatic .rmVertical .rmLink {
		padding: 10px 0px 10px 0px;
		border-bottom: 1px solid #fff;
		display: block;
		width: 287px;
		color:#233648;
		font-size: 16px;
		font-weight: 500;
		background:#ecedee;
	}
		/* === [ Level 1 ] === */ 
		.RadMenuStatic .rmVertical .rmLevel1 .rmLink {
			/* width: 100% !important; */
			/* color:#666; */
			/* font-size: 14px; */
			/* font-weight: normal; */
			/* padding:10px 0 10px 20px; */
			/* -webkit-box-sizing: border-box; */ /* Safari/Chrome, other WebKit */
			-moz-box-sizing: border-box;    /* Firefox, other Gecko */
			/* box-sizing: border-box; */         /* Opera/IE 8+ */
		}
		.RadMenuStatic .rmVertical .rmLevel2 .rmLink {
			margin: 0;
		}
	/* === [ Static - Horizontal ] === */
	.RadMenuStatic .rmHorizontal .rmLink.rmRootLink {
	}

/* === [ Link Left/Right Padding ] ===  */
/* === [ Normal ] ===  */
.RadMenuStatic .rmHorizontal .rmText,
.RadMenuStatic .rmHorizontal .rmVertical .rmLevel1 .rmText
.RadMenuStatic .rmHorizontal .rmVertical .rmLevel2 .rmText
.RadMenuStatic .rmHorizontal .rmVertical .rmLevel3 .rmText {
	padding: 0px 15px 0px 15px;
}
.RadMenuStatic .rmVertical .rmText {
	padding: 0px 15px 0px 15px;
	display: block;
}
	/* === [ Level 1 ] ===  */
	.RadMenuStatic .rmVertical .rmLevel1 .rmText {
		padding: 0px 15px 0px 25px;
		font-size: 14px;
	}
		/* === [ Level 2 ] ===  */
		.RadMenuStatic .rmVertical .rmLevel2 .rmText {
			padding: 0px 15px 0px 35px;
		}
			/* === [ Level 3 ] ===  */
			.RadMenuStatic .rmVertical .rmLevel3 .rmText {
				padding: 0px 15px 0px 15px;
			}
			
/* === [ Menu Selected State ] ===  */
/* === [ Normal ] ===  */
.RadMenuStatic .rmLink.MenuSelected {
	color: #6de601;
}
.RadMenuStatic .rmVertical .rmLink.MenuSelected {
	color: #000;
	background:#f9f9f9;
}
	/* === [ Level 1 ] ===  */
	.RadMenuStatic .rmLevel1 .rmLink.MenuSelected {
	}
		/* === [ Level 2 ] ===  */
		.RadMenuStatic .rmLevel2 .rmLink.MenuSelected {
			color: #666;
			
		}
			/* === [ Level 3 ] ===  */
			.RadMenuStatic .rmLevel3 .rmLink.MenuSelected {
			}

/* === [ Selected Parent State ] ===  */
/* === [ Normal ] ===  */
.RadMenuStatic .rmLink.SelectedParent1 {
	color: #6de601;
}
.RadMenuStatic .rmVertical .rmLink.SelectedParent1 {
	color: #000;
	background:#f9f9f9;
}
	/* === [ Level 2 ] ===  */
	.RadMenuStatic .rmLink.SelectedParent2 {
		font-weight: normal;
	}
		/* === [ Level 3 ] ===  */
		.RadMenuStatic .rmLink.SelectedParent3 {
			color: #666;
			font-weight: normal;
		}
			/* === [ Level 4 ] ===  */
			.RadMenuStatic .rmLink.SelectedParent4 {
			}

/* === [ Hover State ] ===  */
/* === [ Normal ] ===  */
.RadMenuStatic .rmLink.rmExpanded,
.RadMenuStatic .rmLink.rmFocused,
.RadMenuStatic .rmLink:hover {
	color: #6de601;
}
/* === [ Level 1 ] ===  */
	.RadMenuStatic .rmVertical .rmLink.rmExpanded,
	.RadMenuStatic .rmVertical .rmLink.rmFocused,
	.RadMenuStatic .rmVertical .rmLink:hover{
			color: #000;
			background:#f9f9f9;
	}
	/* === [ Level 1 ] ===  */
	.RadMenuStatic .rmLevel1 .rmLink.rmExpanded,
	.RadMenuStatic .rmLevel1 .rmLink.rmFocused,
	.RadMenuStatic .rmLevel1 .rmLink:hover{
	}
		/* === [ Level 2 ] ===  */
		.RadMenuStatic .rmLevel2 .rmLink.rmExpanded,
		.RadMenuStatic .rmLevel2 .rmLink.rmFocused,
		.RadMenuStatic .rmLevel2 .rmLink:hover {
		}
			/* === [ Level 3 ] ===  */
			.RadMenuStatic .rmLevel3 .rmLink.rmExpanded,
			.RadMenuStatic .rmLevel3 .rmLink.rmFocused,
			.RadMenuStatic .rmLevel3 .rmLink:hover {
			}
			
/* === [ Expand Indicator. Add image background ] ===  */
.RadMenuStatic .rmVertical .rmText.rmExpandLeft,
.RadMenuStatic .rmVertical .rmText.rmExpandRight {
}

/* === [ MEGA MENU ] ============================== */

#cN ul.rmHorizontal li + li > .rmSlide {
	width: 1154px!important;
	background:#233648;
	padding: 0px 66px 0 66px;
	margin-top:7px;
	left:-192px!important;
}
#cN ul.rmHorizontal li + li + li > .rmSlide {
	width: auto!important;
	padding: 0;
	margin-top:0px;
	left:0!important;
}

/* === [ UNIQUE NAVIGATION ] ============================== */

.NavigationUnique { /* unique navigation container */
            margin: 15px 0 10px 0;
            padding: 0;
			clear: both;
			float: right;
			width: auto;
}
            .navunique { /* individual link container */
                        text-transform: capitalize;
                        margin: 0;
                        padding: 0;
            }
                        .navunique a:link, 
                        .navunique a:visited, 
                        .navunique a:hover, 
                        .navunique a:active { /* individual links */
                                    font-size: 14px;
                                    color: #fff;
                                    text-decoration: none;
									font-weight:500;
                                    margin: 0;
                                    padding: 0 15px 0 13px;
                                    border-right: 1px solid #445463;
                        }
                        .navunique:last-child a{ /* individual links */
                                    border-right: none;
                        }
                        span.navunique:first-child a:link, 
                        span.navunique:first-child a:visited, 
                        span.navunique:first-child a:hover, 
                        span.navunique:first-child a:active { /* link inside the first individual link container */
                                     
                        }
                        .navunique a:hover { /* non selected hover state */
                                    color: #6de601;
                        }
                                   .navunique a.MenuSelected:link, 
                                    .navunique a.MenuSelected:visited, 
                                    .navunique a.MenuSelected:hover, 
                                    .navunique a.MenuSelected:active { /* selected state */
                                                color: #6de601;
                                    }

	
/* -----[ Tablet landscape styles ]-------------------------------------------------------------------------- */


@media screen and (max-width: 880px) and (min-width: 550px) {

.Breadcrumb {
	margin: 0 0 10px 0;
}
.Secondary .RadMenuStatic.RadMenu_SlideHorizontal {
	background:#07904d url(/Templates/_images/cNnav-bkg.gif) repeat-x top left;
	width: 100%;
}
.navunique a:link, .navunique a:visited, .navunique a:hover, .navunique a:active {
font-size: 14px;
padding: 0 7px 0 7px;
}
.PhoneNumbers {
display:none;
}
}
@media screen and (max-width: 550px) {
.Breadcrumb {
	display: none;
}
.SubNavigation {
	display: none;
	clear: both;
	float: left;
}
.RadMenu.RadMenu_SlideHorizontal {
	margin: 15px 0 0 0;
	background:#07904d;
	}
.Secondary .RadMenuStatic.RadMenu_SlideHorizontal {
	background:#07904d url(/Templates/_images/cNnav-bkg.gif) repeat-x top left;
	width: 100%;
}
.RadMenu .rmHorizontal .rmLink {
	font-size: 14px;
}
.RadMenu .rmHorizontal .rmText {
	padding: 0px 8px 0px 8px;
}
.NavigationUnique {
	line-height: 1.8em;
}
#cHMobile .RadMenuStatic .rmVertical .rmLink {
	width: 290px !important;
	color: #FFFFFF;
}
#cHMobile .RadMenuStatic .rmVertical .rmLink.MenuSelected,
#cHMobile .RadMenuStatic .rmVertical .rmLink.rmExpanded,
#cHMobile .RadMenuStatic .rmVertical .rmLink.rmFocused,
#cHMobile .RadMenuStatic .rmVertical .rmLink:hover {
	color: #036737;
}
#cHMobile .RadMenuStatic .rmVertical .rmLevel2 .rmLink {
	background:#fff;
	background-image:none;
	margin: 0 0 0 0px;
	color: #036737;
}
}