/* CSS Document */

/**
 * 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
 */

/* TABS */
.tabs { padding-left: 270px; position: relative; height: 320px; }
.tabs:after { content: ' '; display: block; clear: both; }
.tabs .collapse-triggers { float: left; margin-left: -250px; clear: both; width: 220px; }
.tabs .collapse-triggers > label.collapse-trigger { width: 100%; }
.tabs input.collapse + .collapse-triggers > label.collapse-trigger > i { display: none; }
.tabs input.collapse + .collapse-triggers + div.collapse { 
	position: absolute; top: 0; left: 250px; right: 0; height: 300px;
	padding: 1em; 
}
.tabs input.collapse + .collapse-triggers > label.collapse-trigger + label.collapse-trigger:before, 
.tabs input.collapse + .collapse-triggers > label.collapse-trigger + label.collapse-trigger:after {
    border-color: transparent;
    border-left-color: #DDD;
    border-left-color: rgba(0, 0, 0, 0.15);
}
.tabs input.collapse + .collapse-triggers > label.collapse-trigger + label.collapse-trigger:after { border-left-color: #FFF; }
.tabs input.collapse + .collapse-triggers > label.collapse-trigger + label.collapse-trigger:before, 
.tabs input.collapse + .collapse-triggers > label.collapse-trigger + label.collapse-trigger:after { left: auto; bottom: 20%; right: -16px; }

/* COLLAPSE */
input.collapse { display: none!important; }


	input.collapse + .collapse-triggers > label.collapse-trigger > a, input.collapse + .collapse-triggers > label.collapse-trigger > i { display: inline-block; }
	input.collapse + .collapse-triggers > label.collapse-trigger > a { margin: 0; padding: 0; }
	input.collapse + .collapse-triggers > 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 + .collapse-triggers > label.collapse-trigger > * { margin: 0; padding: 0; }
		
	input.collapse + .collapse-triggers > label.collapse-trigger + label.collapse-trigger { position: relative; }
	input.collapse + .collapse-triggers > label.collapse-trigger + label.collapse-trigger:before, input.collapse + .collapse-triggers > 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 + .collapse-triggers > label.collapse-trigger + label.collapse-trigger:after { bottom: -1px; z-index: +2; }
	input.collapse + .collapse-triggers > label.collapse-trigger + label.collapse-trigger.btn:before, input.collapse + .collapse-triggers > label.collapse-trigger + label.collapse-trigger.btn:after {
		bottom: -4px; 
	}

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

	input.collapse + .collapse-triggers + ul.collapse > label.collapse-trigger, input.collapse + .collapse-triggers + div.collapse > label.collapse-trigger,
	input.collapse + .collapse-triggers + ul.collapse > label.collapse-trigger, input.collapse + .collapse-triggers + 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 + .collapse-triggers + ul.collapse, input.collapse + .collapse-triggers + div.collapse,
	input.collapse + .collapse-triggers + ul.collapse + ul.collapse.collapsed, input.collapse + .collapse-triggers + div.collapse + div.collapse.collapsed,
	input.collapse + .collapse-triggers + ul.collapse,
	input.collapse + .collapse-triggers + div.collapse,
	input.collapse + .collapse-triggers + ul.collapse + ul.collapse.collapsed,
	input.collapse + .collapse-triggers + div.collapse + div.collapse.collapsed { display: block; visibility: visible; }

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

	input.collapse + .collapse-triggers + ul.collapse, input.collapse + .collapse-triggers + 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 + .collapse-triggers + ul.collapse, input.collapse:checked + .collapse-triggers + div.collapse,
	input.collapse + .collapse-triggers + ul.collapse + ul.collapse.collapsed, input.collapse + .collapse-triggers + div.collapse + div.collapse.collapsed,
/*

	input.collapse:checked ~ ul.collapse,
	input.collapse:checked ~ div.collapse,
*/	
	input.collapse + .collapse-triggers + ul.collapse + ul.collapse.collapsed,
	input.collapse + .collapse-triggers + div.collapse + div.collapse.collapsed { max-height: 10000px; opacity: 1; padding-right: 2em; z-index: +1; display: block; }

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

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

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

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

		/* MENU ITEMS */
		li.menu-item:hover > input.collapse + .collapse-triggers > label.collapse-trigger:before, 
		li.menu-item:hover > input.collapse + .collapse-triggers > 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 + .collapse-triggers > label.collapse-trigger:after { bottom: -16px; z-index: +2; }
		li.menu-item:hover > input.collapse + .collapse-triggers > label.collapse-trigger:before { bottom: -16px; }
		
		li.menu-item > input.collapse + .collapse-triggers + ul.collapse, li.menu-item > input.collapse + .collapse-triggers + div.collapse,
		li.menu-item > input.collapse + .collapse-triggers > label.collapse-trigger + label.collapse-trigger + .collapse-triggers + ul.collapse,
		li.menu-item > input.collapse + .collapse-triggers > label.collapse-trigger + label.collapse-trigger + .collapse-triggers + div.collapse { display: none; }
			li.menu-item:hover > input.collapse + .collapse-triggers + ul.collapse, li.menu-item:hover > input.collapse + .collapse-triggers + div.collapse,
			li.menu-item:hover > input.collapse + .collapse-triggers > label.collapse-trigger + label.collapse-trigger + .collapse-triggers + ul.collapse,
			li.menu-item:hover > input.collapse + .collapse-triggers > label.collapse-trigger + label.collapse-trigger + .collapse-triggers + div.collapse { max-height: 2000px; opacity: 1; z-index: +1; display: block; }

		input.collapse:checked + .collapse-triggers + ul.collapse, input.collapse:checked + .collapse-triggers + div.collapse { display: block; }
		input.collapse + .collapse-triggers + ul.collapse + ul.collapse.collapsed, input.collapse ~ div.collapse + div.collapse.collapsed { display: block; }
		
		input.collapse:checked + .collapse-triggers + ul.collapse + ul.collapse.collapsed, input.collapse:checked + .collapse-triggers + div.collapse + div.collapse.collapsed { display: none; }
		 
	}
	
	/* FOR GRIDS - CHANGE THE LAYOUT SLIGHTLY */
	div.expand-grid { position: relative; margin-bottom: 0.5em; }
    div.expand-grid > input.collapse + .collapse-triggers + ul.collapse, div.expand-grid > input.collapse + .collapse-triggers + div.collapse { display: none; float: left; clear: left; width: 100%; }

    div.expand-grid > input.collapse:checked + .collapse-triggers + ul.collapse, 
    div.expand-grid > input.collapse:checked + .collapse-triggers + div.collapse,
    div.expand-grid > input.collapse:not(:checked) + .collapse-triggers + ul.collapse + ul.collapse.collapsed, 
    div.expand-grid > input.collapse:not(:checked) + .collapse-triggers + div.collapse + div.collapse.collapsed
     { display: block; float: left; clear: left; width: 100%; }

    div.expand-grid > input.collapse + .collapse-triggers[class*='col-md-'], 
	div.expand-grid > input.collapse:checked + .collapse-triggers[class*='col-md-'] { float: none; margin-left: -3px; display: inline-block; }
	div.expand-grid > input.collapse + .collapse-triggers > label.collapse-trigger > .tile, 
	div.expand-grid > input.collapse:checked + .collapse-triggers > label.collapse-trigger + label.collapse-trigger > .tile { height: 150px; /* line-height: 150px; */ }
	div.expand-grid > .collapse-triggers > label.collapse-trigger > .tile > * { line-height: normal; }

	div.expand-grid > input.collapse + .collapse-triggers > label.collapse-trigger { margin-top: 1em; }
    div.expand-grid > input.collapse + .collapse-triggers > label.collapse-trigger > img { border: 1px solid rgb(255, 255, 255); border-radius: 50%; margin-right: 1em; max-height: 100px;
    width: auto; }
    div.expand-grid > input.collapse + .collapse-triggers > label.collapse-trigger > * { display: inline-block; margin-top: 0; }

    div.expand-grid > input.collapse + .collapse-triggers > label.collapse-trigger + label.collapse-trigger > h2 { font-weight: bold; }
	
	/* 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 + .collapse-triggers + ul.collapse.dropdown, input.collapse + .collapse-triggers + div.collapse.dropdown { display: none;}
	input.collapse:checked + .collapse-triggers + ul.collapse.dropdown, input.collapse:checked + .collapse-triggers + div.collapse.dropdown { display: block; left: 0; /* IN CASE PUSHED OFF SCREEN */ }

	input.collapse:checked + .collapse-triggers + ul.collapse.dropdown, input.collapse:checked + .collapse-triggers + div.collapse.dropdown { padding: 0; margin: 0;}

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

	/* CALL TO ACTION + CHECKBOC STATE STATE */
	input.collapse:checked + .collapse-triggers > 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; margin-left: 10px; } 	
		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; } 	

