@font-face {
    font-family:'jl';
    src:url('../font/jigsaw_l-webfont.eot');
    src:url('../font/jigsaw_l-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/jigsaw_l-webfont.woff') format('woff'),
         url('../font/jigsaw_l-webfont.ttf') format('truetype'),
         url('../font/jigsaw_l-webfont.svg#jigsawlight') format('svg');
    font-weight:normal;
    font-style:normal;
}

@font-face {
    font-family:'jm';
    src:url('../font/jigsaw_m-webfont.eot');
    src:url('../font/jigsaw_m-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/jigsaw_m-webfont.woff') format('woff'),
         url('../font/jigsaw_m-webfont.ttf') format('truetype'),
         url('../font/jigsaw_m-webfont.svg#jigsawmedium') format('svg');
    font-weight:normal;
    font-style:normal;
}

/* script cookie banner */
.cookies-banner-shield {
	display:none;
}

#script_cookie_banner {
	background-color: #000;
	color: #FFF;
	position: fixed;
	z-index: 15;
	bottom: 0;
	text-align: center;
	width: 100%;
	padding: 10px;
}

#script_cookie_banner a,
#script_cookie_banner .button {
	display:inline-block;
	color:inherit;
	text-decoration:none;
	margin:0 20px;
	/**/
	padding-left:46px;
	background-image:url(../img/arrow-white.svg);
	background-position:0 5px;
	background-repeat:no-repeat;
}

#script_cookie_banner a {
	opacity:0.4;
	-webkit-transition:opacity 250ms ease;
	transition:opacity 250ms ease;

}

#script_cookie_banner a:hover {
	opacity:1.0;
}

#script_cookie_banner .button {
	cursor:pointer;
}


/* GENERAL */
html, body,
address, article, footer, header, h1, h2, h3, h4, h5, h6, hgroup, nav, section,
dd, div, dl, dt, figcaption, figure, hr, li, main, ol, p, pre, ul,
area, audio, map, track, video,
embed, object, param, source,
caption, col, colgroup, table, tbody, td, tfoot, th, thead, tr,
button, datalist, fieldset, form, input, keygen, label, legend, meter, optgroup, option, output, progress, select,
details, dialog, menu, menuitem, summary,
content, shadow, template {
	border:0;
	margin:0;
	padding:0;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}

html {
	overflow-y:scroll;
	overflow-x:hidden;
	min-width:320px;
	font-family:jl,Arial,Verdana;
	color:#AAAAAA;
	/**/
	font-size:16px;
	line-height:23px;
}

html, body {
	background-color: #fff;
}

