footer.footer{
	color:#fff;
	background: var( --dark-color ) 
}
footer.footer,
footer.footer a{
	color:#fff;
	text-decoration:none;
	font-size: var( --with-14px )
}

.cnt-sec{
	margin: var( --with-10px ) 0;
	padding: var( --with-10px ) 0
}

#fut_row{
	/*border:solid 1px lime;*/
	display: flex;
	align-items: stretch;
	align-self: stretch;
}

#fut_row .col{
	/*border:solid 1px red;*/
	display: flex;
	align-items: center;
}

#fut_row #fut_b{
	/*border:solid 1px blue;*/
	text-align:center;
	width:100%
}

#fut_row #fut_b .cnt-sec {
	/*border:solid 1px lime; */
	display: flex
}

.footer .before-menu,
ul.footer-menu{
	/*border:solid 1px red;*/
	text-align:center 
}

.footer .before-menu{ 
	white-space: nowrap;
}

ul.footer-menu li:after,
.footer .before-menu:after{
	content:'';
	display: inline-block;
	vertical-align:middle;
	height: var( --with-12px );
	width: var( --with-1px );
	background:#fff;
	margin:0  var( --with-10px ); 
	opacity:.5
}

ul.footer-menu li:last-of-type:after{
	display:none
}

@media (min-width: 1280px) {}

@media (max-width: 1280px) {
	
	ul.footer-menu li:after,
	.footer .before-menu:after{ 
		transform:translateY( 50% )
	}
	
	
	ul.footer-menu li:after,
	ul.footer-menu li > a{ 
		float:left 
	}
	
	.footer .before-menu:after{
		display:none
	}
	
	#fut_row #fut_b .cnt-sec {
		width:100%;
		flex-direction: column ;
		flex-direction: column;
		align-items: center;
		justify-content: center
	}
	
	.footer .before-menu,
	ul.footer-menu{ 
		width:100%;
		display:block
	}
	
	ul.footer-menu{ 
		width:100%
	}
}

ul.footer-menu,
ul.footer-menu li{
	margin:0;
	padding:0
}

ul.footer-menu li{
	display:inline-block;
	text-align:center; 
	white-space: nowrap 
}

ul.footer-menu li i{
	display: inline-block;
	height: var( --with-14px );
	width: var( --with-1px );
	background:#fff;
	margin:0  var( --with-10px );
	/*float:left*/
}

ul.footer-menu li:last-of-type {
	border:none
}

#fut_a ul.menuf.flex-nowrap{ 
	min-width: var( --with-130px );
	display: flex;
	align-items: stretch;
  	align-self: stretch;
	flex-wrap: nowrap !important;
}

/* ============================= menuf ===================================== */


#fut_c{
	min-width: var( --with-280px )
}

/* ============================= menuf ===================================== */
 
.menuf,
.menuf li{
	padding:0;
	margin:0;
	list-style:none;
	float:left
}

.menuf-f1 span{
	float:left;
	margin-right: var( --with-15px );
	font-size: var( --with-16px )
}

.menuf-f1 .menuf > li{
	display:block; 
	padding:0 var( --with-6px )
}

.menuf-f2 ul.menuf{
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.menuf-f2 .menuf > li{
	display: flex;
	align-items: center;
	justify-content: center; 
}

.menuf-f2 .menuf > li:first-of-type {
	margin-right:var( --with-18px )
}

ul.footer-menu li.active > a{
	color: #45FF00
}

ul.footer-menu li.active > a::after{
	border-bottom-color: #45FF00
}

#cookie_c_btn{
	color: #fff;
	text-decoration: none;
	font-size: var( --with-14px );
	border: none;
	font-style:normal;
	font-weight:inherit;
	background:none;
	float: left 
}

/* 
===================================================================================================================== responsive()
*/

@media (min-width: 1240px) {
	
	footer.footer{ 
		padding: 0 var( --with-12px ) 
	}

	#fut_row #fut_c .cnt-sec.menuf-f2 ul.menuf li:nth-of-type(1) a img{
		width: var( --with-120px );
		height:var( --with-40px ) 
	}
	
	#fut_row #fut_c .cnt-sec.menuf-f2 ul.menuf li:nth-of-type(2) a img{
		width: var( --with-135px );
		height:var( --with-40px ) 
	}
	
}
	