.site-header-menu { display: block; margin: 0 auto; text-align: center; }
#menus-open ~ header nav.main-navigation, #basket-open ~ header #basket { display: none; }
	.secondary.toggled-on, #menus-open:checked ~ header nav.main-navigation, #basket-open:checked ~ header #basket { display: block; visibility: visible; width: 100%; }

	.main-navigation .nav-menu > li:not(.menu-item-has-children), 
	.main-navigation .nav-menu > li > .collapse-triggers > .collapse-trigger > a { padding: 0; vertical-align: baseline; display: inline-block; border-radius: 0.4em; } /* padding: 0.5em; */
	.main-navigation .nav-menu > li > .collapse-triggers > .collapse-trigger { border-radius: 0.4em; } 
	.main-navigation .nav-menu > li > .sub-menu.dropdown {  }
	.main-navigation li,
	.main-navigation .nav-menu > li > .collapse-triggers > .collapse-trigger > 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 li.menu-item-has-children:hover > .collapse-triggers { }
		.main-navigation li:not(.menu-item-has-children):hover, .main-navigation li.menu-item-has-children:hover > .collapse-triggers > label.collapse-trigger { background-color: rgba(255,255,255,0.15); }
		.main-navigation label.collapse-trigger { width: 100%; }
	.main-navigation a:hover, .main-navigation a:focus, .main-navigation input.collapse + .collapse-triggers > label.collapse-trigger > i { color: #007acc; }		
	
	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; }
	
	/* MAIN MENU RESETS */
	.main-navigation ul li { border-style: none; display: block; }
	.main-navigation ul ul li { border-style: none; display: block; background-color: rgba(255,255,255,0.25); }

	@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; }
			

		.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; }

		input.collapse ~ ul.collapse.dropdown, input.collapse ~ div.collapse.dropdown { 
			position: absolute; right: 0; min-width: 200px; max-width: 400px; padding-right: 10px; }
			input.collapse ~ ul.collapse.dropdown, input.collapse ~ div.collapse.dropdown { z-index: -1; display: none; }
			
			input.collapse:checked ~ ul.collapse.dropdown, input.collapse:checked ~ div.collapse.dropdown { left: auto; 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; }
	    .main-navigation ul li { display: inline-block; }
	    .main-navigation .nav-menu > li > .sub-menu.dropdown { border-radius: 0; margin-left: -150px; width: 300px; left: 50%; }
	}

    @media screen and (min-width: 1200px) {
		input#menus-open ~ header label[for="menus-open"].collapse-trigger, input#menus-close ~ header label[for="menus-close"].collapse-trigger { display: none; }
		#menus-open ~ header nav.main-navigation { display: block; margin: 0; }
    }