div, a {
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

a {
	text-decoration:none;
	color:inherit;
	/**/
	-webkit-transition:color 250ms ease;
	transition:color 250ms ease;
}

a:focus,
input:focus
{
	outline-style:none;
}

a:hover
{
	color:#000;
}

.clearfix:after
{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.hidden {
	display:none;
}

h1, h2, h3,
.title {
	font-family:'jm';
	font-weight:normal;
	color:#000;
	font-size:1.25em;
}

.arrow_title,
.arrow_back_title {
	padding-left:46px;
	background-image:url(../img/arrow.svg);
	background-position:0 5px;
	background-repeat:no-repeat;
	letter-spacing:0.125em;
	/**/
	vertical-align:top;
}

.arrow_back_title {
	background-image:url(../img/arrow-left.svg);
}

.arrow_title span,
.arrow_back_title span {
	border-bottom:solid 1px transparent;
	-webkit-transition:border-bottom-color 250ms ease;
	transition:border-bottom-color 250ms ease;
}

.arrow_title:hover span,
.arrow_back_title:hover span {
	border-bottom:solid 1px #000;
}

/**/
ul {
	list-style-type:none;
}

.scrollbar::-webkit-scrollbar {
	width:8px;
}
 
.scrollbar::-webkit-scrollbar-track {
    -webkit-box-shadow:inset 0 0 2px rgba(51,51,51,0.3);
}
 
.scrollbar::-webkit-scrollbar-thumb {
  background-color:#555;
  outline:1px solid #555;
}

/* FULLSCREEN */
.master-fullscreen {
	position: fixed !important;
	z-index: 25 !important;
	width: 100vw !important;
	height: 100vh !important;
	top: 0 !important;
	left: 0 !important;
}

/* IMAGE PROPORTIONS */
.box_prop {
	display:block;
	width:100%;
	height:auto;
	position:relative;
	overflow:hidden;
}

.box_prop .inner_prop {
	display:block;
	max-width:100%;
	max-height:100%;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
}

/* VIDEO PROPORTIONS */
video.inner_prop {
	height:100%;
}

 /* = 100 / (w / h) */
.box_prop.horizontal {	/* 16:11 */
	padding:68.965% 0 0 0;
}

.box_prop.horizontal_2_13 {	/* 16:7.5472 */
	padding:47.17% 0 0 0;
}

.box_prop.horizontal_hp {	/* 16:7.5 */
	padding:59.375% 0 0 0;
}

.box_prop.vertical {
	padding:133.33% 0 0 0;		/* 12:16 */
}

.box_prop.square {
	padding: 100% 0 0 0; /* 12:16 */
}

.box_prop.prop-16-9 {
	padding: 56.25% 0 0 0; /* 16:9 */
}

/* ANIMATIONS - SPIN */
@-moz-keyframes spin {
    from { -moz-transform:rotate(0deg); }
    to { -moz-transform:rotate(360deg); }
}
@-webkit-keyframes spin {
    from { -webkit-transform:rotate(0deg); }
    to { -webkit-transform:rotate(360deg); }
}
@keyframes spin {
    from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
}

/* VIDEO - hide download button */
video::-internal-media-controls-download-button {
    display:none;
}

video::-webkit-media-controls-enclosure {
    overflow:hidden;
}

video::-webkit-media-controls-panel {
    width:calc(100% + 30px); /* Adjust as needed */
}

/*  */
.video_container {
	background-color:#000;
}

.video_container video {
	width:100%;
	height:100%;
	cursor:pointer;
}
.video_container .gif {
	width:100%;
	height:100%;
	background-color:#000;
	background-size:cover;
	background-position:center center;
	cursor:pointer;
}
.video_container iframe {
	width:100%;
	height:100%;
}

/* HEADER */
#header_spacer {
	height:285px;
	-webkit-transition:height 250ms ease;
	transition:height 250ms ease;
}

header {
	width:100%;
	height:240px;	/* 285 */
	margin:0 auto;
	position:fixed;
	z-index:12;
	/*overflow:hidden;*/
	background-color:rgba(255, 255, 255, 0.93);
	/**/
	-webkit-transition:height 250ms ease;
	transition:height 250ms ease;
}

header .centered {
	height:100%;
}

header.compact {
	height:70px;	/* 112 */
}

header #logo {
	display:block;
	width:160px;
	height:56px;
	left:0;
	right:0;
	margin:81px auto 0 auto;
	position:absolute;
	/**/
	-webkit-transition:all 250ms ease;
	transition:all 250ms ease;
}

header.compact #logo {
	width:81px;			/* 74 */
	height:28.35px;		/* 26 */
	margin-top:22px;
}

header #logo img {
	width:100%;
	height:auto;
}

header nav ul#mainmenu {
	display:flex;
	flex-direction:row;
	flex-wrap:nowrap;
	justify-content:space-between;
	/**/
	padding-top:114px;
	-webkit-transition:padding-top 250ms ease;
	transition:padding-top 250ms ease;
}

header.compact nav ul#mainmenu {
	padding-top:27px;
}

	header nav ul#mainmenu > li {
		flex: 0 1 40%;
	}

