/**
* spacing
*/

/**
* colors
*/ /* button-dark-bg, button-light-font, navigation-active-border, a-link */ /* button-light-bg */ /* button-light-bg */ /* placeholder, landing-page-title-add */ /* navigation-hover-border, a-link-border */ /* navigation-hover-border, a-link-border */ /* a-link-border */ /* footer */


/**
* z-index
*/ /* borrow-lend bar */ /* topbar */ /* navbar */



/* image */

/* font-size */


* {
	margin: 0;
	padding: 0;
	list-style: none; 
	box-sizing: border-box; 
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	border: none;
	text-decoration: none
}


*:focus {
	outline: none
}

body {  
    background-color: white;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    
	-webkit-text-size-adjust: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0)
	
	
}

body.modal-open {
	overflow: hidden;
}

body.modal-open .mobile-nav {
	display: none
}

body.modal-open, body.contextBox-full {
	
	
}

body.modal-open.screen-small #outherContentWrap, body.contextBox-full.screen-small #outherContentWrap {
	overflow: hidden;
	height: 5px
}
body, textarea {
	font-family: Roboto-Regular, Arial;
	
}

header, nav, section, article, aside, footer, hgroup { display: block; }
.clear { clear: both; }

/**
* layout
*/

header.site {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 70px;
	background: #F9EB33;
	background: white;
	z-index: 20;
	box-shadow: 0px 1px 3px rgba(0,0,0, 0.1);
	
}

header.site nav {
	float: left;
	margin-left: 25px;
	margin-left: calc((50% - 720px) + (25px*1));
}

header.site .containerLogo {
	position: absolute;
	width: 200px;
	left: calc(50% - 100px);
	text-align: center;
	line-height: 69px;
	font-family: Roboto-Bold;
	font-size: 14px;
	color: #333;
	cursor: pointer;
}

header.site .containerLogo img {
	width: 80px;
	display: inline;
	vertical-align: middle;
	margin-top: -2px;
	margin-right: 5px;
}

header.site a {
	font-size: 16px;
	line-height: 70px;
	height: 70px;
	float: left;
	margin-right: 25px;
	padding: 0 15px;
	color: #333;
	color: #333;
	font-family: Roboto-Medium;
}

header.site a.profil {
	float: right;
	display: inline-block;
	position: relative;
	margin-right: calc((50% - 720px) + (25px*1));
	padding-right: calc(40px + 15px + 10px);
	padding-left: 15px;
}

header.site a.profil span.profilImage {
	position: absolute;
	top: 15px;
	right: 15px;
}

header.site a.profil span.profilImage span.mark {
	top:-7px;
	left: -7px;
}

header.site button.hamburger {
	position: absolute;
	padding-right: calc(5px * 3);
	padding-left: calc(5px * 6);
	right: 12px;
	top: 0;
	font-size: 20px;
	width: calc(25px + (5px * 4) +  25px);
	height: 50px;
	background: white;/*
		div {
			width: 100%;
			height: 2px;
			background: $color-black-light;
			margin: 5px 0;
		}
		*/
}

header.site button.hamburger span.mark {
	top: 8px;
	right: 21px;
	left: auto;
	z-index: 2;
}

header.site button.hamburger div {
	width: 100%;
	height: 2px;
	background: #42413E;
	-webkit-transform: translateX(50%);
	transform: translateX(50%);
	-webkit-transition: all 0.4s 0.3s ease;
	transition: all 0.4s 0.3s ease;
	z-index: 1;
}

header.site button.hamburger div:first-of-type {
	-webkit-transform: translateX(50%) translateY(-245%);
	transform: translateX(50%) translateY(-245%);
}

header.site button.hamburger div:last-of-type {
	-webkit-transform: translateX(50%) translateY(245%);
	transform: translateX(50%) translateY(245%);
}

header.site button.hamburger.active div {
	opacity: 0
}

header.site button.hamburger.active div:first-of-type {
	opacity: 1;
	-webkit-transform: translateX(50%) translateY(100%) rotate(45deg);
	transform: translateX(50%) translateY(100%) rotate(45deg)
}

header.site button.hamburger.active div:last-of-type {
	opacity: 1;
	-webkit-transform: translateX(50%) translateY(-100%) rotate(-45deg);
	transform: translateX(50%) translateY(-100%) rotate(-45deg)
}

.mobile-nav {
	position: absolute;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100vh;
	
	overflow: hidden;
}

.mobile-nav .bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100vh;
	background-image: url(../assets/img/static/footer-bg.jpg);
	background-size: cover;
	background-position: center center;
	-webkit-filter: blur(5px);
	filter: blur(5px);
}

.mobile-nav .content {
	width: 100vw;
	height: 100vh;
	position: absolute;
	right: 0;
	top: 0;
	padding-top: 4vh;
	padding-left: 10vw;
	overflow:scroll;
	padding-bottom: 25px;
	background: #42413E;
	background: rgba(0, 0, 0, 0.8);
	-webkit-transition: -webkit-transform 0.2s ease-in-out;
	transition: -webkit-transform 0.2s ease-in-out;
	transition: transform 0.2s ease-in-out;
	transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
	-webkit-transition-property: opacity, -webkit-transform;
	transition-property: opacity, -webkit-transform;
	transition-property: opacity, transform;
	transition-property: opacity, transform, -webkit-transform;
	opacity: 0;
	-webkit-transform: scale3d(2, 2, 2);
	transform: scale3d(2, 2, 2);/*
		div.profil, div.pages, div.logout {
			float: left;
			width: 100%;
			padding-bottom: calc($space-small*1);
			border-bottom: 1px solid $color-text;
		}
		
		div.pages, div.logout {
			margin-top: calc($space-small*1);
		}
		
		div.logout {
			border-bottom: none;
		}
		*/
}

.mobile-nav .content a {
	float: left;
	width: 100%;
	padding-left: 60px;
	font-size: 16px;
	margin-top: calc(5px*4);
	color: #f8f8f8;
	position: relative;
	font-family: Roboto-Light;
}

.mobile-nav .content a span.mark {
	width: 11px;
	height: 11px;
	top: 4px;
	left: 40px;
	border: none;
}

.mobile-nav .content a.current {
	font-family: Roboto-Medium
}

.mobile-nav .content a.profil {
	margin-bottom: 0;
	margin-top: 10px;
	border-top: none;
}

.mobile-nav .content a.profil .name {
	font-family: Roboto-Medium;
	font-size: 20px;
	position: relative;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 95%;
}

.mobile-nav .content a.profil .name span {
	display: block;
	font-size: 16px;
	font-family: Roboto-Light;
	margin-top: 10px;
}

.mobile-nav .content a.profil .profilImage {
	width: 75px;
	height: 75px;
	margin-bottom: 10px;
	border: 0px solid white;
}

.mobile-nav .content div.pages, .mobile-nav .content div.logout {
	float: left;
	width: 100%;
	margin-top: calc(5px*5);
	border-top: 1px solid #333;
}

.mobile-nav .content div.pages a, .mobile-nav .content div.logout a {
	font-size: 20px;
}

.mobile-nav .content div.profil {
	float: left;
	width: 100%;
	// 			margin-top: calc(5px*2);
}

.mobile-nav.showMobileNav .content {
	opacity: 1;
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1)
}

#outherContentWrap {
	position: relative;
		
	-webkit-transition: -webkit-transform .2s ease-in-out;
		
	transition: -webkit-transform .2s ease-in-out;
		
	transition: transform .2s ease-in-out;
		
	transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
	-webkit-transition-property: height, -webkit-transform;
	transition-property: height, -webkit-transform;
	transition-property: transform, height;
	transition-property: transform, height, -webkit-transform
}

#outherContentWrap.showMobileNav-add {
	height: 100vh
}

#outherContentWrap.showMobileNav-remove-active {
	overflow: hidden;
	height: 100vh
}

#outherContentWrap.showMobileNav {
	height: 90vh;
	overflow: hidden;
	-webkit-transform: scale3d(0.8, 0.8, 0.8) translateX(-95vw);
	transform: scale3d(0.8, 0.8, 0.8) translateX(-95vw);
	box-shadow: 0px 1px 3px rgba(0,0,0, 0.2)
}


#containerMain {
	float: left;
	width: 100%;
	min-height: calc(100vh);
	position: relative;
/* 	z-index: $zIndex-content;*/
	background: white;
}


/*	box-shadow: 0px 2px 3px rgba(0, 0, 0, 1);*/


#containerMain .contentContainer {
	float: left;
	width: 100%;
	padding: calc(25px*2) calc((50% - 720px) + (25px*1));
	padding-bottom: calc(25px*2);
	position: relative;
	background: white;
	min-height: calc(100vh - 70px);
	margin-top: 70px;
}


#containerMain .topContainer, #containerMain .contentContainer {
	-webkit-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
}


#containerMain.page_objects .contentContainer {
	margin-top: 0;
	padding: calc(25px*2) calc((50% - 720px) + (25px*0));
	padding-top: 0
}


#containerMain.page_object .contentContainer {
	padding-top: calc(25px + 5px)
}


#containerMain.page_object .contentContainer.hasTopBar {
	padding-top: calc(25px + 60px + 5px)
}


#containerMain.page_home .contentContainer {
	padding-top: calc(25px*3)
}


#containerMain.fadeout .topContainer, #containerMain.fadeout .contentContainer {
	opacity: 0
}


footer {
	float: left;
	position: relative;
	z-index: 1;
	background: white;
	width: 100vw;
	height: 430px;
	padding-top: 200px;
	overflow: hidden;
	
	
	
}


footer .bg, footer .overlay {
	position: absolute;
	left: -50px;
	top: -50px;
	width: calc(100% + 100px);
	height: calc(100% + 100px);
}


footer .bg {
	background-image: url(../assets/img/static/footer-bg.jpg);
	background-size: cover;
	background-position: center -150px ;
	background-color: green;
	-webkit-filter: blur(5px);
	filter: blur(5px);
}


footer .overlay {
	background: rgba(0, 0, 0, 0.8);
}


footer .content {
	position: relative;
	padding: 0 calc(25px*2);
	margin-left: calc(50% - 600px);
}


footer .content .top {
	float: left;
	width: 50%;
}


footer .content .top img {
	width: 80px;
	float: left;
	margin-right: 10px;
}


footer .content .top .slogan {
	float: left;
	margin-top: 9px;
	color: #e4e4e4;
	font-family: Roboto-Medium;
	font-size: 16px;
}


footer .content .bottom {
	float:left;
	margin-right: 20px;
	width: 50%;
	border-top: 1px solid white;
	margin-top: 15px;
	padding-top: 15px;
	color: #e4e4e4;
	font-size: 16px;
	line-height: 23px;
}


footer .content a {
	color: #F9EB33;
	border-bottom: 1px solid #e4e4e4
}


footer .content a:hover {
	border-color: #F9EB33
}

body.touch-device footer {
	
	
}





/**
* text
*/
h1 {
	font-size: 42px;
	line-height: 53px;
	margin-bottom: calc(5px*3);
	font-family: Roboto-Medium;
	font-family: RobotoSlab-Bold;
	font-weight: normal;
	color: #333;
}
h2 {
	font-size: 28px;
	margin-bottom: 20px;
	font-family: Roboto-Medium;
	font-family: RobotoSlab-Bold;
	font-weight: normal;
	color: #333;
}
h3 {
	font-size: 18px;
	line-height: 23px;
	font-family: Roboto-Medium;
	font-family: RobotoSlab-Bold;
	font-weight: normal;
	margin-top: 20px;
	margin-bottom: 5px;
	color: #333;
}
h4 {
	font-size: 16px;
	font-family: Roboto-Medium;
	font-weight: normal;
	margin-bottom: 8px;
	color: #333;
}
p {
	font-family: Roboto-Regular;
	font-size: 16px;
	line-height: 22px;
	margin-bottom: 10px;
	color: #333;
}
a {
	color: #333;
}
a.text {
	border-bottom: 1px solid #e4e4e4;

}
b, strong {
	font-family: Roboto-Medium;
	font-weight: normal;
}
i {
	font-family: Roboto-Italic;
}
span.accountName {
	font-style: italic;
	white-space: nowrap;
}
.iconMail, .iconPhone, .iconAddress {
	background-position: left calc(50% - 1px);
	background-repeat: no-repeat;
	background-size: 15px;
	padding-left: 19px;
	color: #333;
}
.iconAddress {
	background-image: url(../assets/img/static/icon-address.svg);
	background-position: left 3px;
}
.iconPhone {
	background-image: url(../assets/img/static/icon-phone.svg);
	background-size: 13px;
}
.iconMail {
	background-image: url(../assets/img/static/icon-mail.svg);
	background-size: 14px;
	background-position: left calc(50% - 0px);
}

/**
* page transitions
*/

.slidePageContainer .requestInfo, .slidePageContainer .objectInfo, .slidePageContainer > h1, .objectContentWrapper .topContainer, .objectContentWrapper .contentContainer, .profilBaseWrap, .profilObjectWrap, .profilLendWrap, .profilBorrowWrap, .contentContainer, .infoHeader {
	
	
}

.slidePageContainer .requestInfo.ng-hide-add, .slidePageContainer .objectInfo.ng-hide-add, .slidePageContainer > h1.ng-hide-add, .objectContentWrapper .topContainer.ng-hide-add, .objectContentWrapper .contentContainer.ng-hide-add, .profilBaseWrap.ng-hide-add, .profilObjectWrap.ng-hide-add, .profilLendWrap.ng-hide-add, .profilBorrowWrap.ng-hide-add, .contentContainer.ng-hide-add, .infoHeader.ng-hide-add {
	-webkit-transition: all 0.3s 0s ease-in-out;
	transition: all 0.3s 0s ease-in-out
}

.slidePageContainer .requestInfo.ng-hide-remove, .slidePageContainer .objectInfo.ng-hide-remove, .slidePageContainer > h1.ng-hide-remove, .objectContentWrapper .topContainer.ng-hide-remove, .objectContentWrapper .contentContainer.ng-hide-remove, .profilBaseWrap.ng-hide-remove, .profilObjectWrap.ng-hide-remove, .profilLendWrap.ng-hide-remove, .profilBorrowWrap.ng-hide-remove, .contentContainer.ng-hide-remove, .infoHeader.ng-hide-remove {
	-webkit-transition: all 0.5s 0s ease-in-out;
	transition: all 0.5s 0s ease-in-out
}

.slidePageContainer .requestInfo.ng-hide, .slidePageContainer .objectInfo.ng-hide, .slidePageContainer > h1.ng-hide, .objectContentWrapper .topContainer.ng-hide, .objectContentWrapper .contentContainer.ng-hide, .profilBaseWrap.ng-hide, .profilObjectWrap.ng-hide, .profilLendWrap.ng-hide, .profilBorrowWrap.ng-hide, .contentContainer.ng-hide, .infoHeader.ng-hide {
	opacity: 0
}

.mobile-nav, footer {
}

.mobile-nav.ng-hide-add, footer.ng-hide-add {
	-webkit-transition: opacity 0.01s 0s ease-in-out;
	transition: opacity 0.01s 0s ease-in-out
}

.mobile-nav.ng-hide-remove, footer.ng-hide-remove {
	-webkit-transition: opacity 0.01s 0.4s ease-in-out;
	transition: opacity 0.01s 0.4s ease-in-out
}

.mobile-nav.ng-hide, footer.ng-hide {
	opacity: 0
}


/**
* page object
*/
#containerMain .topBar {
	width: 100%;
	padding: calc(5px * 3) calc((50% - 720px) + (25px*1));
	-webkit-transform: translateX(0);
	transform: translateX(0);
	z-index: 15;
	background: #f5f5f5;
	height: 60px;
	position: fixed;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	top: 0;
	box-shadow: 0px 1px 3px rgba(0,0,0, 0.1);
	border: none;
	-webkit-transition: -webkit-transform 0.3s 0s ease-in-out;
	transition: -webkit-transform 0.3s 0s ease-in-out;
	transition: transform 0.3s 0s ease-in-out;
	transition: transform 0.3s 0s ease-in-out, -webkit-transform 0.3s 0s ease-in-out;
}
#containerMain .topBar .nav {
	float: right;
	margin-left: 25px;
}
#containerMain .topBar .nav a {
	float: left;
	margin-left: calc(5px *2);
}
#containerMain .topBar .nav .labelNav {
	float: left;
	margin-left: calc(5px *2);
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	color: #515252;
}
#containerMain .topBar a.edit {
	float: right;
}
#containerMain .topBar a.back span.short {
	display: none;
}
#containerMain .objectDetailWrapper {
	float: left;
	width: 100%;
	background: white;
}
#containerMain .objectContentWrapper {
	float: left;
	width: 100%;
	background: white;
	min-height: calc(100vh - 70px);
}
#containerMain .objectContentWrapper .topContainer, #containerMain .objectContentWrapper .topContainer h1, #containerMain .objectContentWrapper .topContainer .searchContainer {
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
#containerMain .objectContentWrapper .topContainer .bgImage {
	-webkit-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
}
#containerMain .objectContentWrapper .topContainer {
	float: left;
	width: 100%;
	height: calc(100vh - 200px);
	min-height: 500px;
	position: relative;
	padding: 0 calc(50% - 600px + (25px*2));
	padding-top: 20vh;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	background-color: #f8f8f8;
}
#containerMain .objectContentWrapper .topContainer .bgImage {
	position: absolute;
	left: 0;
	top: -50px;
	width: 100%;
	height: calc(100% + 100px);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	background-color: grey;
}
#containerMain .objectContentWrapper .topContainer h1 {
	font-family: RobotoSlab-Bold;
	color: #333;
	position: absolute;
	max-width: calc(100% - (25px * 4));
	overflow: hidden;
	text-overflow: ellipsis;
}
#containerMain .objectContentWrapper .topContainer .searchContainer {
	float: left;
	width: 100%;
	height: 65px;
	background: white;
	position: relative;
	margin-top: 160px;
	box-shadow: 0px 1px 3px rgba(0,0,0, 0.1);
	background-image: url(../assets/img/static/icon-search-black.svg);
	background-repeat: no-repeat;
	background-position: calc(5px*3) center;
	background-size: 18px;
	border: 1px solid white;
}
#containerMain .objectContentWrapper .topContainer .searchContainer .input, #containerMain .objectContentWrapper .topContainer .searchContainer input {
	width: 100%;
	height: 45px;
	margin-top: 10px;
	line-height: 45px;
	font-size: 24px;
	font-family: Roboto-Regular;
	color: #333;
	padding-left: calc(5px*9);
	background: transparent;
	border: none
}
#containerMain .objectContentWrapper .topContainer .searchContainer .input::-webkit-input-placeholder, #containerMain .objectContentWrapper .topContainer .searchContainer input::-webkit-input-placeholder {
	color: #333
}
#containerMain .objectContentWrapper .topContainer .searchContainer .input::-moz-placeholder, #containerMain .objectContentWrapper .topContainer .searchContainer input::-moz-placeholder {
	color: #333
}
#containerMain .objectContentWrapper .topContainer .searchContainer .input:-ms-input-placeholder, #containerMain .objectContentWrapper .topContainer .searchContainer input:-ms-input-placeholder {
	color: #333
}
#containerMain .objectContentWrapper .topContainer .searchContainer .input::placeholder, #containerMain .objectContentWrapper .topContainer .searchContainer input::placeholder {
	color: #333
}
#containerMain .objectContentWrapper .topContainer .searchContainer .input:focus, #containerMain .objectContentWrapper .topContainer .searchContainer input:focus {
	
	
}
#containerMain .objectContentWrapper .topContainer .searchContainer .input:focus::-webkit-input-placeholder, #containerMain .objectContentWrapper .topContainer .searchContainer input:focus::-webkit-input-placeholder {
	color: #909090
}
#containerMain .objectContentWrapper .topContainer .searchContainer .input:focus::-moz-placeholder, #containerMain .objectContentWrapper .topContainer .searchContainer input:focus::-moz-placeholder {
	color: #909090
}
#containerMain .objectContentWrapper .topContainer .searchContainer .input:focus:-ms-input-placeholder, #containerMain .objectContentWrapper .topContainer .searchContainer input:focus:-ms-input-placeholder {
	color: #909090
}
#containerMain .objectContentWrapper .topContainer .searchContainer .input:focus::placeholder, #containerMain .objectContentWrapper .topContainer .searchContainer input:focus::placeholder {
	color: #909090
}
#containerMain .objectContentWrapper .topContainer .searchContainer .input {
	display: none;
}
#containerMain .objectContentWrapper .topContainer .searchContainer .buttons {
	position: absolute;
	right: 0;
	top: 0;
	width: 360px;
}
#containerMain .objectContentWrapper .topContainer .searchContainer .buttons a {
	float: right;
	margin-right: calc(25px/2);
	position: relative;
	top: 12px;
	background-repeat: no-repeat;
}
#containerMain .objectContentWrapper .topContainer.filtered {
	height: 0;
	min-height: 115px;
	padding-top: 25px;
	padding-bottom: 25px;
	margin-top: 70px;
}
#containerMain .objectContentWrapper .topContainer.filtered .bgImage {
	opacity: 0
}
#containerMain .objectContentWrapper .topContainer.filtered h1 {
	opacity: 0
}
#containerMain .objectContentWrapper .topContainer.filtered .searchContainer {
	box-shadow: none;
	border: 1px solid #e4e4e4;
	margin-top: 0;
}
#containerMain .objectContentWrapper .topContainer.filtered .searchContainer input {
	font-size: 18px;
	font-family: Roboto-Regular
}
#containerMain .objectContentWrapper .topBox {
	margin-left: calc(50% - 650px + (25px*4));
	margin-right: calc(50% - 650px + (25px*4));
	position: relative;
}
#containerMain .objectContentWrapper .topBox .text {
	height: 65px;
	line-height: 65px;
}
#containerMain .objectContentWrapper .topBox a.bt_light {
	position: absolute;
	right: 0;
	top: 19px;
}
#containerMain .objectContentWrapper .results {
	float: left;
	width: 100%;
	border-top: 1px solid #e4e4e4;
	padding-top: 25px
}
#containerMain .objectContentWrapper .results.ng-hide-add {
	-webkit-transition: all 0.3s 0s ease-in-out;
	transition: all 0.3s 0s ease-in-out
}
#containerMain .objectContentWrapper .results.ng-hide-remove {
	-webkit-transition: all 0.3s 0s ease-in-out;
	transition: all 0.3s 0s ease-in-out
}
#containerMain .objectContentWrapper .results.ng-hide {
	opacity: 0
}
#containerMain .objectContentWrapper .previewRow {
	float: left;
	width: 100%;
	margin-top: calc(25px*2);
	margin-bottom: calc(25px);
}
#containerMain .objectContentWrapper .previewRow h2 {
	padding-left: calc(20px + (25px*6));
	margin-bottom: calc(25px*2);
}
#containerMain .objectContentWrapper .previewRow .buttons {
	float: left;
	width: 100%;
	padding-left: calc(20px + (25px*6));
	margin-top: calc(25px*2);
}
#containerMain .objectContentWrapper .objectResultContainer {
	
	
}
#containerMain .objectContentWrapper .objectResultContainer.ng-hide-add {
	-webkit-transition: all 0.3s 0s ease-in-out;
	transition: all 0.3s 0s ease-in-out
}
#containerMain .objectContentWrapper .objectResultContainer.ng-hide-remove {
	-webkit-transition: all 0.3s 0.5s ease-in-out;
	transition: all 0.3s 0.5s ease-in-out
}
#containerMain .objectContentWrapper .objectResultContainer.ng-hide {
	opacity: 0
}
#containerMain .objectContentWrapper .objectPreviewContainer {
	
	
}
#containerMain .objectContentWrapper .objectPreviewContainer.ng-hide-add {
	-webkit-transition: all 0.3s 0s ease-in-out;
	transition: all 0.3s 0s ease-in-out
}
#containerMain .objectContentWrapper .objectPreviewContainer.ng-hide-remove {
	-webkit-transition: all 0.3s 1s ease-in-out;
	transition: all 0.3s 1s ease-in-out
}
#containerMain .objectContentWrapper .objectPreviewContainer.ng-hide {
	opacity: 0
}

body.scroll-header #containerMain .topBar, body.scroll-up #containerMain .topBar {
	-webkit-transform: translateY(70px);
	transform: translateY(70px);
}
body.scroll-header.scroll-conversation #containerMain .header, body.scroll-up.scroll-conversation #containerMain .header {
	-webkit-transform: translateY(70px);
	transform: translateY(70px);
}



#contextBoxWrap.category {
	background: white;
	position: absolute;
	left: 0;
	top: calc(25px + 50px);
	z-index: 8;
	padding: 25px;
	
	box-shadow: 0px 1px 3px rgba(0,0,0, 0.2);
	
			
}



#contextBoxWrap.category .itemCategory {
	float: left;
	width: calc((100% / 4) - (5px/4*(4 - 1)));
	margin-left: 5px;
	margin-bottom: 5px;
	-webkit-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}



#contextBoxWrap.category .itemCategory .imageWrap {
	float: left;
	width: 100%;
	position: relative;
	cursor: pointer;
	background: #f8f8f8;
}



#contextBoxWrap.category .itemCategory .imageWrap .height {
	float: left;
	width: 1px;
	padding-top: 75%;
}



#contextBoxWrap.category .itemCategory .imageWrap .img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center center;
}



#contextBoxWrap.category .itemCategory .info {
	float:left;
	width: 100%;
	height: 25px;
	line-height: 25px;
	background: white;
	position: relative;
	width: calc(100% - (5px*4));
	margin-left: calc(5px*2);
	margin-top: calc(-5px*2 - 25px);
}



#contextBoxWrap.category .itemCategory .info .categoryName {
	float: left;
	width: calc(100% - 20px - 10px);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding-left: 10px;
	font-size: 13px;
	font-family: Roboto-Medium;
}



#contextBoxWrap.category .itemCategory .info .count {
	position: absolute;
	right: 0;
	top: 0;
	padding-right: 10px;
	font-size: 11px;
}



#contextBoxWrap.category .itemCategory:nth-child(4n+1) {
	margin-left: 0
}



#contextBoxWrap.category > a {
	position: absolute;
	top: 25px;
	right: 25px;
}



#contextBoxWrap.category::before {
	background-color: white;
	content: "\A0";
	display: block;
	height: 16px;
	width: 16px;
	position: absolute;
	top: -8px;
	right: 80px;
	-webkit-transform: rotate( 45deg );
	transform: rotate( 45deg );
	box-shadow: -2px -2px 3px rgba(0, 0, 0, 0.05);
	border-right: none;
	border-bottom: none
} 