/* 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; margin: 0; }
	
	.carousel-inner .item { min-height: 200px; height: auto; text-align: center; left: 100%; }
    .carousel-inner .item > a { display: inline-block; }
	.carousel-inner > .item > img, .carousel-inner > .item > a > img { max-width: 100%; /* max-height: 100vh; */ height: auto; width: auto; } /* width: 100%; */
	.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 #FFF;
	  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 li.carousel-play { width: 24px; height: 24px; margin-bottom: -3px; border-radius: 50%; } 
	.carousel-indicators li > label { width: 100%; height: 100%; cursor: pointer; float: left; margin-top: -6px; margin-left: -2px; }
	    .carousel li.carousel-play > label { margin-top: -2px; margin-left: 1px; } 

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

	.carousel > input[type=radio].carousel-play:checked ~ .carousel-indicators > li.carousel-thumbgrid, 
	.carousel > input[type=radio].carousel-play:checked ~ .carousel-indicators > li.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; width:100%; }
	.carousel-controls {
	}
    .carousel-read-more {
        position: relative;
        box-shadow: none!important;
        font-size: 6rem;
        position: absolute;
        bottom: 60px;
        text-align: center;
        display: block;
        width: 100px;
        left: 50%;
        margin-left: -50px;
        color: rgb(28, 98, 172);
        text-shadow: -1px -1px 0 rgba(255, 255, 255,0.7), 1px -1px 0 rgba(255, 255, 255,0.7), -1px 1px 0 rgba(255, 255, 255,0.7), 1px 1px 0 rgba(255, 255, 255,0.7);
    }
        .carousel-read-more > i { margin: 0; }
	.carousel > .carousel-controls > label { opacity: 0.5; cursor: pointer; }
	.carousel > .carousel-controls > label:hover { opacity: 1; }


    .carousel > .carousel-tabs {
            z-index: 100;
            width: 1170px;
            text-align: right;
            margin: 0 auto;
            margin-top: -641px;
            position: relative; }
        .carousel > .carousel-tabs > li { 
            list-style: none;
            margin: 0;
            padding: 0.5em;
            max-width: 140px;
            text-align: center;
            display: inline-block;
            border-bottom: none; }
        .carousel > .carousel-tabs > li > h1 { font-size: 1em; margin: 0; padding: 0;  }

	/* 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: auto; }
		.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; margin-top: 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; line-height: 400px;
		}	
		.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 {
        background-color: #F8F8F8;
		-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; }


/*
 * Animation for webkit
*/
@-webkit-keyframes bounce {
  0%       { bottom: 5px; }
  10%, 30%  { bottom: 15px; }
  20%      { bottom: 20px; }
  40%      { bottom: 0; }
}
@-moz-keyframes bounce {
  0%       { bottom: 5px; }
  10%, 30%  { bottom: 15px; }
  20%      { bottom: 20px; }
  40%      { bottom: 0; }
}
@-o-keyframes bounce {
  0%       { bottom: 5px; }
  10%, 30%  { bottom: 15px; }
  20%      { bottom: 20px; }
  40%      { bottom: 0; }
}
@keyframes bounce {
  0%       { bottom: 5px; }
  10%, 30%  { bottom: 15px; }
  20%      { bottom: 20px; }
  40%      { bottom: 0; }
}

/*
 * Adding the animation to our element
 */


.bounce {
  bottom:0; top: auto;
  -webkit-animation:bounce 3s infinite;
  -moz-animation:bounce 3s infinite;
  -o-animation:bounce 3s infinite;
  animation: bounce 3s infinite;
}