header nav ul#mainmenu > li.spacer {
	flex:0 1 20%;
}

header nav ul#mainmenu > li ul {
	display:flex;
	flex-direction:row;
	flex-wrap:nowrap;
	justify-content:space-between;
}

header nav ul#mainmenu li ul li	/*:not(:first-child)*/
{
	text-align:center;
	/**/
	display:inline-block;
}

/*header nav ul#mainmenu li:nth-child(1),
header nav ul#mainmenu li:nth-child(2),
header nav ul#mainmenu li:nth-child(3),
header nav ul#mainmenu li:nth-child(4),
header nav ul#mainmenu li:nth-child(6),
header nav ul#mainmenu li:nth-child(7),
header nav ul#mainmenu li:nth-child(8) {
	flex:0 1 6%;
}*/

header nav ul#mainmenu li a {
	white-space:nowrap;
	border-bottom:solid 1px transparent;
	-webkit-transition:color 250ms ease, border-bottom-color 250ms ease;
	transition:color 250ms ease, border-bottom-color 250ms ease;
	/**/
	display:inline-block;
}

header nav ul#mainmenu li a:hover,
header nav ul#mainmenu li a.selected {
	color:#000;
	border-bottom-color:#000;
}

header nav ul#mainmenu li.language img {
	height:21px;
}

header nav ul#mainmenu li.search {
	background-image:url(../img/magnifier.svg);
	background-repeat:no-repeat;
	width:21px;
	height:21px;
	background-size:contain;
	cursor:pointer;
	/**/
	-webkit-opacity:0.335;
	opacity:0.335;
	/**/
	-webkit-transition:opacity 250ms ease;
	transition:opacity 250ms ease;
}

header #mobile_menu_button,
header nav ul#mainmenu li.submenu {
	background-image:url(../img/menu-dots.svg);
	background-repeat:no-repeat;
	width:19px;
	height:6px;
	padding:7px 0;
	background-position:center center;
	cursor:pointer;
	/**/
	-webkit-opacity:0.335;
	opacity:0.335;
	/**/
	-webkit-transition:opacity 250ms ease;
	transition:opacity 250ms ease;
}

header #mobile_menu_button:hover,
header #mobile_menu_button.open,
header nav ul#mainmenu li.search:hover,
header nav ul#mainmenu li.search.open,
header nav ul#mainmenu li.submenu:hover,
header nav ul#mainmenu li.submenu.open {
	-webkit-opacity:1.0;
	opacity:1.0;
}

/**/
header .mobile {
	display:none;
}

header #mobile_language {
	display:inline-block;
	margin-right:27px;
}

header #mobile_menu_button {
	display:inline-block;
}

/* COMPACT SIMULATION WHEN SMALL SCREEN */
@media all and (min-width:768px) and (max-width:1250px) {
	/* smaller text */
	header {
		font-size:0.75em;
	}

	/* SIMULATE COMPACT */
	header {
		height:70px;	/* 112 */
	}

	header #logo {
		width:81px;			/* 74 */
		height:28.35px;		/* 26 */
		margin-top:22px;
	}

	header nav ul#mainmenu {
		padding-top:27px;
	}

	#header_spacer {
		height:96px;
	}
}

@media all and (max-width:900px) {
	header nav ul#mainmenu > li {
		font-size:0.95em;
	}
}

@media all and (max-width:848px) {
	header nav ul#mainmenu > li.spacer {
		/*flex: 0 1 22.0%;*/
		flex: 0 1 20.0%;
	}
}

@media all and (max-width:848px) {
	header,
	header.compact {
		min-width:320px;
		height:96px;
		background-color:#FFF;
	}

	header #logo,
	header.compact #logo {
		width:81px;			/* 74 */
		height:28.35px;		/* 26 */
		margin-top:36px;
		margin-left:37px;
	}

	header nav {
		display:none;
	}

	#header_spacer {
		height:96px;
	}

	/**/
	header .mobile {
		display:block;
		position:absolute;
		top:44px;
		right:39px;
	}
}

