﻿/* INTRO */
/*.intro {
	display:flex;
	flex-wrap:wrap;
}*/

.intro .description,
.intro .panel_right {
	margin-bottom:40px;
}

.intro .description {
	width:calc(100% - (210px * 2));
	margin-left:200px;
	text-align:center;
	padding:0 10%;
}

.intro .description h2 {
	display:inline-block;
}

.intro .description .cont {
	margin-top:21px;
}

.intro .panel_right {
	width:216px;
	text-align:right;
}

.intro .panel_right .button {
	cursor:pointer;
	/**/
	display:inline-block;
}

/*TITLE*/
.intro .panel_right .button .title span  {
	border-bottom:solid 1px transparent;
	-webkit-transition:border-bottom-color 250ms ease;
	transition:border-bottom-color 250ms ease;
}

.intro .panel_right .button.open .title span,
.intro .panel_right .button:hover .title span {
	border-bottom:solid 1px #000;
}

/**/
.intro .panel_right .button:before {
	content:"";
	display:inline-block;
	width:30px;
	height:15px;
	margin-right:16px;
	background-image:url(../img/arrow.svg);
	background-repeat:no-repeat;
	/**/
	-webkit-transition:transform 250ms ease;
	transition:transform 250ms ease;
}

.intro .panel_right .button.open:before {
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	-o-transform:rotate(90deg);
	transform:rotate(90deg);
}

@media all and (max-width:1023px) {
	.intro .description {
		margin-left:0;
		/*width:calc(100% - 200px);*/
		width:100%;
		text-align:inherit;
		padding:0;
	}

	.intro .panel_right {
		text-align:initial;
	}

	*[data-paneltarget="contracts_search"] {
		margin-left:133px;
	}
}

@media all and (max-width:767px) {
	/* INFO */
	.intro .description,
	.intro .panel_right {
		width:100%;
	}

	.intro .panel_right {
		text-align:inherit;
	}

	.intro .panel_right .button.open:before {
		/*transform-origin:12px 5px;*/
	}
}

/* PANEL SEARCH */
*[data-paneltarget="contracts_search"] {
	margin-left:-89px;
	width:245px;
}

*[data-paneltarget="contracts_search"] .blocks {
	width:197px;
}

*[data-paneltarget="contracts_search"] .blocks .block .column {
	width:calc(100% - 49px);
}

*[data-paneltarget="contracts_search"] .blocks .title {
	cursor:pointer;
}

*[data-paneltarget="contracts_search"] .cancel {
	content:"";
	display:block;
	width:10px;
	height:10px;
	position:absolute;
	margin-left:-30px;
	margin-top:6px;
	/**/
	background-image:url(../img/close.svg);
	background-size:contain;
	-webkit-filter:invert(100%);
	filter:invert(100%);
	/**/
	-webkit-transition:opacity 250ms ease;
	transition:opacity 250ms ease;
	-webkit-opacity:0.0;
	opacity:0.0;
}

*[data-paneltarget="contracts_search"] span {
	cursor:pointer;
}

*[data-paneltarget="contracts_search"] .filter_set .cancel {
	-webkit-opacity:1.0;
	opacity:1.0;
	cursor:pointer;
}

*[data-paneltarget="contracts_search"] .search_button_row {
	text-align:right;
}

*[data-paneltarget="contracts_search"] .search_button_row .search_button {
	display:inline-block;
	padding:0;
	border:solid 1px #8a8a89;
	color:#8a8a89;
	-webkit-transition:all 250ms ease;
	transition:all 250ms ease;
	padding:4px 9px;
}

*[data-paneltarget="contracts_search"] .search_button_row .search_button:hover {
	border:solid 1px #FFF;
	color:#FFF;
}

@media all and (max-width:1023px) {
	*[data-paneltarget="contracts_search"] {
		margin-left:133px;
	}

	*[data-paneltarget="contracts_search"][data-panelmode="0"]:before {
		right:auto;
	}

	.panel_right .button.open:before {
		transform-origin:12px 5px;
	}
}

