/*
* ###################################################
* #                                                 #
* #    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: 438px;
}
.mx-slider_wrap{
	position: relative;
	display: block;
	float: left;
	width: 100%;
	height: 438px !important;
	margin: 0px auto;
	overflow: hidden;
}
.mx-slide{
	position: absolute;
	width: 100%;
	display: table;
	float: left;
	left: 0%;
	height: 438px;
}
.mx-slide img{
	width: 100%;
	height: 100%;
}

/* Navigation */
.mx-navigation{
	position: absolute;
	float: left;
	width: 99%;
	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: 15px;
	height: 15px;
	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;
	font-size: 0px !important;
}
.mx-nav_dots span.dotActive{
	background-color: #333;
}


.sliderWrapper {
  width: 100%;
  max-width: 100%;
  /*margin: 40px auto;*/
  height: 438px;

}

.mySlider { /*border: 4px solid #27425d;*/ }

.sliderDescription {
  position: absolute;
  display: block;
  max-width: 80%;
  padding: 10px;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.5);
  color: #fff;
  font-size: 11px;
}

.sliderDescription a {
  font-family: 'Oswald', sans-serif;
  color: #fff;
  font-size: 18px;
  text-decoration: none;
}

.mx-navigation {
  margin: 4px;
  top: 42%;
}

.mx-prev, .mx-next { background-color: transparent; }

.mx-prev {
  background-image: url(../images/arr_l.png);
  background-repeat: no-repeat;
  background-position: 2px 5px;
}

.mx-next {
  background-image: url(../images/arr_r.png);
  background-repeat: no-repeat;
  background-position: 8px 5px;
}

.mx-nav_dots { top: 92%; }

.mx-nav_dots span {
  margin: 0px 4px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border: 3px solid #ffb640;
  background-color: #fff;
}

.mx-nav_dots span.dotActive { background-color: #ffb640; }
.hidden { display:none;}