/* ACCOUNT */
#account {
	position:absolute;
	z-index:12;
	top:10px;
	right:10px;
}

#account > * {
	display:inline-block;
}

#account span {
	color:#000;
}

#account_logout {
	margin-left:20px;
	cursor:pointer;
	/**/
	-webkit-transition:color 250ms ease;
	transition:color 250ms ease;
}

#account_logout:hover {
	color:#000;
}

@media all and (max-width:768px) {
	#account {
		display:none;
	}
}

/* CENTERED */
.centered {
	margin:auto;
    width:100%;
    max-width:1600px;
	width:calc(100% - 100px);
}

.mobile_margin {
	margin:0 auto;
}

.shrink {
	max-width:1180px;
	width:73.75%;
}

@media all and (max-width:768px) {
	.centered {
		width:calc(100% - 37px * 2);
	}
}

@media all and (max-width:767px) {
	.centered {
		width:100%;
	}

	.mobile_margin {
		padding:0 37px;
	}

	.shrink {
		width:100%;
	}
}

@media all and (max-width:320px) {
	.centered {
		width:320px;
	}
}



/* INTRO */
.intro {
	display:flex;
	flex-wrap:wrap;
	/**/
	justify-content:space-between;
}

.intro .description,
.intro .tools {
	margin-bottom:4em;
}

.intro .description {
	width:calc(100% - (200px * 2));
	margin-left:200px;
	text-align:center;
	/**/
	padding:0 5%;
}

.intro .description .cont {
	margin-top:2em;
}

@media all and (max-width:1023px) {
	.intro.full .description {
		margin-left:0;
		width:100%;
		text-align:inherit;
		padding:0;
	}

	/* SPLIT */
	.intro.split .description {
		margin-left:0;
		width:calc(100% - 200px);
		text-align:inherit;
		padding:0;
	}

	.intro.split .split_right {
		
	}
}

@media all and (max-width:767px) {
	/* INFO */
	.intro .description {
		width:100%;
		margin-left:0;
		text-align:initial;
		padding:0;
	}

	.intro.split .description {
		width:100%;
		margin-left:0;
		text-align:initial;
		padding:0;
	}

	.intro.split .split_right {
		margin-bottom:40px;
	}

	.intro .tools {
		margin-right:calc(100% - 196px);
	}

	.intro .description .cont {
		margin-top:0;
	}

	.intro .tools .button.open:before {
		transform-origin:12px 5px;
	}

	.intro .tools .downloads {
		display:none;
	}

	.intro .tools .related_products {
		margin-top:0;
	}
}


/* FOOTER */
footer {
	text-align:center;
	padding:25px;
	font-size:1.125em;
}

footer ul {
	display:inline-block;
}

footer ul li {
	display:inline-block;
}

footer ul li a {
	padding:10px;
}

footer ul li a:hover {
	color:#000;
	text-decoration:none;
}

footer ul li {
	padding:10px 5px;
}

footer ul.links:before,
footer ul.socialnetworks:before {
	content:" — ";
}

footer ul.socialnetworks li a {
	-webkit-opacity:0.335;
	opacity:0.335;
	-webkit-transition:opacity 250ms ease;
	transition:opacity 250ms ease;
}

footer ul.socialnetworks li a:hover {
	-webkit-opacity:1.0;
	opacity:1.0;
}

footer ul.socialnetworks li a img {
	vertical-align:middle;
}