/* contextbox */
#contextBoxWrap {
	z-index: 8;
	position: absolute;
	top: 0;
	left: 9;
	background: white;
	
	
	box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.2);
}
#contextBoxWrap > .arrow, #contextBoxWrap::before {
	background-color: white;
	content: "\A0";
	display: block;
	height: 16px;
	width:  16px;
	position: absolute;
	-webkit-transform: rotate( 45deg );
	transform: rotate( 45deg );
	box-shadow: -2px -2px 3px rgba(0, 0, 0, 0.06);
}
#contextBoxWrap .header {
	float: left;
	width: 100%;
	height: 40px;
	position: fixed;
	top: 0;
	left: 0;
	background: #F9EB33;
	z-index: 20;
	box-shadow: 0px 1px 3px rgba(0,0,0, 0.1);
	display: none;
}
#contextBoxWrap .header a.close {
	position: absolute;
	right: 0;
	top: 0;
}
#contextBoxWrap.arrowTopRight {
	
	
}
#contextBoxWrap.arrowTopRight::before {
	top: -8px;
	right: 30px
}
#contextBoxWrap.arrowTopLeft {
	
	
}
#contextBoxWrap.arrowTopLeft::before {
	top: -8px;
	left: 30px
}
#contextBoxWrap.login {
	width: 300px;
	margin-left: calc(-300px);
	margin-top: 18px
}
#contextBoxWrap.profil, #contextBoxWrap.profilEditMenu {
	width: 270px;
	margin-left: calc(-270px);
	margin-top: 18px
}
#contextBoxWrap.orderMenu {
	width: 150px;
	margin-left: calc(-150px);
	margin-top: 18px
}
#contextBoxWrap.ownObjectMenu {
	width: 150px;
	margin-left: calc(-127px);
	margin-top: 18px
}
#contextBoxWrap.boxGet, #contextBoxWrap.boxBack, #contextBoxWrap.timepicker {
	width: 300px;
	margin-left: 23px;
	margin-top: 18px;
}
#contextBoxWrap.boxGet > .arrow, #contextBoxWrap.boxBack > .arrow, #contextBoxWrap.timepicker > .arrow {
	margin-left: -10px
}
#contextBoxWrap.profil, #contextBoxWrap.boxGet, #contextBoxWrap.boxBack, #contextBoxWrap.lendContact, #contextBoxWrap.login {
	z-index: 2001
}
#contextBoxWrap.boxGet {
	margin-left: 50px;
}
#contextBoxWrap.boxGet > .arrow {
	margin-left: -7px;
	left: 50% !important
}
#contextBoxWrap.boxBack {
	margin-left: 260px;
}
#contextBoxWrap.boxBack > .arrow {
	margin-left: -7px;
	left: 50% !important
}
#contextBoxWrap.category {
	width: 1100px;
	margin-left: calc(-1069px - 18px);
	margin-top: 18px
}
#contextBoxWrap.category.filtered {
	margin-left: calc(-1004px - 18px)
}
#contextBoxWrap.category.filtered::before {
	top: -8px;
	right: 83px
}
#contextBoxWrap.lendContact {
	width: 300px;
	margin-left: calc(-55px);
	margin-top: 18px
}
#contextBoxWrap.menu a {
	padding: 13px 20px;
	display: inline-block;
	width: 100%;
	font-size: 16px;
	position: relative;
	color: #333
}
#contextBoxWrap.menu a:last-child {
	border-top: 1px solid #e4e4e4
}
#contextBoxWrap.menu a.disabled {
	cursor: default;
	color: #888888
}
#contextBoxOverlay {
	position: fixed;
	width: 100vw;
	height: 100vh;
	background: #2d2d2d;
	opacity: 0;
	z-index: 7;
	top: 0;
	left: 0
}
#contextBoxOverlay.profil, #contextBoxOverlay.boxGet, #contextBoxOverlay.boxBack, #contextBoxOverlay.lendContact, #contextBoxOverlay.login {
	z-index: 2000
}
#contextBoxOverlay.categoryMenu {
	opacity: 0.6;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out
}


/**
* mark
*/
span.mark {
	position: absolute;
	left: -11px;
	top: -11px;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #d01003;
	border: 2px solid white;
	margin-top: 0;
	margin-left: 0
}
span.mark.inline {
	width: 14px;
	height: 14px;
	position: relative;
	top: 2px;
	left: 3px;
	display: inline-block
}


/**
* profilImage
*/
.profilImage {
	border-radius: 50%;
	display: inline-block;
	background-size: cover;
	background-color: white
}
.profilImage.xlarge {
	width: 150px;
	height: 150px
}
.profilImage.large {
	width: 100px;
	height: 100px
}
.profilImage.medium {
	width: 60px;
	height: 60px
}
.profilImage.small {
	width: 40px;
	height: 40px
}

/**
* Modal
*/
.modalHead {
	float: left;
	width: 100%;
	height: calc(25px*2);
	position: absolute;
	top: 0;
	left: 0;
	background: #42413E;
	background: #F9EB33;
	z-index: 11;
	box-shadow: 0px 1px 3px rgba(0,0,0, 0.1);
	
}
.modalHead a.close {
	position: absolute;
	right: 0;
	top: 0;
	width: calc(25px*2);
	height:  calc(25px*2);
}
.modalHead.warning {
	background-color: #d01003;
}
.modalHead.warning a.close {
	background-color: #d01003;
	background-image: url(../assets/img/static/icon-close-white.svg)
}
.modalBody {
	padding: calc(25px*2);
	
	max-height: calc(100vh - 100px);
	overflow: auto;
	float: left;
	margin-top: calc(25px*2);
}
.modalBody form {
	float: left;
	width: 100%;
}
.modalBody form .formText {
	float:left;
	width: 100%;
	margin-bottom: 25px;
	text-align: center;
}
.modalBody form .formText h3 {
	text-align: center;
	margin-top: 0;
}
.modalBody form .formRowImage {
	float:left;
	width: calc(100% + (25px*4));
	margin-left: calc(25px*2 * -1);
	margin-top: calc(25px*2 * -1);
	padding-top: 25px;
	padding-bottom: 25px;
	background: #f8f8f8;
	margin-bottom: 25px;
	text-align: center;
}
.modalBody form .formRowImage .picAdd {
	display: inline-block;
	width: 150px;
	height: 150px;
	margin: 0 10px;
	background: white;
	overflow: hidden;
	border: 1px solid #e4e4e4;
	position: relative;
}
.modalBody form .formRowImage .picAdd .new, .modalBody form .formRowImage .picAdd .delete {
	position: absolute;
	bottom: 13px;
	left: 0;
	width: 100%;
	text-align: center;
	background: white;
	padding: 2px;
	font-size: 12px;
	text-transform: uppercase;
}
.modalBody form .formRowImage .picAdd .delete {
	bottom: auto;
	top: 13px;
}
.modalBody form .formRowImage .picAdd .image {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top:0;
	background-position: center center;
	background-size: cover;
}
.modalBody form .formRowImage .picAdd input {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	opacity: 0 !important;
	overflow: hidden !important;
	cursor: pointer;
}
.modalBody form .formRowImage .picAdd.round {
	border-radius: 50%
}
.modalBody form .formRow {
	position: relative;
	float: left;
	width: 100%;
	margin-bottom: 6px;
	padding-bottom: 16px;
}
.modalBody form .formRow > label:first-of-type {
	display: block;
	font-size: 14px;
	margin-bottom: 3px;
	color: #333;
	font-family: RobotoSlab
}
.modalBody form .formRow > label:first-of-type.checkbox {
	color: black;
	margin-top: 5px;
}
.modalBody form .formRow > label:first-of-type.checkbox input {
	margin-right: 1px
}
.modalBody form .formRow input[type=text], .modalBody form .formRow input[type=password], .modalBody form .formRow input[type=email], .modalBody form .formRow textarea {
	float: left;
	font-size: 14px;
	padding: 10px;
	width: 100%;
}
.modalBody form .formRow textarea {
	height: 80px;
}
.modalBody form .formRow select {
	font-size: 14px;
	float:left;
	margin-right: 10px;
}
.modalBody form .formRow label.checkbox .label {
	font-size: 14px;
	line-height: 22px;
}
.modalBody form .formRow .warning {
	font-size: 12px;
	padding: 4px;
	color: white;
	background: #d01003;
	float:left;
}
.modalBody form .formRow.error input[type=text], .modalBody form .formRow.error input[type=password], .modalBody form .formRow.error input[type=email], .modalBody form .formRow.error textarea {
	border-color: #d01003
}
.modalBody form .buttonContainer {
	float: left;
	width: 100%;
	text-align: center;
	margin-top: 25px;
}
.modalBody form .buttonContainer input.ok {
	background-position: calc(100% - (5px*3)) center;
}



/**
* Form	
*/
img.thumb {
	max-width: 100px;
	max-height: 100px;
}
button {
	cursor: pointer;
}


.formMessage {
	float: left;
	width: 100%;
	font-size: 12px;
	text-align: center;
	padding: calc(25px/2);
	margin-bottom: 25px;
	background: #d01003;
	color: white;
}


input[type=text], input[type=password], input[type=email], textarea {
	-webkit-appearance:none;
}

input, select, textarea, button {
	border-radius: 0
}

input:focus, select:focus, textarea:focus, button:focus {
	outline: none
}

input::-webkit-input-placeholder, select::-webkit-input-placeholder, textarea::-webkit-input-placeholder, button::-webkit-input-placeholder {
	color: #909090
}

input::-moz-placeholder, select::-moz-placeholder, textarea::-moz-placeholder, button::-moz-placeholder {
	color: #909090
}

input:-ms-input-placeholder, select:-ms-input-placeholder, textarea:-ms-input-placeholder, button:-ms-input-placeholder {
	color: #909090
}

input::placeholder, select::placeholder, textarea::placeholder, button::placeholder {
	color: #909090
}

form input, form textarea {
	border: 1px solid #e4e4e4;
	font-size: 14px;
	padding: 8px;
}

form input, form textarea, form button.bt_dark, form button.bt_light, form select  {
	
	
}

form input:focus, form textarea:focus, form button.bt_dark:focus, form button.bt_light:focus, form select:focus {
	outline: 2px solid #888888
}

label.checkbox {
	float: left;
	width: 100%;
	margin-bottom: 5px;
}

label.checkbox input {
	float: left;
	width: 20px;
	height: 20px;
}

label.checkbox .label {
	float: left;
	width: calc(100% - 25px);
	margin-left: 3px;
}

/* special */
.directContact {
	float:left;
	width: 100%;
	background: #f8f8f8;
	padding: calc(5px*3);
	font-size: 14px;
}
.directContact > .label {
	font-family: Roboto-Medium;
	margin-bottom: calc(5px*2);
}



/**
* Buttons
*/
a.bt_light, a.bt_dark, button.bt_dark, input.bt_dark, input.bt_light {
	position: relative;
	padding: 0 calc(5px*3);
	height: 40px;
	
	display: inline-block;
	font-size: 14px;
	font-family: Roboto-Medium;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	white-space: nowrap;
	cursor: pointer;
	
	-webkit-transition: background-position 0.1s ease-in-out;
	
	transition: background-position 0.1s ease-in-out
	
}
a.bt_light.arrowDown, a.bt_light.arrowRight, a.bt_light.arrowLeft, a.bt_light.add, a.bt_light.cancel, a.bt_light.close, a.bt_light.ok, a.bt_light.category, a.bt_dark.arrowDown, a.bt_dark.arrowRight, a.bt_dark.arrowLeft, a.bt_dark.add, a.bt_dark.cancel, a.bt_dark.close, a.bt_dark.ok, a.bt_dark.category, button.bt_dark.arrowDown, button.bt_dark.arrowRight, button.bt_dark.arrowLeft, button.bt_dark.add, button.bt_dark.cancel, button.bt_dark.close, button.bt_dark.ok, button.bt_dark.category, input.bt_dark.arrowDown, input.bt_dark.arrowRight, input.bt_dark.arrowLeft, input.bt_dark.add, input.bt_dark.cancel, input.bt_dark.close, input.bt_dark.ok, input.bt_dark.category, input.bt_light.arrowDown, input.bt_light.arrowRight, input.bt_light.arrowLeft, input.bt_light.add, input.bt_light.cancel, input.bt_light.close, input.bt_light.ok, input.bt_light.category {
	padding-right: calc((5px*3) + 10px + 12px);
	background-size: 12px;
	background-position: calc(100% - (5px*3)) center;
	background-repeat: no-repeat
}
a.bt_light.arrowRight, a.bt_dark.arrowRight, button.bt_dark.arrowRight, input.bt_dark.arrowRight, input.bt_light.arrowRight {
	padding-right: calc((5px*3) + 10px + 7px);
	background-size: 7px;
	background-image: url(../assets/img/static/arrow-right-black.svg)
}
a.bt_light.arrowLeft, a.bt_dark.arrowLeft, button.bt_dark.arrowLeft, input.bt_dark.arrowLeft, input.bt_light.arrowLeft {
	padding-right: calc(5px*3);
	padding-left: calc((5px*3) + 10px + 7px);
	background-position: calc(25px/2) center;
	background-size: 7px;
	background-image: url(../assets/img/static/arrow-left-black.svg)
}
a.bt_light.arrowDown, a.bt_dark.arrowDown, button.bt_dark.arrowDown, input.bt_dark.arrowDown, input.bt_light.arrowDown {
	background-image: url(../assets/img/static/arrow-down-black.svg)
}
a.bt_light.close, a.bt_dark.close, button.bt_dark.close, input.bt_dark.close, input.bt_light.close {
	background-image: url(../assets/img/static/icon-close-black.svg);
	background-position: center center;
}
a.bt_light.close span, a.bt_dark.close span, button.bt_dark.close span, input.bt_dark.close span, input.bt_light.close span {
	display: none
}
a.bt_light.cancel, a.bt_dark.cancel, button.bt_dark.cancel, input.bt_dark.cancel, input.bt_light.cancel {
	background-image: url(../assets/img/static/icon-close-black.svg)
}
a.bt_light.ok, a.bt_dark.ok, button.bt_dark.ok, input.bt_dark.ok, input.bt_light.ok {
	padding-right: calc((5px*3) + 10px + 15px);
	background-image: url(../assets/img/static/icon-ok-black.svg);
	background-position: center center;
	background-size: 15px/*
		span {
			display: none;
		}
		*/
}
a.bt_light.category, a.bt_dark.category, button.bt_dark.category, input.bt_dark.category, input.bt_light.category {
	background-image: url(../assets/img/static/icon-filter-black.svg);
	background-position: center center;
	background-size: 15px;
}
a.bt_light.category span, a.bt_dark.category span, button.bt_dark.category span, input.bt_dark.category span, input.bt_light.category span {
	display: none
}
a.bt_light.add, a.bt_dark.add, button.bt_dark.add, input.bt_dark.add, input.bt_light.add {
	background-image: url(../assets/img/static/icon-add-black.svg)
}
a.bt_light:disabled, a.bt_light.inactive, a.bt_dark:disabled, a.bt_dark.inactive, button.bt_dark:disabled, button.bt_dark.inactive, input.bt_dark:disabled, input.bt_dark.inactive, input.bt_light:disabled, input.bt_light.inactive {
	opacity: 0.5;
	box-shadow: none;
	cursor: default
}
a.bt_light, input.bt_light {
	background: #FFFAC9;
	border: 2px solid #F9EB33;
	background: white;
	
	line-height: 37px;
	color: #333;
	
}

a.bt_dark, button.bt_dark, input.bt_dark {
	color: #333;
	background: #F9EB33;

	border: none;
	line-height: 41px;

}
input.bt_dark {
	display: inline-block;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
}

a.bt_light.small, a.bt_dark.small, button.bt_dark.small, input.bt_dark.small {
	font-size: 12px;
	height: 29px;
	cursor: pointer;
	background-size: 10px;
	padding-right: calc(5px*2);
	padding-left: calc(5px*2);
	
	background-position-x: calc(100% - (5px*2))
}

a.bt_light.small.cancel, a.bt_dark.small.cancel, button.bt_dark.small.cancel, input.bt_dark.small.cancel {
	background-size: 8px;
	padding-right: calc((5px*1) +  8px + (5px*2))
}

a.bt_light.small.ok, a.bt_dark.small.ok, button.bt_dark.small.ok, input.bt_dark.small.ok {
	background-size: 11px;
	padding-right: calc((5px*1) +  11px + (5px*2))
}

a.bt_light.small.arrowDown, a.bt_dark.small.arrowDown, button.bt_dark.small.arrowDown, input.bt_dark.small.arrowDown {
	padding-right: calc((5px*1) +  10px + (5px*2))
}

a.bt_light.small.arrowRight, a.bt_dark.small.arrowRight, button.bt_dark.small.arrowRight, input.bt_dark.small.arrowRight {
	background-size: 6px;
	padding-right: calc((5px*1) +  8px + (5px*2))
}

a.bt_light.small.arrowLeft, a.bt_dark.small.arrowLeft, button.bt_dark.small.arrowLeft, input.bt_dark.small.arrowLeft {
	background-size: 6px;
	padding-right: calc(5px*2);
	padding-left: calc((5px*1) +  8px + (5px*2));
	background-position-x: calc(5px*2)
}

a.bt_light.small {
	line-height: 26px;
}
a.bt_dark.small, button.bt_dark.small, input.bt_dark.small {
	line-height: 30px;
}



/**
* object item
*/
.itemObject {
	float: left;
	
	margin-left: 25px;
	margin-top: 25px;
	
	
	margin: 0;
	width: calc((100% / 4) - (5px / 4*3));
	margin-left: 5px;
	margin-bottom: 5px;


	-webkit-transition: all 0.4s ease-in-out;


	transition: all 0.4s ease-in-out;
	-webkit-transition-property: opacity, -webkit-transform;
	transition-property: opacity, -webkit-transform;
	transition-property: transform, opacity;
	transition-property: transform, opacity, -webkit-transform;

	position: relative;
	cursor: pointer;
	
	
	opacity: 0;
	-webkit-transform: translateY(100px);
	        transform: translateY(100px);



}
.itemObject .imageWrap {
	float: left;
	width: 100%;
	position: relative;
	overflow: hidden;
}
.itemObject .imageWrap > img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.itemObject .imageWrap .height {
	float: left;
	width: 1px;
	padding-top: 75%;
}
.itemObject .imageWrap .img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center center;
}
.itemObject .info {
	float:left;
	width: 100%;
	padding: 10px;
	position: relative;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	-webkit-transition-property: width, background-color;
	transition-property: width, background-color;
	width: 60px;
	height: 60px;
	background: none;
	margin-left: calc(5px*2);
	margin-top: calc(-5px*2 - 60px);
	overflow: hidden;
}
.itemObject .info .profilImage {
	float: left;
	margin-right: 10px;
	border: 2px solid white;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	width: 50px;
	height: 50px;
	margin-top: -5px;
	margin-left: -5px;
}
.itemObject .info .objectName, .itemObject .info .accountName {
	float: left;
	width: calc(100% - 47px - 10px);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 17px;
	font-size: 13px;
}
.itemObject .info .objectName {
	font-family: Roboto-Medium;
	font-size: 14px;
	margin-top: 3px;
}
.itemObject:nth-child(2n) {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s
}
.itemObject:nth-child(3n) {
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s
}
.itemObject.inview {
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
	opacity: 1
}
.itemObject:nth-child(4n+1) {
	margin-left: 0
}
.itemObject:active {
	-webkit-transform: scale3d(0.95,0.95,0.95);
	transform: scale3d(0.95,0.95,0.95)
}


.profilObjectWrap .itemObject {
	-webkit-transition: none;
	transition: none;
	
	width: calc((100% / 3) - (5px / 3*2));
}


/*
	transition: none;
	transform: none;
	*/


.profilObjectWrap .itemObject .info {
	overflow: visible;
	height: 40px;
	margin-top: calc(-5px*2 - 40px);
	width: calc(100% - (5px*4));
	background: white;
	padding-top: 0;
}


.profilObjectWrap .itemObject .info .objectName {
	line-height: 40px;
	margin: 0;
}


.profilObjectWrap .itemObject .info a.edit {
	position: absolute;
	right: 5px;
	top: 5px;
	padding-left: 5px;
}


.profilObjectWrap .itemObject .info a.edit span {
	display: none;
}


.profilObjectWrap .itemObject:nth-child(4n+1) {
	margin-left: 5px
}


.profilObjectWrap .itemObject:nth-child(3n+1) {
	margin-left: 0
}


.profilObjectWrap .itemObject:active {
	-webkit-transition: none;
	transition: none;
	-webkit-transform: none;
	transform: none
}


.profilObjectWrap .itemObject.deactivated .imageWrap {
	opacity: 0.5
}


.profilObjectWrap .itemObject.deactivated .info {
	background-image: url(../assets/img/static/icon-deactivated-black.svg);
	background-position: calc(5px*2) center;
	background-size: 16px;
	background-repeat: no-repeat;
	padding-left: calc((5px*2) + 16px + 5px)
}

body.click-device .itemObject .img {
	-webkit-transition: -webkit-transform 0.3s ease-in-out;
	transition: -webkit-transform 0.3s ease-in-out;
	transition: transform 0.3s ease-in-out;
	transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
	-webkit-transform: scale3d(1.1,1.1,1.1);
	transform: scale3d(1.1,1.1,1.1);
}

body.click-device .itemObject:hover .img {
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1)
}

body.click-device .itemObject:hover .info {
	background-color: #F9EB33;
	width: calc(100% - (5px*4));
}

body.click-device .itemObject:hover .info .profilImage {
	width: 40px;
	height: 40px;
	margin-top: 0;
	margin-left: 0;
	border-color: #F9EB33
}

/* hover only in click-devices */

body.click-device header.site a {
	
	
}

body.click-device header.site a:hover {
	border-bottom: 5px solid #e4e4e4
}

body.click-device header.site a.current, body.click-device header.site a:active {
	border-bottom: 5px solid #F9EB33
}

body.click-device a.text {
	
	
}

body.click-device a.text:active, body.click-device a.text:hover {
	border-color: #333
}

body.click-device #contextBoxWrap.category .itemCategory {
	
	
}

body.click-device #contextBoxWrap.category .itemCategory:hover .info {
	background-color: #F5E32A
}

body.click-device #contextBoxWrap.category .itemCategory:active {
	-webkit-transform: scale3d(0.95,0.95,0.95);
	transform: scale3d(0.95,0.95,0.95)
}

body.click-device #contextBoxWrap.menu a {
	
	
}

body.click-device #contextBoxWrap.menu a.current {
	background-color: #f8f8f8;
	font-family: Roboto-Medium
}

body.click-device #contextBoxWrap.menu a:hover {
	background-color: #f8f8f8
}

body.click-device #contextBoxWrap.menu a:active {
	background-color: #e4e4e4
}

body.click-device a.bt_light, body.click-device a.bt_dark, body.click-device button.bt_dark, body.click-device input.bt_dark, body.click-device input.bt_light {
	
	
}

body.click-device a.bt_light.arrowRight, body.click-device a.bt_dark.arrowRight, body.click-device button.bt_dark.arrowRight, body.click-device input.bt_dark.arrowRight, body.click-device input.bt_light.arrowRight {
	
	
}

body.click-device a.bt_light.arrowRight:hover, body.click-device a.bt_dark.arrowRight:hover, body.click-device button.bt_dark.arrowRight:hover, body.click-device input.bt_dark.arrowRight:hover, body.click-device input.bt_light.arrowRight:hover {
	background-position-x: calc((100% - (25px/2)) + 3px)
}

body.click-device a.bt_light.arrowDown, body.click-device a.bt_dark.arrowDown, body.click-device button.bt_dark.arrowDown, body.click-device input.bt_dark.arrowDown, body.click-device input.bt_light.arrowDown {
	
	
}

body.click-device a.bt_light.arrowDown.active, body.click-device a.bt_light.arrowDown:hover, body.click-device a.bt_dark.arrowDown.active, body.click-device a.bt_dark.arrowDown:hover, body.click-device button.bt_dark.arrowDown.active, body.click-device button.bt_dark.arrowDown:hover, body.click-device input.bt_dark.arrowDown.active, body.click-device input.bt_dark.arrowDown:hover, body.click-device input.bt_light.arrowDown.active, body.click-device input.bt_light.arrowDown:hover {
	background-position-y: calc(50% + 3px)
}

body.click-device a.bt_light:disabled, body.click-device a.bt_light.inactive, body.click-device a.bt_dark:disabled, body.click-device a.bt_dark.inactive, body.click-device button.bt_dark:disabled, body.click-device button.bt_dark.inactive, body.click-device input.bt_dark:disabled, body.click-device input.bt_dark.inactive, body.click-device input.bt_light:disabled, body.click-device input.bt_light.inactive {
	
	
}

body.click-device a.bt_light:disabled:hover, body.click-device a.bt_light:disabled:active, body.click-device a.bt_light.inactive:hover, body.click-device a.bt_light.inactive:active, body.click-device a.bt_dark:disabled:hover, body.click-device a.bt_dark:disabled:active, body.click-device a.bt_dark.inactive:hover, body.click-device a.bt_dark.inactive:active, body.click-device button.bt_dark:disabled:hover, body.click-device button.bt_dark:disabled:active, body.click-device button.bt_dark.inactive:hover, body.click-device button.bt_dark.inactive:active, body.click-device input.bt_dark:disabled:hover, body.click-device input.bt_dark:disabled:active, body.click-device input.bt_dark.inactive:hover, body.click-device input.bt_dark.inactive:active, body.click-device input.bt_light:disabled:hover, body.click-device input.bt_light:disabled:active, body.click-device input.bt_light.inactive:hover, body.click-device input.bt_light.inactive:active {
	background-position: calc(100% - (5px*3)) center
}

body.click-device a.bt_light, body.click-device input.bt_light {
	
	
}

body.click-device a.bt_light:hover, body.click-device a.bt_light.active, body.click-device a.bt_light:active, body.click-device input.bt_light:hover, body.click-device input.bt_light.active, body.click-device input.bt_light:active {
	background-color: #FFFAC9
}

body.click-device a.bt_dark, body.click-device button.bt_dark, body.click-device input.bt_dark {
	
	
}

body.click-device a.bt_dark.active, body.click-device a.bt_dark:hover, body.click-device button.bt_dark.active, body.click-device button.bt_dark:hover, body.click-device input.bt_dark.active, body.click-device input.bt_dark:hover {
	background-color: #F5E32A
}

body.click-device a.bt_light.small, body.click-device a.bt_dark.small, body.click-device button.bt_dark.small, body.click-device input.bt_dark.small {
	
	
}

body.click-device a.bt_light.small.arrowDown, body.click-device a.bt_dark.small.arrowDown, body.click-device button.bt_dark.small.arrowDown, body.click-device input.bt_dark.small.arrowDown {
	
	
}

body.click-device a.bt_light.small.arrowDown:hover, body.click-device a.bt_dark.small.arrowDown:hover, body.click-device button.bt_dark.small.arrowDown:hover, body.click-device input.bt_dark.small.arrowDown:hover {
	background-position-y: calc(50% + 2px)
}

body.click-device a.bt_light.small.arrowRight, body.click-device a.bt_dark.small.arrowRight, body.click-device button.bt_dark.small.arrowRight, body.click-device input.bt_dark.small.arrowRight {
	
	
}

body.click-device a.bt_light.small.arrowRight:hover, body.click-device a.bt_dark.small.arrowRight:hover, body.click-device button.bt_dark.small.arrowRight:hover, body.click-device input.bt_dark.small.arrowRight:hover {
	background-position-x: calc((100% - (5px*2)) + 3px)
}

body.click-device a.bt_light.small.arrowLeft, body.click-device a.bt_dark.small.arrowLeft, body.click-device button.bt_dark.small.arrowLeft, body.click-device input.bt_dark.small.arrowLeft {
	
	
}

body.click-device a.bt_light.small.arrowLeft:hover, body.click-device a.bt_dark.small.arrowLeft:hover, body.click-device button.bt_dark.small.arrowLeft:hover, body.click-device input.bt_dark.small.arrowLeft:hover {
	background-position-x: calc((5px*2) - 3px)
}

body.click-device .profilObjectWrap .itemObject {
	
	
}

body.click-device .profilObjectWrap .itemObject:hover .info {
	background-color: white
}

body.click-device nav.sub a {
	
	
}

body.click-device nav.sub a:hover {
	border-bottom: 5px solid #e4e4e4
}

body.click-device nav.sub a.current {
	font-family: Roboto-Medium;
	border-bottom: 5px solid #F9EB33
}

body.click-device nav.sub a:active {
	border-bottom: 5px solid #F9EB33
}

