.navbar {
	width: 100%;
	display: inline-block;
	background: #363c3f;
}
.exo-menu {
	width: 100%;
	float: left;
	list-style: none;
	position: relative;
	background: #363c3f;
	z-index: 9;
}
.col-md-2 {
    width: 30%;
    float: left;
    position: relative;
    border-right: 1px solid #2a4357;
    min-height: 538px;
}
.col-md-4 {
	/*width: 33.33333333%;*/
	width: 492px;
	float: left;
	position: relative
}
.col-md-3 {
	width: 25%;
	float: left;
	position: relative
}
.visible-xs-block {
	display: none!important;
}
.exo-menu > li svg {
	color: white;
	margin-right: 10px;
	position: relative;
	top: 0px;
}
.exo-menu > li {
	display: inline-block;
	float: left;
}
h4.row.mega-title a {
	color: #eee;
	width: 100%;
	display: inline-block;
}
.exo-menu > li > a {
	color: rgba(255, 255, 255, 0.9);
	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;
	font-size: 14px;
}
.exo-menu > li > a.active, .exo-menu > li > a:hover, li.drop-down ul > li > a:hover {
	background: #2984b3;
	color: #fff;
}
.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: "\f054";
	color: #fff;
	font-family: Font Awesome\ 5 Free;
	font-style: normal;
	display: inline;
	position: absolute;
	right: 6px;
	top: 17px;
	font-size: 14px;
	font-weight: bold;
}
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: 15px 20px;
	text-decoration: none;
	background-color: #365670;
	border-bottom: 1px dotted #6a8fad;
	-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: 0px;
	display: none;
	padding-top: 0;
	min-height: 100%;
}
.mega-menu .col-md-3 {
	background: #2984b3;
}
.mega-menu .col-md-3 h4.row.mega-title {
	font-size: 27px;
	text-transform: uppercase;
	background-color: #399bc3;
	border-bottom: 1px solid rgba(255, 255, 255, 0.5)
}
.mega-menu .col-md-3 ul.stander li a {
	padding: 8px;
	color: rgba(255, 255, 255, 1);
	font-size: 16px;
	margin-bottom: 0px;
}
.mega-menu .col-md-3 ul.stander li a:hover {
	background: #23364B
}
.row ul {
	padding: 15px
}
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 #6a8fad;
	padding-top: 15px;
	background-color: #365670;
	font-weight: normal;
}
.mega-menu ul li a {
	line-height: 17px;
	font-size: 13px;
	display: block;
	margin-bottom: 5px;
}
ul.stander li a {
	padding: 3px 0px;
	color: rgba(255, 255, 255, 0.8);
}
ul.stander li a:hover {
	color: rgba(255, 255, 255, 1);
}
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: #2984b3;
	padding: 2px 10px !important;
	line-height: 21px !important;
	display: inline-block !important;
}
a.view-more:hover {
	color: #fff;
	background: #0DADEF;
}
ul.icon-des li a i {
	color: #fff;
	width: 35px;
	height: 35px;
	border-radius: 50%;
	text-align: center;
	background-color: #2984b3;
	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: #6a8fad;
	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: 15px;
	background: #fefefe;
	border-bottom: 1px solid rgba(204, 204, 204, 0.4);
	border-left: 1px solid rgba(204, 204, 204, 0.4);
	border-right: 1px solid rgba(204, 204, 204, 0.4);
}
.Images .col-md-2 {
	text-align: center;
	padding: 10px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	min-height: inherit;
	width: 160px;
	cursor: pointer;
	border-right: none;
	margin: 5px;
}
.Images .col-md-2:hover {
	background: #f1f1f1;
}
.Images .col-md-2 .img_marchi {
	text-align: center;
	display: table;
	min-height: inherit;
	height: 80px;
	width: 100%;
}
.Images .col-md-2 .img_marchi div {
	display: table-cell;
	vertical-align: middle;
	min-height: inherit;
}
.img-responsive {
	max-height: 80px;
}
.Images .col-md-2 h4 {
	display: block;
	text-align: center;
	color: #363c3f;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 14px;
}
.Images h4 {
	font-size: 15px;
	margin-top: 0px;
	text-transform: uppercase;
	font-weight: normal
}
/*common*/
.flyout-right ul > li > a, .flyout-left ul > li > a, .flyout-mega-wrap, .mega-menu {
	background-color: #6a8fad;
}
/*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;
}
/*responsive*/
@media (min-width:1034px) {
	.exo-menu > li > a {
		display: block;
		padding: 15px 22px;
		min-height: 52px;
	}
	.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:1034px) {
	li.drop-down:before, li.mega-drop-down:before, li.images-drop-down:before {
		content: "\f054";
		color: #fff;
		font-family: Font Awesome\ 5 Free;
		font-style: normal;
		display: inline;
		position: absolute;
		right: 6px;
		top: 17px;
		font-size: 14px;
		font-weight: bold;
	}
	.col-md-4, .col-md-4 img {
		width: 100%;
	}
	.Images .col-md-2 {
		width: 25%;
		margin: 0px;
	}
	.images-drop-down > a:hover + .Images {
		display: inline-block;
		width: 100%;
	}
	.col-md-2 {
		width: 50%;
		min-height: inherit;
	}
	article ul.marchi li {
		height: 240px;
		width: 33%;
	}
	.navbar .container {
		padding: 0px;
	}
	.visible-xs-block {
		display: block!important;
	}
	.exo-menu {
		min-height: 58px;
		background-color: #23364B;
		width: 100%;
	}
	.exo-menu > li > a {
		width: 100%;
		display: none;
	}
	.exo-menu > li {
		width: 100%;
		position: relative
	}
	.display.exo-menu > li > a {
		display: block;
		padding: 20px 22px;
		border-top: 1px #365670 dotted;
	}
	.mega-menu, .Images, .Blog, .flyout-right > ul, .flyout-left > ul, li.drop-down > ul {
		position: relative;
	}
}
a.toggle-menu {
	position: absolute;
	right: -2px;
	padding: 10px 20px 19px 28px;
	font-size: 27px;
	background-color: #2984b3;
	color: #ffffff;
	top: -8px;
	transform: rotate(90deg);
}
@media (max-width:500px) {
	article ul.marchi li {
		height: 140px;
		width: 50%;
	}
}