@media all and (max-width:767px) {
	/* FOOTER */
	footer {
		background-color:#1d1d1b;
		/*color:#999;*/
		color:#FFF;
	}

	footer ul {
		display:block;
	}

	footer ul:first-child li:first-child,
	footer ul li a:hover {
		color:#FFF;
	}

	footer ul.links:before,
	footer ul.socialnetworks:before {
		content:"";
	}

	footer ul.socialnetworks li a {
		opacity:1.0;
	}

	footer ul.socialnetworks li a img {
		-webkit-filter:invert(100%);
		filter:invert(100%);
	}

	footer ul.socialnetworks li a:hover {
		-webkit-opacity:0.75;
		opacity:0.75;
	}

	/* FOOTER - FLEX */
	footer {
		display:flex;
		flex-direction:column;
		/**/
		margin-top:40px;
	}

	footer ul.data { order:2; }
	footer ul.links { order:3; }
	footer ul.socialnetworks { order:1; }
}

/* PANELS */
*[data-paneltarget] {
	display:none;
	/*position:fixed;*/
	z-index:20;
	-webkit-opacity:0.0;
	opacity:0.0;
	-webkit-transition:opacity 250ms ease;
	transition:opacity 250ms ease;
	background-color:#1d1d1b;
	/**/
	position:absolute;
}

*[data-paneltarget][data-panelposition="fixed"] {
	position:fixed;
}

*[data-paneltarget]:before,
*[data-paneltarget] .arrow {
	content:"";
	width:18px;
	height:13px;
	display:block;
	margin-top:-13px;
	background-image:url(../img/menu-corner.svg);
	background-size:cover;
	position:absolute;
}

*[data-paneltarget][data-panelmode="0"]:before {
	right:0;
}

*[data-paneltarget][data-panelverticalposition="above"]:before {
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	-o-transform:rotate(180deg);
	transform:rotate(180deg);
}

*.open[data-paneltarget] {
	display:block;
	opacity:1.0;
}

/* PANELS - STANDARDS - LINKS */
*[data-paneltarget] ul.links {
	margin:16px 0;
}

*[data-paneltarget] ul.links li {
	display:block;
}

*[data-paneltarget] ul.links li a {
	display:inline-block;
	margin:10px 24px 11px 24px;
	border-bottom:solid 1px transparent;
}

*[data-paneltarget] ul.links li a:hover {
	color:#FFF;
	border-bottom-color:#FFF;
}

/* PANELS - STANDARDS - BLOCKS */
*[data-paneltarget] .blocks {
	margin:0 24px 0 24px;
	width:250px;
}

*[data-paneltarget] .blocks .block {
	margin:22px 0 22px 0;
}

*[data-paneltarget] .blocks .block .column_arrow {
	width:46px;
	height:40px;
	display:inline-block;
	vertical-align:top;
}

*[data-paneltarget] .blocks .block .column_arrow .arrow {
	width:30px;
	height:15px;
	display:block;
	background-image:url(../img/arrow.svg);
	background-position:0 0;
	background-repeat:no-repeat;
	-webkit-filter:invert(100%);
	filter:invert(100%);
	margin-top:4px;
	cursor:pointer;
	/**/
	-webkit-transition:transform 250ms ease;
	transition:transform 250ms ease;
	/**/
	/*transform-origin:12px 5px;*/
}

*[data-paneltarget] .blocks .block .column_arrow .arrow.open {
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	-o-transform:rotate(90deg);
	transform:rotate(90deg);
}

*[data-paneltarget] .blocks .title {
	color:#FFF;
	margin-bottom:19px;
}

*[data-paneltarget] .blocks .block .column {
	display:inline-block;
	width:calc(100% - 46px);
}

*[data-paneltarget] .blocks .block .column ul.inline li {
	display:inline-block;
	margin-right:6px;
}

*[data-paneltarget] .blocks .block .column ul.inline li a:after {
	content:",";
}

*[data-paneltarget] .blocks .block .column ul.inline li:last-child a:after {
	content:none;
}

*[data-paneltarget] .blocks .block .column ul.inline a:hover {
	color:#FFF;
}

/* PANEL - SOCIAL PANEL */
*[data-paneltarget] ul.share {
	display:flex;
	flex-direction:row;
	flex-wrap:nowrap;
	padding:16px 21px;
}

