/* -----------------------------------------------------------------------------
This website is powered by indual
Copyright (c) 2005-2014 indual GmbH (www.indual.ch)
-------------------------------------------------------------------------------- */

/* ---------- Portlets left ---------- */
.portlets_left {
	float: left;
	clear: left;
	width: 555px;
	text-align: right;
	padding-right: 50px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	   	 -o-box-sizing: border-box;
	   		box-sizing: border-box;
}
.system_page .portlets_left,
.portlets_left + .cf {
	display: none;
}
.portlet {
	position: relative;
}
.portlet .controls {
	position: absolute;
	top: -10px;
	right: 0;
}
.portlet .controls li:before {
	display: none;
}
.portlets_left .portlet {
	margin-top: 5px;
}
.portlets_left .portlet .controls {
	right: auto;
	left: 0;
}

/* ---------- Language Switcher ---------- */
.portlet_language_switcher {
	background: transparent none;
	margin: 0;
	padding: 0;
}
.portlet_language_switcher .controls,
.portlet_language_switcher h3 {
	display: none;
}
.portlet_language_switcher .portlet-content {
	padding: 0;
	margin: 0;
	background: transparent;
}
.rwdnav_inner .portlet {
	background: none;
	color: #b3071b;
	margin: 0px 0 0 0;
	padding: 0;
}
.rwdnav_inner .portlet .portlet_inner {
	background: none;
	border: 0;
	padding: 0;
	margin: 0 20px;
	border-top: 1px solid #eee;
}
.rwdnav_inner .portlet_language_switcher a {
	color: #999;
	font-size: 18px;
	line-height: 50px;
	text-decoration: none;
	text-transform: uppercase;
	box-sizing: border-box;
	width: 33.33%;
	display: block;
	float: left;
	text-align: center;
	font-weight: 100;
}
.rwdnav_inner .portlet_language_switcher a.current {
	font-weight: bold;
	color: #B3071B;
}

/* @group portlet search */

.live_search {
	float: right;
	z-index: 10;
}
.portlet_search {
	float: right;
	margin: 0;
	padding: 0px 30px 0px 0px;
	box-sizing: border-box;
	position: relative;
	z-index: 100;
	min-width: 30px;
	height: 50px;
}
.portlet_search .controls,
.portlet_search .portlet-title {
	display: none;
}
.portlet_search input {
	width: 0;
	visibility: hidden;
	opacity: 0;
	margin-top: 11px;
	margin-right: -38px;
	padding: 0 34px 0 10px;
	height: 29px;
	display: block;
	border: 0;
	outline: 0;
	background: transparent;
	color: #999;
	font: 300 15px/24px 'Frutiger', Arial, Helvetica, sans-serif;
	-webkit-transition: all 0.4s ease-out;
	   -moz-transition: all 0.5s ease-out;
	     -o-transition: all 0.5s ease-out;
		 	transition: all 0.5s ease-out;
	position: absolute;
	right: 28px;
	background: #fff;
}
.portlet_search input.search_button {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	width: 20px;
	height: 38px;
	visibility: visible;
	opacity: 1;
	font-size: 0;
	cursor: pointer;
	background: none;
	box-shadow: none;
	border: none !important;
}
.portlet_search .icon {
	position: absolute;
	top: 16px;
	right: 0;
	display: block;
	z-index: 10;
	width: 17px;
	height: 19px;
	pointer-events: none;
	overflow: hidden;
	color: #999;
}

.portlet_search input.portlet-search-input:focus,
.portlet_search:hover input.portlet-search-input {
	width: 190px;
	visibility: visible;
	opacity: 1;
}
.portlet_search input.portlet-search-input:focus,
.portlet_search:hover input {
	margin-left: 22px;

	border: 1px solid #ddd;
}

/* ----------- Placeholder ------------ */

.portlet_search input::-webkit-input-placeholder {
	opacity: 1;
	color: #999;
}
.portlet_search input::-moz-placeholder {
	opacity: 1;
	color: #999;
}
.portlet_search input:-ms-input-placeholder {
	opacity: 1;
	color: #999;
}
.portlet_search input:-moz-placeholder {
	opacity: 1;
	color: #999;
}
.portlet_search input[placeholder]:focus {
	color: #999;
}

/* ----------- Search Result Pictures --------- */

