/*  FIX TEXT SHADOWS  */
.shadow-text {text-shadow: 0 0 2px #000, 0 0 8px #000 !important;}

/*  Button  */
@media only screen and (min-width: 1000px) {
	.bx-large-button {outline: none; padding: 12px 20px; max-width: 300px; display: block; margin: 20px auto 30px; cursor: pointer; background-color: #666; font-size: 18px; position: relative; border: 0; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; float: left;}
		.bx-grey-red {border-color: #666; overflow: hidden; color: #fff;}
		.bx-grey-red .swiper {background: #000; width: 600px; height: 600px; position: absolute; top: -271px; left: -750px; opacity: .2; transform: rotateZ(45deg); -webkit-transform: rotateZ(45deg); -moz-transform: rotateZ(45deg); -o-transform: rotateZ(45deg); -ms-transform: rotateZ(45deg);}
		.bx-grey-red:hover {background-color: #ce0e2d; color: #fff;}
		.bx-grey-red:hover .swiper {transition: all 1.5s ease; -webkit-transition: all 1.5s ease; -moz-transition: all 1.5s ease; -o-transition: all 1.5s ease; -ms-transition: all 1.5s ease; top: -271px; left: 50px; opacity: 0;}
	.bx-m-caption a {text-decoration: none; padding: 0 !important; margin:0 !important;}

}
@media only screen and (min-width: 580px) and (max-width: 999px) {
	.bx-large-button { outline: none; padding: 4px; max-width: 120px; margin: 15px 0 0; cursor: pointer; font-size: 14px; position: relative; border: 0; font-weight: bold;}
		.bx-grey-red {background: #ce0e2d; color: #fff; text-align: center; border: 1px solid #fff;}
		.bx-grey-red:hover {background: #666; color: #fff;}
		.bx-grey-red .swiper {display: none;}
	.bx-m-caption a {text-decoration: none !important; padding: 0 !important; margin:0 !important;}
}
@media only screen and (min-width: 361px) and (max-width: 999px) {
	.bx-large-button { outline: none; padding: 5px 4px 4px; max-width: 120px; margin: 15px 0 10px; cursor: pointer; font-size: 14px; position: relative; border: 0; font-weight: normal;}
		.bx-grey-red {background: #ce0e2d; color: #fff; text-align: center; border: 1px solid #fff;}
		.bx-grey-red:hover {background: #666; color: #fff;}
		.bx-grey-red .swiper {display: none;}
	.bx-m-caption a {text-decoration: none !important; padding: 0 !important; margin:0 !important;}
}
@media only screen and (max-width: 360px) {
	.bx-large-button { outline: none; padding: 5px 0px 3px; max-width: 120px; margin: 5px 0 10px; cursor: pointer; font-size: 12px; position: relative; border: 0; font-weight: normal;}
		.bx-grey-red {background: #ce0e2d; color: #fff; text-align: center; border: 1px solid #fff;}
		.bx-grey-red:hover {background: #666; color: #fff;}
		.bx-grey-red .swiper {display: none;}
	.bx-m-caption a {text-decoration: none !important; padding: 0 !important; margin:0 !important;}
	.bx-large-button .shadow-text {text-shadow: none !important;}

}

/*  Caption box and copy  */

@media only screen and (min-width: 1900px) {
	.bx-m-caption {width: 740px; position: absolute; bottom: 45px; left: 7%; z-index: 20; align: left; overflow: visible;}
	.bx-m-copy {font-size: 400%; color: #fff; margin: 0;}

}
@media only screen and (min-width: 1250px) and (max-width: 1899px) {
	.bx-m-caption {width: 520px; position: absolute; bottom: 30px; left: 130px; z-index: 20; align: left; overflow: visible;}
	.bx-m-copy {font-size: 280%; color: #fff; margin: 0;}

}
@media only screen and (min-width: 1000px) and (max-width: 1249px) {
	.bx-m-caption {width: 400px; position: absolute; bottom: 30px; left: 110px; z-index: 20; align: left; overflow: visible;}
	.bx-m-copy {font-size: 220%; color: #fff; margin: 0;}

}
@media only screen and (min-width: 700px) and (max-width: 999px) {
	.bx-m-caption {width: 320px; position: absolute; bottom: 20px; left: 20px; z-index: 20; align: left; overflow: visible;}
	.bx-m-copy {font-size: 160%; color: #fff; margin: 0;}
	.bx-controls-direction {display: none;}
	
}
@media only screen and (min-width: 580px) and (max-width: 699px) {
	.bx-m-caption {width: 260px; position: absolute; bottom: 20px; left: 20px; z-index: 20; align: left; overflow: visible;}
	.bx-m-copy {font-size: 130%; color: #fff; margin: 0;}
	.bx-controls-direction {display: none;}

}
@media only screen and (min-width: 361px) and (max-width: 579px) {
	.bx-m-caption {width: 260px; position: absolute; bottom: 20px; left: 20px; z-index: 20; align: left; overflow: visible;}
	.bx-m-copy {font-size: 130%; color: #fff; margin: 0;}
	.bx-controls-direction {display: none;}

}
@media only screen and (max-width: 360px) {
	.bx-m-caption {width: 260px; position: absolute; bottom: -5px; left: 5px; z-index: 20; align: left; overflow: visible;}
	.bx-m-copy {font-size: 90%; color: #fff; margin: 0;}
	.bx-controls-direction {display: none;}
	.bx-m-caption .fa {display: none;}
}

/*  PRINT  */

@media print {
	.print-fix {display: none;}
}