.modal {
	background: rgba(255, 255, 255, 0.9) url("../Images/ajax-loader.gif") no-repeat scroll center 70px;
	display: none;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1000000;
}

.modal.loading{display: block;}
/*a.active {
	color: red;
}

#top-nav-pages a.active{color: red;}*/

#top-nav-pages .fa-home {
	padding-top:4px;
	}



.btn {
	background: red none repeat scroll 0 0;
	color: #3c5682;
	display: inline-block;
	/*font-family: "SyntaxLTBold",arial,helvetica,sans-serif;*/
	font-size: 14px;
	font-weight: normal;
	line-height: 16px;
	padding: 7px 20px;
	position: relative;
	text-decoration: none;
 }
.close-sub-navigation {
	background: transparent url("../Images/close.png") no-repeat scroll 0;
	height: 30px;
	position: absolute;
	right: 20px;
	top: 10px;
	width: 30px;
	z-index:100000;
	cursor:pointer;
}

#top-nav-pages {
	float:right;
	}


#top-nav {
/*font-family: "SyntaxLTRegular",arial,helvetica,sans-serif;*/
}
#top-nav {
	/*background-color: #ffffff;*/
	clear: both;
	margin: 0 auto;
	/*margin-top:10px;*/
	/*max-width: 1100px;*/
	position: relative;
	/*width: 1100px;*/
	width: 100%;
}

@media (max-width: 1100px) {
#top-nav {
	width: 100%;
}
}

#top-nav > ul {
	box-sizing: border-box;
	display: block;
	height: 40px;
	left: 0;
	list-style-type: none;
	margin: 0;
	overflow: visible;
	padding: 0;
	position: relative;
	top: 0;
	width: 100%;
}
#top-nav > ul > li {
	display: inline;
	float: right;
	padding:0;
	margin: 0;
	margin-right: 15px;
    margin-left: 15px;
	/*text-transform: uppercase;*/
	visibility: hidden;
	border-bottom: 5px;
    
    
}
#top-nav > ul > li > a {
	/*background: rgba(0, 0, 0, 0) none repeat scroll 0 center;*/
	color: #000000;
	font-weight: 600;
	display: block;
	padding-top: 7px;
	padding-bottom: 5px;
	font-size: 15px !important;
	text-decoration: none;
	/*text-transform:uppercase;*/
	height:35px;
}

#top-nav .hover {
	/*border-bottom: #0086cd 5px solid;*/
	}

#top-nav .active {
	/*border-bottom: #0086cd 5px solid;*/
	}


/*border animation*/
#top-nav > ul > li > a {
  position: relative;
}

#top-nav > ul > li > a:before{
  content: "";
  position: absolute;
  width: 100%;
  height: 5px;
  bottom: -5px;
  left: 0;
  background-color: #3c5682;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}


#top-nav > ul > li > a:hover:before {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}


/*#top-nav .hover {
  border-bottom: #3c5682 5px solid;
}*/

/*#top-nav > ul > li:hover {
	border-bottom: #3c5682 5px solid;
}

#top-nav > ul > li > a:hover {
	border-bottom: none;
}*/
/*#top-nav > ul > li > a.active {
	border-bottom: #3c5682 5px solid;
}*/

.top-nav-elements.active { 
	border-bottom: #3c5682 5px solid !important; 
}


.ccmmenu {
	box-sizing: border-box;
	display: block;
	left: 0;
	margin: 0;
	/*max-width: 1140px;*/
	min-height: 300px;
	overflow: hidden;
	padding: 0;
	padding-bottom:20px;
	position: absolute !important;
	top: 40px;
	width: 100%;
	z-index: 10000;
	/*background-color: rgba(255,255,255,0.90);
	-webkit-box-shadow: 0px 14px 15px -10px rgba(0,0,0,0.33);
	-moz-box-shadow: 0px 14px 15px -10px rgba(0,0,0,0.33);
	box-shadow: 0px 14px 15px -10px rgba(0,0,0,0.33);*/
	/*border-bottom: #1472b8 1px solid;*/
	/*border-left: #fdc81c 1px solid;
	border-right: #fdc81c 1px solid;*/
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0.90) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0.90) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0.90) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2ffffff',GradientType=0 ); /* IE6-9 */
}
.ccmmenu > .content {
	/*margin: 45px 0 0 60px;*/
	margin: 0;
	padding-top:33px;
	min-height: 310px;
	position: relative;
	width:auto;

}
.ccmmenu > .content::after {
	clear: both;
	content: "";
	display: table;
}
.subcontent {
	float: left;
	min-height:300px;
	padding-top:0px;
	padding-bottom: 20px;
	padding-left:20px;
	position: relative;
	width: 100%;
}
.ccmmenu .content > table {
	width:100%;
	position: relative;
	margin:0;
	padding:0;
	border:0;
	border-collapse:collapse;
}
.ccmmenu .content > table td {
	vertical-align: top;
}
.sub-navigation {
	float: left;
	left: 0;
	list-style: outside none none;
	margin:0;
	/*margin-right:50px;*/
	margin-top:10px;
	padding:0;
	/*min-height: 320px;*/

	position: relative;
	width: 250px;
}
.sub-navigation li {
	box-sizing: border-box;
	clear: left;
	float: left;
	height:auto;
	line-height: normal;
	margin: 0 0 1px;
	overflow: hidden;
	padding:0px;
	margin-right:10px;
	text-transform: none;
	width:250px;
	/*background-color:#0FF;*/
}