.search_item_wrap .resource_container .picture {
	position: relative;
	z-index: 5;
	overflow: hidden;
}
.search_item_wrap a,
.search_item_wrap .resource_container .picture a {
	margin: 0;
	padding: 0;
}
.search_item_wrap .resource_container .picture:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 5;
	pointer-events: none;
	opacity: 0;
	visibility: hidden;
}
.search_item_wrap .resource_container .picture:hover:before {
	opacity: 1;
	visibility: visible;
}

/* ----------- Search Results Portlet --------- */

.portlet_search .live_search_results {
	background: #fff;
    border: 1px solid #ddd;
    padding: 20px;
    right: -8px;
    top: 50px;
    width: 300px;
    box-sizing: border-box;
    z-index: 100;
    text-align: left;
    font-size: 16px;
    display: none !important;
}
.rwd_navigation .portlet_search .live_search_results {
	display: none !important;
}
.portlet_search .search_item_wrap {
	padding: 20px 0 0 0;
	margin: 20px 0 0 0;
	border-top: 1px solid #ddd;
}
.portlet_search .search_item_wrap:first-child {
	border: 0;
	margin: 0;
	padding: 0;
}
.portlet_search .search_item_wrap .resource_container {
	margin: 5px 0 15px;
}
.portlet_search .search_item_wrap .resource_container .picture {
	margin: 0;
}
.portlet_search .search_item_title {
	color: #777777;
	font-size: 17px;
	line-height: 25px;
	font-weight: 600;
	margin: 0 0 5px;
	transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
}
.portlet_search a.search_item {
	color: #777777 !important;
	text-transform: none;
}
.portlet_search .search_item_wrap:hover a.search_item,
.portlet_search .search_item_wrap:hover .search_item_title {
	color: #333 !important;
}
.search_item_introduction,
.search_item_details {
	display: none;
}
.search_item,
.search_item h2:hover {
	color: #444 !important;
	text-decoration: none !important;
}
.search_item h2 {
	margin-top: 0;
}
.highlighting {
    background: #eaeaea;
}

/* ----------- Search Results Content --------- */

.content .search {
    margin: 20px 0 13px;
}
.content .search_item_wrap {
	margin: 30px 0 0 0;
	padding: 30px 0 0 0;
	border-top: 1px solid #ddd;
}
.content .search_item_wrap:first-child {
    border: none;
    margin: 0;
    padding: 0;
}
.content .search_item_wrap .resource_container {
	width: 360px;
	float: left;
	margin: 6px 40px 6px 0;
}
.content .search_item_content {
	overflow: hidden;
}
.content .search_item_title {
	overflow: hidden;
	word-wrap: break-word;
}


/* ----------- Responsive search ------------*/

.rwd_navigation .portlet_search {
	float: none;
	clear: both;
	margin: 0;
	padding: 20px;
	position: relative;
	min-width: 0;
	height: auto;
	background: #F3F3F3;
}
.rwd_navigation .portlet_search input {
	width: 100%;
	height: 40px;
	visibility: visible;
	opacity: 1;
	padding: 0 10px;
	box-shadow: none;
	background: #fff;
	border: 2px solid #ddd;
	box-sizing: border-box;
	font-size: 15px;
	line-height: 20px;
	-webkit-appearance: none;
}
.rwd_navigation .portlet_search input.search_button {
	height: 39px;
	width: 60px;
	top: 0;
	right: 20px;
	border: 0;
	font-size: 0;
	background: none;
}
.rwd_navigation .portlet_search .icon {
	top: 12px;
	right: 20px;
}
.rwd_navigation .portlet_search .icon img {
	margin-top: -16px;
	display: block;
}
.rwd_navigation .portlet_search input.portlet-search-input:focus,
.rwd_navigation .portlet_search:hover input.portlet-search-input {
	width: 100%;
}

/* @end */

/* @group portlets right */

