/** RESET AND LAYOUT
===================================*/
body {
	margin : 0px;
	padding: 0px;
}

*,
::after,
::before {
	box-sizing: border-box;
}

@font-face {
	font-family: "Flaticon";
	src        : url("../fonts/Flaticon.eot");
	src        : url("../fonts/Flaticon.eot?#iefix") format("embedded-opentype"),
		url("../fonts/Flaticon.woff2") format("woff2"),
		url("../fonts/Flaticon.woff") format("woff"),
		url("../fonts/Flaticon.ttf") format("truetype"),
		url("../fonts/Flaticon.svg#Flaticon") format("svg");
	font-weight: normal;
	font-style : normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	@font-face {
		font-family: "Flaticon";
		src        : url("../fonts/Flaticon.svg#Flaticon") format("svg");
	}
}

.mi-wrapper {
	position        : relative;
	margin-bottom   : 60px;
	padding         : 0;
	*zoom           : 1;
	-ms-touch-action: pan-y;
	touch-action    : pan-y;
}

.mi-wrapper img {
	max-width : 100%;
	display   : block;
	width     : 100%;
	object-fit: cover;
	height    : 550px;
}

.bxslider {
	margin : 0;
	padding: 0;
}

ul.bxslider {
	list-style: none;
}

.bx-viewport {
	-webkit-transform: translatez(0);
}

.mi-wrapper {
	background: #fff;
}

.mi-wrapper .bx-pager,
.mi-wrapper .bx-controls-auto {
	position: absolute;
	bottom  : 20px;
	width   : 100%;
}

.mi-wrapper .bx-loading {
	min-height: 50px;
	background: url('../images/bx_loader.gif') center center no-repeat #ffffff;
	height    : 100%;
	width     : 100%;
	position  : absolute;
	top       : 0;
	left      : 0;
	z-index   : 2000;
}

.mi-wrapper .bx-pager {
	text-align : center;
	font-size  : .85em;
	font-family: Arial;
	font-weight: bold;
	color      : #ffffff;
	padding-top: 20px;
}

.mi-wrapper .bx-pager.bx-default-pager a {
	background    : transparent;
	text-indent   : -9999px;
	display       : block;
	outline       : 0;
	vertical-align: top;
	width         : 1rem;
	height        : 1rem;
	margin        : 0 0.5rem;
	border-radius : 50%;
	border        : 2px solid #fff;
	cursor        : pointer;
}

.mi-wrapper .bx-pager.bx-default-pager a:hover,
.mi-wrapper .bx-pager.bx-default-pager a.active,
.mi-wrapper .bx-pager.bx-default-pager a:focus {
	background: #fff;
}

.mi-wrapper .bx-pager-item,
.mi-wrapper .bx-controls-auto .bx-controls-auto-item {
	display       : inline-block;
	vertical-align: bottom;
	*zoom         : 1;
	*display      : inline;
}

.mi-wrapper .bx-pager-item {
	font-size  : 0;
	line-height: 0;
}

/* DIRECTION CONTROLS (NEXT / PREV) */
.mi-wrapper .bx-prev {
	left     : 10px;
	font-size: 0;
}

.mi-wrapper .bx-prev:hover,
.mi-wrapper .bx-prev:focus {
	background-position: 0 0;
}

.mi-wrapper .bx-next {
	right    : 10px;
	font-size: 0px;
}

.mi-wrapper .bx-next:hover,
.mi-wrapper .bx-next:focus {
	background-position: -43px 0;
}

.mi-wrapper .bx-controls-direction a {
	position  : absolute;
	top       : 50%;
	margin-top: -16px;
	outline   : 0;
	width     : 32px;
	height    : 32px;
	z-index   : 9999;
	color     : #ffffff;

}

.mi-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */
.mi-wrapper .bx-controls-auto {
	text-align: center;
}

.mi-wrapper .bx-controls-auto .bx-start {
	display    : block;
	text-indent: -9999px;
	width      : 10px;
	height     : 11px;
	outline    : 0;
	background : url('../images/controls.png') -86px -11px no-repeat;
	margin     : 0 3px;
}

.mi-wrapper .bx-controls-auto .bx-start:hover,
.mi-wrapper .bx-controls-auto .bx-start.active,
.mi-wrapper .bx-controls-auto .bx-start:focus {
	background-position: -86px 0;
}

