*,
:after,
:before { box-sizing: border-box }
.clearfix:after,
.clearfix:before { content: ''; display: table }
.clearfix:after { clear: both; display: block }

ul { list-style: none; margin: 0; padding: 0; }

.mega-menu ul li a,
.mega-menu ul li a:hover,
.mega-menu ul li a.active,
.mega-menu ul li a:active,
.mega-menu ul li a:visited,
.mega-menu ul li a:focus { color: #222222; text-decoration: none; }

.content { margin: 0px; display: flex; flex-direction: row; justify-content: center; align-items: center; }

.exo-menu { margin: auto; list-style: none; position: relative; z-index: 999; }

.exo-menu>li { display: inline-block; /*float: left; */}

.exo-menu>li>a.first-menu{border-left:1px #365670 dotted;}
.exo-menu>li>a {
	color: #ccc;
	text-decoration: none;
	/*text-transform: uppercase; */
	border-right: 1px #365670 dotted;
	-webkit-transition: color 0.2s linear, background 0.2s linear;
	-moz-transition: color 0.2s linear, background 0.2s linear;
	-o-transition: color 0.2s linear, background 0.2s linear;
	transition: color 0.2s linear, background 0.2s linear;
}

.exo-menu>li>a.active,
.exo-menu>li>a:hover,
li.drop-down ul>li>a:hover {
	background: #04385d;
	color: #fff;
	text-decoration: none;
}
.mega-prin{text-align: center;}
.exo-menu i {
	/*float: left;*/
	font-size: 18px;
	margin-right: 6px;
	line-height: 20px !important;
}

li.drop-down,
.flyout-right,
.flyout-left {
	position: relative;
}

li.drop-down:before {
	content: "\f103";
	color: #fff;
	font-family: FontAwesome;
	font-style: normal;
	display: inline;
	position: absolute;
	right: 6px;
	top: 20px;
	font-size: 14px;
}

li.drop-down>ul {
	left: 0px;
	min-width: 230px;
}

.drop-down-ul {
	display: none;
}

.flyout-right>ul,
.flyout-left>ul {
	top: 0;
	min-width: 230px;
	display: none;
	border-left: 1px solid #365670;
}

li.drop-down>ul>li>a,
.flyout-right ul>li>a,
.flyout-left ul>li>a {
	/*color: #fff;*/
	display: block;
	padding: 20px 22px;
	text-decoration: none;
	background-color: #365670;
	border-bottom: 1px dotted #547787;
	-webkit-transition: color 0.2s linear, background 0.2s linear;
	-moz-transition: color 0.2s linear, background 0.2s linear;
	-o-transition: color 0.2s linear, background 0.2s linear;
	transition: color 0.2s linear, background 0.2s linear;
}

.flyout-right ul>li>a,
.flyout-left ul>li>a {
	border-bottom: 1px dotted #B8C7BC;
}


/*Flyout Mega*/

.flyout-mega-wrap {
	top: 0;
	right: 0;
	left: 100%;
	width: 100%;
	display: none;
	height: 100%;
	padding: 15px;
	min-width: 742px;
}
/*
h4.row.mega-title {
	color: #eee;
	margin-top: 0px;
	font-size: 14px;
	padding-left: 15px;
	padding-bottom: 13px;
	text-transform: uppercase;
	border-bottom: 1px solid #ccc;
}*/

.flyout-mega ul>li>a {
	font-size: 90%;
	line-height: 25px;
	/*color: #fff;*/
	font-family: inherit;
}

.flyout-mega ul>li>a:hover,
.flyout-mega ul>li>a:active,
.flyout-mega ul>li>a:focus {
	text-decoration: none;
	/*background-color: transparent !important;
	color: #ccc !important*/
}


/*mega menu*/
.mega-menu { left: 0; right: 0; /*padding: 15px;*/ display: none; padding-top: 0; min-height: 100%; }
.mega-menu { -webkit-box-shadow: 0px 10px 30px 3px rgba(0,0,0,0.6); -moz-box-shadow: 0px 10px 30px 3px rgba(0,0,0,0.6); box-shadow: 0px 10px 30px 3px rgba(0,0,0,0.6); }
.mega-menu h4{margin-bottom:3px; text-transform: uppercase;}
h4.row.mega-title { color: #071e2e; font-weight: 600; margin-top: 0px; margin-left: 3px; padding-bottom: 3px; border-bottom: 1px solid rgba(190,190,190,0.7); padding-top: 10px; font-size: 1em; width: 80%; }
.mega-menu ul li a {line-height: 25px; 	/*font-size: 90%;*/display: block; }
ul.stander li a { /*padding: 3px 0px;*/ font-weight: 500; color: #333333; }
ul.stander li a:hover { text-decoration: none; color: #055b98;}
ul.description li { padding-bottom: 12px; line-height: 8px; }
ul.description li span { color: #ccc; font-size: 85%; }
/*
a.view-more {
	border-radius: 1px;
	margin-top: 15px;
	background-color: #009FE1;
	padding: 2px 10px !important;
	line-height: 21px !important;
	display: inline-block !important;
}

a.view-more:hover {
	color: #fff;
	background: #0DADEF;
	text-decoration: none;
}

ul.icon-des li a i {
	color: #fff;
	width: 35px;
	height: 35px;
	border-radius: 50%;
	text-align: center;
	background-color: #009FE1;
	line-height: 35px !important;
}

ul.icon-des li {
	width: 100%;
	display: table;
	margin-bottom: 11px;
}
*/

/*Blog DropDown*/
/*
.Blog {
	left: 0;
	display: none;
	color: #fefefe;
	padding-top: 15px;
	background: #547787;
	padding-bottom: 15px;
}

.Blog .blog-title {
	color: #fff;
	font-size: 15px;
	text-transform: uppercase;
}

.Blog .blog-des {
	color: #ccc;
	font-size: 90%;
	margin-top: 15px;
}

.Blog a.view-more {
	margin-top: 0px;
}
*/

/*Images*/
/*
.Images {
	left: 0;
	width: 100%;
	display: none;
	color: #fefefe;
	padding-top: 15px;
	background: #547787;
	padding-bottom: 15px;
}

.Images h4 {
	font-size: 15px;
	margin-top: 0px;
	text-transform: uppercase;
}

*/
/*common*/
.flyout-right ul>li>a,
.flyout-left ul>li>a,
.flyout-mega-wrap,
.mega-menu { background-color: #fcfcfc; }


/*hover*/
.Blog:hover,
.Images:hover,
.mega-menu:hover,
.drop-down-ul:hover,
li.flyout-left>ul:hover,
li.flyout-right>ul:hover,
.flyout-mega-wrap:hover,
li.flyout-left a:hover+ul,
li.flyout-right a:hover+ul,
.blog-drop-down>a:hover+.Blog,
li.drop-down>a:hover+.drop-down-ul,
.images-drop-down>a:hover+.Images,
.mega-drop-down a:hover+.mega-menu,
li.flyout-mega>a:hover+.flyout-mega-wrap { display: block; text-decoration: none; }

a.toggle-menu { position: absolute; height: 100%; /*right: 0px;*/ padding: 20px; font-size: 27px; background-color: #ccc; color: #23364B; top: 0px; }
.d-img-card{padding-top: 15px;}

/*responsive*/
@media (min-width:767px) {
	.mega-menu{ padding: 15px;}
	.exo-menu>li>a { display: block; padding: 10px 10px 5px 10px; white-space : nowrap; overflow : hidden; vertical-align : top; display : inline-block; }
	.mega-menu,
	.flyout-mega-wrap,
	.Images,
	.Blog,
	.flyout-right>ul,
	.flyout-left>ul,
	li.drop-down>ul { position: absolute; }
	.flyout-right>ul { left: 100%; }
	.flyout-left>ul { right: 100%; }
	
}

@media (max-width:767px) {
	.exo-menu { max-height: 65px; width: 100%; }
	.exo-menu>li>a { width: 100%; display: none; }
	.exo-menu>li { width: 100%; }
	.display.exo-menu>li>a { display: block; padding: 15px 12px; background-color: #0b1e25; max-height: 65px;}
	.mega-menu,
	.Images,
	.Blog,
	.flyout-right>ul,
	.flyout-left>ul,
	li.drop-down>ul { position: relative; }
}