/**
 * 16.0 Actions
 * BREAKS
 @media (max-device-width: 480px) and (orientation: landscape) Legacy Phones
 @media (max-width: 768px) Extra small devices Phones - default css
 @media (min-width: 768px) Small devices Tablets
 @media (min-width: 992px) Medium devices Desktops
 @media (min-width: 1200px) Large devices Desktops
 */

/* COLLAPSE */
input.collapse { }


	input.collapse ~ label.collapse-trigger > a, input.collapse ~ label.collapse-trigger > i { display: inline-block; }
	input.collapse ~ label.collapse-trigger > a { margin: 0; padding: 0; }
	input.collapse ~ label.collapse-trigger > img { max-width: 60%; }

	label.collapse-trigger { cursor: pointer; margin: 0; font-weight: normal; }
	label.collapse-trigger { margin-bottom: 0; } //margin-bottom: 8px;
	input.collapse ~ label.collapse-trigger > * { margin: 0; padding: 0; }
		
	input.collapse + label.collapse-trigger + label.collapse-trigger { position: relative; }
	input.collapse + label.collapse-trigger + label.collapse-trigger:before, input.collapse + label.collapse-trigger + label.collapse-trigger:after { 
		content: " "; display: block; position: absolute; left: 50%; bottom: -1px; margin-left: -5px; width: 8px; height: 8px; border: 8px solid transparent; z-index: +2;
	}
	input.collapse + label.collapse-trigger + label.collapse-trigger:after { bottom: -1px; z-index: +2; }
	input.collapse + label.collapse-trigger + label.collapse-trigger.btn:before, input.collapse + label.collapse-trigger + label.collapse-trigger.btn:after {
		bottom: -4px; 
	}

	input.collapse + label.collapse-trigger, input.collapse:checked + label.collapse-trigger + label.collapse-trigger { display: block; vertical-align: baseline; }
	input.collapse + label.collapse-trigger + label.collapse-trigger, input.collapse:checked + label.collapse-trigger { display: none; }
	@media screen and (min-width: 992px) { /* Desktop Small */
		input.collapse + label.collapse-trigger, input.collapse:checked + label.collapse-trigger + label.collapse-trigger { display: inline-block; }
	}
	
	input.collapse + ul.collapse, input.collapse + div.collapse,
	input.collapse + label.collapse-trigger + label.collapse-trigger + ul.collapse,
	input.collapse + label.collapse-trigger + label.collapse-trigger + div.collapse { position: relative; }

	input.collapse + ul.collapse > label.collapse-trigger, input.collapse + div.collapse > label.collapse-trigger,
	input.collapse + label.collapse-trigger + label.collapse-trigger + ul.collapse > label.collapse-trigger,
	input.collapse + label.collapse-trigger + label.collapse-trigger + div.collapse > label.collapse-trigger { 
		position: absolute; top: 0.5em; right: 0.5em; z-index: +1; 
		padding: 0.4em; border-radius: 4px; }

	/* TRANSITIONS */
	input.collapse + ul.collapse, input.collapse + div.collapse,
	input.collapse + ul.collapse + ul.collapse.collapsed, input.collapse + div.collapse + div.collapse.collapsed,
	input.collapse + label.collapse-trigger + label.collapse-trigger + ul.collapse,
	input.collapse + label.collapse-trigger + label.collapse-trigger + div.collapse,
	input.collapse + label.collapse-trigger + label.collapse-trigger + ul.collapse + ul.collapse.collapsed,
	input.collapse + label.collapse-trigger + label.collapse-trigger + div.collapse + div.collapse.collapsed { display: block; visibility: visible; }

	.entry-content input.collapse + label.collapse-trigger + label.collapse-trigger + .collapse h1, 
	.entry-summary input.collapse + label.collapse-trigger + label.collapse-trigger + .collapse h1, 
	.page-content input.collapse + label.collapse-trigger + label.collapse-trigger + .collapse h1, 
	.comment-content input.collapse + label.collapse-trigger + label.collapse-trigger + .collapse h1,
	.entry-content input.collapse + label.collapse-trigger + label.collapse-trigger + .collapse h2, 
	.entry-summary input.collapse + label.collapse-trigger + label.collapse-trigger + .collapse h2, 
	.page-content input.collapse + label.collapse-trigger + label.collapse-trigger + .collapse h2, 
	.comment-content input.collapse + label.collapse-trigger + label.collapse-trigger + .collapse h2,
	.entry-content input.collapse + label.collapse-trigger + label.collapse-trigger + .collapse h3, 
	.entry-summary input.collapse + label.collapse-trigger + label.collapse-trigger + .collapse h3, 
	.page-content input.collapse + label.collapse-trigger + label.collapse-trigger + .collapse h3, 
	.comment-content input.collapse + label.collapse-trigger + label.collapse-trigger + .collapse h3
	 { margin: 0; padding: 0; }

	input.collapse + ul.collapse, input.collapse + div.collapse,
	input.collapse + label.collapse-trigger + label.collapse-trigger + ul.collapse,
	input.collapse + label.collapse-trigger + label.collapse-trigger + div.collapse { 
		max-height: 0; opacity: 0; z-index: -1; overflow: hidden;
		-moz-transition: max-height 0.3s ease-out, opacity 0.3s ease-out;
		-webkit-transition: max-height 0.3s ease-out, opacity 0.3s ease-out;
		-o-transition: max-height 0.3s ease-out, opacity 0.3s ease-out;
		transition: max-height 0.3s ease-out, opacity 0.3s ease-out;	
	}
