/*###################################################
* #                                                 #
* #    Author: Marko Maksym                         #
* M    WebSite: http://blognauki.in.ua/my-works/    M
* #    Project name: MX-SLIDER                      #  
* #    E-mail: markomaksym@gmail.com                #
* X    Date of creation: 04.10.2016                 X
* #    Last Modified:                               #
* #                                                 #
* ###################################################
*/
.MxSlider{
	width: 100%;
	float: left;
	position: relative;
	height:280px;
}
.mx-slider_wrap{
	position: relative;
	display: block;
	float: left;
	width: 100%;
	height: auto;
	margin: 0px auto;
	overflow: hidden;
}
.mx-slide{
	position: absolute;
	width: 100%;
	display: table;
	float: left;
	left: 0;
}
.mx-slide img{
	width: 100%;
	height:280px;
}

/* Navigation */
.mx-navigation{
	position: absolute;
	float: left;
	width: 100%;
	top: 47%;
	z-index: 888;
}
.mx-prev, .mx-next{
	display: table;
	width: 40px;
	height: 40px;
	/*background-color: #fff;*/
	font-size: 0px;
	cursor: pointer;
}
.mx-prev{
	float: left;
}
.mx-next{
	float: right;
}
.mx-nav_dots{
	position: absolute;
	width: 100%;
	top: 85%;
    text-align: center;
	z-index: 889;
}
.mx-nav_dots span{
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 3px;
	font-size: 0px;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	/*border: 2px solid #333;*/
	background-color: #fff;
	cursor: pointer;
}
.mx-nav_dots span.dotActive{
	background-color: #333;
}


/*zijixie*/
	.mx-bugs_bunny{
		width: 100%;
		/*max-width: 700px;
		margin: 40px auto;	*/
	}
	/*.ZI-slider{
		border: 4px solid #27425d;
	}*/
	.mx-bugs_info{
		position: absolute;
		display: block;
		width:100%;
		padding: 8px 10px 24px 10px;
		bottom: 0;
		text-align: center;
		background-color: rgba(88, 5, 2, 0.8);
	}
	.mx-bugs_info a{
		font-family: 'Oswald', sans-serif;
		color: #fff;
		font-size: 16px;
		text-decoration: none;
	}
	.mx-navigation {
		/*margin: 4px;*/
		top: 42%;
	}
	.mx-prev, .mx-next{
		/*background-color: #27425d;*/
	}
	.mx-prev{
		
		background-repeat: no-repeat;
		background-position: 2px 5px;
	}
	.mx-next{
		
		background-repeat: no-repeat;
		background-position: 8px 5px;
	}
	.mx-nav_dots{
		top: 88%;
		text-align:center;

	}
	.mx-nav_dots span{
		margin: 0px 4px;
		border-radius: 50%;
		-moz-border-radius: 50%;
		-webkit-border-radius: 50%;
		/*border: 3px solid #27425d;*/
		/*background-color: rgba(255,255,255,0.7);*/
	}
	.mx-nav_dots span.dotActive{
		background-color: #fff;
		width:12px;
		height:12px;
	}
	.ZI-slider2{height:280px!important;}
	/*.mx-prev{*/
		/*width: 0;*/
		/*height: 0;*/
		/*border-width: 20px;*/
		/*border-style: solid;*/
		/*border-color: transparent #cf3031 transparent  transparent ;*/
		/*margin: 0 auto;*/
	/*}*/
	/*.mx-next{*/
		/*width: 0;*/
		/*height: 0;*/
		/*border-width: 20px;*/
		/*border-style: solid;*/
		/*border-color: transparent transparent  transparent  #cf3031;*/
		/*margin: 0 auto;*/
	/*}