*[data-paneltarget] ul.share li {
	width:21px;
	height:21px;
	margin-left:38px;
	cursor:pointer;
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center center;
	-webkit-filter:invert(100%);
	filter:invert(100%);
	/**/
	-webkit-opacity:0.75;
	opacity:0.75;
	-webkit-transition:opacity 250ms ease;
	transition:opacity 250ms ease;
}

*[data-paneltarget] ul.share li:first-child {
	margin:0;
}

*[data-paneltarget] ul.share li:hover {
	-webkit-opacity:1.0;
	opacity:1.0;
}

*[data-paneltarget] ul.share li.email {
	background-image:url(../img/email-share.svg);
}

*[data-paneltarget] ul.share li.facebook {
	background-image:url(../img/facebook-share.svg);
}

*[data-paneltarget] ul.share li.twitter {
	background-image:url(../img/x.svg);
}

*[data-paneltarget] ul.share li.google-plus {
	background-image:url(../img/google-plus-share.svg);
}

*[data-paneltarget] ul.share li.pinterest {
	background-image:url(../img/pinterest-share.svg);
}

/* PANEL - MOBILE MENU */
*[data-paneltarget="mobile_menu"] {
	width:234px;
	margin-top:22px;
}

*[data-paneltarget="mobile_menu"] .container {
	width:234px;
	overflow:hidden;
}

*[data-paneltarget="mobile_menu"] .container .mover {
	width:702px;	/* 234 * 3 */
	position:relative;
	-webkit-transition:margin-left 250ms ease;
	transition:margin-left 250ms ease;
}

*[data-paneltarget="mobile_menu"] .container .mover .page {
	width:234px;
	display:inline-block;
	vertical-align:top;
	/**/
	text-align:start;
	overflow-y:scroll;
	overflow-x:hidden;
}

/* PANEL - MOBILE MENU - SEARCH and MENU-SEARCH*/
*[data-paneltarget="mobile_menu"] .container .mover .page li.search {
	margin:10px 24px 11px 24px;
}

*[data-paneltarget="menu_search"] div {
	margin:10px 24px 11px 24px;
}

*[data-paneltarget="menu_search"] div input,
*[data-paneltarget="mobile_menu"] .container .mover .page li.search input {
	background-color:transparent;
	color:#AAA;
	display:inline-block;
	padding:4px;
	width:157px;
	box-sizing:border-box;
}

*[data-paneltarget="menu_search"] div:before,
*[data-paneltarget="mobile_menu"] .container .mover .page li.search:before {
	content:"";
	display:inline-block;
	width:16px;
	height:16px;
	background-image:url(../img/magnifier.svg);
	background-size:cover;
    -webkit-filter:invert(100%);
    filter:invert(100%);
	vertical-align:middle;
	margin-right:3px;
}

/* PANEL - MOBILE MENU - BACK */
*[data-paneltarget="mobile_menu"] .container .mover .page li.back {
	margin:10px 24px 11px 24px;
}

*[data-paneltarget="mobile_menu"] .container .mover .page li.back:before {
	content:"";
	display:inline-block;
	width:20px;
	height:10px;
	background-image:url(../img/arrow.svg);
	background-size:cover;
    -webkit-filter:invert(100%);
    filter:invert(100%);
	vertical-align:middle;
	margin-right:8px;
	/**/
	-webkit-transform:rotate(180deg);     /* Chrome and other webkit browsers */
	-moz-transform:rotate(180deg);        /* FF */
	-o-transform:rotate(180deg);          /* Opera */
	-ms-transform:rotate(180deg);         /* IE9 */
	transform:rotate(180deg);             /* W3C compliant browsers */

	/* IE8 and below */
	filter:progid:DXImageTransform.Microsoft.Matrix(M11=-1, M12=0, M21=0, M22=-1, DX=0, DY=0, SizingMethod='auto expand');
}

