@import url(normalize.css);

*, *:before, *:after {
	box-sizing:border-box;
	-webkit-user-drag: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}


html {
  scroll-behavior: smooth;
}

body, html{
	padding:0;
	margin:0;
	/*width:100%;
	height:100%;*/
	min-width:320px;
	min-height:100%;
	position:relative;
	text-rendering: optimizelegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size:16px;

	--highlight-color-1:#3981de;
	--highlight-color-1:#f24f64;
	--highlight-color-2:#3981de;
	--ui-color:red;
	--ui-color:#06a283;

	
	--border-width-s:2px;
	--border-width-m:4px;
	--border-width-l:8px;
}

.skip-link {
	position: fixed;
	z-index: 10;
	top: -200%;
	left: 0;
}

.skip-link:focus {
	top: 0;
}
/*GRID GRID GRID GRID GRID GRID GRID GRID GRID GRID GRID GRID GRID GRID GRID GRID */
/*GRID GRID GRID GRID GRID GRID GRID GRID GRID GRID GRID GRID GRID GRID GRID GRID */
/*GRID GRID GRID GRID GRID GRID GRID GRID GRID GRID GRID GRID GRID GRID GRID GRID */
/*GRID GRID GRID GRID GRID GRID GRID GRID GRID GRID GRID GRID GRID GRID GRID GRID */

/*quill*/
.ql-indent-1{
	padding-left:3rem;
}
.ql-indent-2{
	padding-left:6rem;
}
.ql-indent-3{
	padding-left:9rem;
}
.ql-align-left{
	text-align:left;
}
.ql-align-center{
	text-align:center;
}
.ql-align-right{
	text-align:right;
}
.ql-align-justify{
	text-align:justify;
}
.ql-size-small{
	font-size: 0.8em;
}
.ql-size-large{
	font-size: 1.5em;
}
.ql-size-huge{
	font-size: 2.75em;
}


.grid{
	display:flex;
	flex-wrap: wrap;
	width:100%;
	overflow-x: hidden;
}
.text{
	width:100%;
}


.templates{
	visibility: hidden;
	display: none;
}
.r{
	display:flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-grow:1;
	flex-shrink:1;
	width:100%;
	margin:0 -0.5rem 0 -0.5rem;
	margin:0 -1rem 0 -1rem;
	overflow: visible;




	
}



.r img{
	display:block;
	width:100%;height:auto;
}








/*1*/
*[data-width="1"],
.i[data-width="1"]{
	width:8.33333%;
}
*[data-offset="1"],
.i[data-offset="1"]{
	margin-left:8.33333%;
}


/*2*/
*[data-width="2"],
.i[data-width="2"]{
	width:16.66666%;
}
*[data-offset="2"],
.i[data-offset="2"]{
	margin-left:16.66666%;
}


/*3*/
*[data-width="3"],
.i[data-width="3"]{
	width:24.99999%;
	width:25%;
}

*[data-offset="3"],
.i[data-offset="3"]{
	margin-left:24.99999%;
	margin-left:25%;
}



/*4*/
*[data-width="4"],
.i[data-width="4"]{
	width:33.33333%;
}
*[data-offset="4"],
.i[data-offset="4"]{
	margin-left:33.33333%;
}


/*5*/
*[data-width="5"],
.i[data-width="5"]{
	width:41.66666%
}
*[data-offset="5"],
.i[data-offset="5"]{
	margin-left:41.66666%
}


/*6*/
*[data-width="6"],
.i[data-width="6"]{
	width:50%;
}
*[data-offset="6"],
.i[data-offset="6"]{
	margin-left:50%;
}


/*7*/
*[data-width="7"],
.i[data-width="7"]{
	width:58.33333%;
}
*[data-offset="7"],
.i[data-offset="7"]{
	margin-left:58.33333%;
}


/*8*/
*[data-width="8"],
.i[data-width="8"]{
	width:66.66666%;
}

*[data-offset="8"],
.i[data-offset="8"]{
	margin-left:66.66666%;
}


/*9*/
*[data-width="9"],
.i[data-width="9"]{
	width:74.99999%;
}
*[data-offset="9"],
.i[data-offset="9"]{
	margin-left:74.99999%;
}


/*10*/
*[data-width="10"],
.i[data-width="10"]{
	width:83.33333%;
}
*[data-offset="10"],
.i[data-offset="10"]{
	margin-left:83.33333%;
}


/*11*/
*[data-width="11"],
.i[data-width="11"]{
	width:91.66666%;
}
*[data-offset="11"],
.i[data-offset="11"]{
	margin-left:91.66666%;
}


/*12*/
*[data-width="12"],
.i[data-width="12"]{
	width:100%;
}