body.click-device .page_object .objectInfo .containerImage .containerCarousel .rn-carousel-controls .rn-carousel-control {
	
	
}

body.click-device .page_object .objectInfo .containerImage .containerCarousel .rn-carousel-controls .rn-carousel-control:hover {
	background-color: #F5E32A
}

body.click-device .page_object .requestInfo .containerRequest .content .wizardContainer .inner .calendar .uib-datepicker table.uib-daypicker tr:first-child th button.uib-right {
	
	
}

body.click-device .page_object .requestInfo .containerRequest .content .wizardContainer .inner .calendar .uib-datepicker table.uib-daypicker tr:first-child th button.uib-right:hover {
	background-color: #F5E32A;
	background-position-x: calc(50% + 3px)
}

body.click-device .page_object .requestInfo .containerRequest .content .wizardContainer .inner .calendar .uib-datepicker table.uib-daypicker tr:first-child th button.uib-left {
	background-color: #F5E32A
}

body.click-device .page_object .requestInfo .containerRequest .content .wizardContainer .inner .calendar .uib-datepicker table.uib-daypicker tr:first-child th button.uib-left:hover {
	background-position-x: calc(50% - 3px)
}

body.click-device .page_object .requestInfo .containerRequest .content .wizardContainer .inner .calendar .uib-datepicker table.uib-daypicker tr td button {
	
	
}

body.click-device .page_object .requestInfo .containerRequest .content .wizardContainer .inner .calendar .uib-datepicker table.uib-daypicker tr td button:hover {
	background: #FFFAC9
}

body.click-device .page_object .requestInfo .containerRequest .content .wizardContainer .inner .calendar .uib-datepicker table.uib-daypicker tr td button:active {
	color: #333;
	background: #FFF6A2
}

body.click-device .page_object .requestInfo .containerRequest .content .wizardContainer .inner .calendar .uib-datepicker table.uib-daypicker tr td button:disabled {
	cursor: default;
	background: #f8f8f8;
	color: #909090
}

body.click-device #contextBoxWrap.boxGet .times .time button, body.click-device #contextBoxWrap.boxBack .times .time button, body.click-device #contextBoxWrap.timepicker .times .time button {
	
	
}

body.click-device #contextBoxWrap.boxGet .times .time button:hover, body.click-device #contextBoxWrap.boxBack .times .time button:hover, body.click-device #contextBoxWrap.timepicker .times .time button:hover {
	background: #FFFAC9
}

body.click-device #contextBoxWrap.boxGet .times .time button.active, body.click-device #contextBoxWrap.boxBack .times .time button.active, body.click-device #contextBoxWrap.timepicker .times .time button.active {
	background: #F9EB33
}

body.click-device #contextBoxWrap.boxGet .times .time button:active, body.click-device #contextBoxWrap.boxBack .times .time button:active, body.click-device #contextBoxWrap.timepicker .times .time button:active {
	background: #F5E32A;
	color: #333
}

body.click-device .modalHead.warning a.close {
	
	
}

body.click-device .modalHead.warning a.close:hover {
	background-color: #b60d02
}

body.touch-device .itemObject .info {
	width: 100%;
	background: white;
	margin-left: 0;
	margin-top: 0;
}

body.touch-device .itemObject .info .profilImage {
	border: none;
	margin: 0;
	margin-right: 10px;
	width: 38px;
	height: 38px;
}

body.touch-device .itemObject:active {
	-webkit-transform: none;
	transform: none;
}

body.touch-device .itemObject:active .info {
	background: #F9EB33
}

/* hover only in click-devices */

body.touch-device header.site a {
	
	
}

body.touch-device header.site a.current, body.touch-device header.site a:active {
	border-bottom: 5px solid #F9EB33
}

body.touch-device a.text {
	
	
}

body.touch-device a.text:active {
	border-color: #333
}

body.touch-device #contextBoxWrap.category .itemCategory {
	
	
}

body.touch-device #contextBoxWrap.category .itemCategory:active .info {
	background-color: #F5E32A
}

body.touch-device #contextBoxWrap.menu a {
	
	
}

body.touch-device #contextBoxWrap.menu a.current {
	background-color: #f8f8f8;
	font-family: Roboto-Medium
}

body.touch-device #contextBoxWrap.menu a:active {
	background-color: #e4e4e4
}

body.touch-device a.bt_light, body.touch-device a.bt_dark, body.touch-device button.bt_dark, body.touch-device input.bt_dark, body.touch-device input.bt_light {
	
	
}

body.touch-device a.bt_light.arrowRight, body.touch-device a.bt_dark.arrowRight, body.touch-device button.bt_dark.arrowRight, body.touch-device input.bt_dark.arrowRight, body.touch-device input.bt_light.arrowRight {
	
	
}

body.touch-device a.bt_light.arrowRight:active, body.touch-device a.bt_dark.arrowRight:active, body.touch-device button.bt_dark.arrowRight:active, body.touch-device input.bt_dark.arrowRight:active, body.touch-device input.bt_light.arrowRight:active {
	background-position-x: calc((100% - (25px/2)) + 3px)
}

body.touch-device a.bt_light.arrowDown, body.touch-device a.bt_dark.arrowDown, body.touch-device button.bt_dark.arrowDown, body.touch-device input.bt_dark.arrowDown, body.touch-device input.bt_light.arrowDown {
	
	
}

body.touch-device a.bt_light.arrowDown.active, body.touch-device a.bt_light.arrowDown:active, body.touch-device a.bt_dark.arrowDown.active, body.touch-device a.bt_dark.arrowDown:active, body.touch-device button.bt_dark.arrowDown.active, body.touch-device button.bt_dark.arrowDown:active, body.touch-device input.bt_dark.arrowDown.active, body.touch-device input.bt_dark.arrowDown:active, body.touch-device input.bt_light.arrowDown.active, body.touch-device input.bt_light.arrowDown:active {
	background-position-y: calc(50% + 3px)
}

body.touch-device a.bt_light:disabled, body.touch-device a.bt_light.inactive, body.touch-device a.bt_dark:disabled, body.touch-device a.bt_dark.inactive, body.touch-device button.bt_dark:disabled, body.touch-device button.bt_dark.inactive, body.touch-device input.bt_dark:disabled, body.touch-device input.bt_dark.inactive, body.touch-device input.bt_light:disabled, body.touch-device input.bt_light.inactive {
	
	
}

body.touch-device a.bt_light:disabled:active, body.touch-device a.bt_light.inactive:active, body.touch-device a.bt_dark:disabled:active, body.touch-device a.bt_dark.inactive:active, body.touch-device button.bt_dark:disabled:active, body.touch-device button.bt_dark.inactive:active, body.touch-device input.bt_dark:disabled:active, body.touch-device input.bt_dark.inactive:active, body.touch-device input.bt_light:disabled:active, body.touch-device input.bt_light.inactive:active {
	background-position: calc(100% - (5px*3)) center
}

body.touch-device a.bt_light, body.touch-device input.bt_light {
	
	
}

body.touch-device a.bt_light.active, body.touch-device a.bt_light:active, body.touch-device input.bt_light.active, body.touch-device input.bt_light:active {
	background-color: #FFFAC9
}

body.touch-device a.bt_dark, body.touch-device button.bt_dark, body.touch-device input.bt_dark {
	
	
}

body.touch-device a.bt_dark.active, body.touch-device button.bt_dark.active, body.touch-device input.bt_dark.active {
	background-color: #F5E32A
}

body.touch-device a.bt_light.small, body.touch-device a.bt_dark.small, body.touch-device button.bt_dark.small, body.touch-device input.bt_dark.small {
	
	
}

body.touch-device a.bt_light.small.arrowDown, body.touch-device a.bt_dark.small.arrowDown, body.touch-device button.bt_dark.small.arrowDown, body.touch-device input.bt_dark.small.arrowDown {
	
	
}

body.touch-device a.bt_light.small.arrowDown:active, body.touch-device a.bt_dark.small.arrowDown:active, body.touch-device button.bt_dark.small.arrowDown:active, body.touch-device input.bt_dark.small.arrowDown:active {
	background-position-y: calc(50% + 2px)
}

body.touch-device a.bt_light.small.arrowRight, body.touch-device a.bt_dark.small.arrowRight, body.touch-device button.bt_dark.small.arrowRight, body.touch-device input.bt_dark.small.arrowRight {
	
	
}

body.touch-device a.bt_light.small.arrowRight:active, body.touch-device a.bt_dark.small.arrowRight:active, body.touch-device button.bt_dark.small.arrowRight:active, body.touch-device input.bt_dark.small.arrowRight:active {
	background-position-x: calc((100% - (5px*2)) + 3px)
}

body.touch-device a.bt_light.small.arrowLeft, body.touch-device a.bt_dark.small.arrowLeft, body.touch-device button.bt_dark.small.arrowLeft, body.touch-device input.bt_dark.small.arrowLeft {
	
	
}

body.touch-device a.bt_light.small.arrowLeft:active, body.touch-device a.bt_dark.small.arrowLeft:active, body.touch-device button.bt_dark.small.arrowLeft:active, body.touch-device input.bt_dark.small.arrowLeft:active {
	background-position-x: calc((5px*2) - 3px)
}

body.touch-device .profilObjectWrap .itemObject {
	
	
}

body.touch-device nav.sub a {
	
	
}

body.touch-device nav.sub a.current {
	font-family: Roboto-Medium;
	border-bottom: 5px solid #F9EB33
}

body.touch-device nav.sub a:active {
	border-bottom: 5px solid #F9EB33
}

body.touch-device .page_object .objectInfo .containerImage .containerCarousel .rn-carousel-controls .rn-carousel-control {
	
	
}

body.touch-device .page_object .objectInfo .containerImage .containerCarousel .rn-carousel-controls .rn-carousel-control:active {
	background-color: #F5E32A
}

body.touch-device .page_object .requestInfo .containerRequest .content .wizardContainer .inner .calendar .uib-datepicker table.uib-daypicker tr:first-child th button.uib-right {
	
	
}

body.touch-device .page_object .requestInfo .containerRequest .content .wizardContainer .inner .calendar .uib-datepicker table.uib-daypicker tr:first-child th button.uib-right:active {
	background-color: #F5E32A;
	background-position-x: calc(50% + 3px)
}

body.touch-device .page_object .requestInfo .containerRequest .content .wizardContainer .inner .calendar .uib-datepicker table.uib-daypicker tr:first-child th button.uib-left {
	background-color: #F5E32A
}

body.touch-device .page_object .requestInfo .containerRequest .content .wizardContainer .inner .calendar .uib-datepicker table.uib-daypicker tr:first-child th button.uib-left:active {
	background-position-x: calc(50% - 3px)
}

body.touch-device .page_object .requestInfo .containerRequest .content .wizardContainer .inner .calendar .uib-datepicker table.uib-daypicker tr td button {
	
	
}

body.touch-device .page_object .requestInfo .containerRequest .content .wizardContainer .inner .calendar .uib-datepicker table.uib-daypicker tr td button:active {
	color: #333;
	background: #FFF6A2
}

body.touch-device .page_object .requestInfo .containerRequest .content .wizardContainer .inner .calendar .uib-datepicker table.uib-daypicker tr td button:disabled {
	cursor: default;
	background: #f8f8f8;
	color: #909090
}

body.touch-device #contextBoxWrap.boxGet .times .time button, body.touch-device #contextBoxWrap.boxBack .times .time button, body.touch-device #contextBoxWrap.timepicker .times .time button {
	
	
}

body.touch-device #contextBoxWrap.boxGet .times .time button.active, body.touch-device #contextBoxWrap.boxBack .times .time button.active, body.touch-device #contextBoxWrap.timepicker .times .time button.active {
	background: #F9EB33
}

body.touch-device #contextBoxWrap.boxGet .times .time button:active, body.touch-device #contextBoxWrap.boxBack .times .time button:active, body.touch-device #contextBoxWrap.timepicker .times .time button:active {
	background: #F5E32A;
	color: #333
}

body.touch-device .modalHead.warning a.close {
	
	
}

body.touch-device .modalHead.warning a.close:active {
	background-color: #b60d02
}


/**
* containerLandingPage
*/
#containerMain.page_home {
	margin-top: 0;
}
#containerLandingPage .info {
	float: left;
	width: calc(60% - (25px));
	margin-left: 25px;
}
#containerLandingPage .login {
	float: left;
	width: calc(40% - (25px));
	padding-left: calc(25px*2);
}
#containerLandingPage .login form {
	background: #f8f8f8;
	padding: 25px;
}
#containerLandingPage .login form input[type=text], #containerLandingPage .login form input[type=password] {
	font-size: 16px;
	border: 1px solid #e4e4e4;
	padding: 8px;
	width: 100%;
	margin-bottom: 10px;
}
#containerLandingPage .login form button {
	margin-top: 20px;
}
#containerLandingPage .login form .message {
	color: #d01003;
	font-size: 14px;
	margin-bottom: 10px;
}
#containerLandingPage img.logo {
	display: block;
	width: 80px;
	margin-bottom: 25px;
	margin-left: 25px;
}
#containerLandingPage i {
	font-family: Roboto-MediumItalic;
}

/**
* profil
*/
nav.sub {
	float: left;
	width: calc((100% / 4) - (25px*2));
	width: calc((100% / 4));
}
nav.sub div {
	float: left;
	width: 100%;
}
nav.sub div a {
	padding: 15px 15px;
	display: inline-block;
	position: relative;
	color: #333;
	border-bottom: 5px solid white;
	padding-bottom: 10px;
}

.profilObjectWrap .btContainer {
	margin-top: 35px;
	margin-bottom: calc(25px*2);
}
#containerProfil {
	position: relative;
	float: right;
	width: calc((100% / 4 * 3) - (25px));

	margin-left: 25px;
	
	

}

.profilObjectWrap > p, .profilLendWrap > p, .profilBorrowWrap > p {
	font-size: 18px;
	line-height: 27px;
}

.profilBaseWrap {
	float: left;
	width: 100%;
}

.profilBaseWrap .profilImage {
	float: left;
}

.profilBaseWrap .contact {
	width: calc(100% - 150px - (25px * 2));
	float: right;
}

.profilBaseWrap .contact div {
	font-size: 16px;
	line-height: 22px;
}

.profilBaseWrap .contact .group .base {
	float: left;
	width: 100%;
	margin-bottom: 10px;
}

.profilBaseWrap .contact .group .person1, .profilBaseWrap .contact .group .person2 {
	float: left;
	width: 50%;
}

.profilBaseWrap .contact .name {
	font-family: Roboto-Medium;
}

.profilBaseWrap .description {
	float: left;
	width: 100%;
	margin-top: 25px;
	padding-left: calc(150px + (25px * 2));
}

.profilBaseWrap #btProfilEdit {
	position: absolute;
	right: 0;
	top: 0;
}

.profilBaseWrap .editMessage {
	position: absolute;
	right: calc(25px + 150px);
	top: 0;
	width: 300px;
	padding: 10px;
	background: #d01003;
	color: white;
	font-size: 14px;
	font-family: Roboto-Medium
}

.profilBaseWrap .editMessage::before {
	background: #d01003;
	content: "\A0";
	display: block;
	height: 16px;
	width: 16px;
	position: absolute;
	top: 12px;
	right: -7px;
	-webkit-transform: rotate( 45deg );
	transform: rotate( 45deg )
}

.profilLendWrap, .profilBorrowWrap {
	float: left;
	width: 100%;
}

.profilLendWrap .listContainer, .profilBorrowWrap .listContainer {
	float: left;
	width: 100%;
	margin-top: calc(25px);
}

.profilLendWrap .listContainer .itemLend, .profilBorrowWrap .listContainer .itemLend {
	float: left;
	width: 100%;
	margin-bottom: calc(25px);
	cursor: pointer;
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	-webkit-transition-property: opacity, -webkit-transform;
	transition-property: opacity, -webkit-transform;
	transition-property: transform, opacity;
	transition-property: transform, opacity, -webkit-transform;
	opacity: 0;
	-webkit-transform: translateY(100px);
	transform: translateY(100px);
}

.profilLendWrap .listContainer .itemLend .toolbar, .profilBorrowWrap .listContainer .itemLend .toolbar {
	float: left;
	width: 100%;
	background: white;
	line-height: 40px;
	height: 40px;
}

.profilLendWrap .listContainer .itemLend .toolbar .status, .profilBorrowWrap .listContainer .itemLend .toolbar .status {
	position: relative;
	float: left;
	font-family: Roboto-Medium;
	text-transform: uppercase;
	font-size: 14px;
	padding: 0 calc(5px*4);
	padding-left: calc((5px*4) + 17px);
	background-position: calc(5px * 2) calc(50% - 1px);
	background-repeat: no-repeat;
	background-size: 20px;
	letter-spacing: 0.5px;
}

.profilLendWrap .listContainer .itemLend .toolbar.state-alert .status, .profilBorrowWrap .listContainer .itemLend .toolbar.state-alert .status {
	color: #d01003;
	background-image: url(../assets/img/static/icon-alert-red.svg)
}

.profilLendWrap .listContainer .itemLend .toolbar.state-abort .status, .profilBorrowWrap .listContainer .itemLend .toolbar.state-abort .status {
	color: #d01003;
	background-image: url(../assets/img/static/icon-close-red.svg)
}

.profilLendWrap .listContainer .itemLend .toolbar.state-wait .status, .profilBorrowWrap .listContainer .itemLend .toolbar.state-wait .status {
	color: #f68e05;
	background-image: url(../assets/img/static/icon-wait-orange.svg)
}

.profilLendWrap .listContainer .itemLend .toolbar.state-ok .status, .profilBorrowWrap .listContainer .itemLend .toolbar.state-ok .status {
	color: #36ae03;
	background-image: url(../assets/img/static/icon-ok-green.svg)
}

.profilLendWrap .listContainer .itemLend .what, .profilBorrowWrap .listContainer .itemLend .what {
	float: left;
	width: calc(250px * 1.25);
	background: #f8f8f8;
	position: relative;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}

.profilLendWrap .listContainer .itemLend .what .info, .profilBorrowWrap .listContainer .itemLend .what .info {
	position: absolute;
	bottom: calc(5px*2);
	left: calc(5px*2);
	width: calc(100% - (5px*4));
	padding: calc(5px*2);
	background: white;
}

.profilLendWrap .listContainer .itemLend .what .info .profilImage, .profilBorrowWrap .listContainer .itemLend .what .info .profilImage {
	float: left;
}

.profilLendWrap .listContainer .itemLend .what .info .text, .profilBorrowWrap .listContainer .itemLend .what .info .text {
	float: left;
	margin-left: calc(5px*2);
	font-size: 13px;
	line-height: 20px;
	width: calc(100% - 50px);
}

.profilLendWrap .listContainer .itemLend .what .info .text .objectName, .profilBorrowWrap .listContainer .itemLend .what .info .text .objectName {
	font-family: Roboto-Italic;
}

.profilLendWrap .listContainer .itemLend .what .info .text .name span, .profilBorrowWrap .listContainer .itemLend .what .info .text .name span {
	font-family: Roboto-Medium;
}

.profilLendWrap .listContainer .itemLend .what .info .text .name, .profilLendWrap .listContainer .itemLend .what .info .text .objectName, .profilBorrowWrap .listContainer .itemLend .what .info .text .name, .profilBorrowWrap .listContainer .itemLend .what .info .text .objectName {
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.profilLendWrap .listContainer .itemLend .von, .profilLendWrap .listContainer .itemLend .bis, .profilLendWrap .listContainer .itemLend .closed, .profilLendWrap .listContainer .itemLend .what, .profilBorrowWrap .listContainer .itemLend .von, .profilBorrowWrap .listContainer .itemLend .bis, .profilBorrowWrap .listContainer .itemLend .closed, .profilBorrowWrap .listContainer .itemLend .what {
	min-height: 250px;
}

.profilLendWrap .listContainer .itemLend .von, .profilLendWrap .listContainer .itemLend .bis, .profilBorrowWrap .listContainer .itemLend .von, .profilBorrowWrap .listContainer .itemLend .bis {
	width: calc((100% - (250px * 1.25) - (5px*2)) / 2);
}

.profilLendWrap .listContainer .itemLend .closed, .profilBorrowWrap .listContainer .itemLend .closed {
	width: calc((100% - (250px * 1.25) - (5px*1)));
}

.profilLendWrap .listContainer .itemLend .closed .statement, .profilBorrowWrap .listContainer .itemLend .closed .statement {
	font-family: Roboto-Italic;
}

.profilLendWrap .listContainer .itemLend .von, .profilLendWrap .listContainer .itemLend .bis, .profilLendWrap .listContainer .itemLend .closed, .profilBorrowWrap .listContainer .itemLend .von, .profilBorrowWrap .listContainer .itemLend .bis, .profilBorrowWrap .listContainer .itemLend .closed {
	float: left;
	background: #f8f8f8;
	text-align: center;
	padding: calc(5px *2);
	margin-left: 5px;
}

.profilLendWrap .listContainer .itemLend .von .title, .profilLendWrap .listContainer .itemLend .bis .title, .profilLendWrap .listContainer .itemLend .closed .title, .profilBorrowWrap .listContainer .itemLend .von .title, .profilBorrowWrap .listContainer .itemLend .bis .title, .profilBorrowWrap .listContainer .itemLend .closed .title {
	float: left;
	width: 100%;
	font-size: 16px;
	font-family: RobotoSlab;
	color: #515252;
	margin-bottom: calc(5px*4);
	margin-top: calc(5px*4);
}

.profilLendWrap .listContainer .itemLend .von .title span, .profilLendWrap .listContainer .itemLend .bis .title span, .profilLendWrap .listContainer .itemLend .closed .title span, .profilBorrowWrap .listContainer .itemLend .von .title span, .profilBorrowWrap .listContainer .itemLend .bis .title span, .profilBorrowWrap .listContainer .itemLend .closed .title span {
	background-repeat: no-repeat;
	background-size: 20px;
	background-position: left 1px;
	padding-left: 25px;
}

.profilLendWrap .listContainer .itemLend .von .date, .profilLendWrap .listContainer .itemLend .bis .date, .profilLendWrap .listContainer .itemLend .closed .date, .profilBorrowWrap .listContainer .itemLend .von .date, .profilBorrowWrap .listContainer .itemLend .bis .date, .profilBorrowWrap .listContainer .itemLend .closed .date {
	float: left;
	width: 100%;
	font-size: 40px;
	font-family: Roboto-Light;
	margin-bottom:calc(5px*1);
}

.profilLendWrap .listContainer .itemLend .von .time, .profilLendWrap .listContainer .itemLend .bis .time, .profilLendWrap .listContainer .itemLend .closed .time, .profilBorrowWrap .listContainer .itemLend .von .time, .profilBorrowWrap .listContainer .itemLend .bis .time, .profilBorrowWrap .listContainer .itemLend .closed .time {
	float: left;
	width: 100%;
	font-size: 30px;
	font-family: Roboto-Light;
}

.profilLendWrap .listContainer .itemLend .von .title span, .profilBorrowWrap .listContainer .itemLend .von .title span {
	background-image: url(../assets/img/static/icon-arrow-get.svg);
}

.profilLendWrap .listContainer .itemLend .bis .title span, .profilBorrowWrap .listContainer .itemLend .bis .title span {
	background-image: url(../assets/img/static/icon-arrow-back.svg);
}

.profilLendWrap .listContainer .itemLend .bottomBar, .profilBorrowWrap .listContainer .itemLend .bottomBar {
	float: left;
	width: 100%;
	text-align: right;/*
				a.delete {
					background-color: $color-special-red;
					color: white;
				}
				*/
}

.profilLendWrap .listContainer .itemLend:nth-child(1), .profilBorrowWrap .listContainer .itemLend:nth-child(1) {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s
}

.profilLendWrap .listContainer .itemLend:nth-child(2), .profilBorrowWrap .listContainer .itemLend:nth-child(2) {
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s
}

.profilLendWrap .listContainer .itemLend:nth-child(3), .profilBorrowWrap .listContainer .itemLend:nth-child(3) {
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s
}

.profilLendWrap .listContainer .itemLend:nth-child(4), .profilBorrowWrap .listContainer .itemLend:nth-child(4) {
	-webkit-transition-delay: 0.25s;
	transition-delay: 0.25s
}

.profilLendWrap .listContainer .itemLend:nth-child(5), .profilBorrowWrap .listContainer .itemLend:nth-child(5) {
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s
}

.profilLendWrap .listContainer .itemLend:nth-child(6), .profilBorrowWrap .listContainer .itemLend:nth-child(6) {
	-webkit-transition-delay: 0.35s;
	transition-delay: 0.35s
}

.profilLendWrap .listContainer .itemLend:nth-child(7), .profilBorrowWrap .listContainer .itemLend:nth-child(7) {
	-webkit-transition-delay: 0.4s;
	transition-delay: 0.4s
}

.profilLendWrap .listContainer .itemLend:nth-child(8), .profilBorrowWrap .listContainer .itemLend:nth-child(8) {
	-webkit-transition-delay: 0.45s;
	transition-delay: 0.45s
}

.profilLendWrap .listContainer .itemLend.inview, .profilBorrowWrap .listContainer .itemLend.inview {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0)
}

.profilLendWrap .listContainer h2, .profilBorrowWrap .listContainer h2 {
	
	
}

.profilLendWrap .listContainer h2.past, .profilBorrowWrap .listContainer h2.past {
	float: left;
	width: 100%;
	margin-top: calc(25px);
	padding-top: calc(25px);
	margin-bottom: calc(25px*2);
	font-size: 23px;
	border-top: 1px solid #e4e4e4;
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	-webkit-transition-property: opacity, -webkit-transform;
	transition-property: opacity, -webkit-transform;
	transition-property: transform, opacity;
	transition-property: transform, opacity, -webkit-transform;
	opacity: 0;
	-webkit-transform: translateY(100px);
	transform: translateY(100px)
}

.profilLendWrap .listContainer h2.past.inview, .profilBorrowWrap .listContainer h2.past.inview {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0)
}