/* PANEL - MOBILE MENU - TITLE */
*[data-paneltarget="mobile_menu"] .container .mover .page li.title {
	margin:23px 24px 11px 24px;
	color:#FFF;
	font-size:1.25em;
	font-family:'jl';
}

/* PANEL - MOBILE MENU - SUBTITLE */
*[data-paneltarget="mobile_menu"] .container .mover .page li.subtitle {
	margin:-7px 24px 11px 24px;
	font-size:1.25em;
	/**/
	display:none;
}


/* TAG */
.thumbs .thumb .box_prop:before {
	content:"";
	position:absolute;
	width:120%;
	z-index:2;
	top:-150px;	/*-120*/
	height:140px;	/*150*/
	background-color:#333430;
	/**/
	-webkit-transform:rotate(0deg);
	-moz-transform:rotate(0deg);
	-o-transform:rotate(0deg);
	-ms-transform:rotate(0deg);
	transform:rotate(0deg);
	/**/
	transform-origin:-225% 0;
	/**/
	-webkit-transition:all 250ms ease;
	transition:all 250ms ease;
}

.thumbs .thumb:hover .box_prop:before {
	/**/
	-webkit-transform:rotate(4.3deg);
	-moz-transform:rotate(4.3deg);
	-o-transform:rotate(4.3deg);
	-ms-transform:rotate(4.3deg);
	transform:rotate(4.3deg);
}

.thumbs .thumb .box_prop .tag {
	color:#FFF;
	position:absolute;
	z-index:3;
	width:calc(100% - 14px);
	top:-100px;	/*-50*/
	text-align:right;
	font-size:1.25em;
	font-family:'jm';
	height:46px;
	/**/
	-webkit-transition:all 500ms ease;
	transition:all 500ms ease;
	/**/
	background-image:url(../img/arrow-white.svg);
	background-repeat:no-repeat;
	/*background-position:right top;*/
	background-position:right 5px;
	/**/
	padding-right:47px;
	padding-left:10px;
	box-sizing:border-box;
}

.thumbs .thumb:hover .box_prop .tag {
	top:9px;
}

@media all and (max-width:1024px) {
	.thumbs .thumb .box_prop .tag {
		font-size:1em;
		line-height:14px;
	}
	.thumbs .thumb:hover .box_prop .tag {
		top:9px;
	}
}

@media all and (max-width:767px) {
	.thumbs .thumb .box_prop:before,
	.thumbs .thumb .box_prop .tag {
		display:none;
	}
}
/* TAG - END */



/* CATEGORIES */
.categories {
	text-align:center;
}

.categories ul {
	display:flex;
	justify-content:center;
	margin-top:28px;
	margin-bottom:55px;
}

.categories ul li {
	display:inline-block;
	padding:0 20px;	/* 0 10 */
}

.categories ul li a {
	border-bottom:solid 1px transparent;
	-webkit-transition:color 250ms ease, border-bottom-color 250ms ease;
	transition:color 250ms ease, border-bottom-color 250ms ease;
}

.categories ul li a.selected,
.categories ul li a:hover {
	color:#000;
	border-bottom-color:#000;
}

@media all and (max-width:767px) {
	/* CATEGORIES */
	.categories {
		display:none;
	}
}


/* COMPACT TEXTS */
.compactable,
.compactable_mobile {
	-webkit-transition:height 250ms ease;
	transition:height 250ms ease;
}

.compactable.closed,
.compactable_mobile.closed {
	overflow:hidden;
}

.compactable .button_expand,
.compactable_mobile .button_expand {
	display:none;
}

.compactable.closed .button_expand,
.compactable_mobile.closed .button_expand  {
	width:25px;
	height:25px;
	display:block;
	position:absolute;
	cursor:pointer;
	background:transparent url(../img/plus.svg) no-repeat;
	background-size:contain;
}