.mi-wrapper .bx-controls-auto .bx-stop {
	display    : block;
	text-indent: -9999px;
	width      : 9px;
	height     : 11px;
	outline    : 0;
	background : url('../images/controls.png') -86px -44px no-repeat;
	margin     : 0 3px;
}

.mi-wrapper .bx-controls-auto .bx-stop:hover,
.mi-wrapper .bx-controls-auto .bx-stop.active,
.mi-wrapper .bx-controls-auto .bx-stop:focus {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.mi-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width     : 80%;
}

.mi-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */
.mi-wrapper .bx-caption {
	position  : absolute;
	bottom    : 0;
	left      : 0;
	background: #666;
	background: rgba(80, 80, 80, 0.75);
	width     : 100%;
}

.mi-wrapper .bx-caption span {
	color      : #fff;
	font-family: Arial;
	display    : block;
	font-size  : .85em;
	padding    : 10px;
}

.mi-wrapper .mi-item {
	position: relative;
}

.mi-wrapper .mi-item:before {
	content   : '';
	background: rgba(0, 0, 0, 0.4);
	position  : absolute;
	top       : 0px;
	bottom    : 0px;
	left      : 0px;
	right     : 0px
}

.mi-wrapper .mi-item video {
	max-width: 100%;
	height   : auto;
	width    : 100%;
}

.mi-wrapper .mi-item iframe,
.mi-wrapper .mi-item embed,
.mi-wrapper .mi-item object {
	max-width: 100%;
}

.mi-wrapper .mi-item .mi-caption {
	position      : absolute;
	right         : 10%;
	bottom        : 20px;
	left          : 10%;
	z-index       : 10;
	padding-top   : 20px;
	padding-bottom: 20px;
	color         : #fff;
	text-align    : center;
	height        : 20em;
	max-width     : 768px;
}

.mi-wrapper .mi-item .mi-caption.mi-text-none {
	display: none;
}

.mi-wrapper .mi-item .mi-caption.mi-text-left {
	text-align: left;
}

.mi-wrapper .mi-item .mi-caption.mi-text-center {
	text-align: center;
}

.mi-wrapper .mi-item .mi-caption.mi-text-right {
	text-align: right;
}

.mi-wrapper .mi-item .mi-caption h2 {
	color                  : #fff;
	font-size              : 38px;
	margin                 : 0;
	font-weight            : 200;
	letter-spacing         : 3px;
	-webkit-animation-delay: .2s;
	animation-delay        : .2s;
	font-family            : 'Raleway', sans-serif;
	line-height            : 0.947;
	text-shadow            : 0px 1px 3px rgba(0, 0, 0, 0.3);
	margin-bottom          : 15px;
	font-weight            : 500;
}

.mi-wrapper .mi-item .mi-caption h5 {
	color                  : #fff;
	font-size              : 24px;
	margin                 : 0;
	font-weight            : 200;
	letter-spacing         : 3px;
	-webkit-animation-delay: .2s;
	animation-delay        : .2s;
	font-family            : 'Raleway', sans-serif;
	line-height            : 0.947;
	text-shadow            : 0px 1px 3px rgba(0, 0, 0, 0.3);
	margin-bottom          : 15px;

}

.mi-wrapper .mi-item .mi-caption,
.mi-wrapper .mi-item .mi-caption p {
	margin-bottom: 15px;
	display      : block;
	font-weight  : 500;
	font-size    : 20px;
	color        : #fff;
	font-family  : 'Raleway', sans-serif;
	line-height  : 1.547;
	text-shadow  : 0px 1px 3px rgba(0, 0, 0, 0.3);
}

.mi-wrapper .mi-item .mi-caption .mi-carousel-slide-buttons {
	margin-top: 35px;
}