/**
* object-detail
*/
.page_object h1 {
	margin-bottom: calc(5px*6);
}
.page_object .objectInfo {
	float: left;
	width: calc(50% - 25px);
}
.page_object .objectInfo .containerImage {
	position: relative;
	float: left;
	width: 100%;
}
.page_object .objectInfo .containerImage .containerCarousel {
	float: left;
	width: 100%;
	position: relative;
}
.page_object .objectInfo .containerImage .containerCarousel .height{
	float: left;
	width: 1px;
	padding-top: 75%;
}
.page_object .objectInfo .containerImage .containerCarousel ul {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.page_object .objectInfo .containerImage .containerCarousel ul li {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #f5f5f5;
}
.page_object .objectInfo .containerImage .containerCarousel ul li .img {
	height: 100%;
	width: 100%;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}
.page_object .objectInfo .containerImage .containerCarousel .rn-carousel-controls .rn-carousel-control {
	opacity: 1;
	background: #F9EB33;
	background-size: 7px;
	background-position: center center;
	background-repeat: no-repeat;
	width: 42px;
	height: 42px;
	top: calc(50% - 25px)
}
.page_object .objectInfo .containerImage .containerCarousel .rn-carousel-controls .rn-carousel-control::before {
	display: none
}
.page_object .objectInfo .containerImage .containerCarousel .rn-carousel-controls .rn-carousel-control-next {
	background-image: url(../assets/img/static/arrow-right-black.svg);
}
.page_object .objectInfo .containerImage .containerCarousel .rn-carousel-controls .rn-carousel-control-prev {
	background-image: url(../assets/img/static/arrow-left-black.svg);
}
.page_object .objectInfo .containerImage .footer {
	float: left;
	width: 100%;
	padding: calc(25px/1);
	background: #F9EB33;
	background: white;
	border-left: 2px solid #f8f8f8;
	border-right: 2px solid #f8f8f8;
}
.page_object .objectInfo .containerImage .footer .profilImage {
	float: left;
	margin-right: calc(25px/1);
	margin-left: 25px;
}
.page_object .objectInfo .containerImage .footer .accountName, .page_object .objectInfo .containerImage .footer .address {
	float: right;
	width: calc(100% - 85px - 25px);
	line-height: 22px;
}
.page_object .objectInfo .containerImage .footer .accountName {
	font-family: Roboto-Medium;
	font-size: 25px;
	line-height: 27px;
	margin-bottom: 5px;
	margin-top: 3px;
}
.page_object .objectInfo .containerText {
	float: left;
	width: 100%;
	background: #f8f8f8;
	padding:  25px 10px;
	padding-bottom: 5px;
}
.page_object .objectInfo .containerText .textRow {
	float: left;
	width: 100%;
	margin-bottom: 10px;
}
.page_object .objectInfo .containerText .textRow .label {
	float: left;
	width: calc(100px + 2px);
	text-align: right;
	margin-right: 25px;
	color: #909090;
	line-height: 23px;
}
.page_object .objectInfo .containerText .textRow .text {
	float: left;
	width: calc(100% - 100px - 2px - 25px);
}
.page_object .objectInfo .containerText h3 {
	margin-top: 10px;
}
.page_object .requestInfo {
	float: left;
	width: calc(50% - (25px));
	margin-left: calc(25px*2);
	font-size: 16px;
	line-height: 19px;
	border-top: 1px solid #e4e4e4;
	padding-top: 25px;
}
.page_object .requestInfo h2 {
	margin-bottom: 25px;
}
.page_object .requestInfo .availableText {
	font-family: Roboto-Italic;
	width: 100%;
}
.page_object .requestInfo .containerContact, .page_object .requestInfo .containerRequest {
	float: left;
	margin-top: 25px;
	background: #f8f8f8;
}
.page_object .requestInfo .containerContact .title, .page_object .requestInfo .containerRequest .title {
	float: left;
	width: 100%;
	color: #333;
	background: white;
	line-height: 45px;
	padding: 0 calc(25px/2);
	font-family: RobotoSlab;
	font-size: 18px;
	background: #F9EB33;
}
.page_object .requestInfo .containerContact {
	width: calc(100% - 345px - 25px);
	margin-right: 25px;
}
.page_object .requestInfo .containerContact .contactType {
	font-family: Roboto-Medium;
}
.page_object .requestInfo .containerContact .info {
	padding: calc(25px);
	float: left;
	width: 100%;
	line-height: 22px;
}
.page_object .requestInfo .containerContact .info .name {
	font-family: Roboto-Medium;
	margin-top: 10px;
	color: #333;
}
.page_object .requestInfo .containerRequest {
	width: 345px;
}
.page_object .requestInfo .containerRequest .content {
	float: left;
	width: 100%;
	padding: calc(25px);
	position: relative;
}
.page_object .requestInfo .containerRequest .content .wizardContainer {
	width: 100%;
	overflow: hidden;
	float: left;
}
.page_object .requestInfo .containerRequest .content .wizardContainer .inner {
	float: left;
	width: calc(300% + (3*25px));
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.page_object .requestInfo .containerRequest .content .wizardContainer .inner h3 {
	margin-top: 0;
	margin-bottom: calc(5px*3);
	text-align: center;
}
.page_object .requestInfo .containerRequest .content .wizardContainer .inner h3 span {
	background-image: url(../assets/img/static/icon-arrow-get.svg);
	background-size: 20px;
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 27px;
	padding-right: 0
}
.page_object .requestInfo .containerRequest .content .wizardContainer .inner h3 span.back {
	background-image: url(../assets/img/static/icon-arrow-back.svg)
}
.page_object .requestInfo .containerRequest .content .wizardContainer .inner a.arrowRight {
	float: right;
	margin-top: 25px;
}
.page_object .requestInfo .containerRequest .content .wizardContainer .inner a.arrowLeft {
	float: left;
	margin-top: 25px;
}
.page_object .requestInfo .containerRequest .content .wizardContainer .inner .form {
	float: left;
	width: calc((100% /3) - 25px);
}
.page_object .requestInfo .containerRequest .content .wizardContainer .inner .form .summary {
	float: left;
	width: 100%;
	margin-top: 5px;
}
.page_object .requestInfo .containerRequest .content .wizardContainer .inner .form .summary h3 {
	text-align: left;
	margin-bottom: calc(5px*2);
}
.page_object .requestInfo .containerRequest .content .wizardContainer .inner .form .summary div.get, .page_object .requestInfo .containerRequest .content .wizardContainer .inner .form .summary div.back {
	float: left;
	width: 100%;
	margin-bottom: calc(5px*3);
}
.page_object .requestInfo .containerRequest .content .wizardContainer .inner .form .summary div.get {
	margin-bottom: calc(5px*3);
}
.page_object .requestInfo .containerRequest .content .wizardContainer .inner .form .summary .day {
	float: left;
	width: calc(100% / 3);
	line-height: 19px;
	font-size: 14px;
}
.page_object .requestInfo .containerRequest .content .wizardContainer .inner .form .summary .day .name {
	font-family: Roboto-Medium;
}
.page_object .requestInfo .containerRequest .content .wizardContainer .inner .form form {
	float: left;
	width: 100%;
	margin-top: 5px;
}
.page_object .requestInfo .containerRequest .content .wizardContainer .inner .form form textarea {
	font-size: 14px;
	border: 1px solid #e4e4e4;
	padding: 10px;
	height: 70px;
	width: 100%;
}
.page_object .requestInfo .containerRequest .content .wizardContainer .inner .form form > .label {
	font-size: 16px;
	color: #515252;
	float: left;
	width: 100%;
	margin-top: calc(5px*3);
	margin-bottom: calc(5px*2);
}
.page_object .requestInfo .containerRequest .content .wizardContainer .inner .form form label.checkbox .label {
	font-size: 14px;
}
.page_object .requestInfo .containerRequest .content .wizardContainer .inner .form form input[type=submit] {
	margin-top: 25px;
	width: auto;
	float: right;
}
.page_object .requestInfo .containerRequest .content .wizardContainer .inner .calendar {
	float: left;
	position: relative;
	padding: 0;
	width: calc(100% /3);
	padding-right: calc(25px);
}
.page_object .requestInfo .containerRequest .content .wizardContainer .inner .calendar .uib-datepicker {
	width: 100%;
	font-family: Roboto-Regular;
	background: white;
	padding: 5px;
}
.page_object .requestInfo .containerRequest .content .wizardContainer .inner .calendar .uib-datepicker button {
	background: none;
}
.page_object .requestInfo .containerRequest .content .wizardContainer .inner .calendar .uib-datepicker button strong {
	font-weight: normal;
}
.page_object .requestInfo .containerRequest .content .wizardContainer .inner .calendar .uib-datepicker button.uib-title {
	color: #333;
	font-size: 14px;
	padding: 5px;
	cursor: default;
}
.page_object .requestInfo .containerRequest .content .wizardContainer .inner .calendar .uib-datepicker button.uib-title strong {
	font-family: Roboto-Medium
}
.page_object .requestInfo .containerRequest .content .wizardContainer .inner .calendar .uib-datepicker table.uib-daypicker {
	width: 100%;
	border-collapse: collapse;
	background: white;
}
.page_object .requestInfo .containerRequest .content .wizardContainer .inner .calendar .uib-datepicker table.uib-daypicker tr th {
	background: white;
	font-weight: normal;
}
.page_object .requestInfo .containerRequest .content .wizardContainer .inner .calendar .uib-datepicker table.uib-daypicker tr:first-child th {
	height: 40px;
}
.page_object .requestInfo .containerRequest .content .wizardContainer .inner .calendar .uib-datepicker table.uib-daypicker tr:first-child th button.uib-left, .page_object .requestInfo .containerRequest .content .wizardContainer .inner .calendar .uib-datepicker table.uib-daypicker tr:first-child th button.uib-right {
	background: url(../assets/img/static/arrow-right-black.svg);
	background-repeat: no-repeat;
	background-size: 7px;
	background-position: center center;
	background-color: #F9EB33;
	width: 100%;
	min-height: 30px;
	width: 30px;
	-webkit-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}
.page_object .requestInfo .containerRequest .content .wizardContainer .inner .calendar .uib-datepicker table.uib-daypicker tr:first-child th button.uib-left {
	background-image: url(../assets/img/static/arrow-left-black.svg);
}
.page_object .requestInfo .containerRequest .content .wizardContainer .inner .calendar .uib-datepicker table.uib-daypicker tr:nth-child(2) th {
	padding: 10px;
	font-family: Roboto-Medium;
	text-transform: uppercase;
}
.page_object .requestInfo .containerRequest .content .wizardContainer .inner .calendar .uib-datepicker table.uib-daypicker tr td button {
	min-width: calc(100% - 2px);
	margin-left: 1px;
	margin-right: 1px;
	background: white;
	padding: 10px 8px;
	margin-top: 2px;
	font-size: 12px
}
.page_object .requestInfo .containerRequest .content .wizardContainer .inner .calendar .uib-datepicker table.uib-daypicker tr td button.other-month {
	display: none
}
.page_object .requestInfo .containerRequest .content .wizardContainer .inner .calendar .uib-datepicker table.uib-daypicker tr td.suggestion_back button {
	background: #6D97D3 !important;
	font-family: Roboto-Medium;
	color: white
}
.page_object .requestInfo .containerRequest .content .wizardContainer .inner .calendar .uib-datepicker table.uib-daypicker tr td.suggestion_back button:disabled {
	background-color: #D3E0F0 !important
}
.page_object .requestInfo .containerRequest .content .wizardContainer .inner .calendar .uib-datepicker table.uib-daypicker tr td.suggestion_get button {
	background: #d28ae5 !important;
	font-family: Roboto-Medium;
	color: white
}
.page_object .requestInfo .containerRequest .content .wizardContainer .inner .calendar .uib-datepicker table.uib-daypicker tr td.suggestion_get button:disabled {
	background-color: #ECD9F1 !important
}
.page_object .requestInfo .containerRequest .content .wizardContainer .inner .calendar .uib-datepicker table.uib-daypicker tr td.today button span {
	font-family: Roboto-Medium;
	border-bottom: 2px solid #F9EB33
}
.page_object .requestInfo .containerRequest .content .wizardContainer .inner .calendar .text {
	float: left;
	width: 100%;
	padding: 5px;
	margin-top: 5px;
	text-align: center;
}
.page_object .requestInfo .containerRequest .content .wizardContainer .inner .calendar p {
	font-size: 14px;
	line-height: 18px;
	font-family: Roboto-Medium;
	text-align: center
}
.page_object .requestInfo .containerRequest .content .wizardContainer .inner .calendar p.warning {
	color: #d01003
}
.page_object .requestInfo .containerRequest .content .wizardContainer.step1 .inner form, .page_object .requestInfo .containerRequest .content .wizardContainer.step2 .inner form {
	display: none
}
.page_object .requestInfo .containerRequest .content .wizardContainer.step2 .inner #calendar-get, .page_object .requestInfo .containerRequest .content .wizardContainer.step3 .inner #calendar-get, .page_object .requestInfo .containerRequest .content .wizardContainer.step1 .inner #calendar-back, .page_object .requestInfo .containerRequest .content .wizardContainer.step3 .inner #calendar-back {
	height: 400px;
	overflow: hidden
}
.page_object .requestInfo .containerRequest .content .wizardContainer.step2 .inner {
	-webkit-transform: translateX(calc((100% /3 * -1)));
	transform: translateX(calc((100% /3 * -1)))
}
.page_object .requestInfo .containerRequest .content .wizardContainer.step3 .inner {
	-webkit-transform: translateX(calc((100% /3*2 * -1)));
	transform: translateX(calc((100% /3*2 * -1)))
}
.page_object .requestInfo .containerRequest.timepicker-open .content .wizardContainer .inner .calendar .uib-datepicker table.uib-daypicker tr td button.active {
	background-color: #FFFAC9
}

#contextBoxWrap.lendContact {
	padding: calc(5px*4);
	font-size: 14px;
	line-height: 19px;
				
}

#contextBoxWrap.lendContact .name {
	font-family: Roboto-Medium;
	margin-top: 10px;
}

#contextBoxWrap.lendContact .iconAddress {
	margin-bottom: 10px;
}

#contextBoxWrap.boxGet .title, #contextBoxWrap.boxBack .title {
	position: absolute;
	top: 0;
	left: 0;
}

#contextBoxWrap.boxGet .content, #contextBoxWrap.boxBack .content {
	float: left;
	width: 100%;
	margin-top: 50px;
	max-height: calc(100vh - 440px);
	overflow: scroll;
}

#contextBoxWrap.boxGet .content a.cancel, #contextBoxWrap.boxBack .content a.cancel {
	margin-top: calc(5px * 2);
	margin-bottom: 25px;
}

#contextBoxWrap.boxGet, #contextBoxWrap.boxBack, #contextBoxWrap.timepicker {
	background: white;
		
	text-align: center;
	
	
	
	
	
}

#contextBoxWrap.boxGet > .arrow, #contextBoxWrap.boxBack > .arrow, #contextBoxWrap.timepicker > .arrow {/*right: calc(150px - 8px);*/
	top: -8px;
	background: #42413E;
}

#contextBoxWrap.boxGet .title, #contextBoxWrap.boxBack .title, #contextBoxWrap.timepicker .title {
	width: 100%;
	background: #42413E;
	line-height: 20px;
	font-size: 14px;
	float: left;
	padding: calc(5px*2);
	color: white;
	font-family: Roboto-Medium;
}

#contextBoxWrap.boxGet .title .bt_dark, #contextBoxWrap.boxBack .title .bt_dark, #contextBoxWrap.timepicker .title .bt_dark {
	position: absolute;
	top: 0;
	right: 0;
	width: 20px;
}

#contextBoxWrap.boxGet .text, #contextBoxWrap.boxBack .text, #contextBoxWrap.timepicker .text {
	width: 100%;
	float: left;
	padding: calc(5px*2);
	font-size: 14px;
	background:#f8f8f8;
	margin-bottom: calc(5px*2);
	font-family: Roboto-Medium;
}

#contextBoxWrap.boxGet .day-title, #contextBoxWrap.boxBack .day-title, #contextBoxWrap.timepicker .day-title {
	float:left;
	width: 100%;
	text-align: center;
	padding: 5px;
	font-size: 14px;
	font-family: RobotoSlab-Bold;
	color: #333;
}

#contextBoxWrap.boxGet .times, #contextBoxWrap.boxBack .times, #contextBoxWrap.timepicker .times {
	float: left;
	width: 100%;
	padding: calc(5px*2);
}

#contextBoxWrap.boxGet .times .time, #contextBoxWrap.boxBack .times .time, #contextBoxWrap.timepicker .times .time {
	display: inline-block;
	width: calc(100%/5 - (5px/5*4));
	margin-left: 5px;
	margin-bottom: 5px;
}

#contextBoxWrap.boxGet .times .time button, #contextBoxWrap.boxBack .times .time button, #contextBoxWrap.timepicker .times .time button {
	float: left;
	width: 100%;
	font-size: 12px;
	background: #f8f8f8;
	padding: 10px;
	text-align: center;
	cursor: pointer;
}

#contextBoxWrap.boxGet .times .time:nth-child(5n+1), #contextBoxWrap.boxBack .times .time:nth-child(5n+1), #contextBoxWrap.timepicker .times .time:nth-child(5n+1) {
	margin-left: 0
}

#contextBoxWrap.boxGet::before, #contextBoxWrap.boxBack::before, #contextBoxWrap.timepicker::before {
	display: none
}

#contextBoxWrap.timepicker {
	padding-bottom: calc(5px*4);
}


/**
* Borrow / Lend
*/

body.scroll-conversation #containerMain.page_borrow .header, body.scroll-conversation #containerMain.page_lend .header {
	position: fixed;
	top: 0;
	padding-bottom: calc(5px *2);
	padding-top: calc((5px *2) + 72px);
	padding-left: calc(50% - (1440px/2) + (5px *8));
	padding-right: calc(50% - (1440px/2) + (5px *8));
	box-shadow: 0px 1px 3px rgba(0,0,0, 0.1);
	border-bottom: none;
}

body.scroll-conversation #containerMain.page_borrow .header .arrowBG, body.scroll-conversation #containerMain.page_lend .header .arrowBG {
	top: calc(19px + 72px);
	width: calc(1440px - 80px - (5px * 18));
	left: calc(50% - ((1440px - 80px - (5px * 18)) / 2));
}

body.scroll-conversation #containerMain.page_borrow .header .profilImage, body.scroll-conversation #containerMain.page_lend .header .profilImage {
	width: 40px;
	height: 40px;
}

body.scroll-conversation #containerMain.page_borrow .header .img, body.scroll-conversation #containerMain.page_lend .header .img {
	width: 65px;
	height: calc(65px * 0.75);
}

body.scroll-conversation #containerMain.page_borrow .header .img .info, body.scroll-conversation #containerMain.page_lend .header .img .info {
	display: none;
}

body.scroll-conversation #containerMain.page_borrow .header .firstPerson, body.scroll-conversation #containerMain.page_lend .header .firstPerson {
	width: calc(50% - (25px) - (65px/2));
}

body.scroll-conversation #containerMain.page_borrow .header .firstPerson .info, body.scroll-conversation #containerMain.page_lend .header .firstPerson .info {
	display: none;
}


#containerMain.page_borrow .contentContainer, #containerMain.page_lend .contentContainer {
	padding: 0;
}


#containerMain.page_borrow .topBar, #containerMain.page_lend .topBar {
	top: 0px;
}


#containerMain.page_borrow .header, #containerMain.page_lend .header {
	float: left;
	width: 100%;
	padding: calc(25px*1) calc(50% - (1200px/2));
	padding: calc(25px*1) 25px;
	padding-top: calc(25px + 62px);
	padding-left: calc(50% - (1440px/2) + (25px *1));
	padding-right: calc(50% - (1440px/2) + (25px *1));
	position: absolute;
	top: 0px;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: -webkit-transform 0.3s 0s ease-in-out;
	transition: -webkit-transform 0.3s 0s ease-in-out;
	transition: transform 0.3s 0s ease-in-out;
	transition: transform 0.3s 0s ease-in-out, -webkit-transform 0.3s 0s ease-in-out;
	z-index: 10;
	background: white;
	border-color: #e4e4e4;
}


#containerMain.page_borrow .header .arrowBG, #containerMain.page_lend .header .arrowBG {
	position: absolute;
	width: calc(1440px - 200px - (25px * 2) - (5px * 2));
	left: calc(50% - ((1440px - 200px - (25px * 2)) / 2) + 5px);
	top: calc(65px + 60px);
	height: 3px;
	background-image: url(../assets/img/static/arrow-left-black-light.svg);
	background-image: url(../assets/img/static/arrow-left-color.svg);
	background-position: 0px center;
	background-repeat: no-repeat;
	background-size: 8px;
	height: 20px
}


#containerMain.page_borrow .header .arrowBG::before, #containerMain.page_lend .header .arrowBG::before {
	content: '';
	position: absolute;
	width: calc(100% - 2px);
	height: 2px;
	top: 9px;
	right: 0;
	background: #888888;
	background: #F9EB33
}


#containerMain.page_borrow .header .img, #containerMain.page_lend .header .img {
	float: left;
	width: 250px;
	height: calc(250px * 0.75);
	margin-left: 25px;
	background-size: cover;
	background-position: center center;
	border: 2px solid #888888;
	border: 5px solid white;
	position: relative;
	margin-top: -5px;
	margin-bottom: -5px;
}


#containerMain.page_borrow .header .img .info, #containerMain.page_lend .header .img .info {
	position: absolute;
	bottom: calc(5px * 2);
	left: calc(5px * 2);
	width: calc(100% - (5px * 4));
	background: white;
	line-height: 17px;
	font-size: 13px;
	font-family: Roboto-Medium;
	padding: calc(5px * 1) calc(5px * 2);
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}


#containerMain.page_borrow .header .firstPerson, #containerMain.page_lend .header .firstPerson {
	width: calc(50% - (250px / 2) - (25px*1));
	min-width: 120px;
	float: left;
}


#containerMain.page_borrow .header .firstPerson .profilImage, #containerMain.page_lend .header .firstPerson .profilImage {
	float: left;
}


#containerMain.page_borrow .header .firstPerson .info, #containerMain.page_lend .header .firstPerson .info {
	float: left;
	text-align: left;
	width: calc(100% - 100px);
	padding-left: 25px;
}


#containerMain.page_borrow .header .firstPerson .info > .name, #containerMain.page_lend .header .firstPerson .info > .name {
	font-size: 18px;
	padding-top: 25px;
}


#containerMain.page_borrow .header .firstPerson .info a, #containerMain.page_borrow .header .firstPerson .info > .name, #containerMain.page_lend .header .firstPerson .info a, #containerMain.page_lend .header .firstPerson .info > .name {
	max-width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}


#containerMain.page_borrow .header .firstPerson.showContact, #containerMain.page_lend .header .firstPerson.showContact {
	
	
}


#containerMain.page_borrow .header .secondPerson, #containerMain.page_lend .header .secondPerson {
	float: right;
}


#containerMain.page_borrow .header .secondPerson .profilImage, #containerMain.page_lend .header .secondPerson .profilImage {
	float: right;
}


#containerMain.page_borrow .conversationContainer, #containerMain.page_lend .conversationContainer {
	float: left;
	width: 100%;
	padding: 25px calc(50% - (1200px/2) + 5px);
	margin-top: calc(25px * 12);
	position: relative;
}


#containerMain.page_borrow .conversationContainer .timeline, #containerMain.page_lend .conversationContainer .timeline {
	position: absolute;
	width: 2px;
	left: calc(50% - 1px);
	top: 25px;
}


#containerMain.page_borrow .conversationContainer .timeline .timelinePast, #containerMain.page_lend .conversationContainer .timeline .timelinePast {
	background: #e4e4e4;
	width: 2px;
	position: relative;
	height: 0;
	-webkit-transition: height 0.5s ease-in-out;
	transition: height 0.5s ease-in-out;
}


#containerMain.page_borrow .conversationContainer .timeline .timelinePast .now, #containerMain.page_lend .conversationContainer .timeline .timelinePast .now {
	position: absolute;
	bottom: -8px;
	left: calc(50% - 8px);
	width: 16px;
	line-height: 16px;
	height: 16px;
	border-radius: 50%;
	background: #F9EB33;
	text-align: center;
	color: white;
	font-size: 14px;
}


#containerMain.page_borrow .conversationContainer .timeline.show, #containerMain.page_lend .conversationContainer .timeline.show {
	background: #f8f8f8
}


#containerMain.page_borrow .conversationContainer .messageItem, #containerMain.page_lend .conversationContainer .messageItem {
	float: left;
	width: 100%;
	margin-bottom: calc(25px * 3);
	padding-right: 25px;
	padding-left: 25px;
}


#containerMain.page_borrow .conversationContainer .messageItem .content, #containerMain.page_borrow .conversationContainer .messageItem .closed, #containerMain.page_borrow .conversationContainer .actionBox .content, #containerMain.page_borrow .conversationContainer .actionBox .closed, #containerMain.page_lend .conversationContainer .messageItem .content, #containerMain.page_lend .conversationContainer .messageItem .closed, #containerMain.page_lend .conversationContainer .actionBox .content, #containerMain.page_lend .conversationContainer .actionBox .closed {
	float: left;
	width: calc(50% - (25px * 2));
	position: relative;/*margin-bottom: $space;*/
	background: #f8f8f8;
	background: white;
	border-bottom: 1px solid #f5f5f5;
}


#containerMain.page_borrow .conversationContainer .messageItem .content > .title, #containerMain.page_borrow .conversationContainer .messageItem .closed > .title, #containerMain.page_borrow .conversationContainer .actionBox .content > .title, #containerMain.page_borrow .conversationContainer .actionBox .closed > .title, #containerMain.page_lend .conversationContainer .messageItem .content > .title, #containerMain.page_lend .conversationContainer .messageItem .closed > .title, #containerMain.page_lend .conversationContainer .actionBox .content > .title, #containerMain.page_lend .conversationContainer .actionBox .closed > .title {
	line-height: 22px;
	font-size: 16px;
	background: #FFF6A2;
	background: #F9EB33;
	font-family: Roboto-Medium;
	padding: 9px calc(5px*3);
	float: left;
	width: 100%;
}


#containerMain.page_borrow .conversationContainer .messageItem .content .message, #containerMain.page_borrow .conversationContainer .messageItem .content .text, #containerMain.page_borrow .conversationContainer .messageItem .closed .message, #containerMain.page_borrow .conversationContainer .messageItem .closed .text, #containerMain.page_borrow .conversationContainer .actionBox .content .message, #containerMain.page_borrow .conversationContainer .actionBox .content .text, #containerMain.page_borrow .conversationContainer .actionBox .closed .message, #containerMain.page_borrow .conversationContainer .actionBox .closed .text, #containerMain.page_lend .conversationContainer .messageItem .content .message, #containerMain.page_lend .conversationContainer .messageItem .content .text, #containerMain.page_lend .conversationContainer .messageItem .closed .message, #containerMain.page_lend .conversationContainer .messageItem .closed .text, #containerMain.page_lend .conversationContainer .actionBox .content .message, #containerMain.page_lend .conversationContainer .actionBox .content .text, #containerMain.page_lend .conversationContainer .actionBox .closed .message, #containerMain.page_lend .conversationContainer .actionBox .closed .text {
	font-family: Roboto-Italic;
	float: left;
	width: 100%;
	padding: calc(25px);
	padding: calc(5px*3);
	border: 1px solid #f5f5f5;
	border-bottom: none;
}


#containerMain.page_borrow .conversationContainer .messageItem .content .message, #containerMain.page_borrow .conversationContainer .messageItem .closed .message, #containerMain.page_borrow .conversationContainer .actionBox .content .message, #containerMain.page_borrow .conversationContainer .actionBox .closed .message, #containerMain.page_lend .conversationContainer .messageItem .content .message, #containerMain.page_lend .conversationContainer .messageItem .closed .message, #containerMain.page_lend .conversationContainer .actionBox .content .message, #containerMain.page_lend .conversationContainer .actionBox .closed .message {
	font-family: Roboto-Regular;
	background: #f8f8f8;
	border-bottom: 1px solid #f5f5f5;
	border-bottom: none;
}


#containerMain.page_borrow .conversationContainer .messageItem .content .suggestions, #containerMain.page_borrow .conversationContainer .messageItem .content .dates, #containerMain.page_borrow .conversationContainer .messageItem .closed .suggestions, #containerMain.page_borrow .conversationContainer .messageItem .closed .dates, #containerMain.page_borrow .conversationContainer .actionBox .content .suggestions, #containerMain.page_borrow .conversationContainer .actionBox .content .dates, #containerMain.page_borrow .conversationContainer .actionBox .closed .suggestions, #containerMain.page_borrow .conversationContainer .actionBox .closed .dates, #containerMain.page_lend .conversationContainer .messageItem .content .suggestions, #containerMain.page_lend .conversationContainer .messageItem .content .dates, #containerMain.page_lend .conversationContainer .messageItem .closed .suggestions, #containerMain.page_lend .conversationContainer .messageItem .closed .dates, #containerMain.page_lend .conversationContainer .actionBox .content .suggestions, #containerMain.page_lend .conversationContainer .actionBox .content .dates, #containerMain.page_lend .conversationContainer .actionBox .closed .suggestions, #containerMain.page_lend .conversationContainer .actionBox .closed .dates {
	float: left;
	width: 100%;
	background: #f8f8f8;
	border: 1px solid #f5f5f5;
	border-bottom: none;
	font-size: 14px;
	padding: calc(25px);
	padding: calc(5px*3);
}