/* PANEL VIEW ALL */
*[data-paneltarget="contracts_view_all"] {
	margin-left:-52px;
	width:245px;
}

*[data-paneltarget="contracts_view_all"] .inner {
	padding:0;
	margin:0;
}

*[data-paneltarget="contracts_view_all"] .inner .title {
	color:#FFF;
	background-image:url(../img/arrow-white.svg);
	/**/
	margin:22px 22px 0 22px;
}

*[data-paneltarget="contracts_view_all"] .inner ul {
	height:200px;
	margin-top:22px;
	margin-bottom:22px;
	/**/
	overflow-y:scroll;
    overflow-x:hidden;
}

*[data-paneltarget="contracts_view_all"] .inner ul li {
	color:#8a8a89;
	margin:0 22px;
	cursor:pointer;
	-webkit-transition:color 250ms ease;
	transition:color 250ms ease;
}

*[data-paneltarget="contracts_view_all"] .inner ul li:hover {
	color:#FFF;
}

@media all and (max-width:1023px) {
	*[data-paneltarget="contracts_view_all"] {
		margin-left:169px;
	}

	*[data-paneltarget="contracts_view_all"][data-panelmode="0"]:before {
		right:auto;
	}
}


/* ITEMS */
.items {
	/*display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:flex-start;
	align-content:flex-start;
	flex-direction:row;
	margin-top:56px;*/

	margin-top:56px;
	margin-top:17px;
	width:100%;
	overflow:hidden;
}

.items .inner {
	width:105%;
}

.items .inner .item {
	/*vertical-align:top;
	display:inline-block;
	width:47.5%;
	height:auto;
	margin-bottom:3.33%;	/ * not supported FireFox * /
	margin-bottom:50px;*/

	height:auto;
	margin-bottom:3.33%;	/* not supported FireFox */
	/*margin-bottom:10px;*/
	float:left;
	width:calc( 100% / 100 * ((100 * 100 / 105) * (95 / 100) / 2) );
	margin-right:calc( 100% / 100 * (100 * 100 / 105) * (5 / 100) );

	padding-bottom:39px;
	border-bottom:solid 1px #000;
	/*margin-bottom:85px;*/
	margin-bottom:39px;
}

/*.items .inner .item .offset_ph {
	position:absolute;
	margin-top:-70px;
}*/

@media all and (max-width:767px) {
	/*.items .column {
		width:100%;
	}*/

	.items .inner .item {
		width:100%;
		margin-bottom:39px;
	}
}

/*.items .column .item {
	width:100%;
}*/

.items .item h2 {
	font-size:1.0em;
	display:inline-block;
	-webkit-transition:border-bottom-color 250ms ease;
	transition:border-bottom-color 250ms ease;
}

.items .item a h2 {
	border-bottom:solid 1px transparent;
}

.items .item a:hover h2 {
	border-bottom-color:#000;
}

.items hr {
	height:1px;
	background-color:#000;
	margin:39px 0 85px 0;
}

.items hr:last-child {
	display:none;
}

.items .item .box_prop {
	margin-bottom:22px;
}

/* info */
.items .item .info {
	margin-top:12px;
}

.items .item .info .location {
	text-transform:uppercase;
}

.items .item .info ul,
.items .item .info ul li {
	display:inline-block;
}

.items .item .info ul li:after {
	content:";";
	margin-right:0.5em;
}

.items .item .info ul li:last-child:after {
	display:none;
}



/* title underline and cursor */
.items .item {
	cursor:default;
}

.items .item .arrow_title:hover span,
.items .item .arrow_back_title:hover span {
	border-bottom-color:transparent;
}

/*.items .item.link {
	cursor:pointer;
}*/

.items .item .box_prop.link {
	cursor:pointer;
}

.items .item.link .arrow_title:hover span,
.items .item.link .arrow_back_title:hover span {
	border-bottom:solid 1px #000;
}