.mi-wrapper .mi-item .mi-caption a.mi-btn-one,
.mi-wrapper .mi-item .mi-caption a.mi-btn-two {
	padding           : 10px 20px;
	display           : inline-block;
	min-width         : 150px;
	font-weight       : 500;
	font-size         : 16px;
	margin-top        : 20px;
	background        : linear-gradient(135deg, #11d6f0, #6ceeff, #11d6f0, #ccc, #6ceeff);
	background-size   : 400% 400%;
	color             : #fff;
	position          : relative;
	text-decoration   : none;
	text-transform    : uppercase;
	outline           : none;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition   : all 0.3s ease-in-out;
	-o-transition     : all 0.3s ease-in-out;
	-ms-transition    : all 0.3s ease-in-out;
	transition        : all 0.3s ease-in-out;
	text-align        : center;
	border            : 2px solid transparent;
	color             : rgb(255, 255, 255);
	text-decoration   : none
}

.mi-wrapper .mi-item .mi-caption a+a {
	margin-left: 15px;
}

.mi-wrapper .mi-item .mi-caption a.mi-btn-two {
	background         : none;
	color              : rgba(255, 255, 255, 1);
	-webkit-transition : all 0.3s;
	-moz-transition    : all 0.3s;
	-o-transition      : all 0.3s;
	transition         : all 0.3s;
	position           : relative;
	border-top-width   : 2px;
	border-bottom-width: 2px;
	border-top-style   : solid;
	border-bottom-style: solid;
	border-top-color   : rgba(17, 214, 240, 0.5);
	border-bottom-color: rgba(17, 214, 240, 0.5);
	border-right-color   : rgba(17, 214, 240, 0.5);
	border-left-color: rgba(17, 214, 240, 0.5);
}



.mi-wrapper .mi-item .mi-caption a.mi-btn-two span {
	-webkit-transition: all 0.3s;
	-moz-transition   : all 0.3s;
	-o-transition     : all 0.3s;
	transition        : all 0.3s;
}

.mi-wrapper .mi-item .mi-caption a.mi-btn-two:hover span {
	letter-spacing: 2px;
}

.mi-wrapper .mi-item .mi-caption a.mi-btn-two:hover {
	border-top-color   : rgba(255, 255, 255, 0);
	border-bottom-color: rgba(255, 255, 255, 0);
}

.mi-wrapper .mi-item .mi-caption a.mi-btn-two:hover::before {
	-webkit-transform: translate(-79.9845px, 0) rotate(270deg);
	-moz-transform   : translate(-79.9845px, 0) rotate(270deg);
	transform        : translate(-79.9845px, 0) rotate(270deg);
}

.mi-wrapper .mi-item .mi-caption a.mi-btn-two:hover::after {
	-webkit-transform: translate(94.9845px, 0) rotate(180deg);
	-moz-transform   : translate(94.9845px, 0) rotate(180deg);
	transform        : translate(94.9845px, 0) rotate(180deg);
}

[class^="flaticon-"]:before,
[class*=" flaticon-"]:before,
[class^="flaticon-"]:after,
[class*=" flaticon-"]:after {
	font-family: Flaticon;
	font-size  : 20px;
	font-style : normal;
	margin-left: 20px;
}

.flaticon-long-arrow-pointing-to-the-right:before {
	content: "\f100";
}

.flaticon-right-arrow:before {
	content: "\f101";
}

.flaticon-left-arrow:before {
	content: "\f102";
}

.flaticon-long-arrow-pointing-to-left:before {
	content: "\f103";
}

.mi-wrapper .bx-next:before {
	content    : "\f101";
	font-family: Flaticon;
	font-size  : 20px;
}

.mi-wrapper .bx-prev:before {
	content    : "\f102";
	font-family: Flaticon;
	font-size  : 20px;
}

/*  REsponsive Design */

@media (max-width:1024px) {
	.mi-wrapper .bx-viewport {
		height    : 100vh;
		min-height: 550px;
		max-height: 600px;
	}

	.mi-wrapper img {
		height    : 100vh;
		min-height: 550px;
		max-height: 600px;
	}

}

@media(max-width:576px) {
	.mi-wrapper .mi-item .mi-caption h2 {
		font-size: 28px;
	}

	.mi-wrapper .mi-item .mi-caption h5 {
		font-size: 18px;
	}

	.mi-wrapper .mi-item .mi-caption,
	.mi-wrapper .mi-item .mi-caption p {
		font-size: 16px;
	}

	.mi-wrapper .mi-item .mi-caption {
		/* justify-content: center; */
		align-content     : flex-end;
		align-items       : center;
		display           : flex !important;
		flex-wrap         : wrap;

	}

	.mi-wrapper .mi-item .mi-caption a+a {
		margin-left: 0;
	}
}