#containerMain.page_borrow .conversationContainer .messageItem .content .suggestions .get, #containerMain.page_borrow .conversationContainer .messageItem .content .dates .get, #containerMain.page_borrow .conversationContainer .messageItem .closed .suggestions .get, #containerMain.page_borrow .conversationContainer .messageItem .closed .dates .get, #containerMain.page_borrow .conversationContainer .actionBox .content .suggestions .get, #containerMain.page_borrow .conversationContainer .actionBox .content .dates .get, #containerMain.page_borrow .conversationContainer .actionBox .closed .suggestions .get, #containerMain.page_borrow .conversationContainer .actionBox .closed .dates .get, #containerMain.page_lend .conversationContainer .messageItem .content .suggestions .get, #containerMain.page_lend .conversationContainer .messageItem .content .dates .get, #containerMain.page_lend .conversationContainer .messageItem .closed .suggestions .get, #containerMain.page_lend .conversationContainer .messageItem .closed .dates .get, #containerMain.page_lend .conversationContainer .actionBox .content .suggestions .get, #containerMain.page_lend .conversationContainer .actionBox .content .dates .get, #containerMain.page_lend .conversationContainer .actionBox .closed .suggestions .get, #containerMain.page_lend .conversationContainer .actionBox .closed .dates .get {
	float: left;
	width: 100%;
}


#containerMain.page_borrow .conversationContainer .messageItem .content .suggestions .get .title, #containerMain.page_borrow .conversationContainer .messageItem .content .dates .get .title, #containerMain.page_borrow .conversationContainer .messageItem .closed .suggestions .get .title, #containerMain.page_borrow .conversationContainer .messageItem .closed .dates .get .title, #containerMain.page_borrow .conversationContainer .actionBox .content .suggestions .get .title, #containerMain.page_borrow .conversationContainer .actionBox .content .dates .get .title, #containerMain.page_borrow .conversationContainer .actionBox .closed .suggestions .get .title, #containerMain.page_borrow .conversationContainer .actionBox .closed .dates .get .title, #containerMain.page_lend .conversationContainer .messageItem .content .suggestions .get .title, #containerMain.page_lend .conversationContainer .messageItem .content .dates .get .title, #containerMain.page_lend .conversationContainer .messageItem .closed .suggestions .get .title, #containerMain.page_lend .conversationContainer .messageItem .closed .dates .get .title, #containerMain.page_lend .conversationContainer .actionBox .content .suggestions .get .title, #containerMain.page_lend .conversationContainer .actionBox .content .dates .get .title, #containerMain.page_lend .conversationContainer .actionBox .closed .suggestions .get .title, #containerMain.page_lend .conversationContainer .actionBox .closed .dates .get .title {
	background-image: url(../assets/img/static/icon-arrow-get.svg);
}


#containerMain.page_borrow .conversationContainer .messageItem .content .suggestions .back, #containerMain.page_borrow .conversationContainer .messageItem .content .dates .back, #containerMain.page_borrow .conversationContainer .messageItem .closed .suggestions .back, #containerMain.page_borrow .conversationContainer .messageItem .closed .dates .back, #containerMain.page_borrow .conversationContainer .actionBox .content .suggestions .back, #containerMain.page_borrow .conversationContainer .actionBox .content .dates .back, #containerMain.page_borrow .conversationContainer .actionBox .closed .suggestions .back, #containerMain.page_borrow .conversationContainer .actionBox .closed .dates .back, #containerMain.page_lend .conversationContainer .messageItem .content .suggestions .back, #containerMain.page_lend .conversationContainer .messageItem .content .dates .back, #containerMain.page_lend .conversationContainer .messageItem .closed .suggestions .back, #containerMain.page_lend .conversationContainer .messageItem .closed .dates .back, #containerMain.page_lend .conversationContainer .actionBox .content .suggestions .back, #containerMain.page_lend .conversationContainer .actionBox .content .dates .back, #containerMain.page_lend .conversationContainer .actionBox .closed .suggestions .back, #containerMain.page_lend .conversationContainer .actionBox .closed .dates .back {
	float: right;
	width: 100%;
	margin-top: 25px;
}


#containerMain.page_borrow .conversationContainer .messageItem .content .suggestions .back .title, #containerMain.page_borrow .conversationContainer .messageItem .content .dates .back .title, #containerMain.page_borrow .conversationContainer .messageItem .closed .suggestions .back .title, #containerMain.page_borrow .conversationContainer .messageItem .closed .dates .back .title, #containerMain.page_borrow .conversationContainer .actionBox .content .suggestions .back .title, #containerMain.page_borrow .conversationContainer .actionBox .content .dates .back .title, #containerMain.page_borrow .conversationContainer .actionBox .closed .suggestions .back .title, #containerMain.page_borrow .conversationContainer .actionBox .closed .dates .back .title, #containerMain.page_lend .conversationContainer .messageItem .content .suggestions .back .title, #containerMain.page_lend .conversationContainer .messageItem .content .dates .back .title, #containerMain.page_lend .conversationContainer .messageItem .closed .suggestions .back .title, #containerMain.page_lend .conversationContainer .messageItem .closed .dates .back .title, #containerMain.page_lend .conversationContainer .actionBox .content .suggestions .back .title, #containerMain.page_lend .conversationContainer .actionBox .content .dates .back .title, #containerMain.page_lend .conversationContainer .actionBox .closed .suggestions .back .title, #containerMain.page_lend .conversationContainer .actionBox .closed .dates .back .title {
	background-image: url(../assets/img/static/icon-arrow-back.svg);
}


#containerMain.page_borrow .conversationContainer .messageItem .content .suggestions .title, #containerMain.page_borrow .conversationContainer .messageItem .content .dates .title, #containerMain.page_borrow .conversationContainer .messageItem .closed .suggestions .title, #containerMain.page_borrow .conversationContainer .messageItem .closed .dates .title, #containerMain.page_borrow .conversationContainer .actionBox .content .suggestions .title, #containerMain.page_borrow .conversationContainer .actionBox .content .dates .title, #containerMain.page_borrow .conversationContainer .actionBox .closed .suggestions .title, #containerMain.page_borrow .conversationContainer .actionBox .closed .dates .title, #containerMain.page_lend .conversationContainer .messageItem .content .suggestions .title, #containerMain.page_lend .conversationContainer .messageItem .content .dates .title, #containerMain.page_lend .conversationContainer .messageItem .closed .suggestions .title, #containerMain.page_lend .conversationContainer .messageItem .closed .dates .title, #containerMain.page_lend .conversationContainer .actionBox .content .suggestions .title, #containerMain.page_lend .conversationContainer .actionBox .content .dates .title, #containerMain.page_lend .conversationContainer .actionBox .closed .suggestions .title, #containerMain.page_lend .conversationContainer .actionBox .closed .dates .title {
	font-family: RobotoSlab;
	color: #515252;
	background-size: 16px;
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 21px;
}


#containerMain.page_borrow .conversationContainer .messageItem .content .suggestions .day, #containerMain.page_borrow .conversationContainer .messageItem .content .dates .day, #containerMain.page_borrow .conversationContainer .messageItem .closed .suggestions .day, #containerMain.page_borrow .conversationContainer .messageItem .closed .dates .day, #containerMain.page_borrow .conversationContainer .actionBox .content .suggestions .day, #containerMain.page_borrow .conversationContainer .actionBox .content .dates .day, #containerMain.page_borrow .conversationContainer .actionBox .closed .suggestions .day, #containerMain.page_borrow .conversationContainer .actionBox .closed .dates .day, #containerMain.page_lend .conversationContainer .messageItem .content .suggestions .day, #containerMain.page_lend .conversationContainer .messageItem .content .dates .day, #containerMain.page_lend .conversationContainer .messageItem .closed .suggestions .day, #containerMain.page_lend .conversationContainer .messageItem .closed .dates .day, #containerMain.page_lend .conversationContainer .actionBox .content .suggestions .day, #containerMain.page_lend .conversationContainer .actionBox .content .dates .day, #containerMain.page_lend .conversationContainer .actionBox .closed .suggestions .day, #containerMain.page_lend .conversationContainer .actionBox .closed .dates .day {
	float: left;
	width: 100px;
	margin-top: 10px;
	margin-right: 10px;
}


#containerMain.page_borrow .conversationContainer .messageItem .content .suggestions .day .datum, #containerMain.page_borrow .conversationContainer .messageItem .content .dates .day .datum, #containerMain.page_borrow .conversationContainer .messageItem .closed .suggestions .day .datum, #containerMain.page_borrow .conversationContainer .messageItem .closed .dates .day .datum, #containerMain.page_borrow .conversationContainer .actionBox .content .suggestions .day .datum, #containerMain.page_borrow .conversationContainer .actionBox .content .dates .day .datum, #containerMain.page_borrow .conversationContainer .actionBox .closed .suggestions .day .datum, #containerMain.page_borrow .conversationContainer .actionBox .closed .dates .day .datum, #containerMain.page_lend .conversationContainer .messageItem .content .suggestions .day .datum, #containerMain.page_lend .conversationContainer .messageItem .content .dates .day .datum, #containerMain.page_lend .conversationContainer .messageItem .closed .suggestions .day .datum, #containerMain.page_lend .conversationContainer .messageItem .closed .dates .day .datum, #containerMain.page_lend .conversationContainer .actionBox .content .suggestions .day .datum, #containerMain.page_lend .conversationContainer .actionBox .content .dates .day .datum, #containerMain.page_lend .conversationContainer .actionBox .closed .suggestions .day .datum, #containerMain.page_lend .conversationContainer .actionBox .closed .dates .day .datum {
	font-family: Roboto-Medium;
}


#containerMain.page_borrow .conversationContainer .messageItem .content .suggestions .day .time, #containerMain.page_borrow .conversationContainer .messageItem .content .dates .day .time, #containerMain.page_borrow .conversationContainer .messageItem .closed .suggestions .day .time, #containerMain.page_borrow .conversationContainer .messageItem .closed .dates .day .time, #containerMain.page_borrow .conversationContainer .actionBox .content .suggestions .day .time, #containerMain.page_borrow .conversationContainer .actionBox .content .dates .day .time, #containerMain.page_borrow .conversationContainer .actionBox .closed .suggestions .day .time, #containerMain.page_borrow .conversationContainer .actionBox .closed .dates .day .time, #containerMain.page_lend .conversationContainer .messageItem .content .suggestions .day .time, #containerMain.page_lend .conversationContainer .messageItem .content .dates .day .time, #containerMain.page_lend .conversationContainer .messageItem .closed .suggestions .day .time, #containerMain.page_lend .conversationContainer .messageItem .closed .dates .day .time, #containerMain.page_lend .conversationContainer .actionBox .content .suggestions .day .time, #containerMain.page_lend .conversationContainer .actionBox .content .dates .day .time, #containerMain.page_lend .conversationContainer .actionBox .closed .suggestions .day .time, #containerMain.page_lend .conversationContainer .actionBox .closed .dates .day .time {
	margin-top: 2px;
}


#containerMain.page_borrow .conversationContainer .messageItem .content .suggestions.max_day-1 .get, #containerMain.page_borrow .conversationContainer .messageItem .content .suggestions.max_day-1 .back, #containerMain.page_borrow .conversationContainer .messageItem .content .suggestions.max_day-2 .get, #containerMain.page_borrow .conversationContainer .messageItem .content .suggestions.max_day-2 .back, #containerMain.page_borrow .conversationContainer .messageItem .content .dates.max_day-1 .get, #containerMain.page_borrow .conversationContainer .messageItem .content .dates.max_day-1 .back, #containerMain.page_borrow .conversationContainer .messageItem .content .dates.max_day-2 .get, #containerMain.page_borrow .conversationContainer .messageItem .content .dates.max_day-2 .back, #containerMain.page_borrow .conversationContainer .messageItem .closed .suggestions.max_day-1 .get, #containerMain.page_borrow .conversationContainer .messageItem .closed .suggestions.max_day-1 .back, #containerMain.page_borrow .conversationContainer .messageItem .closed .suggestions.max_day-2 .get, #containerMain.page_borrow .conversationContainer .messageItem .closed .suggestions.max_day-2 .back, #containerMain.page_borrow .conversationContainer .messageItem .closed .dates.max_day-1 .get, #containerMain.page_borrow .conversationContainer .messageItem .closed .dates.max_day-1 .back, #containerMain.page_borrow .conversationContainer .messageItem .closed .dates.max_day-2 .get, #containerMain.page_borrow .conversationContainer .messageItem .closed .dates.max_day-2 .back, #containerMain.page_borrow .conversationContainer .actionBox .content .suggestions.max_day-1 .get, #containerMain.page_borrow .conversationContainer .actionBox .content .suggestions.max_day-1 .back, #containerMain.page_borrow .conversationContainer .actionBox .content .suggestions.max_day-2 .get, #containerMain.page_borrow .conversationContainer .actionBox .content .suggestions.max_day-2 .back, #containerMain.page_borrow .conversationContainer .actionBox .content .dates.max_day-1 .get, #containerMain.page_borrow .conversationContainer .actionBox .content .dates.max_day-1 .back, #containerMain.page_borrow .conversationContainer .actionBox .content .dates.max_day-2 .get, #containerMain.page_borrow .conversationContainer .actionBox .content .dates.max_day-2 .back, #containerMain.page_borrow .conversationContainer .actionBox .closed .suggestions.max_day-1 .get, #containerMain.page_borrow .conversationContainer .actionBox .closed .suggestions.max_day-1 .back, #containerMain.page_borrow .conversationContainer .actionBox .closed .suggestions.max_day-2 .get, #containerMain.page_borrow .conversationContainer .actionBox .closed .suggestions.max_day-2 .back, #containerMain.page_borrow .conversationContainer .actionBox .closed .dates.max_day-1 .get, #containerMain.page_borrow .conversationContainer .actionBox .closed .dates.max_day-1 .back, #containerMain.page_borrow .conversationContainer .actionBox .closed .dates.max_day-2 .get, #containerMain.page_borrow .conversationContainer .actionBox .closed .dates.max_day-2 .back, #containerMain.page_lend .conversationContainer .messageItem .content .suggestions.max_day-1 .get, #containerMain.page_lend .conversationContainer .messageItem .content .suggestions.max_day-1 .back, #containerMain.page_lend .conversationContainer .messageItem .content .suggestions.max_day-2 .get, #containerMain.page_lend .conversationContainer .messageItem .content .suggestions.max_day-2 .back, #containerMain.page_lend .conversationContainer .messageItem .content .dates.max_day-1 .get, #containerMain.page_lend .conversationContainer .messageItem .content .dates.max_day-1 .back, #containerMain.page_lend .conversationContainer .messageItem .content .dates.max_day-2 .get, #containerMain.page_lend .conversationContainer .messageItem .content .dates.max_day-2 .back, #containerMain.page_lend .conversationContainer .messageItem .closed .suggestions.max_day-1 .get, #containerMain.page_lend .conversationContainer .messageItem .closed .suggestions.max_day-1 .back, #containerMain.page_lend .conversationContainer .messageItem .closed .suggestions.max_day-2 .get, #containerMain.page_lend .conversationContainer .messageItem .closed .suggestions.max_day-2 .back, #containerMain.page_lend .conversationContainer .messageItem .closed .dates.max_day-1 .get, #containerMain.page_lend .conversationContainer .messageItem .closed .dates.max_day-1 .back, #containerMain.page_lend .conversationContainer .messageItem .closed .dates.max_day-2 .get, #containerMain.page_lend .conversationContainer .messageItem .closed .dates.max_day-2 .back, #containerMain.page_lend .conversationContainer .actionBox .content .suggestions.max_day-1 .get, #containerMain.page_lend .conversationContainer .actionBox .content .suggestions.max_day-1 .back, #containerMain.page_lend .conversationContainer .actionBox .content .suggestions.max_day-2 .get, #containerMain.page_lend .conversationContainer .actionBox .content .suggestions.max_day-2 .back, #containerMain.page_lend .conversationContainer .actionBox .content .dates.max_day-1 .get, #containerMain.page_lend .conversationContainer .actionBox .content .dates.max_day-1 .back, #containerMain.page_lend .conversationContainer .actionBox .content .dates.max_day-2 .get, #containerMain.page_lend .conversationContainer .actionBox .content .dates.max_day-2 .back, #containerMain.page_lend .conversationContainer .actionBox .closed .suggestions.max_day-1 .get, #containerMain.page_lend .conversationContainer .actionBox .closed .suggestions.max_day-1 .back, #containerMain.page_lend .conversationContainer .actionBox .closed .suggestions.max_day-2 .get, #containerMain.page_lend .conversationContainer .actionBox .closed .suggestions.max_day-2 .back, #containerMain.page_lend .conversationContainer .actionBox .closed .dates.max_day-1 .get, #containerMain.page_lend .conversationContainer .actionBox .closed .dates.max_day-1 .back, #containerMain.page_lend .conversationContainer .actionBox .closed .dates.max_day-2 .get, #containerMain.page_lend .conversationContainer .actionBox .closed .dates.max_day-2 .back {
	width: 50%;
	margin-top: 0
}


#containerMain.page_borrow .conversationContainer .messageItem .content .dates .datum, #containerMain.page_borrow .conversationContainer .messageItem .closed .dates .datum, #containerMain.page_borrow .conversationContainer .actionBox .content .dates .datum, #containerMain.page_borrow .conversationContainer .actionBox .closed .dates .datum, #containerMain.page_lend .conversationContainer .messageItem .content .dates .datum, #containerMain.page_lend .conversationContainer .messageItem .closed .dates .datum, #containerMain.page_lend .conversationContainer .actionBox .content .dates .datum, #containerMain.page_lend .conversationContainer .actionBox .closed .dates .datum {
	font-size: 16px;
	font-family: Roboto-Medium;
	margin-top: 5px;
	color: #333;
}


#containerMain.page_borrow .conversationContainer .messageItem .content .dates .get, #containerMain.page_borrow .conversationContainer .messageItem .content .dates .back, #containerMain.page_borrow .conversationContainer .messageItem .closed .dates .get, #containerMain.page_borrow .conversationContainer .messageItem .closed .dates .back, #containerMain.page_borrow .conversationContainer .actionBox .content .dates .get, #containerMain.page_borrow .conversationContainer .actionBox .content .dates .back, #containerMain.page_borrow .conversationContainer .actionBox .closed .dates .get, #containerMain.page_borrow .conversationContainer .actionBox .closed .dates .back, #containerMain.page_lend .conversationContainer .messageItem .content .dates .get, #containerMain.page_lend .conversationContainer .messageItem .content .dates .back, #containerMain.page_lend .conversationContainer .messageItem .closed .dates .get, #containerMain.page_lend .conversationContainer .messageItem .closed .dates .back, #containerMain.page_lend .conversationContainer .actionBox .content .dates .get, #containerMain.page_lend .conversationContainer .actionBox .content .dates .back, #containerMain.page_lend .conversationContainer .actionBox .closed .dates .get, #containerMain.page_lend .conversationContainer .actionBox .closed .dates .back {
	width: 50%;
	margin: 0;
}


#containerMain.page_borrow .conversationContainer .messageItem .content .date, #containerMain.page_borrow .conversationContainer .messageItem .closed .date, #containerMain.page_borrow .conversationContainer .actionBox .content .date, #containerMain.page_borrow .conversationContainer .actionBox .closed .date, #containerMain.page_lend .conversationContainer .messageItem .content .date, #containerMain.page_lend .conversationContainer .messageItem .closed .date, #containerMain.page_lend .conversationContainer .actionBox .content .date, #containerMain.page_lend .conversationContainer .actionBox .closed .date {
	position: absolute;
	bottom: -20px;
	right: 2px;
	left: auto;
	font-size: 12px;
	color: #888888;
	text-align: right;
}


#containerMain.page_borrow .conversationContainer .messageItem .content::before, #containerMain.page_borrow .conversationContainer .messageItem .closed::before, #containerMain.page_borrow .conversationContainer .actionBox .content::before, #containerMain.page_borrow .conversationContainer .actionBox .closed::before, #containerMain.page_lend .conversationContainer .messageItem .content::before, #containerMain.page_lend .conversationContainer .messageItem .closed::before, #containerMain.page_lend .conversationContainer .actionBox .content::before, #containerMain.page_lend .conversationContainer .actionBox .closed::before {
	background-color: #FFF6A2;
	background-color: #F9EB33;
	content: "\A0";
	display: block;
	height: 14px;
	width: 14px;
	position: absolute;
	top: 12px;
	right: -7px;
	-webkit-transform: rotate( 225deg );
	transform: rotate( 225deg )
}


#containerMain.page_borrow .conversationContainer .messageItem.both, #containerMain.page_borrow .conversationContainer .actionBox.both, #containerMain.page_lend .conversationContainer .messageItem.both, #containerMain.page_lend .conversationContainer .actionBox.both {
	margin-bottom: calc(25px);
}


#containerMain.page_borrow .conversationContainer .messageItem.both .content, #containerMain.page_borrow .conversationContainer .actionBox.both .content, #containerMain.page_lend .conversationContainer .messageItem.both .content, #containerMain.page_lend .conversationContainer .actionBox.both .content {
	width: 50%;
	margin-left: calc(50% - 25%);
	text-align: center;
}


#containerMain.page_borrow .conversationContainer .messageItem.both .content .title, #containerMain.page_borrow .conversationContainer .actionBox.both .content .title, #containerMain.page_lend .conversationContainer .messageItem.both .content .title, #containerMain.page_lend .conversationContainer .actionBox.both .content .title {
	text-align: center
}


#containerMain.page_borrow .conversationContainer .messageItem.both .content::before, #containerMain.page_borrow .conversationContainer .actionBox.both .content::before, #containerMain.page_lend .conversationContainer .messageItem.both .content::before, #containerMain.page_lend .conversationContainer .actionBox.both .content::before {
	top: -7px;
	left: calc(50% - 7px);
	-webkit-transform: rotate( 135deg );
	transform: rotate( 135deg )
}


#containerMain.page_borrow .conversationContainer .messageItem.both .content.get .title, #containerMain.page_borrow .conversationContainer .messageItem.both .content.get:before, #containerMain.page_borrow .conversationContainer .actionBox.both .content.get .title, #containerMain.page_borrow .conversationContainer .actionBox.both .content.get:before, #containerMain.page_lend .conversationContainer .messageItem.both .content.get .title, #containerMain.page_lend .conversationContainer .messageItem.both .content.get:before, #containerMain.page_lend .conversationContainer .actionBox.both .content.get .title, #containerMain.page_lend .conversationContainer .actionBox.both .content.get:before {
	background-color: #ECD9F1;
	background-color: #d28ae5
}


#containerMain.page_borrow .conversationContainer .messageItem.both .content.back .title, #containerMain.page_borrow .conversationContainer .messageItem.both .content.back:before, #containerMain.page_borrow .conversationContainer .actionBox.both .content.back .title, #containerMain.page_borrow .conversationContainer .actionBox.both .content.back:before, #containerMain.page_lend .conversationContainer .messageItem.both .content.back .title, #containerMain.page_lend .conversationContainer .messageItem.both .content.back:before, #containerMain.page_lend .conversationContainer .actionBox.both .content.back .title, #containerMain.page_lend .conversationContainer .actionBox.both .content.back:before {
	background-color: #6D97D3
}


#containerMain.page_borrow .conversationContainer .messageItem.both .content.expired .title, #containerMain.page_borrow .conversationContainer .messageItem.both .content.expired:before, #containerMain.page_borrow .conversationContainer .actionBox.both .content.expired .title, #containerMain.page_borrow .conversationContainer .actionBox.both .content.expired:before, #containerMain.page_lend .conversationContainer .messageItem.both .content.expired .title, #containerMain.page_lend .conversationContainer .messageItem.both .content.expired:before, #containerMain.page_lend .conversationContainer .actionBox.both .content.expired .title, #containerMain.page_lend .conversationContainer .actionBox.both .content.expired:before {
	background-color: #d01003;
	color: white
}


#containerMain.page_borrow .conversationContainer .messageItem.right .content, #containerMain.page_borrow .conversationContainer .actionBox .closed.right, #containerMain.page_lend .conversationContainer .messageItem.right .content, #containerMain.page_lend .conversationContainer .actionBox .closed.right {
	float: right;
}


#containerMain.page_borrow .conversationContainer .messageItem.right .content .date, #containerMain.page_borrow .conversationContainer .actionBox .closed.right .date, #containerMain.page_lend .conversationContainer .messageItem.right .content .date, #containerMain.page_lend .conversationContainer .actionBox .closed.right .date {
	text-align: left;
	left: 2px;
}


#containerMain.page_borrow .conversationContainer .messageItem.right .content::before, #containerMain.page_borrow .conversationContainer .actionBox .closed.right::before, #containerMain.page_lend .conversationContainer .messageItem.right .content::before, #containerMain.page_lend .conversationContainer .actionBox .closed.right::before {
	top: 12px;
	left: -7px;
	-webkit-transform: rotate( 45deg );
	transform: rotate( 45deg )
}


#containerMain.page_borrow .conversationContainer .actionBox, #containerMain.page_lend .conversationContainer .actionBox {
	float: left;
	width: 100%;
	padding: 25px;
	padding-bottom: calc(25px * 2);
}


#containerMain.page_borrow .conversationContainer .actionBox .content, #containerMain.page_lend .conversationContainer .actionBox .content {
	margin-top: -5px;
	float: right;
	border: 2px solid #e4e4e4;
}


#containerMain.page_borrow .conversationContainer .actionBox .content .contentWrap, #containerMain.page_lend .conversationContainer .actionBox .content .contentWrap {
	float: left;
	width: 100%;
	background: #f8f8f8;
	padding: 25px;
	position: relative;
}


#containerMain.page_borrow .conversationContainer .actionBox .content .contentWrap h3, #containerMain.page_lend .conversationContainer .actionBox .content .contentWrap h3 {
	margin-top: 0;
	margin-bottom: calc(5px*3);
}


#containerMain.page_borrow .conversationContainer .actionBox .content .contentWrap p, #containerMain.page_lend .conversationContainer .actionBox .content .contentWrap p {
	color: #333;
	margin-bottom: calc(5px*1);
}


#containerMain.page_borrow .conversationContainer .actionBox .content .contentWrap a, #containerMain.page_lend .conversationContainer .actionBox .content .contentWrap a {
	margin-top: calc(5px*2);
	float: left;
}


#containerMain.page_borrow .conversationContainer .actionBox .content .contentWrap a:first-of-type, #containerMain.page_lend .conversationContainer .actionBox .content .contentWrap a:first-of-type {
	margin-right: 25px;
}


#containerMain.page_borrow .conversationContainer .actionBox .content::before, #containerMain.page_lend .conversationContainer .actionBox .content::before {
	top: 15px;
	left: -9px;
	right: auto;
	background: #e4e4e4
}


#containerMain.page_borrow .conversationContainer .actionBox .closed .title, #containerMain.page_lend .conversationContainer .actionBox .closed .title {
	background: #d01003;
	color: white;
}


#containerMain.page_borrow .conversationContainer .actionBox .closed::before, #containerMain.page_lend .conversationContainer .actionBox .closed::before {
	background: #d01003
}


#containerMain.page_borrow .conversationContainer .actionBox .closed.type-successful .title, #containerMain.page_borrow .conversationContainer .actionBox .closed.type-successful::before, #containerMain.page_lend .conversationContainer .actionBox .closed.type-successful .title, #containerMain.page_lend .conversationContainer .actionBox .closed.type-successful::before {
	background: #F9EB33
}


