:root{--color-primary: #036aac;--color-accent: #ff1f1f;--header-height: 50px;--header-bg: #fff;--header-z: 30;--header-promo-max-height: 120px;--main-bg: #f0f0f0;--single-bg: #fff;--offcanvas-width: 240px;--offcanvas-bg: var(--main-bg);--offcanvas-z: 20;--overlay-bg: rgba(255,255,255,.5);--overlay-z: 10;--gap: 1rem;--gap2x: 2rem;--radius: 4px;--shadow: 0 .5rem 1rem rgba(0,0,0,.15);--shadow-hover: 0 .5rem 1rem rgba(0,0,0,.35);--transition: all .3s}body{font-family:"Roboto","Open Sans",sans-serif;overflow-x:hidden}img,video{display:block;max-width:100%;height:auto}a{color:var(--color-primary);text-decoration:none}a svg{color:var(--color-primary)}a:hover,a:focus,a:active{color:var(--color-accent);text-decoration:none}a:hover svg,a:focus svg,a:active svg{color:var(--color-accent)}h4{margin:0}header.header{height:var(--header-height);position:sticky;top:0;background:var(--header-bg);-webkit-box-shadow:var(--shadow);box-shadow:var(--shadow);z-index:var(--header-z);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}header.header .header__left{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (min-width: 48em){header.header .header__left{width:var(--offcanvas-width);margin:0 var(--gap)}}header.header .header__btn_nav{--line-gap: .5em;--size: 1.5rem;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;margin:0 var(--gap);position:relative;width:var(--size);height:var(--size)}@media screen and (min-width: 48em){header.header .header__btn_nav{display:none}}header.header .header__btn_nav::before,header.header .header__btn_nav::after{content:"";position:absolute;top:50%;left:0;width:100%;height:0;border-top:2px solid;margin-top:-1px;-webkit-transition:var(--transition);transition:var(--transition);-webkit-transform:translateY(var(--line-gap));transform:translateY(var(--line-gap))}header.header .header__btn_nav::before{-webkit-transform:translateY(calc(-1 * var(--line-gap)));transform:translateY(calc(-1 * var(--line-gap)));-webkit-box-shadow:0 var(--line-gap) 0 0;box-shadow:0 var(--line-gap) 0 0}header.header .header__btn_nav.active::before{-webkit-transform:translateY(0) rotate(45deg);transform:translateY(0) rotate(45deg);-webkit-box-shadow:none;box-shadow:none}header.header .header__btn_nav.active::after{-webkit-transform:translateY(0) rotate(-45deg);transform:translateY(0) rotate(-45deg)}header.header .header__logo{font-size:1.2rem;font-weight:500}.header__promo img{max-height:var(--header-promo-max-height);-o-object-position:bottom;object-position:bottom;-o-object-fit:cover;object-fit:cover}.overlay{position:fixed;top:var(--header-height);left:0;right:0;bottom:0;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1000;visibility:hidden;-webkit-transition:var(--transition);transition:var(--transition);z-index:var(--overlay-z)}.overlay.active{visibility:visible}aside.offcanvas{width:var(--offcanvas-width);max-width:100%;-ms-flex-negative:0;flex-shrink:0;background:var(--offcanvas-bg);position:sticky;z-index:var(--offcanvas-z);top:var(--header-height);left:0;height:calc(100vh - var(--header-height));-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transition:var(--transition);transition:var(--transition)}@media screen and (min-width: 48em){aside.offcanvas{-webkit-transform:translateX(0);transform:translateX(0)}}aside.offcanvas .offcanvas__inner{padding:var(--gap)}aside.offcanvas.active{-webkit-transform:translateX(0);transform:translateX(0);background:var(--header-bg);-webkit-box-shadow:var(--shadow);box-shadow:var(--shadow)}#breadcrumbs{margin:var(--gap) 0;font-size:1.2rem}#breadcrumbs>span{margin:0 .5rem 0 0}#breadcrumbs>span+span::before{content:"/";margin:0 .5rem 0 0;opacity:.5}.main{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;background:var(--main-bg)}.page{width:100%;margin-left:calc(-1*var(--offcanvas-width));-webkit-transition:var(--transition);transition:var(--transition)}@media screen and (min-width: 48em){.page{width:calc(100% - var(--offcanvas-width));margin-left:0}}.page .page__inner{padding:var(--gap)}.page__title{margin:var(--gap) 0;font-size:2rem;line-height:1}.page__image--exists{height:200px}.cards{position:relative;margin:0 calc(-1*var(--gap))}.card{-webkit-box-sizing:border-box;box-sizing:border-box;padding:var(--gap)}.card__inner{-webkit-box-shadow:var(--shadow);box-shadow:var(--shadow);border-radius:var(--radius);overflow:hidden}.card__inner:hover,.card__inner:focus,.card__inner:active{-webkit-box-shadow:var(--shadow-hover);box-shadow:var(--shadow-hover)}.card__body>*{display:none}.card__body>img,.card__body>video{width:100%;height:auto;display:block}.card__header{padding:var(--gap)}.card__buttons{margin:var(--gap) 0 0 0;text-align:right}.single{-webkit-box-shadow:var(--shadow);box-shadow:var(--shadow);border-radius:var(--radius);padding:var(--gap);background:var(--single-bg)}.single__return{margin:var(--gap2x) 0 0 0}footer.footer{padding:var(--gap)}
video {
  max-height: 70vh;
}

@media screen and (max-width: 540px) {
	#listing{
		height: auto !important;
		position: relative;
		display: flex;
		flex-direction: column;
		gap: var(--gap);
		align-content: center;
		flex-wrap: wrap;
	} 
		
	#listing .list-item {
		position: relative !important;
		width: 50vh !important;
		left: 0 !important;
		top:  0 !important;
	}
}