.sub-navigation li a {

	display:block;
	color: #000;
	font-size: 16px;
	padding: 8px;
	padding-left:20px;
	padding-right:10px !important;
	text-decoration: none;
	width:220px !important;
}

.sub-navigation li a:hover {
	background-color: #3c5682;
	color: #ffffff;
	}

.sub-navigation li a.active{
	background-color: #3c5682;
	color: #ffffff;
	border:none !important;
	}
.sub-navigation li.subhover {
	background-color: #fff;
	}


.subnavigation-content {
	/*background-color: #d5cfcf;*/
	box-sizing: border-box;
	font-size: 14px;
	left: 0;
	list-style: outside none none;
	margin: 0;
	min-height: 310px;
	padding: 0;
	position: relative;
	text-transform: none;
	top: 0;
	width: 90%;
	z-index: 260;
}
.subnavigation-content a {
	display: block;
    color: #000 !important;
    text-decoration: none;
	}
.subnavigation-content a::before {
	font-family: FontAwesome;
	content: "\f0c8" !important;
	color:#3c5682;
	font-size: 15px;
	display: inline-block;
	margin-left: 0px;
	width: 25px;
}

.ccmmenu .subnavigation-content {
	background-position: 0 0;
}
.and-image {
	box-sizing: border-box;
	padding-right: 200px;
}
.subcontent-image {
	box-sizing: border-box;
	display: none;
	right: 20px;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: absolute;
	text-align: right;
	top: 0;
	/*background-color:#ebebeb;*/
}
.and-image .subcontent-image {
	display: block;

}
.subcontent-image img {

	height: auto;
	position: relative;
	width: 150px;
}
.subnavigation-content .subcontent-title {
	margin: 0;
	padding: 0;
	padding-bottom:5px;
	text-transform: none;
	border-bottom: #000 1px solid;
}
.subnavigation-content .subcontent-title p {
	color: #000;
	/*font-family: "SyntaxLTBold", arial, helvetica, sans-serif;*/
	font-size: 26px;
	font-weight: normal;
	line-height: normal;
	margin: 0;
	padding: 0;
	text-transform: none;
}

.subcontent-title p {
	color: #000;
	/*font-family: "SyntaxLTBold", arial, helvetica, sans-serif;*/
	font-size: 26px;
	font-weight: normal;
	line-height: normal;
	margin: 0;
	padding: 0;
    margin-left:5px;
	text-transform: none;
    padding-bottom: 5px;
}

.subnavigation-content .subcontent-subtitle {
	margin: 0;
	padding: 0;
	padding-top:10px;
	padding-bottom:10px;
	text-align: left;
	width: auto;
}
.subnavigation-content .subcontent-subtitle p {
	color: #000;
	/*font-family: "SyntaxLTRegular", arial, helvetica, sans-serif;*/
	font-size: 20px;
	font-weight: normal;
	line-height: 20px;
	margin: 0;
	padding: 0;
	text-align: left;
	width: auto;
}
.subnavigation-content .subcontent-text, .subnavigation-content .subcontent-text p {
	color: #000;
	font-size: 16px;
	line-height: normal;
	margin: 5px 0 5px;
	padding: 0;
	text-align: left;
	text-decoration: none;
	width: auto;
}
.subnavigation-content .subcontent-text {
	margin: 5px 30px 10px 0;
}
.subnavigation-content .subcontent-btn {
	clear: both;
	float: left;

	position: relative;

	display:inline-block;
	padding:3px 10px;
	margin-top:20px;
	margin-right:20px;
	font-weight:600;
	text-decoration:none;
	background-color: #3c5682;
	width:auto;


}
.subnavigation-content .subcontent-btn a {
	color:#fff !important;
	font-size:12px !important;
}
.subnavigation-content .subcontent-btn a:hover {
	text-decoration:none !important;
}

.subnavigation-content .subcontent-btn a::before {
	content: "" !important;
	width:0px !important;

}

li.main-nav-point a {
    font-weight: normal;
    margin-bottom: 20px;
    background-color: #3c5682;
    color: #fff !important;
}

.sub-links {
    display: block;
    margin-top:20px !important;
}

.sub-links a {
    display: block;
    font-size: 16px !important;

    
}