#containerMain.page_borrow .conversationContainer .actionBox .closed.type-successful .title, #containerMain.page_lend .conversationContainer .actionBox .closed.type-successful .title {
	color: black
}
#containerMain.page_borrow .header .arrowBG {
	background-image: url(../assets/img/static/arrow-right-black-light.svg);
	background-image: url(../assets/img/static/arrow-right-color.svg);
	background-position: right center
}
#containerMain.page_borrow .header .arrowBG::before {
	right: auto;
	left: 0
}
#containerMain.page_borrow .conversationContainer .actionBox.state-direct .content {
	
	
}
#containerMain.page_borrow .conversationContainer .actionBox.state-direct .content::before {
	display: none
}
#containerMain.page_lend .conversationContainer .actionBox.state-answered .content {
	
	
}
#containerMain.page_lend .conversationContainer .actionBox.state-answered .content::before {
	display: none
}

/* lend/borrow modals */
.modalBody.lendCheckData {
	position: relative;
	

	
}
.modalBody.lendCheckData form .buttonRow {
	float: left;
	width: 100%;
	text-align: center;
	margin-bottom: calc(5px * 3);
}
.modalBody.lendCheckData form .buttonRow a {
	margin: calc(5px * 2);
}
.modalBody.lendCheckData form .buttonRow a span:first-child {
	background-repeat: no-repeat;
	background-size: 20px;
	background-position: left center;
	display: inline-block;
	width: 21px;
	height: 21px;
	position: relative;
	top: 5px;
	margin-right: 5px;
	background-image: url(../assets/img/static/icon-arrow-get.svg)
}
.modalBody.lendCheckData form .buttonRow a span:first-child.back {
	background-image: url(../assets/img/static/icon-arrow-back.svg)
}
.modalBody.lendCheckData form .buttonRow a.noMatching {
	text-decoration: line-through
}
.modalBody.lendCheckData form .buttonContainer {
	float: left;
}
.modalBody.lendCheckData form .buttonContainer p {
	margin-bottom: 25px;
}
.modalBody.lendCheckData form .buttonContainer a {
	float: right
}
.modalBody.lendCheckData form .buttonContainer a:first-of-type {
	float: left
}
.modal-content .confirmData {
	background: #f8f8f8;
	float: left;
	width: 100%;
	padding: 25px;
	text-align: center;
	margin-bottom: 25px;
}
.modal-content .confirmData .title {
	font-size: 16px;
	font-family: RobotoSlab;
	color: #515252;
	background-size: 14px;
	background-image: url(../assets/img/static/icon-arrow-get.svg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
	display: inline-block;
	margin-bottom:5px
}
.modal-content .confirmData .title.back {
	margin-top: 25px;
	background-image: url(../assets/img/static/icon-arrow-back.svg)
}
.modal-content .confirmData .date {
	font-size: 16px;
	font-family: Roboto-Bold;
}

/**
* InfoPage
*/
.infoHeader {

	position: relative;
	top: 0;
	left: 0;
	width: 100vw;
	height: 70vh;
	background-size: cover;
	background-position: center top;
	z-index: 0;

}
#containerMain.page_info .contentContainer {
	margin-top: 0;
	padding-top: 0;
}
#containerMain.page_info .contentContainer > .text {
	width: 625px;
	padding: calc(25px *2);
	margin-left: calc(50% - 600px);
	margin-top: calc(-25px * 3);
	padding-top: 40px;
	background: white;
}
#containerMain.page_info .contentContainer > .text h1 {
	font-family: RobotoSlab-Bold;
	font-size: 39px;
	line-height: 46px;
}
#containerMain.page_info .contentContainer > .text p {
	font-family: Roboto-Light;
	font-size: 18px;
	line-height: 27px;
}

/**
* Leitlinien
*/
.profilRulesWrap ol {
	float: left;
	width: 100%;
}
.profilRulesWrap ol li {
	counter-increment: step-counter;
	padding-left: 35px;
	position: relative;
	margin-top: 20px;
	font-size: 18px;
	line-height: 24px;
	max-width: 700px
}
.profilRulesWrap ol li::before {
	position: absolute;
	top: 0;
	left: 0;
	content: counter(step-counter);
	margin-right: 5px;
	font-size: 80%;
	background-color: #F9EB33;
	color: #333;
	width: 25px;
	height: 25px;
	line-height: 25px;
	text-align: center
}


/**
* LandingPage
*/
#contextBoxWrap.login {
	padding: 25px;
}
#contextBoxWrap.login form {
	width: 100%;
	float: left;
}
#contextBoxWrap.login form .message {
	color: #d01003;
	font-size: 14px;
	margin-bottom: 10px;
}
#contextBoxWrap.login form input {
	width: 100%;
	margin-bottom: calc(5px*3);
}
#contextBoxWrap.login form button {
	float: right;
}

.landingPageWrap header.landingPage {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	background: white;
	z-index: 20;
}

.landingPageWrap header.landingPage .content {
	float: left;
	width: 1200px;
	padding: 25px calc(25px*2);
	padding-right: calc(300px - (25px*2));
	padding-top: 20px;
	margin: 0 calc(50% - (1200px/2));
	position: relative;
	background: white;
}

.landingPageWrap header.landingPage .content img.logo {
	display: block;
	width: 80px;
	margin-bottom: 20px;
}

.landingPageWrap header.landingPage .content h2 {
	font-family: Roboto-Light;
	font-size: 23px;
	margin-bottom: 0;
}

.landingPageWrap header.landingPage .content .buttons {
	position: absolute;
	bottom: 25px;
	right: calc(25px*2);
}

.landingPageWrap section.headerBG {
	position: relative;
	top: -100px;
	left: 0;
	width: 100vw;
	height: 83vh;
	background-size: cover;
	background-position: center top;
	z-index: 0;
}

.landingPageWrap section.main {
	position: relative;
	z-index: 3;
	background: white;
	margin-top: -18vh;
	float: left;
	width: 100%;
}

.landingPageWrap section.main .titleAdd {
	font-family: Roboto-Light;
	font-size: 24px;
	color: #909090;
	margin-bottom: 16px;
	padding-top: calc(25px);
	border-top: 1px solid #F9EB33;
}

.landingPageWrap section.main h2 {
	font-family: RobotoSlab-Bold;
	font-size: 39px;
	line-height: 46px;
	color: #333;
	margin-bottom: 30px;
}

.landingPageWrap section.main p {
	font-family: Roboto-Light;
	font-size: 20px;
	color: #333;
	line-height: 31px;
}

.landingPageWrap section.main p b {
	font-family: Roboto-Regular;
	font-weight: normal;
}

.landingPageWrap section.main p i {
	font-family: Roboto-Italic;
	font-style: normal;
}

.landingPageWrap section.main .rowDescription, .landingPageWrap section.main .rowInspiration, .landingPageWrap section.main .rowPostit, .landingPageWrap section.main .rowSettlements, .landingPageWrap section.main .rowUse, .landingPageWrap section.main .exist, .landingPageWrap section.main .notYet {
	float: left;
	margin-left: calc(50% - (1200px/2));
	padding: calc(25px*2);
	width: 625px;
	background: white;
	margin-bottom: 10px;
}

.landingPageWrap section.main .rowDescription .btContainer, .landingPageWrap section.main .rowInspiration .btContainer, .landingPageWrap section.main .rowPostit .btContainer, .landingPageWrap section.main .rowSettlements .btContainer, .landingPageWrap section.main .rowUse .btContainer, .landingPageWrap section.main .exist .btContainer, .landingPageWrap section.main .notYet .btContainer {
	margin-top: 50px;
}

.landingPageWrap section.main .rowDescription .btContainer a:first-of-type, .landingPageWrap section.main .rowInspiration .btContainer a:first-of-type, .landingPageWrap section.main .rowPostit .btContainer a:first-of-type, .landingPageWrap section.main .rowSettlements .btContainer a:first-of-type, .landingPageWrap section.main .rowUse .btContainer a:first-of-type, .landingPageWrap section.main .exist .btContainer a:first-of-type, .landingPageWrap section.main .notYet .btContainer a:first-of-type {
	margin-right: 25px;
}

.landingPageWrap section.main .rowDescription {
	margin-top: calc(-25px*3);
	padding-top: 30px;
}

.landingPageWrap section.main .rowDescription .titleAdd {
	border: none;
	padding: 0;
}

.landingPageWrap section.main .rowInspiration, .landingPageWrap section.main .rowPostit, .landingPageWrap section.main .rowSettlements {
	padding-bottom: 0;
}

.landingPageWrap section.main .rowPostit, .landingPageWrap section.main .rowSettlements {
	padding-bottom: 25px;
}

.landingPageWrap section.main .rowUse {
	width: 1200px;
	background: white;
	margin-bottom: -125px;
	padding-bottom: calc(25px*3);
}

.landingPageWrap section.main .rowUse .exist, .landingPageWrap section.main .rowUse .notYet {
	width: calc(50% - 25px);
	margin:0;
	padding:0;
}

.landingPageWrap section.main .rowUse .exist {
	margin-right: calc(25px*2);
}

.landingPageWrap section.main .rowUse .exist .btContainer {
	float: left;
}

.landingPageWrap section.main .rowUse .exist .btContainer a {
	float: left;
	margin-top:5px;
}

.landingPageWrap section.main .rowInspirationImages, .landingPageWrap section.main .rowPostitStatements, .landingPageWrap section.main .rowSettlementImages {
	float: left;
	width: 1440px;
	clear: both;
	margin-left: calc(50vw - (1440px/2));
	margin-bottom: calc((2*25px) + 10px);
}

.landingPageWrap section.main .rowInspirationImages .imageWrap, .landingPageWrap section.main .rowPostitStatements .imageWrap, .landingPageWrap section.main .rowSettlementImages .imageWrap {
	float: left;
	position: relative;
	background: #f8f8f8;
}

.landingPageWrap section.main .rowInspirationImages .imageWrap .height, .landingPageWrap section.main .rowPostitStatements .imageWrap .height, .landingPageWrap section.main .rowSettlementImages .imageWrap .height {
	float: left;
	width: 1px;
	padding-top: 75%;
}

.landingPageWrap section.main .rowInspirationImages .imageWrap .img, .landingPageWrap section.main .rowPostitStatements .imageWrap .img, .landingPageWrap section.main .rowSettlementImages .imageWrap .img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center center;
}

.landingPageWrap section.main .rowInspirationImages .imageWrap {
	width: calc(100%/4 - 2px);
	margin: 1px;
	width: calc((100%/4) - (5px / 4*3));
	margin: 0;
	margin-left: 5px;
	margin-bottom: 5px;
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	-webkit-transition-property: opacity, -webkit-transform;
	transition-property: opacity, -webkit-transform;
	transition-property: transform, opacity;
	transition-property: transform, opacity, -webkit-transform;
	opacity: 0;
	-webkit-transform: translateY(100px);
	transform: translateY(100px)
}

.landingPageWrap section.main .rowInspirationImages .imageWrap:nth-child(1) {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s
}

.landingPageWrap section.main .rowInspirationImages .imageWrap:nth-child(2) {
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s
}

.landingPageWrap section.main .rowInspirationImages .imageWrap:nth-child(3) {
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s
}

.landingPageWrap section.main .rowInspirationImages .imageWrap:nth-child(4) {
	-webkit-transition-delay: 0.25s;
	transition-delay: 0.25s
}

.landingPageWrap section.main .rowInspirationImages .imageWrap:nth-child(5) {
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s
}

.landingPageWrap section.main .rowInspirationImages .imageWrap:nth-child(6) {
	-webkit-transition-delay: 0.35s;
	transition-delay: 0.35s
}

.landingPageWrap section.main .rowInspirationImages .imageWrap:nth-child(7) {
	-webkit-transition-delay: 0.4s;
	transition-delay: 0.4s
}

.landingPageWrap section.main .rowInspirationImages .imageWrap:nth-child(8) {
	-webkit-transition-delay: 0.45s;
	transition-delay: 0.45s
}

.landingPageWrap section.main .rowInspirationImages .imageWrap.inview {
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
	opacity: 1
}

.landingPageWrap section.main .rowInspirationImages .imageWrap:nth-child(4n+1) {
	margin-left: 0
}

.landingPageWrap section.main .rowPostitStatements .statement, .landingPageWrap section.main .rowPostitStatements .settlement, .landingPageWrap section.main .rowSettlementImages .statement, .landingPageWrap section.main .rowSettlementImages .settlement {
	float: left;
	width: calc(100%/3 - 2px);
	margin: 1px;
	margin: 0;
	width: calc(100%/3);
	width: calc((100%/3) - (5px / 3*2));
	margin: 0;
	margin-left: 5px;
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	-webkit-transition-property: opacity, -webkit-transform;
	transition-property: opacity, -webkit-transform;
	transition-property: transform, opacity;
	transition-property: transform, opacity, -webkit-transform;
	opacity: 0;
	-webkit-transform: translateY(100px);
	transform: translateY(100px);
}

.landingPageWrap section.main .rowPostitStatements .statement .imageWrap, .landingPageWrap section.main .rowPostitStatements .settlement .imageWrap, .landingPageWrap section.main .rowSettlementImages .statement .imageWrap, .landingPageWrap section.main .rowSettlementImages .settlement .imageWrap {
	width: 100%;
}

.landingPageWrap section.main .rowPostitStatements .statement .text, .landingPageWrap section.main .rowPostitStatements .settlement .text, .landingPageWrap section.main .rowSettlementImages .statement .text, .landingPageWrap section.main .rowSettlementImages .settlement .text {
	float: left;
	margin-top: calc(-25px*1 - 50px);
	width: calc(100% - (25px*4));
	margin-left: calc(25px*2);
	padding: 10px 15px;
	min-height: 50px;
	position: relative;
	z-index: 1;
}

.landingPageWrap section.main .rowPostitStatements .statement:nth-child(1), .landingPageWrap section.main .rowPostitStatements .settlement:nth-child(1), .landingPageWrap section.main .rowSettlementImages .statement:nth-child(1), .landingPageWrap section.main .rowSettlementImages .settlement:nth-child(1) {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s
}

.landingPageWrap section.main .rowPostitStatements .statement:nth-child(2), .landingPageWrap section.main .rowPostitStatements .settlement:nth-child(2), .landingPageWrap section.main .rowSettlementImages .statement:nth-child(2), .landingPageWrap section.main .rowSettlementImages .settlement:nth-child(2) {
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s
}

.landingPageWrap section.main .rowPostitStatements .statement:nth-child(3), .landingPageWrap section.main .rowPostitStatements .settlement:nth-child(3), .landingPageWrap section.main .rowSettlementImages .statement:nth-child(3), .landingPageWrap section.main .rowSettlementImages .settlement:nth-child(3) {
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s
}

.landingPageWrap section.main .rowPostitStatements .statement:nth-child(4), .landingPageWrap section.main .rowPostitStatements .settlement:nth-child(4), .landingPageWrap section.main .rowSettlementImages .statement:nth-child(4), .landingPageWrap section.main .rowSettlementImages .settlement:nth-child(4) {
	-webkit-transition-delay: 0.25s;
	transition-delay: 0.25s
}

.landingPageWrap section.main .rowPostitStatements .statement:nth-child(5), .landingPageWrap section.main .rowPostitStatements .settlement:nth-child(5), .landingPageWrap section.main .rowSettlementImages .statement:nth-child(5), .landingPageWrap section.main .rowSettlementImages .settlement:nth-child(5) {
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s
}

.landingPageWrap section.main .rowPostitStatements .statement:nth-child(6), .landingPageWrap section.main .rowPostitStatements .settlement:nth-child(6), .landingPageWrap section.main .rowSettlementImages .statement:nth-child(6), .landingPageWrap section.main .rowSettlementImages .settlement:nth-child(6) {
	-webkit-transition-delay: 0.35s;
	transition-delay: 0.35s
}

.landingPageWrap section.main .rowPostitStatements .statement:nth-child(7), .landingPageWrap section.main .rowPostitStatements .settlement:nth-child(7), .landingPageWrap section.main .rowSettlementImages .statement:nth-child(7), .landingPageWrap section.main .rowSettlementImages .settlement:nth-child(7) {
	-webkit-transition-delay: 0.4s;
	transition-delay: 0.4s
}

.landingPageWrap section.main .rowPostitStatements .statement:nth-child(8), .landingPageWrap section.main .rowPostitStatements .settlement:nth-child(8), .landingPageWrap section.main .rowSettlementImages .statement:nth-child(8), .landingPageWrap section.main .rowSettlementImages .settlement:nth-child(8) {
	-webkit-transition-delay: 0.45s;
	transition-delay: 0.45s
}

.landingPageWrap section.main .rowPostitStatements .statement.inview, .landingPageWrap section.main .rowPostitStatements .settlement.inview, .landingPageWrap section.main .rowSettlementImages .statement.inview, .landingPageWrap section.main .rowSettlementImages .settlement.inview {
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
	opacity: 1
}

.landingPageWrap section.main .rowPostitStatements .statement:nth-child(3n+1), .landingPageWrap section.main .rowPostitStatements .settlement:nth-child(3n+1), .landingPageWrap section.main .rowSettlementImages .statement:nth-child(3n+1), .landingPageWrap section.main .rowSettlementImages .settlement:nth-child(3n+1) {
	margin-left: 0
}

.landingPageWrap section.main .rowPostitStatements .statement .text {
	background: #F9EB33;
	font-family: Roboto-Italic;
	font-size: 16px;
	color: #333;
	line-height: 22px;
}

.landingPageWrap section.main .rowSettlementImages .settlement .text {
	background: white;
	text-align: center;
	font-family: Roboto-Medium;
	font-size: 18px;
	color: #333;
	line-height: 25px;
	height: 51px;
	padding-top: 13px;
	white-space: nowrap;
	font-family: RobotoSlab-Bold;
}

.landingPageWrap section.main .rowSettlementImages .btContainer {
	float: left;
	margin-left: calc(50% - (1200px/2) + (2*25px));
	margin-top: calc(2*25px);
}

.landingPageWrap footer {
	height: 530px;
}

.landingPageWrap footer .content {
	top: 100px;
}

/* dialog prototyp info */
.prototypInfo {
	text-align: center;
	width: 100%;
}
.prototypInfo h2 {
	font-size: 22px;
}
.prototypInfo .profilImage {
	margin-top: 20px;
}
.prototypInfo .accountName {
	font-family: Roboto-Medium;
	font-size: 14px;
}
@-webkit-keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-4px, 0, 0);
            transform: translate3d(-4px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(4px, 0, 0);
            transform: translate3d(4px, 0, 0);
  }
}

@keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-4px, 0, 0);
            transform: translate3d(-4px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(4px, 0, 0);
            transform: translate3d(4px, 0, 0);
  }
}

@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(0.95, 0.95, 0.95);
            transform: scale3d(0.95, 0.95, 0.95);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(0.95, 0.95, 0.95);
            transform: scale3d(0.95, 0.95, 0.95);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

.load {
	-webkit-animation-name: pulse;
	        animation-name: pulse;
	-webkit-animation-duration: 0.5s;
	        animation-duration: 0.5s;
	-webkit-animation-iteration-count: infinite;
	        animation-iteration-count: infinite;
}

@-webkit-keyframes popUp {
	0% { }
	70% { -webkit-transform: scale(1.1); opacity: .8; -webkit-animation-timing-function: ease-out; }
	100% { -webkit-transform: scale(1); opacity: 1; }
}

@keyframes popUp {
	0% { }
	70% { -webkit-transform: scale(1.1); opacity: .8; -webkit-animation-timing-function: ease-out; }
	100% { -webkit-transform: scale(1); opacity: 1; }
}

@-webkit-keyframes moveUp {
	0% { }
	100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }
}

@keyframes moveUp {
	0% { }
	100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }
}.modal {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1050;
	display: none;
	overflow: hidden;
	-webkit-overflow-scrolling: touch;
	outline: 0;
}

.modal.fade .modal-dialog {
	-webkit-transform: scale(0.7);
	        transform: scale(0.7);
	opacity: 0;

	-webkit-transition: all 0.3s ease-in-out;

	transition: all 0.3s ease-in-out;
}
.modal.in .modal-dialog {
	-webkit-transform: scale(1);
	        transform: scale(1);
	opacity: 1;
}


.modal-content {
	position: relative;
	background-color: #fff;
}

.modal-backdrop {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1040;
	background-color: #b2b2b2;
	background-color: #2d2d2d;
}
.modal-backdrop.fade {
	filter: alpha(opacity=0);
	opacity: 0;
	
	-webkit-transition: all 0.5s ease-in-out;
	
	transition: all 0.5s ease-in-out;
}
.modal-backdrop.in {
	filter: alpha(opacity=60);
	opacity: .6;
}

.modal-dialog {
	position: relative;
	width: auto;
	margin: 20px auto;
	box-shadow: 0px 1px 3px rgba(0,0,0, 0.2);
	
}

.modal-small {
	width: 300px;
}
.modal-medium {
	width: 600px;
}
.modal-large {
	width: 600px;
}










/*dddd*/
/**
* RESPONSIVE DESIGN
*/
@media all and (max-width: 1439px) {
	
	/* landing-page */
	.landingPageWrap section.main .rowInspirationImages, .landingPageWrap section.main .rowPostitStatements, .landingPageWrap section.main .rowSettlementImages {
		width: 100%;
		margin-left: 0;
	
	}
	
	/* site */
	/*background: green;*/
	header.site nav {
		margin-left: calc(25px*1);
	
	}
	header.site a.profil {
		margin-right: calc(25px*1);
	
	}
	
	
	#containerMain .topBar {
		padding-left: calc(25px*1);
		padding-right: calc(25px*1);
	
	}
	
	
	#containerMain .contentContainer {
		padding-left: calc(25px*1);
		padding-right: calc(25px*1);
		padding-top: calc(25px*1);
		padding-top: calc(5px*6);
	
	}
	
	
	#containerMain .objectContentWrapper .previewRow h2, #containerMain .objectContentWrapper .previewRow .buttons {
		padding-left: calc(50% - 650px + (25px*4));
	
	}
	
	#containerMain.page_lend .header, #containerMain.page_borrow .header {
		width: 100%;
		margin-left: 0;
		padding-left: calc(25px*1);
		padding-right: calc(25px*1);
	
	}
	
	#containerMain.page_lend .header .arrowBG, #containerMain.page_borrow .header .arrowBG{
		width: calc(100% - 200px - (25px * 2) - (5px * 2));
		left: calc(50% - ((100% - 200px - (25px * 2)) / 2) + 5px);
	
	}
	
	body.scroll-conversation #containerMain.page_borrow .header, body.scroll-conversation #containerMain.page_lend .header {
		padding-left: calc(5px *8);
		padding-right: calc(5px *8);
	
	}
	
	body.scroll-conversation #containerMain.page_borrow .header .arrowBG, body.scroll-conversation #containerMain.page_lend .header .arrowBG {
		width: calc(100% - 80px - (5px * 18));
		left: calc(50% - ((100% - 80px - (5px * 18)) / 2));
	
	}
	
	.page_object .objectInfo {
		width: calc(45% - 25px);
	
	}
	
	.page_object .requestInfo {
		width: calc(55% - 25px);
	
	}
	
}

@media all and (max-width: 1200px) {
	
	footer, .landingPageWrap footer {
		height: 430px;
	}
	
	footer .content, .landingPageWrap footer .content {
		top: 0;
	
	}
	
	
	/* landing-page */
	.landingPageWrap header.landingPage .content {/* 			background: green;*/
		width: 100%;
		margin: 0;
	
	}
	.landingPageWrap section.main .rowSettlementImages .btContainer {
		margin-left: calc(2*25px);
	
	}
	.landingPageWrap section.main .rowDescription, .landingPageWrap section.main .rowInspiration, .landingPageWrap section.main .rowPostit, .landingPageWrap section.main .rowSettlements {
		margin-left: 0;
	
	}
	.landingPageWrap section.main .rowUse {
		margin-left: 0;
		width: 100%;
		margin-bottom: 0;
	
	}
	.landingPageWrap section.main .rowPostitStatements .statement .text, .landingPageWrap section.main .rowSettlementImages .settlement .text {
		margin-left: calc(25px*1);
		width: calc(100% - (25px*2));
	
	}
	.landingPageWrap section.main .rowPostitStatements .statement .text {
		margin-top: calc(-25px*2);
	
	}
	.landingPageWrap section.main .rowPostitStatements .statement .text {
		font-size: 14px;
		line-height: 19px;
	
	}
	
	/* site */
	header.site {
/*		background: yellow;*/
	}
	
	#contextBoxWrap.category {
		width: calc(100% - (25px*4));
		margin-left: calc(((100% - (25px*4)) * -1) + (25px/2))
	}
	
	#contextBoxWrap.category.filtered {
		margin-left: calc(((100% - (25px*4)) * -1) + (25px/2) + 65px);
	
	}
	
	#containerMain .objectContentWrapper .topContainer {
		padding-left: calc(25px*2);
		padding-right: calc(25px*2);
	
	}
	
	#containerMain .objectContentWrapper .topBox {
		margin-left: calc(25px*2);
		margin-right: calc(25px*2);
	
	}
	
	#containerMain .objectContentWrapper .previewRow h2, #containerMain .objectContentWrapper .previewRow .buttons {
		padding-left: calc(25px*2);
	
	}
	
	.page_object .objectInfo {
		width: calc(100% - (25px*2) - 345px);
	
	}
	
	.page_object .requestInfo {
		width: 345px;
	
	}
	
	.page_object .requestInfo .containerContact {
		width: 100%;
		margin-right: 0;
	
	}
	
	footer .content {
		margin: 0;
		width: 100%;
		padding-left: calc(25px*2);
		padding-right: calc(25px*2);
	}
	
	#containerMain.page_borrow .conversationContainer, #containerMain.page_lend .conversationContainer {
		width: 100%;
		padding: calc(25px/1) 25px;
	
	}
	
	#containerMain.page_borrow .conversationContainer .messageItem, #containerMain.page_borrow .conversationContainer .actionBox, #containerMain.page_lend .conversationContainer .messageItem, #containerMain.page_lend .conversationContainer .actionBox {
		padding-right: 0;
		padding-left: 0;
	
	}
	
	.profilLendWrap .listContainer .itemLend .von, .profilLendWrap .listContainer .itemLend .bis, .profilBorrowWrap .listContainer .itemLend .von, .profilBorrowWrap .listContainer .itemLend .bis {
		width: calc((100% - (250px * 1.25) - (5px*1)));
		height: 125px;
		min-height: 0;
	
	}
	
	.profilLendWrap .listContainer .itemLend .von .title, .profilLendWrap .listContainer .itemLend .bis .title, .profilBorrowWrap .listContainer .itemLend .von .title, .profilBorrowWrap .listContainer .itemLend .bis .title {
		margin-top: 0;
		margin-bottom: calc(5px*2);
	
	}
	
	.profilLendWrap .listContainer .itemLend .von .date, .profilLendWrap .listContainer .itemLend .bis .date, .profilBorrowWrap .listContainer .itemLend .von .date, .profilBorrowWrap .listContainer .itemLend .bis .date {
		margin-bottom:calc(5px*1)
	
	}
	
	.profilLendWrap .listContainer .itemLend .von .date::after, .profilLendWrap .listContainer .itemLend .bis .date::after, .profilBorrowWrap .listContainer .itemLend .von .date::after, .profilBorrowWrap .listContainer .itemLend .bis .date::after {
		content: ' - ';
	
	}
	
	.profilLendWrap .listContainer .itemLend .von .date, .profilLendWrap .listContainer .itemLend .von .time, .profilLendWrap .listContainer .itemLend .bis .date, .profilLendWrap .listContainer .itemLend .bis .time, .profilBorrowWrap .listContainer .itemLend .von .date, .profilBorrowWrap .listContainer .itemLend .von .time, .profilBorrowWrap .listContainer .itemLend .bis .date, .profilBorrowWrap .listContainer .itemLend .bis .time {
		font-family: Roboto-Regular;
		font-size: 22px;
		float: none;
		display: inline;
	
	}
	
	.profilLendWrap .listContainer .itemLend .closed, .profilBorrowWrap .listContainer .itemLend .closed {
		width: calc((100% - (250px * 1.25) - (5px*1)));
		min-height: 250px;
	
	}
	
	.profilLendWrap .listContainer .itemLend .closed .title, .profilBorrowWrap .listContainer .itemLend .closed .title {
		margin-top: 0;
	
	}
	
	.profilLendWrap .listContainer .itemLend .von, .profilLendWrap .listContainer .itemLend .closed, .profilBorrowWrap .listContainer .itemLend .von, .profilBorrowWrap .listContainer .itemLend .closed{
		padding-top: calc(5px*8);
	
	}
	
	.profilLendWrap .listContainer .itemLend .bis, .profilBorrowWrap .listContainer .itemLend .bis {
		padding-top: calc(5px*2);
	
	}
	
	#containerMain.page_info .contentContainer {
		padding: 0;
	}
	
	#containerMain.page_info .contentContainer > .text {
		margin-left: 0;
	
	}
}

