/* **************************** SLIDERS CSS v3.2 ************************** */

.chr_slider { position: relative; height: 727px; }

	.chr_slider .chr_slide { display: none; position: absolute; width: 100%; height: 100%; }
		.chr_slider .chr_slide:first-child { display: block; }	
		.mod-rgba .chr_slider .chr_slide.darkbg { background-color: rgba(0,0,0,0.2); } /* a dark overlay to make light text work */
		.chr_slider .chr_slide .disable_animation { visibility: visible !important; }
		
	.chr_slider a { text-decoration: none; color: #fff; }
		.chr_slider a:hover { text-decoration: none; } 
	
	.chr_slider .content_wrapper { height: 100%; }
	
		.chr_slider .background_image_wrapper { height: 100%; }
		
			.chr_slider .background_image {
				/* do not modify padding on this */
				position: absolute;
				top: 0;
				left: 0;
				z-index: -1;
				width: 100% !important;
				height: 100% !important;
				background-color: #5287B1;
			}
			
		.chr_slider .feature_image_wrapper { height: 100%; }
		
			.chr_slider .feature_image { position: absolute; bottom: 0; background-size: initial; }
			
				.chr_slider .feature_image_left {
					/*max-height: 175px;*/
					max-width: 1549px;
					background-position: bottom left;
					left: 0;
				}
				
				.chr_slider .feature_image_right {
					z-index: 25;
					max-width: 1011px;
					background-position: bottom right;
					right: 0;
				}
		
		.chr_slider .content {
			/* do not modify margin or padding on this */
			color: #000;
			height: 100%;
			position: absolute;
			top: 0;
			left: 0;
			padding: 280px 280px 150px 0;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box; /* box sizing required to keep it in correct width with the padding */
		}
		
			.megamenu_lightbox_is_active .chr_slider .content { z-index: -1; }
			
			/* adjust colours if set on a darkbg background */
			.darkbg .chr_slider .content,
			.chr_slider .darkbg .content,
			.chr_slider.darkbg .content,
			.chr_slider .content.darkbg { color: #fff; }
		
			.chr_slider .title {
				font-family: "Brooklyn Samuels Five Bold";
				margin: 0;
				text-transform: uppercase;
				font-size: 51px;
			}
			
			.chr_slider .links {
				text-transform: uppercase;
				font-family: "Open Sans Bold";
				font-size: 12px;
				text-decoration: none;
				margin: 25px -15px;
				letter-spacing: 0.5px;
			}
			
			.chr_slider .links .link { margin: 0 15px; position: relative; }
			
				.chr_slider .links .link-featured {
					font-size: 16px;
					border: 1px solid #fff;
					border-bottom: 0;
					padding: 9px 20px;
				}
				
					.chr_slider .links .link-featured:before,
					.chr_slider .links .link-featured:after {
						/* bottom border that leaves space for our transparent arrow */
						content: "";
						position: absolute;
						bottom: 0;
						border-bottom: 1px solid #fff;
						width: 37.3%;
					}
					
						.chr_slider .links .link-featured:before { left: 0; }
						.chr_slider .links .link-featured:after { right: -1px; }
					
					.chr_slider .links .link-featured .arrow {
						/* transparent arrow */
						position: absolute;
						bottom: -13px;
						left: 0;
						height: 14px;
						width: 100%;
						background-color: transparent;
					}
					
						.chr_slider .links .link-featured .arrow:before,
						.chr_slider .links .link-featured .arrow:after {
							content: "";
							position: absolute;
							top: 0;
							width: 50%;
							padding-bottom: 7.6%;
						}
						
							.chr_slider .links .link-featured .arrow:before {
								left: 0;
								-webkit-transform-origin: 100% 100%;
								-moz-transform-origin: 100% 100%;
								-ms-transform-origin: 100% 100%;
								transform-origin: 100% 100%;
								-webkit-transform: skewX(60deg);
								-moz-transform: skewX(60deg);
								-ms-transform: skewX(60deg);
								-o-transform: skewX(60deg);
								transform: skewX(60deg);
								border-right: 2px solid #fff;
							}
							
							.chr_slider .links .link-featured .arrow:after {
								left: 50%;
								-webkit-transform-origin: 0 100%;
								-moz-transform-origin: 0 100%;
								-ms-transform-origin: 0 100%;
								transform-origin: 0 100%;
								-webkit-transform: skewX(-60deg);
								-moz-transform: skewX(-60deg);
								-ms-transform: skewX(-60deg);
								-o-transform: skewX(-60deg);
								transform: skewX(-60deg);
								border-left: 2px solid #fff;
							}
				
				.chr_slider .links .link:hover { color: #F7CD9F; }

					.chr_slider .links .link-featured:hover,
					.chr_slider .links .link-featured:hover:before,
					.chr_slider .links .link-featured:hover:after,
					.chr_slider .links .link-featured:hover .arrow:before,
					.chr_slider .links .link-featured:hover .arrow:after { border-color: #F7CD9F; }
						
/* ******************** The end, thanks for visiting! ******************* */