.s-1{
	width:8.33333%;
}
.o-1{
	margin-left:8.33333%;
}

.s-2{
	width:16.66666%;
}
.o-2{
	margin-left:16.66666%;
}

.s-3{
	width:24.99999%;
}
.o-3{
	margin-left:24.99999%;
}

.s-4{
	width:33.33333%;
}
.o-4{
	margin-left:33.33333%;
}

.s-5{
	width:41.66666%;
}
.o-5{
	margin-left:41.66666%
}

.s-6{
	width:49.99999%;
}
.o-6{
	margin-left:49.99999%;
}

.s-7{
	width:58.33333%;
}
.o-7{
	margin-left:58.33333%;
}

.s-8{
	width:66.66666%;
}
.o-8{
	margin-left:66.66666%;
}
.s-9{
	width:74.99999%;
}
.o-9{
	margin-left:74.99999%;
}

.s-10{
	width:83.33333%;
}
.o-10{
	margin-left:83.33333%;
}

.s-11{
	width:91.66666%;
}
.o-11{
	margin-left:91.66666%;
}

.s-12{
	width:100%;
}














/* item item item */
/*item*/
.i{
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-wrap: wrap;
	padding:0 0.5rem;
	padding:0 1rem;
	position: relative;
	overflow: visible;
	min-width: 0;
	margin-bottom:2rem;
}

.overlay .i{
	margin-bottom:30px;	
}





.i.ol{
	cursor:pointer;
}


.i > a{
	width: 100%;
	height:100%;
	overflow: visible;

	text-decoration: none;
	color:inherit;
}




.video,.image,.text{
	width:100%;
	height:auto;
	position: relative;
}

.i.p .video,.i.p .image,
.i.m .video,.i.m .image{
	position: absolute;
	top:0;
	left:7.5px;
	width:calc(100% - 15px);
}

/* VIDEOS VIDEOS VIDEOS VIDEOS VIDEOS */
.video video{
	border:none;
	outline: none;

}
/* IMG IMG IMG IMG IMG IMG IMG IMG IMG */
.image img{
	
	

}

.image img, .video video,.vo-image img, .image svg{
	display:block;
	width:100%;
	height:auto;
	border:none;
	vertical-align: middle;
}







/* TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT */

.text{
	display: block;
	width:100%;
	word-break: break-word;
}

.text p{
	margin:0.25em 0;
}




.p:after,.m:after{
	content:'';
	display: inline-block;
	width:100%;
	padding-top:133.33333%;
	padding-top:150%;
}





/* navigation */

nav{
	display:flex;
	flex-direction: row;


	
	-webkit-user-select:none;


	
	   -moz-user-select:none;


	
	    -ms-user-select:none;


	
	        user-select:none;
	position:relative;
	
}







nav a:focus, nav button:not(.show):focus{
	outline: 5px auto Highlight;
  outline: 5px auto -webkit-focus-ring-color;
}

.sub-cats{
	display:flex;
	position:absolute;
	top:100%;
	left:0;
	min-width:100%;
	background-color:rgba(255,255,255,1.0);
	padding:1rem 0.5rem;
	visibility: hidden;
	opacity:.0;
	transition:all 200ms;
}

.sub-cats.show{
	visibility: visible;
	opacity:1.0;
}
.sub-cats a, .sub-cats .main-cat{
	font-weight:normal;
	margin-bottom:0.25rem;
}





nav button.show{
	background-color:rgba(0,0,0,0.1);
	color:var(--highlight-color-1);
}

nav *:hover,
nav *.active{
	color:var(--highlight-color-1);
}





a[href="/sign-in"] {
	margin-left:auto;
}

a.lang-url[href=""] {
	opacity:.2;
	pointer-events: none;
}




.filter-bar{
	max-width:1440px;
	margin: 0 auto;
}


.filter-container{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
	align-items: flex-start;
	max-width:1440px;
	margin: 0 auto;
}

.filter-element{
	position: relative;
	width: 100%;
	flex-grow: 0;
	margin-bottom: 2rem;

	display::flex;
	flex-direction: column;
	justify-content: flex-end;
}

.filter-element::after {
	display: block;
	content: '';
	padding-bottom: 56.25%;
}


.filter-element.visible{
	display: flex;
}
.filter-element.hidden{
	display: none;
}

.filter-element img{
	position: absolute;
	z-index: 2;
	top: 0;right: 0;
	bottom: 0; left: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}



.filter-element a{
	position: absolute;
	z-index: 3;
	left: 0;bottom: 0;
	width: 100%;
}
.filter-element a span{
	display: inline-block;
	width: 100%;
}