.portlets_right a.add_portlet_link {
	display: none;
}
.portlets_right {
	width: 50%;
	float: right;
	margin: 0 0 -18px 68px;
}
.portlets_right .portlet {
	margin: 0 0 40px;
	padding: 0;
}
.portlets_right .portlet .portlet_inner {
	padding: 37px 30px 54px;
	background: #fff;
}
.portlets_right .portlet .resource_container {
	margin: -37px -30px 37px;
}
.portlets_right .portlet h3.portlet-title a,
.portlets_right .portlet h3.portlet-title {
    font-size: 32px;
	line-height: 46px;
	font-weight: 300;
	color: #B3071B;
	margin: 0 0 18px;
	pointer-events: none;
	text-transform: uppercase;
}
.portlets_right .portlet .picture {
	position: relative;
}
.portlets_right .portlet .picture:after,
.portlets_right .portlet .picture:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(242,239,235,0.4);
	pointer-events: none;
	z-index: 10;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.25s ease-out;
	   -moz-transition: all 0.25s ease-out;
	     -o-transition: all 0.25s ease-out;
		 	transition: all 0.25s ease-out;
}
.portlets_right .portlet .picture:after {
	background: url(../img/search.png) no-repeat center center rgba(255,255,255,0.9);
	background-size: 23px;
	width: 60px;
	height: 60px;
	top: 50%;
	left: 50%;
	right: auto;
	bottom: auto;
	margin: -30px 0 0 -30px;
	border-radius: 100%;
	z-index: 20;
}
.portlets_right .portlet .picture:hover:before,
.portlets_right .portlet .picture:hover:after {
	opacity: 1;
	visibility: visible;
}



/* ---------- Portlet Listing --------- */

.portlets_right .portlet_listing {
	text-align: center;
	margin-top: 18px;
}
.portlets_right .portlet_listing .bx-viewport {
	padding-bottom: 38px;
}
.portlets_right .portlet_listing .portlet_inner {
	padding: 0;
}
.portlets_right .portlet_listing .portlet-listing-entry {
	padding: 0 20px;
}
.portlets_right .portlet_listing .portlet-listing-entry h2,
.portlets_right .portlet_listing .portlet-entry-title {
	color: #454545;
	font-size: 16px;
	line-height: 23px;
	margin-top: 5px;
	font-weight: 300;
	pointer-events: none;
}
.portlets_right .portlet_listing .portlet-listing-entry h2 a {
	color: rgba(179,8,28,1) !important;
}
.portlets_right .portlet-listing-entry .portlet-entry-content {
	font-style: italic;
	font-weight: 300;
	padding: 0 0 12px;
	font-size: 16px;
}
.portlets_right .portlet-listing-entry .portlet-entry-content > p:last-child {
	margin: 0;
}
.portlets_right .portlet_listing .portlet-listing-more {
	display: none;
}
.portlets_right .bx-wrapper {
	position: relative;
}
.portlets_right .bx-wrapper .bx-controls-direction a span {
	left: 20px;
	background: url(../img/review_slider_controls.png) left top;
	background-size: 26px;
	margin-top: -25px;
}
.portlets_right .bx-wrapper .bx-controls-direction a.bx-next span {
	background-position: right top;
	left: auto;
	right: 20px;
}
.portlets_right .bx-wrapper .bx-controls-direction a:hover span {
	background-position: left bottom;
}
.portlets_right .bx-wrapper .bx-controls-direction a.bx-next:hover span {
	background-position: right bottom;
}
.portlets_right .bx-viewport div,
.portlets_right .bx-viewport span {
	height: auto !important;
}
.portlets_right .bx-wrapper .bx-pager {
	bottom: 0;
    display: block;
    left: 0;
    padding: 0;
}
.portlets_right .bx-wrapper .bx-controls-direction a {
	color: rgba(179,8,28,0.3);
	font-size: 30px;
	text-shadow: none;
}
.portlets_right .bx-wrapper .bx-controls-direction a:hover {
	color: #B3071B;
}
.portlets_right .bx-wrapper .bx-pager.bx-default-pager a {
	background: rgba(179,8,28,0.08);
	width: 14px;
	height: 14px;
}
.portlets_right .bx-wrapper .bx-pager.bx-default-pager a.active,
.portlets_right .bx-wrapper .bx-pager.bx-default-pager a:hover {
	background: #B3071B;
}
.portlets_right .bx-wrapper .bx-controls-direction a {
	margin-top: -68px;
}
.portlets_right .bx-wrapper .bx-controls-direction a.bx-prev {
	left: -32px;
}
.portlets_right .bx-wrapper .bx-controls-direction a.bx-next {
	right: -32px;
}
.portlets_right .bx-wrapper .bx-pager,
.portlets_right .bx-wrapper .bx-controls-auto {
	z-index: 80;
}

/* @end */