@charset "UTF-8";

@media screen and (max-width: 767px) {
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
}
@media screen and (min-width: 1025px) {
}

/* -- slider ----------------------------------------------------------------*/
.slide-out .bx-wrapper {
    -moz-box-shadow: 0 0 5px #ccc;
    -webkit-box-shadow: 0 0 5px #ccc;
    box-shadow: none;
    border: none;
    background: none;
}
.slide-out .slide_nav li { cursor: pointer; }
.bx-wrapper .bx-controls-direction a { opacity: 0.2; }
@media screen and (max-width: 767px) {
	.slide-out .bx-wrapper { width: 100%; margin: 0 auto 0px !important; }
}
@media screen and (min-width: 768px) {
	.slide-out { /*background: url("../img/common/slideBg.jpg") 0 center repeat; background-size: contain;*/ border-bottom: 1px solid #333; box-shadow: 0px 5px 15px -5px rgba(0,0,0,0.6); }
	/*.slide-out { 
			background: linear-gradient(270deg, #000000, #444444, #592121, #342159);
			background-size: 800% 800%;

			-webkit-animation: AnimationName 30s ease infinite;
			-moz-animation: AnimationName 30s ease infinite;
			animation: AnimationName 30s ease infinite;
		}
	@-webkit-keyframes AnimationName {
		0%{background-position:0% 50%}
		50%{background-position:100% 50%}
		100%{background-position:0% 50%}
	}
	@-moz-keyframes AnimationName {
		0%{background-position:0% 50%}
		50%{background-position:100% 50%}
		100%{background-position:0% 50%}
	}
	@keyframes AnimationName {
		0%{background-position:0% 50%}
		50%{background-position:100% 50%}
		100%{background-position:0% 50%}
	}*/
}
@media screen and (min-width: 768px) and (max-width: 960px)  {
	.slide-out { margin-bottom: 40px; }
	.slide-out .bx-wrapper { width: 100%; margin: 0 auto 0px !important; }
}
@media screen and (min-width: 961px) and (max-width: 1024px)  {
	.slide-out { margin-bottom: 50px; }
	.slide-out .bx-wrapper { width: 100%; margin: 0 auto 0px !important; }
}
@media screen and (min-width: 1025px) and (max-width: 1259px)  {
	.slide-out { margin-bottom: 60px; }
	.slide-out .bx-wrapper { width: 100%; margin: 0 auto 0px !important; }
}
@media screen and (min-width: 1260px) {
	.slide-out { margin-bottom: 60px; }
	.slide-out .bx-wrapper { width: 1200px; margin: 0 auto 0px !important; }
}

/* DIRECTION CONTROLS (NEXT / PREV) */
@media screen and (max-width: 767px) {
	.bx-wrapper .bx-prev { display: none !important; }
	.bx-wrapper .bx-next { display: none !important; }
	.bx-wrapper .bx-pager,
	.bx-wrapper .bx-controls-auto { position: absolute; bottom: -20px; width: 100%;
	}
}
@media screen and (min-width: 768px) {
	.bx-wrapper .bx-pager,
	.bx-wrapper .bx-controls-auto { position: absolute; bottom: 15px; width: 100%; }
}
@media screen and (min-width: 768px) and (max-width: 960px) {
	.bx-wrapper .bx-prev {
		position: absolute;
		top: 42% !important;
		width: 42px !important;
		height: 50px !important;
		left: 10px !important;
		background: url(./bxslider/arrow_L.png) no-repeat 0 0px !important;
		background-size: 100% !important;
	}
	.bx-wrapper .bx-next {
		position: absolute;
		top: 42% !important;
		width: 42px !important;
		height: 50px !important;
		right: 10px !important;
		background:url("./bxslider/arrow_R.png") no-repeat 0px 0px !important;
		background-size: 100% !important;
	}
}
@media screen and (min-width: 961px) and (max-width: 1024px) {
	.bx-wrapper .bx-prev {
		position: absolute;
		top: 42% !important;
		width: 50px !important;
		height: 65px !important;
		left: 10px !important;
		background: url(./bxslider/arrow_L.png) no-repeat 0 0px !important;
		background-size: 100% !important;
	}
	.bx-wrapper .bx-next {
		position: absolute;
		top: 42% !important;
		width: 50px !important;
		height: 65px !important;
		right: 10px !important;
		background:url("./bxslider/arrow_R.png") no-repeat 0px 0px !important;
		background-size: 100% !important;
	}
}
@media screen and (min-width: 1025px) and (max-width: 1319px) {
	.bx-wrapper .bx-prev {
		position: absolute;
		top: 42% !important;
		width: 50px !important;
		height: 65px !important;
		left: 10px;
		background: url(./bxslider/arrow_L.png) no-repeat 0 0px;
		background-size: 100%;
	}

	.bx-wrapper .bx-next {
		position: absolute;
		top: 42% !important;
		width: 50px !important;
		height: 65px !important;
		right: 10px;
		background:url("./bxslider/arrow_R.png") no-repeat 0px 0px !important;
		background-size: 100% !important;
	}
}
@media screen and (min-width: 1320px) {
	.bx-wrapper .bx-prev {
		position: absolute;
		top: 40% !important;
		width: 64px !important;
		height: 76px !important;
		left: -80px !important;
		background: url(./bxslider/arrow_L.png) no-repeat 0 0px !important;
		background-size: 100% !important;
	}

	.bx-wrapper .bx-next {
		position: absolute;
		top: 40% !important;
		width: 64px !important;
		height: 76px !important;
		right: -80px !important;
		background:url("./bxslider/arrow_R.png") no-repeat 0px 0px !important;
		background-size: 100% !important;
	}
}