@media only screen and (max-width:1240px ) and (min-width: 992px){
 	
	#fut_row #fut_b .cnt-sec span.before-menu,
	#fut_row #fut_b .cnt-sec ul.footer-menu{
		display:block;
		width:100%;
		margin:var( --with-4px ) auto
	}
	
	#fut_row #fut_b .cnt-sec ul.footer-menu li:first-of-type i{
		display:none
	}
		
	#fut_row{
		margin-right: 0;
		margin-left:  0
	}
	
}

@media (min-width:992px) {
	
	.menuf-f2{
		text-align:right;
		float:right
	}
	
}

@media (max-width:992px) {
	
	#fut_row #fut_b{
		width:100%
	}
 	
	#fut_row > div.col-md-3,
	#fut_row #fut_a .cnt-sec.menuf-f1,
	#fut_row #fut_c .cnt-sec.menuf-f2 ul.menuf,
	#fut_row #fut_b .cnt-sec {
		text-align:center;
		width:100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		padding:0 inherit
	}
	
	#fut_row div.col-md-3 .cnt-sec{
		margin:0;
		padding:0 
	}
	
	footer.footer #fut_row{ display: flex; flex-direction: column; }
	
	#fut_a { order: 1; }
	#fut_b { order: 3; }
	#fut_c { order: 2; }
	
	/*#fut_row #fut_a*/
	#fut_row #fut_a .cnt-sec.menuf-f1{
		padding-top:var( --with-20px )
	}
	
	#fut_row #fut_a .cnt-sec.menuf-f1 ul{
		/* margin: var( --with-16px ) auto 26px auto  */
		margin: var( --with-16px ) auto 0 auto 
	}
	
	#fut_row #fut_c .cnt-sec.menuf-f2 ul.menuf,
	#fut_row #fut_c .cnt-sec.menuf-f2 ul.menuf li,
	#fut_row #fut_c .cnt-sec.menuf-f2 ul.menuf li a{
		font-size: var( --with-14px );
		height:auto;
		display: block;
		width:100%;
		max-width:100%;
		text-align:center;
		min-height: var( --with-50px )
	}
	
	#fut_row #fut_c .cnt-sec.menuf-f2 ul.menuf li a img{
		margin:auto;
		min-height: var( --with-50px )
	}
	
	#fut_row #fut_c .cnt-sec.menuf-f2 ul.menuf li{
		margin: var( --with-8px ) auto 
	}
	
	#fut_row #fut_b .cnt-sec span.before-menu,
	#fut_row #fut_b .cnt-sec ul.footer-menu{
		display:block;
		margin:var( --with-4px ) auto;
		text-align:center
	}
	
	#fut_row #fut_b .cnt-sec ul.footer-menu li{ 
		padding: var( --with-6px ) inherit;
		margin: var( --with-6px ) auto 
	}  
	
	#fut_row #fut_b .cnt-sec ul.footer-menu li:first-of-type i{
		display:none
	}
	
	.menuf-f1 span{ 
		margin-right: 0
	}
	
	#fut_row #fut_c .cnt-sec.menuf-f2{ 
		margin:auto
	}
	
	ul.footer-menu{
		padding-left:  var( --with-15px );
		padding-right: var( --with-15px )
	} 	
	
}

@media (max-width: 768px) {
	
	#fut_row #fut_b .cnt-sec ul.footer-menu li a{
		font-size: var( --with-12px )
	}
	
}

@media (max-width: 350px) {
	
	#fut_row #fut_b .cnt-sec ul.footer-menu li i{
		display:none
	}
	
	#fut_row #fut_b .cnt-sec ul.footer-menu li{
		display: flex;
		flex-direction: column;
		width:100% 
	}
	
	#fut_row #fut_b .cnt-sec ul.footer-menu li:after{
		display:none
	}
	
}
	