/* CONTRACTS ITEM */
#contractitem h1 span {
	color:#8a8a89;
}

#contractitem h1:hover span {
	border-bottom-color:transparent;
}

@media (max-width:767px)
{
	#contractitem h1.mobile_margin {
		margin:0 37px;
	}
	#contractitem .tools {
		display:none;
	}
}

/* IMAGES */
.slider,
.images {
	margin-top:39px;
}

.images.box_prop .inner_prop {
	background-size:cover;
	display:none;
	/**/
	-webkit-opacity:0.0;
	opacity:0.0;
	-webkit-transition:opacity 500ms ease;
	transition:opacity 500ms ease;
}

.images.box_prop .inner_prop:first-child {
	display:block;
	-webkit-opacity:1.0;
	opacity:1.0;
}

/* IMAGES - TOOLS */
.tools {
	margin-top:7px;
	float:right;
}

.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;
}

.tools div:last-child {
	width:12px;
	border-right:0;
}

.tools div.selected,
.tools div:hover {
	background-color:#000;
}

@media all and (max-width:767px) {
	#slider .tools {
		display:none;
	}
}


/* DESCRIPTION */
.description_item {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:flex-start;
	align-content:flex-start;
    margin-top:6%;
}

.description_item .column {
	width:45%;
}

@media all and (max-width:767px) {
	.description_item {
		padding:0;
		padding-top:6%;
	}

	.description_item .column {
		width:100%;
		padding:0 37px;
	}

	.description_item .column:first-child {
		margin-bottom:6%;
	}

	.description_item .column.closed:first-child {
		margin-bottom:12%;
	}
}

.description_item .column.related_products ul {
	margin:14px 0 32px 45px;
}

.description_item .column.related_products ul li .button {
	display:inline-block;
	cursor:pointer;
	-webkit-transition:color 250ms ease;
	transition:color 250ms ease;
}

.description_item .column.related_products ul li .button:hover {
	color:#000;
}

/* CUSTOM PRODUCTS PANELS */
.description_item .panel .inner {
	margin:20px;
}

.description_item .panel .inner .name {
	color:#FFF;
}

.description_item .panel .inner .original_product {
	margin-top:6px;
}

.description_item .panel .inner .original_product a {
	color:#FFF;
	-webkit-transition:all 250ms ease;
	transition:all 250ms ease;
	border-bottom:solid 1px transparent;
}

.description_item .panel .inner .original_product a:hover {
	color:#FFF;
	border-bottom-color:#FFF;
}


/* PANELS PRODUCTS SEARCH */
*[data-paneltarget="contracts_search_types"],
*[data-paneltarget="contracts_search_products"],
*[data-paneltarget="contracts_search_countries"] {
	background-color:#B0B0B0;
	color:#3a3437;
	margin:7px 0 0 2px;
	width:240px;
	/**/
	/*max-height:400px;*/
}

*[data-paneltarget="contracts_search_types"]:before,
*[data-paneltarget="contracts_search_products"]:before,
*[data-paneltarget="contracts_search_countries"]:before {
    background-image:url(../img/menu-corner-gray.svg);
}

*[data-paneltarget="contracts_search_types"] ul,
*[data-paneltarget="contracts_search_products"] ul,
*[data-paneltarget="contracts_search_countries"] ul {
    padding:24px 11px 24px 11px;
	/**/
    text-align:start;
    overflow-y:scroll;
    overflow-x:hidden;
	/**/
	max-height:400px;
	box-sizing:border-box;
}

*[data-paneltarget="contracts_search_types"] li,
*[data-paneltarget="contracts_search_products"] li,
*[data-paneltarget="contracts_search_countries"] li {
    cursor:pointer;
}

*[data-paneltarget="contracts_search_types"] li:hover,
*[data-paneltarget="contracts_search_products"] li:hover,
*[data-paneltarget="contracts_search_countries"] li:hover {
    color:#000;
}