@media all and (max-width: 1023px) {
	/* landing-page */
	.landingPageWrap header.landingPage .content {/*			background: red;*/
	
	}
	.landingPageWrap section.main .rowInspirationImages .imageWrap {
		width: calc((100%/2) - (5px / 2*1));
		margin: 0;
		margin-left: 5px;
		margin-bottom: 5px
	
	}
	.landingPageWrap section.main .rowInspirationImages .imageWrap:nth-child(2n+1) {
		margin-left: 0;
	
	}
	.landingPageWrap section.main .rowSettlementImages .settlement .text {
		font-size: 14px;
		line-height: 39px;
		min-height: 0;
		height: 40px;
		padding-top: 0;
		margin-top: calc(-25px*1 - 40px);
	
	}
	.landingPageWrap section.main .rowUse {
		margin-left: 0;
		width: 625px;
	
	}
	.landingPageWrap section.main .rowUse .exist, .landingPageWrap section.main .rowUse .notYet {
		width: 100%;
	
	}
	.landingPageWrap section.main .rowUse .notYet {
		margin-top: calc(25px*3);
	
	}	
	
	/* footer */

	footer .bg, .landingPageWrap footer .bg {
		background-position: center center ;
	
	}

	footer .content .top, footer .content .bottom, .landingPageWrap footer .content .top, .landingPageWrap footer .content .bottom {
		width: 100%;
	
	}
	
	
	/* site */
	header.site {
/*		background: red;*/
	}
	
	.itemObject {
		width: calc((100% / 3) - (5px / 3*2))
	}
	
	.itemObject:nth-child(4n+1) {
		margin-left: 5px;
	
	}
	
	.itemObject:nth-child(3n+1) {
		margin-left: 0;
	
	}
	
	
	
	nav.sub {
		display: none;
	}
	#containerProfil {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
	#containerProfil .objectContainer {
		width: calc(100% + (25px*2));
		margin-left: calc(25px * -1);
	
	}
	
	#containerMain.page_borrow .header, #containerMain.page_lend .header {
		border-bottom-width: 1px;
		border-bottom-style: solid;
	
	}
	
	#containerMain.page_borrow .header .img, #containerMain.page_lend .header .img {
		width: 175px;
		height: calc(175px * 0.75);
	
	}
	
	#containerMain.page_borrow .header .firstPerson, #containerMain.page_lend .header .firstPerson {
		width: calc(50% - (175px / 2) - (25px*1));
	
	}
	
	#containerMain.page_borrow .header .firstPerson .info, #containerMain.page_lend .header .firstPerson .info {
		padding-left: calc(3 * 5px);
	
	}
	
	#containerMain.page_borrow .header .firstPerson .info > .name, #containerMain.page_lend .header .firstPerson .info > .name {
		font-size: 16px;
		padding-top: 25px;
	
	}
	
	#containerMain.page_borrow .conversationContainer, #containerMain.page_lend .conversationContainer {
		padding-top: calc(25px * 2);
		margin-top: calc(25px * 10);
	
	}
	
	#containerMain.page_borrow .conversationContainer .timeline, #containerMain.page_lend .conversationContainer .timeline {
		display: none;
	
	}
	
	#containerMain.page_borrow .conversationContainer .messageItem .content, #containerMain.page_borrow .conversationContainer .messageItem .closed, #containerMain.page_borrow .conversationContainer .actionBox .content, #containerMain.page_borrow .conversationContainer .actionBox .closed, #containerMain.page_lend .conversationContainer .messageItem .content, #containerMain.page_lend .conversationContainer .messageItem .closed, #containerMain.page_lend .conversationContainer .actionBox .content, #containerMain.page_lend .conversationContainer .actionBox .closed {
		width: calc(75%);/*
					.profilImage {
						display: block;
						position: absolute;
						top: 0;
						
						width: 40px;
						height: 40px;
					}
*/
	
	}
	
	/*
				.profilImage {
						right: -60px;
					}
*/
	
	#containerMain.page_borrow .conversationContainer .messageItem.right .content .date, #containerMain.page_borrow .conversationContainer .messageItem .closed.right .date, #containerMain.page_borrow .conversationContainer .actionBox.right .content .date, #containerMain.page_borrow .conversationContainer .actionBox .closed.right .date, #containerMain.page_lend .conversationContainer .messageItem.right .content .date, #containerMain.page_lend .conversationContainer .messageItem .closed.right .date, #containerMain.page_lend .conversationContainer .actionBox.right .content .date, #containerMain.page_lend .conversationContainer .actionBox .closed.right .date {
		right: 2px;
		left: auto;
	
	}
	
	#containerMain.page_borrow .conversationContainer .messageItem.right .content::before, #containerMain.page_borrow .conversationContainer .messageItem .closed.right::before, #containerMain.page_borrow .conversationContainer .actionBox.right .content::before, #containerMain.page_borrow .conversationContainer .actionBox .closed.right::before, #containerMain.page_lend .conversationContainer .messageItem.right .content::before, #containerMain.page_lend .conversationContainer .messageItem .closed.right::before, #containerMain.page_lend .conversationContainer .actionBox.right .content::before, #containerMain.page_lend .conversationContainer .actionBox .closed.right::before {
		right: 12px;
		top: -7px;
		left: auto;
	
	}
	
	/*
					.profilImage {
						left: -60px;
					}
*/
	
	#containerMain.page_borrow .conversationContainer .messageItem.left .content .date, #containerMain.page_borrow .conversationContainer .messageItem .closed.left .date, #containerMain.page_borrow .conversationContainer .actionBox.left .content .date, #containerMain.page_borrow .conversationContainer .actionBox .closed.left .date, #containerMain.page_lend .conversationContainer .messageItem.left .content .date, #containerMain.page_lend .conversationContainer .messageItem .closed.left .date, #containerMain.page_lend .conversationContainer .actionBox.left .content .date, #containerMain.page_lend .conversationContainer .actionBox .closed.left .date {
		left: 2px;
		right: auto;
	
	}
	
	#containerMain.page_borrow .conversationContainer .messageItem.left .content::before, #containerMain.page_borrow .conversationContainer .messageItem .closed.left::before, #containerMain.page_borrow .conversationContainer .actionBox.left .content::before, #containerMain.page_borrow .conversationContainer .actionBox .closed.left::before, #containerMain.page_lend .conversationContainer .messageItem.left .content::before, #containerMain.page_lend .conversationContainer .messageItem .closed.left::before, #containerMain.page_lend .conversationContainer .actionBox.left .content::before, #containerMain.page_lend .conversationContainer .actionBox .closed.left::before {
		left: 12px;
		top: -7px;
		right: auto;
	
	}
	
	#containerMain.page_borrow .conversationContainer .messageItem .actionContent, #containerMain.page_borrow .conversationContainer .actionBox .actionContent, #containerMain.page_lend .conversationContainer .messageItem .actionContent, #containerMain.page_lend .conversationContainer .actionBox .actionContent {
		width: 500px/*
		.profilImage {
						right: -65px;
						
					}
*/
	
	}
	
	#containerMain.page_borrow .conversationContainer .messageItem .actionContent::before, #containerMain.page_borrow .conversationContainer .actionBox .actionContent::before, #containerMain.page_lend .conversationContainer .messageItem .actionContent::before, #containerMain.page_lend .conversationContainer .actionBox .actionContent::before {
		right: 12px;
		top: -9px;
		left: auto;
	
	}
	
	#containerMain.page_borrow .conversationContainer .messageItem.both .content, #containerMain.page_borrow .conversationContainer .actionBox.both .content, #containerMain.page_lend .conversationContainer .messageItem.both .content, #containerMain.page_lend .conversationContainer .actionBox.both .content {
		width: calc(100% + (25px*2));
		margin-left: -25px;
	
	}
	
	#containerMain.page_borrow .conversationContainer .messageItem.both .content::before, #containerMain.page_borrow .conversationContainer .actionBox.both .content::before, #containerMain.page_lend .conversationContainer .messageItem.both .content::before, #containerMain.page_lend .conversationContainer .actionBox.both .content::before {
		display: none;
	
	}
	
	.profilLendWrap .listContainer .itemLend .von, .profilLendWrap .listContainer .itemLend .bis, .profilBorrowWrap .listContainer .itemLend .von, .profilBorrowWrap .listContainer .itemLend .bis {
		width: calc((100% - (250px * 1.25) - (5px*2)) / 2);
		height: 250px;
	
	}
	
	.profilLendWrap .listContainer .itemLend .von .title, .profilLendWrap .listContainer .itemLend .bis .title, .profilBorrowWrap .listContainer .itemLend .von .title, .profilBorrowWrap .listContainer .itemLend .bis .title {
		margin-top: calc(5px*4);
		margin-bottom: calc(5px*4);
	
	}
	
	.profilLendWrap .listContainer .itemLend .von .date, .profilLendWrap .listContainer .itemLend .bis .date, .profilBorrowWrap .listContainer .itemLend .von .date, .profilBorrowWrap .listContainer .itemLend .bis .date {}
	
	.profilLendWrap .listContainer .itemLend .von .date::after, .profilLendWrap .listContainer .itemLend .bis .date::after, .profilBorrowWrap .listContainer .itemLend .von .date::after, .profilBorrowWrap .listContainer .itemLend .bis .date::after {
		display: none;
	
	}
	
	.profilLendWrap .listContainer .itemLend .von .date, .profilLendWrap .listContainer .itemLend .von .time, .profilLendWrap .listContainer .itemLend .bis .date, .profilLendWrap .listContainer .itemLend .bis .time, .profilBorrowWrap .listContainer .itemLend .von .date, .profilBorrowWrap .listContainer .itemLend .von .time, .profilBorrowWrap .listContainer .itemLend .bis .date, .profilBorrowWrap .listContainer .itemLend .bis .time {
		font-family: Roboto-Light;
		font-size: 40px;
		float: left;
		display: block;
	
	}
	
	.profilLendWrap .listContainer .itemLend .von .time, .profilLendWrap .listContainer .itemLend .bis .time, .profilBorrowWrap .listContainer .itemLend .von .time, .profilBorrowWrap .listContainer .itemLend .bis .time {
		font-size: 30px;
	
	}
	
	.profilLendWrap .listContainer .itemLend .closed .title, .profilBorrowWrap .listContainer .itemLend .closed .title {
		margin-top: calc(5px*4);
	
	}
	
	.profilLendWrap .listContainer .itemLend .von, .profilLendWrap .listContainer .itemLend .closed, .profilBorrowWrap .listContainer .itemLend .von, .profilBorrowWrap .listContainer .itemLend .closed{
		padding-top: calc(5px*2);
	
	}
	
	.profilLendWrap .listContainer .itemLend .bis, .profilBorrowWrap .listContainer .itemLend .bis {
		padding-top: calc(5px*2);
	
	}
}


@media all and (max-width: 769px) {

	
	/* site */
	/*		background: yellow;*/
	header.site nav {
		margin-left: calc(25px*1);
	
	}
	header.site nav a.info span {
		display: none;
	
	}
	header.site a.profil {
		margin-right: calc(25px*1);
		padding-left: 0;
	
	}
	header.site a.profil .name {
		display: none;
	
	}
	
	footer .content {
		padding-left: calc(25px*1);
		padding-right: calc(25px*1);
	
	}
	.landingPageWrap footer .content {
		padding-left: calc(25px*2);
		padding-right: calc(25px*2);
	
	}

	#contextBoxWrap.category {
		width: calc(100% - (25px*2));
		margin-left: calc(((100% - (25px*2)) * -1) + (25px/2));
	}

	#contextBoxWrap.category .itemCategory {
		width: calc((100% / 3) - (5px/3*(3 - 1)))
	
	}

	#contextBoxWrap.category .itemCategory:nth-child(5n+1) {
		margin-left: 5px;
	
	}

	#contextBoxWrap.category .itemCategory:nth-child(3n+1) {
		margin-left: 0;
	
	}

	#contextBoxWrap.category.filtered {
		margin-left: calc(((100% - (25px*2)) * -1) + (25px/2) + 65px);
	
	}
	
	#containerMain .itemObject, .profilObjectWrap .itemObject {
		width: calc((100% / 2) - (5px / 2*1))
	
	}
	
	#containerMain .itemObject:nth-child(3n+1), .profilObjectWrap .itemObject:nth-child(3n+1) {
		margin-left: 5px;
	
	}
	
	#containerMain .itemObject:nth-child(2n+1), .profilObjectWrap .itemObject:nth-child(2n+1) {
		margin-left: 0;
	
	}
	
	
	#containerMain h1 {
		font-size: 35px;
		line-height: 46px;
		margin-bottom: calc(5px*4);
	
	}
	
	
	#containerMain .topBar .nav .labelNav span.label {
		display: none;
	
	}
	
	
	#containerMain .topBar a.back span.short {
		display: block;
	
	}
	
	
	#containerMain .topBar a.back span.long {
		display: none;
	
	}
	
	
	#containerMain .objectContentWrapper .topContainer {
		padding-left: calc(25px*1);
		padding-right: calc(25px*1);
	
	}
	
	
	#containerMain .objectContentWrapper .topBox {
		margin-left: calc(25px*1);
		margin-right: calc(25px*1);
	
	}
	
	
	#containerMain .objectContentWrapper .previewRow h2, #containerMain .objectContentWrapper .previewRow .buttons {
		padding-left: calc(25px*1);
	
	}
	
	
	
	.page_object .objectInfo {
		width: 100%;
	
	}
	
	
	
	.page_object .requestInfo {
		width: 100%;
		margin-left: 0;
		margin-top: calc(25px*2);
	
	}
	
	
	
	.page_object .requestInfo .containerContact {
		width: calc(100% - 345px - 25px);
		margin-right: 25px;
	
	}
	
	.profilBaseWrap .contact .group .person1, .profilBaseWrap .contact .group .person2 {
		width: 100%;
	
	}
	
	.profilBaseWrap .contact .group .person2 {
		margin-top: 5px;
	
	}
	
	.profilLendWrap .listContainer .itemLend .von, .profilLendWrap .listContainer .itemLend .bis, .profilBorrowWrap .listContainer .itemLend .von, .profilBorrowWrap .listContainer .itemLend .bis {
		width: calc((100% - (250px * 1.25) - (5px*1)));
		height: 125px;
		min-height: 0;
	
	}
	
	.profilLendWrap .listContainer .itemLend .von .title, .profilLendWrap .listContainer .itemLend .bis .title, .profilBorrowWrap .listContainer .itemLend .von .title, .profilBorrowWrap .listContainer .itemLend .bis .title {
		margin-top: 0;
		margin-bottom: calc(5px*2);
	
	}
	
	.profilLendWrap .listContainer .itemLend .von .date, .profilLendWrap .listContainer .itemLend .bis .date, .profilBorrowWrap .listContainer .itemLend .von .date, .profilBorrowWrap .listContainer .itemLend .bis .date {
		margin-bottom:calc(5px*1)
	
	}
	
	.profilLendWrap .listContainer .itemLend .von .date::after, .profilLendWrap .listContainer .itemLend .bis .date::after, .profilBorrowWrap .listContainer .itemLend .von .date::after, .profilBorrowWrap .listContainer .itemLend .bis .date::after {
		display: inline;
	
	}
	
	.profilLendWrap .listContainer .itemLend .von .date, .profilLendWrap .listContainer .itemLend .von .time, .profilLendWrap .listContainer .itemLend .bis .date, .profilLendWrap .listContainer .itemLend .bis .time, .profilBorrowWrap .listContainer .itemLend .von .date, .profilBorrowWrap .listContainer .itemLend .von .time, .profilBorrowWrap .listContainer .itemLend .bis .date, .profilBorrowWrap .listContainer .itemLend .bis .time {
		font-family: Roboto-Regular;
		font-size: 22px;
		float: none;
		display: inline;
	
	}
	
	.profilLendWrap .listContainer .itemLend .closed, .profilBorrowWrap .listContainer .itemLend .closed {
		width: calc((100% - (250px * 1.25) - (5px*1)));
		min-height: 250px;
	
	}
	
	.profilLendWrap .listContainer .itemLend .closed .title, .profilBorrowWrap .listContainer .itemLend .closed .title {
		margin-top: 0;
	
	}
	
	.profilLendWrap .listContainer .itemLend .von, .profilLendWrap .listContainer .itemLend .closed, .profilBorrowWrap .listContainer .itemLend .von, .profilBorrowWrap .listContainer .itemLend .closed{
		padding-top: calc(5px*8);
	
	}
	
	.profilLendWrap .listContainer .itemLend .bis, .profilBorrowWrap .listContainer .itemLend .bis {
		padding-top: calc(5px*2);
	
	}
	
	#containerMain.page_borrow .header .img, #containerMain.page_lend .header .img {
		width: 146px;
		height: calc(146px * 0.75);
	
	}
	
	#containerMain.page_borrow .header .firstPerson, #containerMain.page_lend .header .firstPerson {
		width: calc(50% - (146px / 2) - (25px*1));
	
	}
	
	#containerMain.page_borrow .conversationContainer, #containerMain.page_lend .conversationContainer {
		margin-top: calc(25px * 9);
	
	}
	
	#containerMain.page_borrow .conversationContainer .actionBox .actionContent, #containerMain.page_lend .conversationContainer .actionBox .actionContent {
		width: calc(100% - 100px - 25px);
	
	}
}


