.promoline {--color-text: #3f3f55;--color-bg: #161619;--color-link: #3f3f56;--color-link-hover: #760fd5;--color-info: #3f3f55;background: url("/img/bg-main.png") no-repeat 0 0px;background-size: cover;margin-bottom: 5rem;padding-top: 5rem;padding-bottom: 5rem;}
.promoline .grid {padding: 2rem 4rem 0rem 4rem;margin: 0 auto;position: relative;display: grid;grid-template-columns: repeat(3,30%);grid-column-gap: 5%;grid-row-gap: 10vh;max-width: 1300px;}
.promoline .grid__item {height: 200px;display: block;position: relative;}
.promoline .grid__item--bg {background: #0e0b94;}
.promoline .grid__item-imgwrap, .promoline .grid__item-img {width: 100%;height: 100%;background-size: cover;transition: opacity 1300ms ease-in-out;}
.promoline .grid__item .grid__item-img {opacity: .5;}
.promoline .grid__item:hover .grid__item-img {opacity: .8;}
.promoline .grid__item-imgwrap {overflow: hidden;background: linear-gradient(45deg,#22682a 0%,#9b4a1b 40%,#3a342a 100%);border-radius: 4px;}
.promoline .grid__item-img--bw {filter: grayscale(1);}
.promoline .grid__item-img--blur {filter: blur(6px);}
.promoline .grid__item-img--scaled {transform: scale3d(1.2,1.2,1);}
.promoline .grid__item-img--opaque {opacity: 0;}
.promoline .grid__item-content {position: absolute;top: 5rem;right: 0;z-index: 10;width: 100%;}
.promoline .grid__item-title {font-size: 1.7rem;margin: 0 1rem 2rem 1rem;color: #fff;text-align: center;text-transform: lowercase;white-space: nowrap;}
.promoline .grid__item-title--inverted {color: #0e0ca5;}
.promoline .grid__item-cta {text-align: right;width: 100%;font-weight: bold;font-size: 1rem;color: #fff;margin-right: 1rem;text-transform: lowercase;display: flex;justify-content: center;}
.promoline .grid__item-cta span {flex: none;white-space: pre;opacity: 0;}
@media screen and (max-width: 55em) {.promoline .grid {padding: 1rem;grid-template-columns: 100%;grid-row-gap: 4rem;}
	.promoline .grid__item:nth-child(even) {margin-top: 0;}
	.promoline .grid__item-title {font-size: 1.5rem;margin-right: 1rem;}
	.promoline .grid__item-cta {font-size: 1rem;}}
.detailed .post-content {text-align: left;max-width: 970px;margin-left: auto;margin-right: auto;color: #000;}
@media only screen and (max-width: 1199px)
    & .post-content {.detailed {max-width: 750px;}}
.detailed .post-content h1, .detailed .post-content h2, .detailed .post-content h3, .detailed .post-content h4, .detailed .post-content h5, .detailed .post-content h6 {margin-top: 22px;margin-bottom: 22px;margin-left: -30px;color: #111;}
.demo-3 {--color-text: #333;--color-bg: #fff;background-size: cover;background-position: bottom center;--color-link: #aaa;--color-link-hover: #333;--color-info: #333;}
.demo-3 .content--fixed {align-content: stretch;grid-template-areas: "header search" "... ..." "demos info";background: transparent;}
.demo-3 .info {align-self: end;}
.demo-3 .search {grid-area: search;align-self: start;justify-self: end;pointer-events: auto;display: flex;position: relative;margin: .15rem .25rem 0 0;}
.demo-3 .search__input {padding: .75rem 1rem;background: none;background: rgba(180,186,210,.1);border: 0;border: solid 1px rgba(180,186,210,.5);width: 100%;border-radius: 30px;font-weight: bold;opacity: 0;}
.demo-3 .search__input:focus {outline: none;opacity: 1;}
.demo-3 .search__input:focus ~ .search__feedback span {opacity: 0;}
.demo-3 .search__feedback {position: absolute;right: 3rem;bottom: .85rem;font-size: .8rem;display: flex;color: #b5b5b5;pointer-events: none;}
.demo-3 .search__feedback span {flex: none;white-space: pre;}
.demo-3 .btn {margin: 0;padding: 0;cursor: pointer;border: none;background: none;font-size: 1rem;position: absolute;z-index: 10;right: .5rem;top: .5rem;color: #333;width: 20px;height: 20px;}
.demo-3 .btn svg {width: 25px;height: 37px;display: block;position: relative;right: 5px;}
.demo-3 .btn svg * {fill: black;}
.demo-3 .btn:focus {outline: none;}
@media screen and (max-width: 55em) {.demo-3 .search {width: 192px;margin: 1rem auto;}}
.section-icons__item {width: 100%;text-align: center;}
@media (min-width: 576px) {.section-icons__item.l50 {position: relative;left: -50px;}
	.section-icons__item.r50 {position: relative;right: -50px;}}
.section-icons__item .h4 {display: block;font-size: 1.3rem;font-weight: 700;margin-bottom: 0;margin-top: 10px;}
.section-icons__item div {margin: 0 auto;}
.term {padding-bottom: 5rem;}
@media (min-width: 576px) {.term {background: url("/webp/assets/img/term.jpg.webp") no-repeat right bottom;background-size: 15vw;}}