/*
	input.collapse:not(:checked) + ul.collapse, input.collapse:not(:checked) + div.collapse,
	input.collapse:not(:checked) + label.collapse-trigger + label.collapse-trigger + ul.collapse,
	input.collapse:not(:checked) + label.collapse-trigger + label.collapse-trigger + div.collapse { 
		padding: 0!important; margin-bottom: 0!important;
	}
*/
	input.collapse:checked + ul.collapse, input.collapse:checked + div.collapse,
	input.collapse + ul.collapse + ul.collapse.collapsed, input.collapse + div.collapse + div.collapse.collapsed,
	input.collapse:checked + label.collapse-trigger + label.collapse-trigger + ul.collapse,
	input.collapse:checked + label.collapse-trigger + label.collapse-trigger + div.collapse,
	input.collapse + label.collapse-trigger + label.collapse-trigger + ul.collapse + ul.collapse.collapsed,
	input.collapse + label.collapse-trigger + label.collapse-trigger + div.collapse + div.collapse.collapsed { max-height: 3000px; opacity: 1; padding-right: 2em; z-index: +1; display: block; }

	input.collapse:not(:checked) + ul.collapse.panel,
	input.collapse:not(:checked) + div.collapse.panel,
	input.collapse:not(:checked) + label.collapse-trigger + label.collapse-trigger + ul.collapse.panel,
	input.collapse:not(:checked) + label.collapse-trigger + label.collapse-trigger + div.collapse.panel { border-width: 0px; display: none; }

	input.collapse:checked + ul.collapse.panel, input.collapse:checked + div.collapse.panel,
	input.collapse:checked + label.collapse-trigger + label.collapse-trigger + ul.collapse.panel,
	input.collapse:checked + label.collapse-trigger + label.collapse-trigger + div.collapse.panel { border-width: 1px; }

	/* HOVERS */
	label.collapse-trigger:hover, input.collapse + label.collapse-trigger + label.collapse-trigger + div.collapse > label.collapse-trigger:hover,
	input.collapse ~ label.collapse-trigger.panel-default:hover, input.collapse ~ label.collapse-trigger.panel-default:hover {
	  background-color: #F8F8F8;
	  border-color: #ADADAD; }

	/* STANDARD COLLAPSE */
	@media screen and (min-width: 992px) { /* Desktop Small */
		input.collapse ~ label.collapse-trigger > a:hover { } /* text-decoration: underline; } */

		/* MENU ITEMSS */
		li.menu-item:hover > input.collapse + label.collapse-trigger:before, li.menu-item:hover > input.collapse + label.collapse-trigger:after {
			content: " "; display: block; position: absolute; left: 50%; bottom: -1px; margin-left: -5px; width: 8px; height: 8px; z-index: +2; border: 8px solid rgba(0, 0, 0, 0);
		}
		li.menu-item:hover > input.collapse + label.collapse-trigger:after { bottom: 0; z-index: +2; }
		li.menu-item:hover > input.collapse + label.collapse-trigger:before { bottom: 0; }
		
		li.menu-item > input.collapse + ul.collapse, li.menu-item > input.collapse + div.collapse,
		li.menu-item > input.collapse + label.collapse-trigger + label.collapse-trigger + ul.collapse,
		li.menu-item > input.collapse + label.collapse-trigger + label.collapse-trigger + div.collapse { display: none; }
			li.menu-item:hover > input.collapse + ul.collapse, li.menu-item:hover > input.collapse + div.collapse,
			li.menu-item:hover > input.collapse + label.collapse-trigger + label.collapse-trigger + ul.collapse,
			li.menu-item:hover > input.collapse + label.collapse-trigger + label.collapse-trigger + div.collapse { max-height: 2000px; opacity: 1; z-index: +1; display: block; }

		input.collapse:checked + label.collapse-trigger + label.collapse-trigger + ul.collapse,
		input.collapse:checked + label.collapse-trigger + label.collapse-trigger + div.collapse { display: block; }
		input.collapse + label.collapse-trigger + label.collapse-trigger + ul.collapse + ul.collapse.collapsed,
		input.collapse + label.collapse-trigger + label.collapse-trigger + div.collapse + div.collapse.collapsed { display: block; }
		
		input.collapse:checked + ul.collapse + ul.collapse.collapsed,input.collapse:checked + div.collapse + div.collapse.collapsed,
		input.collapse:checked + label.collapse-trigger + label.collapse-trigger + ul.collapse + ul.collapse.collapsed,
		input.collapse:checked + label.collapse-trigger + label.collapse-trigger + div.collapse + div.collapse.collapsed { display: none; }
		input.collapse:checked + ul.collapse + ul.collapse.collapsed, input.collapse:checked + ul.collapse + div.collapse.collapsed,
		input.collapse:checked + label.collapse-trigger + label.collapse-trigger + ul.collapse + ul.collapse.collapsed,
		input.collapse:checked + label.collapse-trigger + label.collapse-trigger + div.collapse + div.collapse.collapsed { display: none; }
		 
	}
	
	/* FOR GRIDS - CHANGE THE LAYOUT SLIGHTLY */
	div.row { position: relative; margin-bottom: 0.5em; }
	div.row > input.collapse + ul.collapse, div.row > input.collapse + div.collapse,
	div.row > input.collapse + label.collapse-trigger + label.collapse-trigger + ul.collapse,
	div.row > input.collapse + label.collapse-trigger + label.collapse-trigger + div.collapse { position: relative; width: 100%; float: left; }
	
	div.row > input.collapse + label.collapse-trigger[class*='col-md-'], 
	div.row > input.collapse:checked + label.collapse-trigger + label.collapse-trigger[class*='col-md-'] { float: none; margin-left: -3px; }
	div.row > input.collapse + label.collapse-trigger > .tile, 
	div.row > input.collapse:checked + label.collapse-trigger + label.collapse-trigger > .tile { height: 150px; /* line-height: 150px; */ }
	div.row > label.collapse-trigger > .tile > * { line-height: normal; }

	
	/* FOR DROPDOWNS - CHANGE THE LAYOUT SLIGHTLY */
	.collapse.dropdown { padding: 10px; margin-top: 0; box-shadow: 0 0 1px rgba(0, 0, 0, 0.15); }
	input.collapse + ul.collapse.dropdown, input.collapse + div.collapse.dropdown,
	input.collapse + label.collapse-trigger + label.collapse-trigger + ul.collapse.dropdown,
	input.collapse + label.collapse-trigger + label.collapse-trigger + div.collapse.dropdown { display: none;}
	input.collapse:checked + label.collapse-trigger + label.collapse-trigger + ul.collapse.dropdown,
	input.collapse:checked + label.collapse-trigger + label.collapse-trigger + div.collapse.dropdown { display: block; }

	input.collapse:checked + label.collapse-trigger + label.collapse-trigger + ul.collapse.dropdown,
	input.collapse:checked + label.collapse-trigger + label.collapse-trigger + div.collapse.dropdown { padding-right: 0; }

	/* THEME COLLAPSIBLES */
	input.collapse ~ label.collapse-trigger { padding: 0.4em; border-radius: 4px; }	
	li.menu-item:hover > input.collapse + label.collapse-trigger:before, li.menu-item:hover > input.collapse + label.collapse-trigger:after,
	input.collapse + label.collapse-trigger + label.collapse-trigger:before, input.collapse + label.collapse-trigger + label.collapse-trigger:after { border-bottom-color: #DDD; border-bottom-color: rgba(0, 0, 0, 0.15); }
	li.menu-item:hover > input.collapse + label.collapse-trigger:after,
	input.collapse + label.collapse-trigger + label.collapse-trigger:after { border-bottom-color: #FFF; }
	
	input.collapse:checked + ul.collapse, input.collapse:checked + div.collapse,
	input.collapse:checked + label.collapse-trigger + label.collapse-trigger + ul.collapse,
	input.collapse:checked + label.collapse-trigger + label.collapse-trigger + div.collapse,
	li.menu-item:hover > input.collapse + label.collapse-trigger + label.collapse-trigger + ul.collapse,
	li.menu-item:hover > input.collapse + label.collapse-trigger + label.collapse-trigger + div.collapse { } 
	input.collapse + label.collapse-trigger + label.collapse-trigger + ul.collapse + ul.collapse.collapsed,
	input.collapse + label.collapse-trigger + label.collapse-trigger + div.collapse + div.collapse.collapsed { } /* UPSETS POSITIONING OF CARET IN GRID - IF ALWAYS ON */
	
	/* THEME DROPDOWNS */
	.collapse.dropdown { background-color: #FFF; }
	input.collapse + label.collapse-trigger + label.collapse-trigger + ul.collapse.dropdown > li > a { display: inline-block; width: 100%; }

	/* CALL TO ACTION + CHECKBOC STATE STATE */
	input.collapse:checked + label.collapse-trigger + label.collapse-trigger .cta i.icon-angle-down:before { content: '\e8a5'; }

	/* MAIN MENU */
	input#menus-open ~ header label[for="menus-open"].collapse-trigger, 
	input#menus-close ~ header label[for="menus-close"].collapse-trigger,
	input#basket-open ~ header label[for="basket-open"].collapse-trigger,
	input#basket-close ~ header label[for="basket-close"].collapse-trigger { display: inline-block; padding: 0.5em; border-radius: 0.4em; z-index: +2; position: relative; } 	
		input#menus-open:checked ~ header label[for="menus-close"].collapse-trigger { background-color: #F0F0F0; } 	
		input#menus-open:checked ~ header label[for="menus-open"].collapse-trigger, 
		input#menus-close:checked ~ header label[for="menus-close"].collapse-trigger,
		input#basket-open:checked ~ header label[for="basket-open"].collapse-trigger,
		input#basket-close:checked ~ header label[for="basket-close"].collapse-trigger { display: none; } 	

	#menus-open ~ header nav#site-navigation, #basket-open ~ header #basket { background-color: #fff; display: none; }
	.secondary.toggled-on, #menus-open:checked ~ header nav#site-navigation, #basket-open:checked ~ header #basket { display: block; visibility: visible; width: 100%; }

	.main-navigation a { padding: 0.5em; vertical-align: baseline; display: inline-block; margin-bottom: 0.25em; border-radius: 0.4em; width: 90%; }
	.main-navigation a { 
		-moz-transition: all 0.3s ease-out;
		-webkit-transition: all 0.3s ease-out;
		-o-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out; }
		.main-navigation a:hover { background-color: #F8F8F8; }
		.main-navigation label.collapse-trigger { width: 100%; }
		
	li.menu-item > input.collapse + label.collapse-trigger + label.collapse-trigger:before,li.menu-item > input.collapse + label.collapse-trigger + label.collapse-trigger:after { bottom: 1px; }
	#menu-controls { float: right; }
	
	@media screen and (min-width: 992px) {
		
		/* MAIN MENU */
		.main-navigation a { width: auto; }
		.main-navigation input.collapse ~ label.collapse-trigger { padding: 0.4em; }
			.main-navigation input.collapse ~ label.collapse-trigger:hover { background-color: #F8F8F8; }
			
		input#menus-open ~ header label[for="menus-open"].collapse-trigger, input#menus-close ~ header label[for="menus-close"].collapse-trigger { display: none; }

		.collapse.dropdown, input.collapse + ul.collapse.dropdown, input.collapse + div.collapse.dropdown,
		input.collapse + label.collapse-trigger + label.collapse-trigger + ul.collapse.dropdown,
		input.collapse + label.collapse-trigger + label.collapse-trigger + div.collapse.dropdown { position: absolute; width: auto; z-index: -1; }

		#menus-open ~ header nav#site-navigation {
			border-top: 1px solid transparent;
			border-bottom: 1px solid transparent;
			display: block;
			float: right;
			margin: 0;
			max-width: 70%;
		}
		.collapse.dropdown { 
			position: absolute; right: 0; min-width: 275px; max-width: 400px; padding-right: 10px; }
			.collapse.dropdown { z-index: -1; display: none; }
			input.collapse:checked + label.collapse-trigger + label.collapse-trigger + ul.collapse.dropdown,
			input.collapse:checked + label.collapse-trigger + label.collapse-trigger + div.collapse.dropdown { z-index: +1; display: block; }
			#basket-open:checked ~ header #basket.collapse.dropdown { z-index: +4; top: 48px; right: 20px; background-color: #FFF; }

		#menu-member-menu { 
		  margin-bottom: -1em;
		  font-size: 80%;
		  text-transform: uppercase;
		  line-height: 200%;
		  width: 100%;
		}

		.secondary.toggled-on, #menus-open:checked ~ header nav#site-navigation, #basket-open:checked ~ header #basket { width: auto; }

	}

/* BUBBLES */
/*
.bubble { 
	color: #FFF;
	font-size: 0.75em;
	vertical-align: super;
	text-align: center;
	margin-left: -1.25em!important; }
	.bubble:before {
		margin-right: -0.7em;
		z-index: -1;
		color: #95CB53;
		font-size: 1.5em;
		vertical-align: middle; }
*/

/*
 * BOOTSTRAP COMPATIBLE CAROUSEL 
 */

.carousel { overflow: hidden; } /* STOPS SCROLLBAR ANIMATION ... BUT BLOCKS CONTROLS OVERHANGING THE BOTTOM */
	.carousel-inner { padding-left: 0; position: relative; overflow: hidden; margin-bottom: 0; height: 100vh; max-height: 400px; }
	
	.carousel-inner .item { min-height: 200px; height: 200px; }
	.carousel-inner > .item > img, .carousel-inner > .item > a > img { max-width: 100%; width: 100%; height: auto; }
	.carousel > input[type=radio].collapse:first-child + input[type=radio].collapse:checked ~ .carousel-indicators li:first-child,
	.carousel input[type=radio].collapse:first-child + input[type=radio].collapse + input[type=radio].collapse:checked 
	~ .carousel-indicators li:first-child + li,
	.carousel input[type=radio].collapse:first-child + input[type=radio].collapse + input[type=radio].collapse + input[type=radio].collapse:checked 
	~ .carousel-indicators li:first-child + li + li,
	.carousel input[type=radio].collapse:first-child + input[type=radio].collapse + input[type=radio].collapse + input[type=radio].collapse + input[type=radio].collapse:checked 
	~ .carousel-indicators li:first-child + li + li + li,
	.carousel input[type=radio].collapse:first-child + input[type=radio].collapse + input[type=radio].collapse + input[type=radio].collapse + input[type=radio].collapse + input[type=radio].collapse:checked 
	~ .carousel-indicators li:first-child + li + li + li + li,
	.carousel input[type=radio].collapse:first-child + input[type=radio].collapse + input[type=radio].collapse + input[type=radio].collapse + input[type=radio].collapse + input[type=radio].collapse + input[type=radio].collapse:checked 
	~ .carousel-indicators li:first-child + li + li + li + li + li,
	.carousel input[type=radio].collapse:first-child + input[type=radio].collapse + input[type=radio].collapse + input[type=radio].collapse + input[type=radio].collapse + input[type=radio].collapse + input[type=radio].collapse + input[type=radio].collapse:checked 
	~ .carousel-indicators li:first-child + li + li + li + li + li + li,
	.carousel input[type=radio].collapse:first-child + input[type=radio].collapse + input[type=radio].collapse + input[type=radio].collapse + input[type=radio].collapse + input[type=radio].collapse + input[type=radio].collapse + input[type=radio].collapse + input[type=radio].collapse:checked 
	~ .carousel-indicators li:first-child + li + li + li + li + li + li + li {
		background-color: white; background-color: rgba(255, 255, 255, 0.7);
	}
	.carousel input[type=radio].collapse:first-child:not(:checked) ~ .carousel-inner .item { display: none; }

	.carousel input[type=radio].collapse:first-child:not(:checked) + input[type=radio].collapse:checked ~ .carousel-inner .item:first-child,
	.carousel input[type=radio].collapse:first-child:not(:checked) + input[type=radio].collapse + input[type=radio].collapse:checked ~ .carousel-inner .item:first-child + .item,
	.carousel input[type=radio].collapse:first-child:not(:checked) + input[type=radio].collapse + input[type=radio].collapse + input[type=radio].collapse:checked 
	~ .carousel-inner .item:first-child + .item + .item,
	.carousel input[type=radio].collapse:first-child:not(:checked) + input[type=radio].collapse + input[type=radio].collapse + input[type=radio].collapse + input[type=radio].collapse:checked 
	~ .carousel-inner .item:first-child + .item + .item + .item,
	.carousel input[type=radio].collapse:first-child:not(:checked) + input[type=radio].collapse + input[type=radio].collapse + input[type=radio].collapse + input[type=radio].collapse + input.collapse:checked 
	~ .carousel-inner .item:first-child + .item + .item + .item + .item,
	.carousel input[type=radio].collapse:first-child:not(:checked) + input[type=radio].collapse + input[type=radio].collapse + input[type=radio].collapse + input[type=radio].collapse + input[type=radio].collapse + input[type=radio].collapse:checked 
	~ .carousel-inner .item:first-child + .item + .item + .item + .item + .item,
	.carousel input[type=radio].collapse:first-child:not(:checked) + input[type=radio].collapse + input[type=radio].collapse + input[type=radio].collapse + input[type=radio].collapse + input[type=radio].collapse + input[type=radio].collapse + input[type=radio].collapse:checked 
	~ .carousel-inner .item:first-child + .item + .item + .item + .item + .item + .item,
	.carousel input.collapse:first-child:not(:checked) + input[type=radio].collapse + input[type=radio].collapse + input[type=radio].collapse + input[type=radio].collapse + input[type=radio].collapse + input[type=radio].collapse + input[type=radio].collapse + input[type=radio].collapse:checked 
	~ .carousel-inner .item:first-child + .item + .item + .item + .item + .item + .item + .item
	{
		left: 0; display: block;
	}
	.carousel-indicators {
		left: 0;
		width: 100%;
		margin-left: 0;
		padding: 0;
		margin-top: -50px;
	}
	.carousel-indicators li { text-indent: 0; vertical-align: bottom; position: relative;  width: 16px;
	  height: 16px;
	  list-style: none;
	  border: 1px solid #AAA;
	  display: inline-block;
	  text-align: center;
	  background-color: rgba(255, 255, 255, 0.3); }
		.carousel-indicators li:hover { background-color: rgba(127,127,127,0.2); }
	.carousel-indicators li > label { width: 100%; height: 100%; cursor: pointer; float: left; }

	.carousel-inner>.active, .carousel-inner>.next, .carousel-inner>.prev { display: block; }	

	.carousel > input[type=radio].carousel-play:checked ~ .carousel-controls > .carousel-play { display: none; } 
	
	.carousel > input[type=radio].carousel-play ~ .carousel-indicators > li .carousel-thumbnail { 
		position: absolute; top: -124px; left: 2px; display: none; z-index: 1; 
	}
	.carousel > input[type=radio].carousel-play ~ .carousel-indicators > li .carousel-thumbnail:after { 
		content: " "; 
		display: block; 
		width: 0; 
		height: 0;
		border: 10px solid transparent;           /* Go big on the size, and let overflow hide */
		border-top: 10px solid rgba(0,0,0,0.2);
		bottom: 0; left: 0; margin-left: -8px;
	}
	.carousel > input[type=radio].carousel-play ~ .carousel-indicators > li:hover .carousel-thumbnail { display: block; }
	.carousel > input[type=radio].carousel-play ~ .carousel-indicators > li .carousel-thumbnail img {
		display: block;
		height: 100px;
		margin-left: -50%;
		background-color: rgba(255, 255, 255, 0.4);
		padding: 6px;
		border-radius: 6px 6px 6px 6px;
		max-width: none;
	}
			
	.carousel:after, .carousel > input[type=radio].carousel-play:checked ~ .carousel-inner:after { content: " "; display: block; clear: both; }
	.carousel > input[type=radio].carousel-play:checked ~ .carousel-inner > .item { display: block; float: left; margin-left: 0; opacity: 0; width:100%; position: absolute; }
	.carousel-controls {
		float: right;
		margin: -2px 8px 0 0;
	}
	.carousel > .carousel-controls > label { opacity: 0.5; cursor: pointer; }
	.carousel > .carousel-controls > label:hover { opacity: 1; }
	
	/* FULL SCREEN MODE */
	.carousel > input[type=checkbox].carousel-fullscreen:checked ~ .carousel-inner {
		background-color: #000;
		background-color: rgba(0, 0, 0, 0.9);
		color: #FFF;
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		height: auto;
		z-index: 5;
	}
	.carousel > input[type=checkbox].carousel-fullscreen + label.carousel-resize-small { 
		background-color: #202020;
		background-color: rgba(32, 32, 32, 0.4);
		position: absolute;
		top: 50px;
		right: 40px;
		cursor: pointer;
		font-size: 2rem;
		display: block;
		z-index: +6;
		padding: 0.25em;
		color: #FFF;
		display: none; }
		input[type=checkbox].carousel-fullscreen:checked + label.carousel-resize-small { display: block; }	
		
		.carousel > input[type=checkbox].carousel-fullscreen:checked ~ .carousel-inner > .item  { margin-top: 0!important; margin-bottom: 0!important; }
		.carousel > input[type=checkbox].carousel-fullscreen:checked ~ .carousel-inner > .item > .carousel-control { margin-bottom: 0!important; margin-top: auto; }
		.carousel > input[type=checkbox].carousel-fullscreen:checked ~ .carousel-inner > .item > .carousel-caption { margin-bottom: 0!important; }
	
	
	/* THUMB GRID MODE */
	.carousel > input[type=checkbox].carousel-thumbgrid:checked ~ .carousel-inner { background-color: #333; }
	.carousel-inner > .item, .carousel > input[type=checkbox].carousel-thumbgrid:checked ~ .carousel-inner .item img { height: 200px; }
		.carousel > input[type=checkbox].carousel-thumbgrid:checked ~ .carousel-inner .item img { margin: 0 auto; display: block; }

	.carousel > input[type=checkbox].carousel-thumbgrid:checked ~ .carousel-indicators { position: relative; bottom: 0; }
		.carousel > input[type=checkbox].carousel-thumbgrid:checked ~ .carousel-indicators > li { 
			float: left;
			margin: 0 10px 10px 0;
			margin: 0 1rem 1rem 0;
			padding: 0;
			z-index: 2;
			position: relative;
			left: 0;
			width: auto;
		}	
		.carousel > input[type=checkbox].carousel-thumbgrid:checked ~ .carousel-indicators > li,
		.carousel > input[type=radio].carousel-play ~ .carousel-indicators > li .carousel-thumbnail img { height: 100px; width: auto; border: 1px solid #000; }
		.carousel > input[type=checkbox].carousel-thumbgrid:checked ~ .carousel-indicators > li .carousel-thumbnail	{
			display: block;
			position: relative;
			top: auto;
			left: auto;
		}
		.carousel > input[type=checkbox].carousel-thumbgrid:checked ~ .carousel-indicators > li .carousel-thumbnail:after { display: none; }
		.carousel > input[type=checkbox].carousel-thumbgrid:checked ~ .carousel-indicators > li .carousel-thumbnail	img { margin-left: 0; opacity: 0.5; }
		.carousel > input[type=checkbox].carousel-thumbgrid:checked ~ .carousel-indicators > li .carousel-thumbnail	img:hover { opacity: 1; }
	
		.carousel > input[type=checkbox].carousel-thumbgrid:checked ~ .carousel-inner > .item  { margin-top: 0!important; margin-bottom: 0!important; }
		.carousel > input[type=checkbox].carousel-thumbgrid:checked ~ .carousel-inner > .item > .carousel-control { margin-bottom: 0!important; margin-top: auto; }
		.carousel > input[type=checkbox].carousel-thumbgrid:checked ~ .carousel-inner > .item > .carousel-caption { margin-bottom: 0!important; }
		

	.carousel > .carousel-inner + .carousel-controls + .carousel-indicators { text-align: center; }
	.carousel > .carousel-inner > .item > .carousel-control { margin-bottom: 0; cursor: pointer; }	
		.carousel > .carousel-inner > .item > .carousel-control {
			position: absolute; z-index: +1; background-color: rgba(0, 0, 0, 0.1); top: 0; bottom: 0; width: 50px; left: 0; 
  		    color: #FFF; font-size: 2em; text-align: center;
		}	
		.carousel > .carousel-inner > .item > .carousel-control.right { left: auto; right: 0; }	
	
	/* STOP ANIMATIONS UTILITY ANIMATION */
	@-webkit-keyframes stop { 0% { } 100% { } }
	@-moz-keyframes stop { 0% { } 100% { } }
	@-o-keyframes stop { 0% { } 100% {  } }
	@keyframes stop { 0% { } 100% { } }
	
	/* CORE-LOADER STYLES */
	@-webkit-keyframes fadein { from { opacity: 0; } to { opacity: 1; } }	
	@-moz-keyframes fadein { from { opacity: 0; } to { opacity: 1; } }	
	@-o-keyframes fadein { from { opacity: 0; } to { opacity: 1; } }	
	@keyframes fadein { from { opacity: 0; } to { opacity: 1; } }	
	
	@-webkit-keyframes fadeout { from { opacity: 1; } to { opacity: 0; } }	
	@-moz-keyframes fadeout { from { opacity: 1; } to { opacity: 0; } }	
	@-o-keyframes fadeout { from { opacity: 1; } to { opacity: 0; } }	
	@keyframes fadeout { from { opacity: 1; } to { opacity: 0; } }	

	.carousel {
		-webkit-animation: fadein 3s;
		-moz-animation: fadein 3s;
		-o-animation: fadein 3s;
		animation: fadein 3s; }	

	.carousel > .carousel-inner > li, 
	.carousel .carousel-indicators > li {
		-webkit-animation-play-state: paused;
		-moz-animation-play-state: paused;
		-o-animation-play-state: paused;
		animation-play-state: paused;
	}
	.carousel > input[type=radio].carousel-play:checked ~ .carousel-inner > li, 
	.carousel > input[type=radio].carousel-play:checked ~ .carousel-indicators > li {
		-webkit-animation-play-state: running;
		-moz-animation-play-state: running;
		-o-animation-play-state: running;
		animation-play-state: running;
	}
	
	/* STOP SLIDE ANIMAATION WHEN THUMBAIL IS CLICKED */
	.carousel > input[type=radio].carousel-play ~ input[type=radio]:checked ~ .carousel-inner > li {
	  -webkit-animation: stop 0.1s 1;
	  -moz-animation: stop 0.1s 1;
	  -o-animation: stop 0.1s 1;
	  animation: stop 0.1s 1;
	}
	
	.core-loader { 
		position: absolute; display: block; top: 50%; bottom: 0; left: 0; right: 0; z-index: 0;
		text-align: center; color: #555; margin-top: -40px; opacity: 0;
		-webkit-animation: fadeout 3s;
		-moz-animation: fadeout 3s;
		-o-animation: fadeout 3s;
		animation: fadeout 3s;
		pointer-events: none; } 
		.ie .core-loader { display: none; }
		.core-loader [class^="icon-"]:before, .core-loader [class*=" icon-"]:before { font-size: 4em; }