/**  
* smartphone screens
* - $space-small/2
*/
@media all and (max-width: 624px) {
	/* text */
	h1, #containerMain h1, #containerMain.page_info .contentContainer .text h1 {
		font-size: 30px;
		line-height: 37px;
	}
	h2, #containerMain h2 {
		font-size: 23px;
		line-height: 28px;
	}
	
	
	#containerMain.page_info .contentContainer .text p {
		font-size: 18px;
		line-height: 26px;
	}
	
	
	
	
	span.mark {
		width: 15px;
		height: 15px;
	}
	
	/* landing-page */
	.landingPageWrap header.landingPage .content {
		padding: 25px;
	
	}
	.landingPageWrap header.landingPage .content img.logo {
		width: 82px;
		margin-bottom: 15px;
		margin-top: -5px;
	
	}
	.landingPageWrap header.landingPage .content h2 {
		font-size: 21px;
		line-height: 28px;
	
	}
	.landingPageWrap header.landingPage .content .buttons {
		top: 25px;
		right: 25px;
	
	}
	.landingPageWrap header.landingPage .content .buttons a.bt_dark {
		font-size: 12px;
		padding: 0 calc(5px*2);
		padding-right: calc((5px*2) + 10px + 10px);
		height: 29px;
		line-height: 30px;
		background-position: calc(100% - (5px*2)) center;
	
	}
	.landingPageWrap section.headerBG {
		background-position: center top;
		background-size: 370%;
	
	}
	.landingPageWrap section.main .titleAdd {
		font-size: 18px;
		line-height: 25px;
		margin-bottom: 10px;
		padding-top: calc(25px);
	
	}
	.landingPageWrap section.main h2 {
		font-size: 30px;
		line-height: 37px;
		margin-bottom: 20px;
	
	}
	.landingPageWrap section.main p {
		font-size: 18px;
		line-height: 26px;
	
	}
	.landingPageWrap section.main .rowDescription, .landingPageWrap section.main .rowInspiration, .landingPageWrap section.main .rowPostit, .landingPageWrap section.main .rowSettlements, .landingPageWrap section.main .rowUse, .landingPageWrap section.main .exist, .landingPageWrap section.main .notYet {
		width: 100%;
		padding: 25px;
		margin-bottom: 0;
	
	}
	.landingPageWrap section.main .rowInspirationImages .imageWrap {
		width: calc((100%/2) - ((5px/2) / 2*1));
		margin: 0;
		margin-left: calc(5px/2);
		margin-bottom: calc(5px/2)
	
	}
	.landingPageWrap section.main .rowInspirationImages .imageWrap:nth-child(2n+1) {
		margin-left: 0;
	
	}
	.landingPageWrap section.main .rowUse .notYet {
		margin-bottom: calc(25px);
	
	}
	.landingPageWrap section.main .rowPostitStatements .statement, .landingPageWrap section.main .rowPostitStatements .settlement, .landingPageWrap section.main .rowSettlementImages .statement, .landingPageWrap section.main .rowSettlementImages .settlement {
		width: 100%;
		margin: 0;
		margin-bottom: calc(25px*2)
	
	}
	.landingPageWrap section.main .rowPostitStatements .statement:nth-child(3), .landingPageWrap section.main .rowPostitStatements .settlement:nth-child(3), .landingPageWrap section.main .rowSettlementImages .statement:nth-child(3), .landingPageWrap section.main .rowSettlementImages .settlement:nth-child(3) {
		margin-bottom: 0;
	
	}
	.landingPageWrap section.main .rowPostitStatements .statement .text {
		font-size: 16px;
		line-height: 22px;
	
	}
	.landingPageWrap section.main .rowSettlementImages .settlement .text {
		font-size: 16px;
	
	}
	.landingPageWrap section.main .rowSettlementImages .btContainer {
		float: left;
		margin-left: 25px;
	
	}
	.landingPageWrap footer .content {
		padding-left: calc(25px*1);
		padding-right: calc(25px*1);
	
	}
	
	/* site */
	header.site {
/*		background: orange; */
		height: 50px;
	}
	header.site .containerLogo {
		left: calc(5px*3);
		text-align: left;
		line-height: 49px;
		width: auto;
	
	}
	header.site .containerLogo img {
		width: 63px;
	
	}
	
	#contextBoxWrap.category.filtered {
		position: fixed;
		width: 100vw;
		height: 100vh;
		overflow: scroll;
		top: 0;
		left: 0;
		margin: 0;
		padding-top: 60px;
		padding-bottom: 90px;
		
		z-index: 30;
	}
	
	#contextBoxWrap.category.filtered > a {
		top: calc(25px + 40px);
	
	}
	
	#contextBoxWrap.category.filtered .content {
		float: left;
		width: calc(100% + (25px*2));
		margin-left: -25px;
		margin-top: calc(5px*2);
	
	}
	
	#contextBoxWrap.category.filtered .content h2 {
		margin-top: 4px;
	
	}
	
	#contextBoxWrap.category.filtered .content .itemCategory {
		width: calc((100% / 2) - (5px/2*(2 - 1)))
	
	}
	
	#contextBoxWrap.category.filtered .content .itemCategory:nth-child(3n+1) {
		margin-left: 5px;
	
	}
	
	#contextBoxWrap.category.filtered .content .itemCategory:nth-child(2n+1) {
		margin-left: 0;
	
	}
	
	#contextBoxWrap.category.filtered .content .itemCategory:active {
		-webkit-transform: none;
		transform: none;
	
	}
	
	#contextBoxWrap.category.filtered .header {
		display: block;
	
	}
	
	#contextBoxWrap.category.filtered::before {
		display: none;
	
	}
	
	
	
	#containerMain .topBar {
		height: 50px;
		padding: calc(5px*2) calc(5px*2);
	
	}
	
	
	
	#containerMain .topBar .nav {
		margin-left: calc(5px*2);
	
	}
	
	
	
	#containerMain .topBar .nav a {
		margin-left: calc(5px*2);
	
	}
	
	
	
	#containerMain .topBar .nav a span {
		display: none;
	
	}
	
	
	
	#containerMain .topBar .nav .labelNav span.label {
		display: none;
	
	}
	
	
	
	#containerMain .topBar .edit {
		display: none;
	
	}
	
	
	
	#containerMain .contentContainer {
		min-height: calc(100vh - 50px);
		margin-top: 50px;
	
	}
	
	
	
	#containerMain .objectContentWrapper .topContainer {
		height: 350px;
		min-height: 350px;
		padding-top: calc(25px*4);
	
	}
	
	
	
	#containerMain .objectContentWrapper .topContainer .searchContainer {
		height: 48px;
	
	}
	
	
	
	#containerMain .objectContentWrapper .topContainer .searchContainer input, #containerMain .objectContentWrapper .topContainer .searchContainer .input {
		height: 30px;
		line-height: 30px;
		font-size: 18px;/*padding-left: calc($space-small*3);*/
		display: none;
	
	}
	
	
	
	#containerMain .objectContentWrapper .topContainer .searchContainer .input {
		display: block;
		line-height: 27px;
	
	}
	
	
	
	#containerMain .objectContentWrapper .topContainer .searchContainer .buttons {
		width: 115px;
	
	}
	
	
	
	#containerMain .objectContentWrapper .topContainer .searchContainer .buttons a.category {
		display: none;
	
	}
	
	
	
	#containerMain .objectContentWrapper .topContainer .searchContainer .buttons a {
		top: 5px;
		margin-right: 5px;
		padding: 0;
		width: 45px;
		height: 36px;
	
	}
	
	
	
	#containerMain .objectContentWrapper .topContainer.filtered {
		height: 98px;
		min-height: 0;
		margin-top: 50px;
	
	}
	
	
	
	#containerMain .objectContentWrapper .topContainer.filtered .searchContainer input, #containerMain .objectContentWrapper .topContainer.filtered .searchContainer .input {
		margin-top: 9px;
		display: block;
		font-size: 16px;
	
	}
	
	
	
	#containerMain .objectContentWrapper .topContainer.filtered .searchContainer .input {
		display: none;
	
	}
	
	
	
	#containerMain .objectContentWrapper .topContainer.filtered .searchContainer .buttons a.category {
		display: block;
	
	}
	
	
	
	#containerMain .objectContentWrapper .previewRow {
		margin-top: 25px;
	
	}
	
	
	
	#containerMain .objectContentWrapper .previewRow h2 {
		margin-bottom: 25px;
	
	}
	
	
	
	#containerMain .objectContentWrapper .previewRow .buttons {
		margin-top: 25px;
	
	}
	
	

	body.scroll-header #containerMain .topBar, body.scroll-up #containerMain .topBar {
		-webkit-transform: translateY(50px);
		transform: translateY(50px);
	
	}
	
	body.scroll-header.scroll-conversation #containerMain .header, body.scroll-up.scroll-conversation #containerMain .header {
		-webkit-transform: translateY(50px);
		transform: translateY(50px);
	
	}
	
	

	
	
	#containerMain.page_object .contentContainer.hasTopBar {
		padding-top: calc(25px + 50px);
	}
	.page_object .objectInfo .containerImage .footer {
		padding: calc(5px * 4);
	
	}
	.page_object .objectInfo .containerImage .footer .profilImage {
		margin-left: 0;
		margin-right: calc(5px*3);
	
	}
	.page_object .objectInfo .containerImage .footer .accountName, .page_object .objectInfo .containerImage .footer .address {
		width: calc(100% - 75px);
	
	}
	.page_object .objectInfo .containerImage .footer .accountName {
		font-size: 20px;
		line-height: 24px;
	
	}
	.page_object .objectInfo .containerText {
		padding: 25px;
		padding-bottom: 0;
	
	}
	.page_object .objectInfo .containerText .textRow .text {
		float: left;
		width: 100%;
	
	}
	.page_object .objectInfo .containerText .textRow .label {
		float: left;
		width: 100%;
		margin-right: 0;
		text-align: left;
	
	}
	.page_object .requestInfo .containerContact {
		width: 100%;
		margin-right: 0;
	
	}
	.page_object .requestInfo .containerRequest {
		width: 100%;
	
	}
	
	body.touch-device #containerMain .itemObject {
		
		
		
		width: calc((100% / 2) - ((5px/2) / 2*1));
		margin-left: calc(5px/2);
		
		
		
		
	}
	
	body.touch-device #containerMain .itemObject .info .profilImage {
		width: 38px;
		height: 38px;
		margin: 0;
		margin-right: 5px;
	
	}
	
	body.touch-device #containerMain .itemObject .info .profilImage .objectName, body.touch-device #containerMain .itemObject .info .profilImage .accountName {
		line-height: 16px;
	
	}
	
	body.touch-device #containerMain .itemObject:nth-child(3n+1) {
		margin-left: calc(5px/2);
	
	}
	
	body.touch-device #containerMain .itemObject:nth-child(2n+1) {
		margin-left: 0;
	
	}
	
	.profilBaseWrap .profilImage {
		margin-bottom: 25px
	
	}
	
	.profilBaseWrap .contact {
		width: 100%;
	
	}
	
	.profilBaseWrap .contact .group .person1, .profilBaseWrap .contact .group .person2 {
		width: 50%;
	
	}
	
	.profilBaseWrap .contact .group .person2 {
		margin-top: 0;
	
	}
	
	.profilBaseWrap .description {
		padding-left: 0;
	
	}
		

	
	
	footer .content {
		padding-left: calc(25px*1);
		padding-right: calc(25px*1);
	}
		

	
	
	footer .content .top .slogan, footer .content .bottom {
		font-size: 14px;
	
	}
	
	
	/* modal */
	.modal-dialog {
		width: 100%;
		margin: 0;
		height: 100vh;
	}
	.modal-dialog .modal-content {
		height: 100vh;
	
	}
	.modal-dialog .modal-content .modalBody {
		height: calc(100vh - 130px);
		max-height: none;
		padding: 25px;
	
	}
	.modal-dialog .modal-content .modalBody form .fromText p {
		font-size: 14px;
		line-height: 20px;
	
	}
	/*
				.formRow {
					width: calc(100% - (2*25px));
					margin-left: calc(1*25px);
				}
				*/
	.modal-dialog .modal-content .modalBody .formRowImage {
		width: calc(100% + (25px*2));
		margin-left: -25px;
		margin-top: -25px;
	
	}
	.modal-dialog .modal-content .modalBody .formRowImage .picAdd {
		width: 90px;
		height: 90px;
		margin: 0 5px;
	
	}
	
	.modalBody.lendCheckData form .buttonRow a {
		margin: calc(5px *2) calc(25px *2);
		margin-top: 0;
	
	}
	
	
	#contextBoxWrap.timepicker {
		width: calc(100% - (25px * 4));
	}
	
	#contextBoxWrap.boxGet, #contextBoxWrap.boxBack {
		position: fixed;
		
		margin-left: calc(50% - 150px);

	}
	
	.profilLendWrap .listContainer, .profilBorrowWrap .listContainer {
		width: calc(100% + (25px*2));
		margin-left: calc((25px*1) * -1);
	
	}
	
	.profilLendWrap .listContainer .itemLend .what, .profilBorrowWrap .listContainer .itemLend .what {
		width: calc(200px * 1.25);
	
	}
	
	.profilLendWrap .listContainer .itemLend .closed, .profilLendWrap .listContainer .itemLend .what, .profilBorrowWrap .listContainer .itemLend .closed, .profilBorrowWrap .listContainer .itemLend .what {
		min-height: 200px;
	
	}
	
	.profilLendWrap .listContainer .itemLend .von, .profilLendWrap .listContainer .itemLend .bis, .profilBorrowWrap .listContainer .itemLend .von, .profilBorrowWrap .listContainer .itemLend .bis {
		width: calc((100% - (200px * 1.25) - (5px*1)));
		height: 100px;
	
	}
	
	.profilLendWrap .listContainer .itemLend .closed, .profilBorrowWrap .listContainer .itemLend .closed {
		width: calc((100% - (200px * 1.25) - (5px*1)));
	
	}
	
	.profilLendWrap .listContainer .itemLend .von, .profilLendWrap .listContainer .itemLend .closed, .profilBorrowWrap .listContainer .itemLend .von, .profilBorrowWrap .listContainer .itemLend .closed {
		padding-top: calc(5px*6);
	
	}
	
	.profilLendWrap .listContainer h2.past, .profilBorrowWrap .listContainer h2.past {
		padding-left: 25px;
	
	}
	
	body.scroll-conversation #containerMain.page_borrow .header, body.scroll-conversation #containerMain.page_lend .header {
		padding-top: calc((5px*2) + 52px);
		padding-left: calc(5px *2);
		padding-right: calc(5px *2);
	
	}
	
	body.scroll-conversation #containerMain.page_borrow .header .arrowBG, body.scroll-conversation #containerMain.page_lend .header .arrowBG {
		top: calc(19px + 52px);
		width: calc(100% - 80px - (5px * 6));
		left: calc(50% - ((100% - 80px - (5px * 6)) / 2));
	
	}

	#containerMain.page_borrow .header, #containerMain.page_lend .header {
		padding: calc(5px * 2);
		padding-top: calc((5px * 2) + 52px);
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	
	}

	#containerMain.page_borrow .header .arrowBG, #containerMain.page_lend .header .arrowBG {
		top: 72px;
		width: calc(100% - 145px - (5px * 6));
		left: calc(50% - ((100% - 210px - (5px * 6)) / 2));
	
	}

	#containerMain.page_borrow .header .profilImage, #containerMain.page_lend .header .profilImage {
		width: 40px;
		height: 40px;
	
	}

	#containerMain.page_borrow .header .img, #containerMain.page_lend .header .img {
		width: 65px;
		height: calc(65px * 0.75);
	
	}

	#containerMain.page_borrow .header .img .info, #containerMain.page_lend .header .img .info {
		display: none;
	
	}

	#containerMain.page_borrow .header .firstPerson, #containerMain.page_lend .header .firstPerson {
		width: calc(50% - (65px / 2) - (25px*1));
	
	}

	#containerMain.page_borrow .header .firstPerson .info, #containerMain.page_lend .header .firstPerson .info {
		width: calc(100% - 40px);
		padding-top: 5px;
		padding-left: 10px;
	
	}

	#containerMain.page_borrow .header .firstPerson .info > .name, #containerMain.page_lend .header .firstPerson .info > .name {
		display: inline-block;
		position: relative;
		padding-top: 5px;
		padding-right: 5px;
		background: white;
		font-size: 14px;
	
	}

	#containerMain.page_borrow .header .firstPerson .info a span.name, #containerMain.page_lend .header .firstPerson .info a span.name {
		display: none;
	
	}

	#containerMain.page_borrow .conversationContainer, #containerMain.page_lend .conversationContainer {
		padding: calc(5px * 2);
		padding-top: calc(25px * 1);
		margin-top: calc(5px * 23);
	
	}

	#containerMain.page_borrow .conversationContainer .messageItem, #containerMain.page_lend .conversationContainer .messageItem {
		margin-bottom: calc(25px * 2);
	
	}

	#containerMain.page_borrow .conversationContainer .messageItem .content, #containerMain.page_borrow .conversationContainer .messageItem .closed, #containerMain.page_borrow .conversationContainer .actionBox .content, #containerMain.page_borrow .conversationContainer .actionBox .closed, #containerMain.page_lend .conversationContainer .messageItem .content, #containerMain.page_lend .conversationContainer .messageItem .closed, #containerMain.page_lend .conversationContainer .actionBox .content, #containerMain.page_lend .conversationContainer .actionBox .closed {
		width: calc(100% - (5px * 9));
	
	}

	#containerMain.page_borrow .conversationContainer .messageItem .content > .title, #containerMain.page_borrow .conversationContainer .messageItem .closed > .title, #containerMain.page_borrow .conversationContainer .actionBox .content > .title, #containerMain.page_borrow .conversationContainer .actionBox .closed > .title, #containerMain.page_lend .conversationContainer .messageItem .content > .title, #containerMain.page_lend .conversationContainer .messageItem .closed > .title, #containerMain.page_lend .conversationContainer .actionBox .content > .title, #containerMain.page_lend .conversationContainer .actionBox .closed > .title {
		line-height: 18px;
		font-size: 14px;
		padding: 10px calc(5px*2);
	
	}

	#containerMain.page_borrow .conversationContainer .messageItem .content .dates, #containerMain.page_borrow .conversationContainer .messageItem .content .suggestions, #containerMain.page_borrow .conversationContainer .messageItem .content .message, #containerMain.page_borrow .conversationContainer .messageItem .content .text, #containerMain.page_borrow .conversationContainer .messageItem .closed .dates, #containerMain.page_borrow .conversationContainer .messageItem .closed .suggestions, #containerMain.page_borrow .conversationContainer .messageItem .closed .message, #containerMain.page_borrow .conversationContainer .messageItem .closed .text, #containerMain.page_borrow .conversationContainer .actionBox .content .dates, #containerMain.page_borrow .conversationContainer .actionBox .content .suggestions, #containerMain.page_borrow .conversationContainer .actionBox .content .message, #containerMain.page_borrow .conversationContainer .actionBox .content .text, #containerMain.page_borrow .conversationContainer .actionBox .closed .dates, #containerMain.page_borrow .conversationContainer .actionBox .closed .suggestions, #containerMain.page_borrow .conversationContainer .actionBox .closed .message, #containerMain.page_borrow .conversationContainer .actionBox .closed .text, #containerMain.page_lend .conversationContainer .messageItem .content .dates, #containerMain.page_lend .conversationContainer .messageItem .content .suggestions, #containerMain.page_lend .conversationContainer .messageItem .content .message, #containerMain.page_lend .conversationContainer .messageItem .content .text, #containerMain.page_lend .conversationContainer .messageItem .closed .dates, #containerMain.page_lend .conversationContainer .messageItem .closed .suggestions, #containerMain.page_lend .conversationContainer .messageItem .closed .message, #containerMain.page_lend .conversationContainer .messageItem .closed .text, #containerMain.page_lend .conversationContainer .actionBox .content .dates, #containerMain.page_lend .conversationContainer .actionBox .content .suggestions, #containerMain.page_lend .conversationContainer .actionBox .content .message, #containerMain.page_lend .conversationContainer .actionBox .content .text, #containerMain.page_lend .conversationContainer .actionBox .closed .dates, #containerMain.page_lend .conversationContainer .actionBox .closed .suggestions, #containerMain.page_lend .conversationContainer .actionBox .closed .message, #containerMain.page_lend .conversationContainer .actionBox .closed .text {
		padding: calc(5px*2);
		font-size: 14px;
		line-height: 18px;
	
	}

	#containerMain.page_borrow .conversationContainer .messageItem .content .dates .day, #containerMain.page_borrow .conversationContainer .messageItem .content .suggestions .day, #containerMain.page_borrow .conversationContainer .messageItem .content .message .day, #containerMain.page_borrow .conversationContainer .messageItem .content .text .day, #containerMain.page_borrow .conversationContainer .messageItem .closed .dates .day, #containerMain.page_borrow .conversationContainer .messageItem .closed .suggestions .day, #containerMain.page_borrow .conversationContainer .messageItem .closed .message .day, #containerMain.page_borrow .conversationContainer .messageItem .closed .text .day, #containerMain.page_borrow .conversationContainer .actionBox .content .dates .day, #containerMain.page_borrow .conversationContainer .actionBox .content .suggestions .day, #containerMain.page_borrow .conversationContainer .actionBox .content .message .day, #containerMain.page_borrow .conversationContainer .actionBox .content .text .day, #containerMain.page_borrow .conversationContainer .actionBox .closed .dates .day, #containerMain.page_borrow .conversationContainer .actionBox .closed .suggestions .day, #containerMain.page_borrow .conversationContainer .actionBox .closed .message .day, #containerMain.page_borrow .conversationContainer .actionBox .closed .text .day, #containerMain.page_lend .conversationContainer .messageItem .content .dates .day, #containerMain.page_lend .conversationContainer .messageItem .content .suggestions .day, #containerMain.page_lend .conversationContainer .messageItem .content .message .day, #containerMain.page_lend .conversationContainer .messageItem .content .text .day, #containerMain.page_lend .conversationContainer .messageItem .closed .dates .day, #containerMain.page_lend .conversationContainer .messageItem .closed .suggestions .day, #containerMain.page_lend .conversationContainer .messageItem .closed .message .day, #containerMain.page_lend .conversationContainer .messageItem .closed .text .day, #containerMain.page_lend .conversationContainer .actionBox .content .dates .day, #containerMain.page_lend .conversationContainer .actionBox .content .suggestions .day, #containerMain.page_lend .conversationContainer .actionBox .content .message .day, #containerMain.page_lend .conversationContainer .actionBox .content .text .day, #containerMain.page_lend .conversationContainer .actionBox .closed .dates .day, #containerMain.page_lend .conversationContainer .actionBox .closed .suggestions .day, #containerMain.page_lend .conversationContainer .actionBox .closed .message .day, #containerMain.page_lend .conversationContainer .actionBox .closed .text .day {
		width: 89px;
	
	}

	#containerMain.page_borrow .conversationContainer .messageItem .content .suggestions, #containerMain.page_borrow .conversationContainer .messageItem .closed .suggestions, #containerMain.page_borrow .conversationContainer .actionBox .content .suggestions, #containerMain.page_borrow .conversationContainer .actionBox .closed .suggestions, #containerMain.page_lend .conversationContainer .messageItem .content .suggestions, #containerMain.page_lend .conversationContainer .messageItem .closed .suggestions, #containerMain.page_lend .conversationContainer .actionBox .content .suggestions, #containerMain.page_lend .conversationContainer .actionBox .closed .suggestions {
		padding-right: 0;
	
	}

	#containerMain.page_borrow .conversationContainer .messageItem .content .dates .get, #containerMain.page_borrow .conversationContainer .messageItem .content .dates .back, #containerMain.page_borrow .conversationContainer .messageItem .closed .dates .get, #containerMain.page_borrow .conversationContainer .messageItem .closed .dates .back, #containerMain.page_borrow .conversationContainer .actionBox .content .dates .get, #containerMain.page_borrow .conversationContainer .actionBox .content .dates .back, #containerMain.page_borrow .conversationContainer .actionBox .closed .dates .get, #containerMain.page_borrow .conversationContainer .actionBox .closed .dates .back, #containerMain.page_lend .conversationContainer .messageItem .content .dates .get, #containerMain.page_lend .conversationContainer .messageItem .content .dates .back, #containerMain.page_lend .conversationContainer .messageItem .closed .dates .get, #containerMain.page_lend .conversationContainer .messageItem .closed .dates .back, #containerMain.page_lend .conversationContainer .actionBox .content .dates .get, #containerMain.page_lend .conversationContainer .actionBox .content .dates .back, #containerMain.page_lend .conversationContainer .actionBox .closed .dates .get, #containerMain.page_lend .conversationContainer .actionBox .closed .dates .back {
		width: 100%;
	
	}

	#containerMain.page_borrow .conversationContainer .messageItem .content .dates .back, #containerMain.page_borrow .conversationContainer .messageItem .closed .dates .back, #containerMain.page_borrow .conversationContainer .actionBox .content .dates .back, #containerMain.page_borrow .conversationContainer .actionBox .closed .dates .back, #containerMain.page_lend .conversationContainer .messageItem .content .dates .back, #containerMain.page_lend .conversationContainer .messageItem .closed .dates .back, #containerMain.page_lend .conversationContainer .actionBox .content .dates .back, #containerMain.page_lend .conversationContainer .actionBox .closed .dates .back {
		margin-top: calc(5px*3);
	
	}

	#containerMain.page_borrow .conversationContainer .messageItem .content .dates .datum, #containerMain.page_borrow .conversationContainer .messageItem .closed .dates .datum, #containerMain.page_borrow .conversationContainer .actionBox .content .dates .datum, #containerMain.page_borrow .conversationContainer .actionBox .closed .dates .datum, #containerMain.page_lend .conversationContainer .messageItem .content .dates .datum, #containerMain.page_lend .conversationContainer .messageItem .closed .dates .datum, #containerMain.page_lend .conversationContainer .actionBox .content .dates .datum, #containerMain.page_lend .conversationContainer .actionBox .closed .dates .datum {
		font-size: 14px;
		margin-top: calc(5px*1);
	
	}

	#containerMain.page_borrow .conversationContainer .messageItem.both .content, #containerMain.page_borrow .conversationContainer .actionBox.both .content, #containerMain.page_lend .conversationContainer .messageItem.both .content, #containerMain.page_lend .conversationContainer .actionBox.both .content {
		width: calc(100% + (5px * 4));
		margin-left: calc(5px * 2 * -1);
	
	}

	#containerMain.page_borrow .conversationContainer .actionBox .content, #containerMain.page_lend .conversationContainer .actionBox .content {
		width: calc(100%);
	
	}

	#containerMain.page_borrow .conversationContainer .actionBox .content .contentWrap, #containerMain.page_lend .conversationContainer .actionBox .content .contentWrap {
		padding: calc(5px *3);
	
	}

	#containerMain.page_borrow .conversationContainer .actionBox .content .contentWrap h3, #containerMain.page_lend .conversationContainer .actionBox .content .contentWrap h3 {
		font-size: 16px;
		line-height: 20px;
	
	}

	#containerMain.page_borrow .conversationContainer .actionBox .content .contentWrap p, #containerMain.page_lend .conversationContainer .actionBox .content .contentWrap p {
		line-height: 18px;
		font-size: 14px;
	
	}
	
	a.bt_light.small, button.bt_light.small, input.bt_light.small {
		border-width: 1px;
		line-height: 28px;
	}
	
	#containerMain.page_info .contentContainer > .text {
		width: 100%;
		padding: 25px;
	
	}
	
	#containerMain.page_info .contentContainer > .text p {
		font-size: 18px;
		line-height: 26px;
	
	}
}

@media all and (max-width: 530px) {
	.profilLendWrap .listContainer .itemLend .what, .profilBorrowWrap .listContainer .itemLend .what {
		width: 100%;
		height: calc(100vw * 0.75);
	
	}
	.profilLendWrap .listContainer .itemLend .what .info, .profilBorrowWrap .listContainer .itemLend .what .info {
		bottom: calc(5px*6);
	
	}
	.profilLendWrap .listContainer .itemLend .closed, .profilBorrowWrap .listContainer .itemLend .closed {
		position: relative;
		width: 100%;
		margin: 0;
		height: auto;
		min-height: 0;
		padding-bottom: calc(5px*6);
		margin-left: calc(5px * 2);
		width: calc(100% - (5px*4));
		margin-top: calc(5px * 6 * -1);
	
	}
	.profilLendWrap .listContainer .itemLend .von, .profilLendWrap .listContainer .itemLend .bis, .profilBorrowWrap .listContainer .itemLend .von, .profilBorrowWrap .listContainer .itemLend .bis {
		position: relative;
		width: calc(100% - (5px*4));
		text-align: left;
		margin: 0;
		margin-left: calc(5px * 2);
		margin-bottom: 0;
		padding-left: calc((5px * 4) + 10px);
		padding-top: calc(5px * 2);
		height: auto;
	
	}
	.profilLendWrap .listContainer .itemLend .von .date, .profilLendWrap .listContainer .itemLend .von .time, .profilLendWrap .listContainer .itemLend .bis .date, .profilLendWrap .listContainer .itemLend .bis .time, .profilBorrowWrap .listContainer .itemLend .von .date, .profilBorrowWrap .listContainer .itemLend .von .time, .profilBorrowWrap .listContainer .itemLend .bis .date, .profilBorrowWrap .listContainer .itemLend .bis .time {
		font-size: 14px;
		font-family: Roboto-Medium;
	
	}
	.profilLendWrap .listContainer .itemLend .von .date, .profilLendWrap .listContainer .itemLend .bis .date, .profilBorrowWrap .listContainer .itemLend .von .date, .profilBorrowWrap .listContainer .itemLend .bis .date {
		margin-left: 30px;
	
	}
	.profilLendWrap .listContainer .itemLend .von .title, .profilLendWrap .listContainer .itemLend .bis .title, .profilBorrowWrap .listContainer .itemLend .von .title, .profilBorrowWrap .listContainer .itemLend .bis .title {
		margin-bottom: 0;
		font-size: 14px;
	
	}
	.profilLendWrap .listContainer .itemLend .von .title span, .profilLendWrap .listContainer .itemLend .bis .title span, .profilBorrowWrap .listContainer .itemLend .von .title span, .profilBorrowWrap .listContainer .itemLend .bis .title span {
		padding-left: 30px;
		padding-bottom: 2px;
	
	}
	.profilLendWrap .listContainer .itemLend .von, .profilBorrowWrap .listContainer .itemLend .von {
		margin-top: calc(5px * 6 * -1);
		padding-bottom: 0;
	
	}
	.profilLendWrap .listContainer .itemLend .bottomBar, .profilBorrowWrap .listContainer .itemLend .bottomBar {
		text-align: left;
		padding-left: calc(5px*2);
		padding-right: calc(5px*2);
		margin-top: 0;
	
	}
	.profilLendWrap .listContainer .itemLend .bottomBar a, .profilBorrowWrap .listContainer .itemLend .bottomBar a {
		width: 100%;
	
	}
	
	
	
}

@media all and (max-width: 414px) {
	/* site */
	/*		background: purple;*/
	header.site .containerLogo {
		left: calc(5px*2);
	
	}
	
	#contextBoxWrap.category {
		width: calc(100% - (25px*4));
		margin-left: 0;
		width: 200px;
	}
	
	#containerMain .objectContentWrapper .topContainer {
		padding-left: calc(5px*4);
		padding-right: calc(5px*4)
	
	}
	
	#containerMain .objectContentWrapper .topContainer.filtered {
		padding: calc(5px*2);
		height: 68px;
	
	}
	
	#containerMain .objectContentWrapper .topContainer.filtered .searchContainer {
		background-position: calc(5px*2) center;
		background-size: 15px;
	
	}
	
	#containerMain .objectContentWrapper .topContainer.filtered .searchContainer input, #containerMain .objectContentWrapper .topContainer.filtered .searchContainer .input {
		padding-left: calc(5px*7);
		margin-top: 8px;
	
	}
	
	#containerMain .objectContentWrapper .topBox {
		margin-left: calc(5px*3);
		margin-right: calc(5px*3);
	
	}
	
	#containerMain .objectContentWrapper .topBox .text {
		font-size: 14px;
		height: 60px;
		line-height: 60px;
	
	}
	
	#containerMain .objectContentWrapper .topBox a.bt_light {
		top: 15px;
	
	}
	
	#containerMain .objectContentWrapper .previewRow h2, #containerMain .objectContentWrapper .previewRow .buttons {
		padding-left: calc(5px*4);
	
	}
	
	#containerMain .contentContainer {
		padding-left: calc(5px*4);
		padding-right: calc(5px*4);
	
	}
	
	.page_object .objectInfo, .page_object .requestInfo .containerContact, .page_object .requestInfo .containerRequest {
		width: calc(100% + (5px*8));
		margin-left: calc(5px*4 *-1);
	
	}
	
	.page_object .objectInfo .title, .page_object .objectInfo .info, .page_object .objectInfo .content, .page_object .requestInfo .containerContact .title, .page_object .requestInfo .containerContact .info, .page_object .requestInfo .containerContact .content, .page_object .requestInfo .containerRequest .title, .page_object .requestInfo .containerRequest .info, .page_object .requestInfo .containerRequest .content {
		padding-left: calc(5px*4);
		padding-right: calc(5px*4);
	
	}
	
	.page_object .objectInfo .containerText {
		padding: calc(5px*4);
		padding-bottom: 0;
	
	}
	
	.page_object .objectInfo .containerText .textRow .text {
		float: left;
		width: 100%;
	
	}
	
	.page_object .objectInfo .containerText .textRow .label {
		float: left;
		width: 100%;
		margin-right: 0;
		text-align: left;
	
	}

	
	#containerProfil .objectContainer, .profilBaseWrap .objectContainer {
		width: calc(100% + (5px*8));
		margin-left: calc(5px*4 *-1);
	
	}

	
	#containerProfil .contact .group .person1, #containerProfil .contact .group .person2, .profilBaseWrap .contact .group .person1, .profilBaseWrap .contact .group .person2 {
		width: 100%;
	
	}

	
	#containerProfil .contact .group .person2, .profilBaseWrap .contact .group .person2 {
		margin-top: 5px;
	
	}
	
	footer .content {
		padding-left: calc(5px*4);
		padding-right: calc(5px*4);
	}
	
	
	#contextBoxWrap.timepicker {
		width: calc(100% - (5px * 9));
	}
	
	
	.profilLendWrap .listContainer, .profilBorrowWrap .listContainer {
		width: calc(100% + (5px*8));
		margin-left: calc((5px*4) * -1);
	
	}
	
	#containerMain.page_info .contentContainer > .text {
		padding-left: calc(5px*4);
		padding-right: calc(5px*4);
	
	}
	
	
}


/*
@media all and (max-height: 700px) {
	.landingPageWrap section.main {
		margin-top: 640px;
	}
}
*/
input[type=range] {
  width: 300px; }

ul[rn-carousel] {
  overflow: hidden;
  padding: 0;
  white-space: nowrap;
  position: relative;
  -webkit-perspective: 1000px;
  -ms-perspective: 1000px;
  perspective: 1000px;
  -ms-touch-action: pan-y;
  touch-action: pan-y; }
  ul[rn-carousel] > li {
    color: black;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: visible;
    vertical-align: top;
    position: absolute;
    left: 0;
    right: 0;
    white-space: normal;
    padding: 0;
    margin: 0;
    list-style-type: none;
    width: 100%;
    height: 100%;
    display: inline-block; }

/* prevent flickering when moving buffer */
ul[rn-carousel-buffered] > li {
  display: none; }

ul[rn-carousel-transition="hexagon"] {
  overflow: visible; }

/* indicators */
div.rn-carousel-indicator span {
  cursor: pointer;
  color: #666; }
  div.rn-carousel-indicator span.active {
    color: white; }

/* prev/next controls */
.rn-carousel-control {
  -webkit-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out;
  font-size: 2rem;
  position: absolute;
  top: 40%;
  opacity: 0.75;
  cursor: pointer; }
  .rn-carousel-control:hover {
    opacity: 1; }
  .rn-carousel-control.rn-carousel-control-prev {
    left: 0.5em; }
    .rn-carousel-control.rn-carousel-control-prev:before {
      content: "<"; }
  .rn-carousel-control.rn-carousel-control-next {
    right: 0.5em; }
    .rn-carousel-control.rn-carousel-control-next:before {
      content: ">"; }

/*# sourceMappingURL=angular-carousel.css.map */