﻿/* 50th */
/*header #logo {
	background-image:url(../img/livingdivani-50th.gif);
}*/


/**/
h1 {
	position:absolute;
	top:-1000px;
}

/**/
#slider {
	margin-bottom:6%;
}

#slider .box_prop {
	background-color:#000;
}

#slider .box_prop .inner_prop {
	background-size:cover;
	/**/
	-webkit-opacity:0.0;
	opacity:0.0;
	-webkit-transition:opacity 500ms ease;
	transition:opacity 500ms ease;
}

#slider .box_prop video {
	cursor:pointer;
}

#slider .box_prop iframe.inner_prop {
	background-size:cover;
	/**/
	-webkit-opacity:1.0;
	opacity:1.0;
	/**/
	width:100%;
	height:100%;
}

/* SLIDER - DIDAS */
#slider .text {
	margin-top:13px;
}

#slider .dida_container div,
#slider .dida_container a {
	font-family:'jm';
	font-size:1.25em;
	-webkit-opacity:0.0;
	opacity:0.0;
	-webkit-transition:opacity 500ms ease;
	transition:opacity 500ms ease;
	color:#000;
	/**/
	display:block;
	position:absolute;
}
#slider .dida_container div.selected,
#slider .dida_container a.selected {
	-webkit-opacity:1.0;
	opacity:1.0;
}

#slider:hover .dida_container a span {
	border-bottom-color:#000;
}

/* SLIDER - TOOLS */
#slider .tools {
	margin-top:7px;
	float:right;
	border-bottom:solid 2px transparent;
	-webkit-transition:border-bottom-color 750ms ease;
	transition:border-bottom-color 750ms ease;
}

#slider .tools div {
	display:inline-block;
	width:16px;
	height:16px;
	background-color:#AAA;
	border:solid 4px #FFF;
	cursor:pointer;
	-webkit-transition:background-color 500ms ease;
	transition:background-color 500ms ease;
}

#slider .tools div:first-child {
	width:12px;
	border-left:0;
}

#slider .tools div:last-child {
	width:12px;
	border-right:0;
}

#slider .tools div.selected,
#slider .tools div:hover {
	background-color:#000;
}

/* SLIDER - TOOLS - PAUSE/PLAY */
#slider .tools.open {
	border-bottom-color:#000;
}

#slider *[data-paneltarget="homepageslider_controls"] {
	margin-top:10px;
	-webkit-transition:opacity 750ms ease;
	transition:opacity 750ms ease;
}

#slider *[data-paneltarget="homepageslider_controls"] .pause,
#slider *[data-paneltarget="homepageslider_controls"] .play {
	display:inline-flex;
	background-position:center center;
	background-repeat:no-repeat;
	padding:10px;
	margin:10px;
}

#slider *[data-paneltarget="homepageslider_controls"] .pause {
	width:18px;
	height:14px;
	background-image:url(../img/slidercontrols_pause.svg);
	background-size:18px 14px;
}

#slider *[data-paneltarget="homepageslider_controls"] .play {
	width:14px;
	height:14px;
	background-image:url(../img/slidercontrols_play.svg);
	background-size:14px 14px;
	/**/
	-webkit-opacity:0.5;
	opacity:0.5;
	-webkit-transition:opacity 500ms ease;
	transition:opacity 500ms ease;
	cursor:pointer;
	margin-left:0;
}

#slider *[data-paneltarget="homepageslider_controls"] .play:hover {
	-webkit-opacity:1.0;
	opacity:1.0;
}

#slider .clock {
	display:none;
}

@media all and (max-width:767px) {
	/* avoid rollover */
	#slider:hover .dida_container a span {
		border-bottom-color:transparent;
	}

	/* SHOW CLOCK */
	#slider .clock {
		display:block;
		position:absolute;
		right:37px;
		margin-top:4px;
	}

	/* HIDE PANEL */
	#slider *[data-paneltarget="homepageslider_controls"] {
		margin-top:-1000px;
	}
}

#slider .clock canvas {
	width:24px;
	height:24px;
}

/**/
@media all and (max-width:767px) {
	#slider .dida_container div,
	#slider .dida_container a {
		/*margin:0 48px;*/
		margin:0 70px 0 48px;
	}

	#slider .tools {
		display:none;
	}
}

/* A */
.homepage h2,
.homepage a.title.arrow_title {
	margin-bottom:16px;
	padding-left:42px;
}

.homepage a.title.arrow_title {
	display:block;
	/*margin-bottom:33px;*/
}

.homepage .col_thin {
	display:inline-block;
	width:calc(44%);
	vertical-align:top;
}

.homepage .col_thin.left {
	margin-right:6%;
}

.homepage .col_thin.right {
	margin-left:6%;
}

.homepage .col {
	vertical-align:top;
	display:inline-block;
	width:calc(50%);
}

.homepage .col_wide {
	display:block;
	width:100%;
}

.homepage .col_wide .box {
	margin-left:19.7%;
	width:53.38%;
}

.homepage .col_wide.left .box {
	margin-left:0;
	width:53.38%;
}

.homepage .col_wide.right .box {
	margin-left:46.62%;
	width:53.38%;
}

.homepage .col_wide .box .box_prop {
	/**/
}

.homepage .col.margin_top,
.homepage .col_thin.margin_top,
.homepage .col_wide.margin_top {
	margin-top:4%;
}

.homepage .box .box_prop {
	margin-bottom:18px;
}

/* */
.homepage .box,
.homepage .video,
.homepage .highlight {
	display:block;
	margin-bottom:7%;
}

.homepage .box.link {
	cursor:pointer;
}

.homepage .box .inner:hover h2 span,
.homepage .box .inner:hover a span,
.homepage .video:hover h2 span,
.homepage .highlight:hover h2 span {
	border-bottom-color:#000;
}

.homepage .link_separated {
	margin-bottom:6%;
	/*margin-top:calc(6px - 6%);*/
	display:block;
}


@media all and (max-width:767px) {
	.homepage .col.margin_top,
	.homepage .col_thin.margin_top,
	.homepage .col_wide.margin_top {
		margin-top:0;
	}

	.homepage .col_thin.left {
		margin-right:0;
	}

	.homepage .col_thin.right {
		margin-left:0;
	}

	.homepage .col,
	.homepage .col_thin,
	.homepage .col_wide {
		width:100%;
		margin:0;
	}

	.homepage .col_wide .box {
		width:100%;
		margin-left:0;
	}

	.homepage .col_wide.left .box {
		margin-left:0;
		width:100%;
	}

	.homepage .col_wide.right .box {
		margin-left:0;
		width:100%;
	}
}