@import url("https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;700&display=swap");
.not-selectable{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.carousel{position:relative;box-sizing:border-box}.carousel *,.carousel *:before,.carousel *:after{box-sizing:inherit}.carousel.is-draggable{cursor:move;cursor:grab}.carousel.is-dragging{cursor:move;cursor:grabbing}.carousel__viewport{position:relative;overflow:hidden;max-width:100%;max-height:100%}.carousel__track{display:flex}.carousel__slide{flex:0 0 auto;width:var(--carousel-slide-width, 60%);max-width:100%;padding:1rem;position:relative;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y}.has-dots{margin-bottom:calc(0.5rem + 22px)}.carousel__dots{margin:0 auto;padding:0;position:absolute;top:calc(100% + 0.5rem);left:0;right:0;display:flex;justify-content:center;list-style:none;user-select:none}.carousel__dots .carousel__dot{margin:0;padding:0;display:block;position:relative;width:22px;height:22px;cursor:pointer}.carousel__dots .carousel__dot:after{content:"";width:8px;height:8px;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background-color:currentColor;opacity:.25;transition:opacity .15s ease-in-out}.carousel__dots .carousel__dot.is-selected:after{opacity:1}.carousel__button{width:var(--carousel-button-width, 48px);height:var(--carousel-button-height, 48px);padding:0;border:0;display:flex;justify-content:center;align-items:center;pointer-events:all;cursor:pointer;color:var(--carousel-button-color, currentColor);background:var(--carousel-button-bg, transparent);border-radius:var(--carousel-button-border-radius, 50%);box-shadow:var(--carousel-button-shadow, none);transition:opacity .15s ease}.carousel__button.is-prev,.carousel__button.is-next{position:absolute;top:50%;transform:translateY(-50%)}.carousel__button.is-prev{left:10px}.carousel__button.is-next{right:10px}.carousel__button[disabled]{cursor:default;opacity:.3}.carousel__button svg{width:var(--carousel-button-svg-width, 50%);height:var(--carousel-button-svg-height, 50%);fill:none;stroke:currentColor;stroke-width:var(--carousel-button-svg-stroke-width, 1.5);stroke-linejoin:bevel;stroke-linecap:round;filter:var(--carousel-button-svg-filter, none);pointer-events:none}html.with-fancybox{scroll-behavior:auto}body.compensate-for-scrollbar{overflow:hidden !important;touch-action:none}.fancybox__container{position:fixed;top:0;left:0;bottom:0;right:0;direction:ltr;margin:0;padding:env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px);box-sizing:border-box;display:flex;flex-direction:column;color:var(--fancybox-color, #fff);-webkit-tap-highlight-color:transparent;overflow:hidden;z-index:1050;outline:none;transform-origin:top left;--carousel-button-width: 48px;--carousel-button-height: 48px;--carousel-button-svg-width: 24px;--carousel-button-svg-height: 24px;--carousel-button-svg-stroke-width: 2.5;--carousel-button-svg-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.4))}.fancybox__container *,.fancybox__container *::before,.fancybox__container *::after{box-sizing:inherit}.fancybox__container :focus{outline:none}body:not(.is-using-mouse) .fancybox__container :focus{box-shadow:0 0 0 1px #fff,0 0 0 2px var(--fancybox-accent-color, rgba(1, 210, 232, 0.94))}@media all and (min-width: 1024px){.fancybox__container{--carousel-button-width:48px;--carousel-button-height:48px;--carousel-button-svg-width:27px;--carousel-button-svg-height:27px}}.fancybox__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--fancybox-bg, rgba(24, 24, 27, 0.92))}.fancybox__carousel{position:relative;flex:1 1 auto;min-height:0;height:100%;z-index:10}.fancybox__carousel.has-dots{margin-bottom:calc(0.5rem + 22px)}.fancybox__viewport{position:relative;width:100%;height:100%;overflow:visible;cursor:default}.fancybox__track{display:flex;height:100%}.fancybox__slide{flex:0 0 auto;width:100%;max-width:100%;margin:0;padding:48px 8px 8px 8px;position:relative;overscroll-behavior:contain;display:flex;flex-direction:column;outline:0;overflow:auto;-webkit-overflow-scrolling:touch;--carousel-button-width: 36px;--carousel-button-height: 36px;--carousel-button-svg-width: 22px;--carousel-button-svg-height: 22px}.fancybox__slide::before,.fancybox__slide::after{content:"";flex:0 0 0;margin:auto}@media all and (min-width: 1024px){.fancybox__slide{padding:64px 100px}}.fancybox__content{margin:0 env(safe-area-inset-right, 0px) 0 env(safe-area-inset-left, 0px);padding:36px;color:var(--fancybox-content-color, #374151);background:var(--fancybox-content-bg, #fff);position:relative;align-self:center;display:flex;flex-direction:column;z-index:20}.fancybox__content :focus:not(.carousel__button.is-close){outline:thin dotted;box-shadow:none}.fancybox__caption{align-self:center;max-width:100%;margin:0;padding:1rem 0 0 0;line-height:1.375;color:var(--fancybox-color, currentColor);visibility:visible;cursor:auto;flex-shrink:0;overflow-wrap:anywhere}.is-loading .fancybox__caption{visibility:hidden}.fancybox__container>.carousel__dots{top:100%;color:var(--fancybox-color, #fff)}.fancybox__nav .carousel__button{z-index:40}.fancybox__nav .carousel__button.is-next{right:8px}@media all and (min-width: 1024px){.fancybox__nav .carousel__button.is-next{right:40px}}.fancybox__nav .carousel__button.is-prev{left:8px}@media all and (min-width: 1024px){.fancybox__nav .carousel__button.is-prev{left:40px}}.carousel__button.is-close{position:absolute;top:8px;right:8px;top:calc(env(safe-area-inset-top, 0px) + 8px);right:calc(env(safe-area-inset-right, 0px) + 8px);z-index:40}@media all and (min-width: 1024px){.carousel__button.is-close{right:40px}}.fancybox__content>.carousel__button.is-close{position:absolute;top:-40px;right:0;color:var(--fancybox-color, #fff)}.fancybox__no-click,.fancybox__no-click button{pointer-events:none}.fancybox__spinner{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:50px;height:50px;color:var(--fancybox-color, currentColor)}.fancybox__slide .fancybox__spinner{cursor:pointer;z-index:1053}.fancybox__spinner svg{animation:fancybox-rotate 2s linear infinite;transform-origin:center center;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:100%;height:100%}.fancybox__spinner svg circle{fill:none;stroke-width:2.75;stroke-miterlimit:10;stroke-dasharray:1,200;stroke-dashoffset:0;animation:fancybox-dash 1.5s ease-in-out infinite;stroke-linecap:round;stroke:currentColor}@keyframes fancybox-rotate{100%{transform:rotate(360deg)}}@keyframes fancybox-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}}.fancybox__backdrop,.fancybox__caption,.fancybox__nav,.carousel__dots,.carousel__button.is-close{opacity:var(--fancybox-opacity, 1)}.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop,.fancybox__container.is-animated[aria-hidden=false] .fancybox__caption,.fancybox__container.is-animated[aria-hidden=false] .fancybox__nav,.fancybox__container.is-animated[aria-hidden=false] .carousel__dots,.fancybox__container.is-animated[aria-hidden=false] .carousel__button.is-close{animation:.15s ease backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__backdrop,.fancybox__container.is-animated.is-closing .fancybox__caption,.fancybox__container.is-animated.is-closing .fancybox__nav,.fancybox__container.is-animated.is-closing .carousel__dots,.fancybox__container.is-animated.is-closing .carousel__button.is-close{animation:.15s ease both fancybox-fadeOut}.fancybox-fadeIn{animation:.15s ease both fancybox-fadeIn}.fancybox-fadeOut{animation:.1s ease both fancybox-fadeOut}.fancybox-zoomInUp{animation:.2s ease both fancybox-zoomInUp}.fancybox-zoomOutDown{animation:.15s ease both fancybox-zoomOutDown}.fancybox-throwOutUp{animation:.15s ease both fancybox-throwOutUp}.fancybox-throwOutDown{animation:.15s ease both fancybox-throwOutDown}@keyframes fancybox-fadeIn{from{opacity:0}to{opacity:1}}@keyframes fancybox-fadeOut{to{opacity:0}}@keyframes fancybox-zoomInUp{from{transform:scale(0.97) translate3d(0, 16px, 0);opacity:0}to{transform:scale(1) translate3d(0, 0, 0);opacity:1}}@keyframes fancybox-zoomOutDown{to{transform:scale(0.97) translate3d(0, 16px, 0);opacity:0}}@keyframes fancybox-throwOutUp{to{transform:translate3d(0, -30%, 0);opacity:0}}@keyframes fancybox-throwOutDown{to{transform:translate3d(0, 30%, 0);opacity:0}}.fancybox__carousel .carousel__slide{scrollbar-width:thin;scrollbar-color:#ccc rgba(255,255,255,.1)}.fancybox__carousel .carousel__slide::-webkit-scrollbar{width:8px;height:8px}.fancybox__carousel .carousel__slide::-webkit-scrollbar-track{background-color:rgba(255,255,255,.1)}.fancybox__carousel .carousel__slide::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:2px;box-shadow:inset 0 0 4px rgba(0,0,0,.2)}.fancybox__carousel.is-draggable .fancybox__slide,.fancybox__carousel.is-draggable .fancybox__slide .fancybox__content{cursor:move;cursor:grab}.fancybox__carousel.is-dragging .fancybox__slide,.fancybox__carousel.is-dragging .fancybox__slide .fancybox__content{cursor:move;cursor:grabbing}.fancybox__carousel .fancybox__slide .fancybox__content{cursor:auto}.fancybox__carousel .fancybox__slide.can-zoom_in .fancybox__content{cursor:zoom-in}.fancybox__carousel .fancybox__slide.can-zoom_out .fancybox__content{cursor:zoom-out}.fancybox__carousel .fancybox__slide.is-draggable .fancybox__content{cursor:move;cursor:grab}.fancybox__carousel .fancybox__slide.is-dragging .fancybox__content{cursor:move;cursor:grabbing}.fancybox__image{transform-origin:0 0;touch-action:none;user-select:none;transition:none}.has-image .fancybox__content{padding:0;background:transparent;min-height:1px}.is-closing .has-image .fancybox__content{overflow:visible}.has-image[data-image-fit=contain]{overflow:visible;touch-action:none}.has-image[data-image-fit=contain] .fancybox__content{flex-direction:row;flex-wrap:wrap}.has-image[data-image-fit=contain] .fancybox__image{max-width:100%;max-height:100%;object-fit:contain}.has-image[data-image-fit=contain-w]{overflow-x:hidden;overflow-y:auto}.has-image[data-image-fit=contain-w] .fancybox__content{min-height:auto}.has-image[data-image-fit=contain-w] .fancybox__image{max-width:100%;height:auto}.has-image[data-image-fit=cover]{overflow:visible;touch-action:none}.has-image[data-image-fit=cover] .fancybox__content{width:100%;height:100%}.has-image[data-image-fit=cover] .fancybox__image{width:100%;height:100%;object-fit:cover}.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{flex-shrink:1;min-height:1px;overflow:visible}.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content{width:100%;height:80%}.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{width:960px;height:540px;max-width:100%;max-height:100%}.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{padding:0;background:rgba(24,24,27,.9);color:#fff}.fancybox__carousel .fancybox__slide.has-map .fancybox__content{background:#e5e3df}.fancybox__html5video,.fancybox__iframe{border:0;display:block;height:100%;width:100%;background:transparent}.fancybox-placeholder{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.fancybox__thumbs{flex:0 0 auto;position:relative;padding:0px 3px;opacity:var(--fancybox-opacity, 1)}.fancybox__container.is-animated[aria-hidden=false] .fancybox__thumbs{animation:.15s ease-in backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__thumbs{opacity:0}.fancybox__thumbs .carousel__slide{flex:0 0 auto;width:var(--fancybox-thumbs-width, 96px);margin:0;padding:8px 3px;box-sizing:content-box;display:flex;align-items:center;justify-content:center;overflow:visible;cursor:pointer}.fancybox__thumbs .carousel__slide .fancybox__thumb::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-width:5px;border-style:solid;border-color:var(--fancybox-accent-color, rgba(1, 210, 232, 0.94));opacity:0;transition:opacity .15s ease;border-radius:var(--fancybox-thumbs-border-radius, 4px)}.fancybox__thumbs .carousel__slide.is-nav-selected .fancybox__thumb::after{opacity:.92}.fancybox__thumbs .carousel__slide>*{pointer-events:none;user-select:none}.fancybox__thumb{position:relative;width:100%;padding-top:calc(100%/(var(--fancybox-thumbs-ratio, 1.5)));background-size:cover;background-position:center center;background-color:rgba(255,255,255,.1);background-repeat:no-repeat;border-radius:var(--fancybox-thumbs-border-radius, 4px)}.fancybox__toolbar{position:absolute;top:0;right:0;left:0;z-index:20;background:linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.006) 8.1%, rgba(0, 0, 0, 0.021) 15.5%, rgba(0, 0, 0, 0.046) 22.5%, rgba(0, 0, 0, 0.077) 29%, rgba(0, 0, 0, 0.114) 35.3%, rgba(0, 0, 0, 0.155) 41.2%, rgba(0, 0, 0, 0.198) 47.1%, rgba(0, 0, 0, 0.242) 52.9%, rgba(0, 0, 0, 0.285) 58.8%, rgba(0, 0, 0, 0.326) 64.7%, rgba(0, 0, 0, 0.363) 71%, rgba(0, 0, 0, 0.394) 77.5%, rgba(0, 0, 0, 0.419) 84.5%, rgba(0, 0, 0, 0.434) 91.9%, rgba(0, 0, 0, 0.44) 100%);padding:0;touch-action:none;display:flex;justify-content:space-between;--carousel-button-svg-width: 20px;--carousel-button-svg-height: 20px;opacity:var(--fancybox-opacity, 1);text-shadow:var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.4))}@media all and (min-width: 1024px){.fancybox__toolbar{padding:8px}}.fancybox__container.is-animated[aria-hidden=false] .fancybox__toolbar{animation:.15s ease-in backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__toolbar{opacity:0}.fancybox__toolbar__items{display:flex}.fancybox__toolbar__items--left{margin-right:auto}.fancybox__toolbar__items--center{position:absolute;left:50%;transform:translateX(-50%)}.fancybox__toolbar__items--right{margin-left:auto}@media(max-width: 640px){.fancybox__toolbar__items--center:not(:last-child){display:none}}.fancybox__counter{min-width:72px;padding:0 10px;line-height:var(--carousel-button-height, 48px);text-align:center;font-size:17px;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased}.fancybox__progress{background:var(--fancybox-accent-color, rgba(1, 210, 232, 0.94));height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:30;user-select:none}.fancybox__container:fullscreen::backdrop{opacity:0}.fancybox__button--fullscreen g:nth-child(2){display:none}.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(1){display:none}.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(2){display:block}.fancybox__button--slideshow g:nth-child(2){display:none}.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(1){display:none}.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(2){display:block} .slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before, .slick-track:after {
content: "";
display: table;
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none;
}
[dir=rtl] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}   html {
line-height: 1.15; -webkit-text-size-adjust: 100%; }  body {
margin: 0;
} main {
display: block;
} h1 {
font-size: 2em;
margin: 0.67em 0;
}  hr {
box-sizing: content-box; height: 0; overflow: visible; } pre {
font-family: monospace, monospace; font-size: 1em; }  a {
background-color: transparent;
} abbr[title] {
border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } b,
strong {
font-weight: bolder;
} code,
kbd,
samp {
font-family: monospace, monospace; font-size: 1em; } small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
}  button,
input,
optgroup,
select,
textarea {
font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button,
input { overflow: visible;
} button,
select { text-transform: none;
} button,
[type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button;
} button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
outline: 1px dotted ButtonText;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress {
vertical-align: baseline;
} textarea {
overflow: auto;
} [type=checkbox],
[type=radio] {
box-sizing: border-box; padding: 0; } [type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto;
} [type=search] {
-webkit-appearance: textfield; outline-offset: -2px; } [type=search]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; }  details {
display: block;
} summary {
display: list-item;
}  template {
display: none;
} [hidden] {
display: none;
} @font-face {
font-family: "Konkret Grotesk Pro";
src: url(//www.matrix-dv.com/wp-content/themes/matrix-child/public/fonts/KonkretGroteskPro-Light.eot);
src: url(//www.matrix-dv.com/wp-content/themes/matrix-child/public/fonts/KonkretGroteskPro-Light.eot?#iefix) format("embedded-opentype"), url(//www.matrix-dv.com/wp-content/themes/matrix-child/public/fonts/KonkretGroteskPro-Light.woff2) format("woff2"), url(//www.matrix-dv.com/wp-content/themes/matrix-child/public/fonts/KonkretGroteskPro-Light.woff) format("woff"), url(//www.matrix-dv.com/wp-content/themes/matrix-child/public/fonts/KonkretGroteskPro-Light.ttf) format("truetype"), url(//www.matrix-dv.com/wp-content/themes/matrix-child/public/fonts/KonkretGroteskPro-Light.svg#KonkretGroteskPro-Light) format("svg");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Konkret Grotesk Pro";
src: url(//www.matrix-dv.com/wp-content/themes/matrix-child/public/fonts/KonkretGroteskPro-Regular.eot);
src: url(//www.matrix-dv.com/wp-content/themes/matrix-child/public/fonts/KonkretGroteskPro-Regular.eot?#iefix) format("embedded-opentype"), url(//www.matrix-dv.com/wp-content/themes/matrix-child/public/fonts/KonkretGroteskPro-Regular.woff2) format("woff2"), url(//www.matrix-dv.com/wp-content/themes/matrix-child/public/fonts/KonkretGroteskPro-Regular.woff) format("woff"), url(//www.matrix-dv.com/wp-content/themes/matrix-child/public/fonts/KonkretGroteskPro-Regular.ttf) format("truetype"), url(//www.matrix-dv.com/wp-content/themes/matrix-child/public/fonts/KonkretGroteskPro-Regular.svg#KonkretGroteskPro-Regular) format("svg");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Konkret Grotesk Pro";
src: url(//www.matrix-dv.com/wp-content/themes/matrix-child/public/fonts/KonkretGroteskPro-Medium.eot);
src: url(//www.matrix-dv.com/wp-content/themes/matrix-child/public/fonts/KonkretGroteskPro-Medium.eot?#iefix) format("embedded-opentype"), url(//www.matrix-dv.com/wp-content/themes/matrix-child/public/fonts/KonkretGroteskPro-Medium.woff2) format("woff2"), url(//www.matrix-dv.com/wp-content/themes/matrix-child/public/fonts/KonkretGroteskPro-Medium.woff) format("woff"), url(//www.matrix-dv.com/wp-content/themes/matrix-child/public/fonts/KonkretGroteskPro-Medium.ttf) format("truetype"), url(//www.matrix-dv.com/wp-content/themes/matrix-child/public/fonts/KonkretGroteskPro-Medium.svg#KonkretGroteskPro-Medium) format("svg");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Konkret Grotesk Pro";
src: url(//www.matrix-dv.com/wp-content/themes/matrix-child/public/fonts/KonkretGroteskPro-Bold.eot);
src: url(//www.matrix-dv.com/wp-content/themes/matrix-child/public/fonts/KonkretGroteskPro-Bold.eot?#iefix) format("embedded-opentype"), url(//www.matrix-dv.com/wp-content/themes/matrix-child/public/fonts/KonkretGroteskPro-Bold.woff2) format("woff2"), url(//www.matrix-dv.com/wp-content/themes/matrix-child/public/fonts/KonkretGroteskPro-Bold.woff) format("woff"), url(//www.matrix-dv.com/wp-content/themes/matrix-child/public/fonts/KonkretGroteskPro-Bold.ttf) format("truetype"), url(//www.matrix-dv.com/wp-content/themes/matrix-child/public/fonts/KonkretGroteskPro-Bold.svg#KonkretGroteskPro-Bold) format("svg");
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Konkret Grotesk Pro";
src: url(//www.matrix-dv.com/wp-content/themes/matrix-child/public/fonts/KonkretGroteskPro-ExtraBold.eot);
src: url(//www.matrix-dv.com/wp-content/themes/matrix-child/public/fonts/KonkretGroteskPro-ExtraBold.eot?#iefix) format("embedded-opentype"), url(//www.matrix-dv.com/wp-content/themes/matrix-child/public/fonts/KonkretGroteskPro-ExtraBold.woff2) format("woff2"), url(//www.matrix-dv.com/wp-content/themes/matrix-child/public/fonts/KonkretGroteskPro-ExtraBold.woff) format("woff"), url(//www.matrix-dv.com/wp-content/themes/matrix-child/public/fonts/KonkretGroteskPro-ExtraBold.ttf) format("truetype"), url(//www.matrix-dv.com/wp-content/themes/matrix-child/public/fonts/KonkretGroteskPro-ExtraBold.svg#KonkretGroteskPro-ExtraBold) format("svg");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@keyframes scaleUp {
0% {
transform: scale(0);
}
100% {
transform: scale(1);
}
}
@keyframes scaleDown {
0% {
transform: scale(1);
}
100% {
transform: scale(0);
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn60 {
0% {
opacity: 0;
}
100% {
opacity: 0.6;
}
}
@keyframes fadeInTitle {
0% {
margin-top: 80px;
opacity: 0;
}
100% {
margin-top: 0;
opacity: 1;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeInTop {
0% {
opacity: 0;
top: -100%;
}
100% {
opacity: 1;
top: 50%;
}
}
@keyframes fadeInTopZero {
0% {
opacity: 0;
top: -100%;
}
100% {
opacity: 1;
top: 0;
}
}
@keyframes fadeOutTop {
0% {
opacity: 1;
top: 50%;
}
100% {
opacity: 0;
top: -100%;
}
}
@keyframes slideInRight {
0% {
right: -100%;
}
100% {
right: 0;
}
}
@keyframes slideOutRight {
0% {
right: 0;
}
100% {
right: -100%;
}
}
@keyframes slideInLeft {
0% {
left: -100%;
}
100% {
left: 0;
}
}
@keyframes slideOutLeft {
0% {
left: 0;
}
100% {
left: -100%;
}
}
@keyframes spinLoader {
from {
transform: translate(-50%, -50%) rotate(0deg);
}
to {
transform: translate(-50%, -50%) rotate(360deg);
}
}
.loading-area {
position: relative;
}
.loading-area:before {
content: "";
}
.loading-spinner, .loading-area:before {
position: absolute;
top: 50%;
left: 50%;
display: block;
width: 30px;
height: 30px;
border: 1px dashed #979797;
border-radius: 50%;
transform: translate(-50%, -50%);
animation: spinLoader 5000ms infinite linear;
}
* {
box-sizing: border-box;
}
html {
height: 100%;
font-size: 10px;
}
body {
height: 100%;
font-family: "Source Sans Pro", sans-serif;
font-weight: 400;
color: #2d2d2d;
background-color: #ffffff;
}
body.policies-page, body.modules-page {
padding-top: 64px;
}
@media only screen and (min-width: 992px) {
body.modules-page {
width: calc(100% - 90px);
margin-left: 90px;
}
}
.container {
position: relative;
max-width: 1760px;
height: 100%;
margin: 0 auto;
padding: 0 20px;
}
.medium-container {
position: relative;
max-width: 1380px;
margin: 0 auto;
padding: 0 20px;
}
.small-container {
position: relative;
max-width: 1180px;
margin: 0 auto;
padding: 0 20px;
}
.tiny-container {
position: relative;
max-width: 980px;
margin: 0 auto;
padding: 0 20px;
}
@media only screen and (min-width: 992px) {
.container,
.medium-container,
.small-container,
.tiny-container {
padding: 0 60px;
}
}
.header {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 70px;
padding: 15px 0;
font-size: 0;
background-color: #2d2d2d;
z-index: 20;
transition: height 300ms, padding 300ms;
animation: fadeInTopZero 300ms forwards;
}
.header .header__left,
.header .header__right {
display: inline-block;
vertical-align: middle;
}
.header .header__left {
width: 15%;
}
.header .header__right {
width: 85%;
text-align: right;
}
.header .header__logo {
width: 140px;
transition: width 300ms;
}
.header .header__logo img {
width: 100%;
}
.header .header__toggle svg {
fill: #ffffff;
}
@media only screen and (min-width: 992px) {
.header {
height: 100px;
padding: 25px 0;
background-color: initial;
}
.header .header__toggle {
display: none;
}
.header--gray, .header--fixed {
height: 64px;
padding: 10px 0;
background-color: #2d2d2d;
}
}
@media only screen and (min-width: 1200px) {
.header .header__logo {
width: 170px;
}
.header--gray .header__logo, .header--fixed .header__logo {
width: 138px;
}
}
.nav {
position: fixed;
top: -100%;
left: 0;
width: 100%;
height: 100%;
background-color: #2d2d2d;
transition: top 400ms;
}
.nav .nav__top {
padding: 20px;
}
.nav .nav__logo {
float: left;
width: 24px;
height: 24px;
background-image: url(//www.matrix-dv.com/wp-content/themes/matrix-child/public/img/matrix_icon.svg);
background-size: contain;
background-repeat: no-repeat;
}
.nav .nav__close {
float: right;
}
.nav .nav__close svg {
fill: #ffffff;
}
.nav .nav__menu {
position: absolute;
top: 50%;
left: 54px;
max-height: 60%;
padding: 0;
text-align: left;
overflow-y: auto;
transform: translateY(-50%);
}
.nav .nav__menu li {
display: block;
}
.nav .nav__menu li a {
display: block;
font-size: 3rem;
color: #ffffff;
text-decoration: none;
line-height: 1.6em;
}
.nav .nav__menu li.current-menu-item a {
color: #c2f5f6;
}
.nav .nav__menu li.featured a {
color: #4ec7d8;
}
.nav .nav__social {
position: absolute;
bottom: 40px;
left: 50%;
width: 100%;
text-align: center;
transform: translateX(-50%);
}
.nav .nav__social .nav__socialMenu {
padding: 0;
}
.nav .nav__social .nav__socialMenu li {
display: inline-block;
vertical-align: middle;
margin: 0 15px;
}
.nav .nav__social .nav__socialMenu li a {
display: block;
background-size: contain;
background-repeat: no-repeat;
}
.nav .nav__social .nav__socialMenu li.facebook a {
width: 17px;
height: 17px;
background-image: url(//www.matrix-dv.com/wp-content/themes/matrix-child/public/img/social/facebook.svg);
}
.nav .nav__social .nav__socialMenu li.twitter a {
width: 21px;
height: 17px;
background-image: url(//www.matrix-dv.com/wp-content/themes/matrix-child/public/img/social/twitter.svg);
}
.nav .nav__social .nav__socialMenu li.youtube a {
width: 25px;
height: 17px;
background-image: url(//www.matrix-dv.com/wp-content/themes/matrix-child/public/img/social/youtube.svg);
}
.nav .nav__social .nav__socialMenu li:last-child {
margin-right: 0;
}
.nav--visible {
top: 0;
}
@media only screen and (min-width: 992px) {
.nav {
display: block;
position: initial;
top: initial;
left: initial;
width: initial;
height: initial;
background-color: initial;
}
.nav .nav__top,
.nav .nav__social {
display: none;
}
.nav .nav__menu {
position: initial;
top: initial;
left: initial;
text-align: inherit;
transform: initial;
}
.nav .nav__menu li {
display: inline-block;
vertical-align: middle;
margin: 0 8px;
}
.nav .nav__menu li a {
font-size: 1.6rem;
line-height: initial;
transition: color 250ms;
}
.nav .nav__menu li a:hover {
color: #4ec7d8;
}
.nav .nav__menu li.featured a {
padding: 12px 24px;
color: #ffffff;
border: 1px solid #ffffff;
border-radius: 7px;
transition: background-color 250ms, border-color 250ms;
}
.nav .nav__menu li.featured a:hover {
background-color: #4ec7d8;
border-color: #4ec7d8;
}
.nav .nav__menu li:last-child {
margin-right: 0;
}
}
@media only screen and (min-width: 1200px) {
.nav .nav__menu li {
margin: 0 12px;
}
.nav .nav__menu li.featured a {
margin-left: 56px;
padding: 12px 36px;
}
}
.footer {
padding: 60px 0;
font-size: 0;
background-color: #4ec7d8;
}
.footer .footer__left,
.footer .footer__right {
width: 100%;
text-align: center;
}
.footer .footer__nav {
margin-top: 40px;
}
.footer .footer__nav .footer__navMenu {
padding: 0;
}
.footer .footer__nav .footer__navMenu li {
display: inline-block;
vertical-align: middle;
margin: 0 10px;
}
.footer .footer__nav .footer__navMenu li a {
font-size: 1.4rem;
color: #ffffff;
line-height: 1.4em;
text-decoration: none;
}
.footer .footer__social {
margin-top: 40px;
}
.footer .footer__social .footer__socialMenu {
padding: 0;
}
.footer .footer__social .footer__socialMenu li {
display: inline-block;
vertical-align: middle;
margin: 0 20px;
}
.footer .footer__social .footer__socialMenu li a {
display: block;
background-size: contain;
background-repeat: no-repeat;
}
.footer .footer__social .footer__socialMenu li.facebook a {
width: 25px;
height: 25px;
background-image: url(//www.matrix-dv.com/wp-content/themes/matrix-child/public/img/social/facebook.svg);
}
.footer .footer__social .footer__socialMenu li.twitter a {
width: 31px;
height: 25px;
background-image: url(//www.matrix-dv.com/wp-content/themes/matrix-child/public/img/social/twitter.svg);
}
.footer .footer__social .footer__socialMenu li.linkedin a {
width: 31px;
height: 25px;
background-image: url(//www.matrix-dv.com/wp-content/themes/matrix-child/public/img/social/linkedin.svg);
}
.footer .footer__social .footer__socialMenu li.youtube a {
width: 36px;
height: 25px;
background-image: url(//www.matrix-dv.com/wp-content/themes/matrix-child/public/img/social/youtube.svg);
}
.footer .footer__social .footer__socialMenu li:last-child {
margin-right: 0;
}
.footer .footer__logo {
display: inline-block;
font-size: 1rem;
color: #ffffff;
}
@media only screen and (min-width: 1200px) {
.footer .footer__left,
.footer .footer__right {
display: inline-block;
vertical-align: middle;
}
.footer .footer__left {
width: 15%;
text-align: left;
}
.footer .footer__right {
width: 85%;
text-align: right;
}
.footer .footer__nav {
display: inline-block;
vertical-align: middle;
margin-top: 0;
margin-right: 40px;
}
.footer .footer__nav .footer__navMenu li a {
font-size: 1.6rem;
}
.footer .footer__social {
display: inline-block;
vertical-align: middle;
margin-top: 0;
}
}
.backToTop {
position: fixed;
bottom: 30px;
right: -100%;
width: 32px;
height: 32px;
background-color: #2d2d2d;
border-radius: 50%;
opacity: 0;
transition: background-color 250ms, opacity 500ms, right 1ms 500ms;
}
.backToTop svg {
position: absolute;
top: 50%;
left: 50%;
fill: #ffffff;
transform: translate(-50%, -50%);
}
.backToTop:hover {
background-color: #4ec7d8;
}
.backToTop--visible {
right: 30px;
opacity: 1;
transition: background-color 250ms, opacity 500ms;
}
@media only screen and (min-width: 992px) {
.backToTop {
width: 57px;
height: 57px;
}
}
.policies {
min-height: calc(100% - 242px);
margin: 40px 0;
overflow-x: auto;
}
.policies h1 {
margin: 0 0 25px;
font-family: "Konkret Grotesk Pro", sans-serif;
font-size: 3rem;
font-weight: 600;
line-height: 1.2em;
}
.policies p,
.policies li {
margin: 10px 0;
font-size: 1.6rem;
font-weight: 400;
line-height: 1.4em;
}
.policies ul {
padding-left: 18px;
}
.policies ol {
padding-left: 15px;
}
.policies a {
color: #4ec7d8;
}
.cli-bar-message a,
.cli-privacy-content-text a {
color: #4ec7d8;
text-decoration: none;
}
.cli-tab-footer .wt-cli-privacy-accept-btn {
background-color: #4ec7d8;
}
.cli-tab-footer .wt-cli-privacy-accept-btn:hover {
background-color: #2d2d2d;
}
.cookieNotice {
position: fixed;
left: 0;
bottom: -100%;
width: 100%;
padding: 20px 0;
background-color: rgba(0, 0, 0, 0.9);
opacity: 0;
transition: bottom 1s 250ms;
}
.cookieNotice p {
margin: 0 0 10px;
font-size: 1.2rem;
color: #ffffff;
line-height: 1.4em;
}
.cookieNotice p:last-child {
margin: 0;
}
.cookieNotice a {
color: #4ec7d8;
text-decoration: underline;
}
.cookieNotice .cookieNotice__accept {
display: inline-block;
vertical-align: middle;
margin: 16px 0 0;
padding: 12px 24px;
font-size: 1.2rem;
color: #ffffff;
text-decoration: none;
background-color: #4ec7d8;
border-radius: 5px;
transition: background-color 250ms;
}
.cookieNotice .cookieNotice__accept:hover {
background-color: #2d2d2d;
}
.cookieNotice .cookieNotice__refuse {
display: inline-block;
vertical-align: middle;
margin: 16px 0 0 8px;
padding: 12px;
font-size: 1.2rem;
color: #4ec7d8;
text-decoration: none;
border-radius: 5px;
border: 1px solid #4ec7d8;
transition: background-color 250ms;
}
.cookieNotice .cookieNotice__refuse:hover {
background-color: #2d2d2d;
}
.cookieNotice--visible {
bottom: 0;
opacity: 1;
}
@media only screen and (min-width: 769px) {
.cookieNotice {
font-size: 0;
}
.cookieNotice .cookieNotice__left,
.cookieNotice .cookieNotice__right {
display: inline-block;
vertical-align: middle;
}
.cookieNotice .cookieNotice__left {
width: calc(100% - 230px);
padding-right: 16px;
}
.cookieNotice .cookieNotice__right {
width: 230px;
text-align: right;
}
.cookieNotice p,
.cookieNotice .cookieNotice__accept {
font-size: 1.4rem;
}
.cookieNotice .cookieNotice__accept,
.cookieNotice .cookieNotice__refuse {
margin-top: 0;
}
}
.slider {
height: 100%;
min-height: 620px;
background-color: #2d2d2d;
}
.slider .slick-list,
.slider .slick-track,
.slider .slick-slide,
.slider .slick-slide > div {
height: 100%;
}
.slider .slider__item {
position: relative;
height: 100%;
background-size: cover;
background-position: center;
opacity: 0;
}
.slider .slider__videoWrapper {
position: absolute;
top: 0;
width: 100vw;
height: 100%;
}
.slider .slider__shadow {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.2);
}
.slider .slider__graphic {
position: absolute;
top: 100px;
left: 50%;
width: calc(100% - 40px);
max-width: 1640px;
height: calc(100% - 155px);
border: 20px solid #ffffff;
transform: translateX(-50%);
opacity: 0;
transition: opacity 1s 400ms;
}
.slider .slider__graphic:after {
content: "";
position: absolute;
bottom: -20px;
left: -20px;
display: block;
width: 60px;
height: 60px;
border: 20px solid #ffffff;
}
.slider .slider__content {
position: absolute;
top: 50%;
left: 50%;
width: 70%;
margin-left: -100px;
color: #ffffff;
text-align: center;
transform: translate(-50%, -50%);
opacity: 0;
transition: margin-left 1s 300ms, opacity 1s 300ms;
}
.slider .slider__tagline {
margin: 0 0 12px;
font-family: "Konkret Grotesk Pro", sans-serif;
font-size: 1.4rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1px;
}
.slider .slider__title {
margin: 0 0 25px;
font-family: "Konkret Grotesk Pro", sans-serif;
font-size: 2.8rem;
font-weight: 300;
line-height: 1.2em;
}
.slider .slider__title strong {
font-weight: 600;
}
.slider .slider__button {
display: inline-block;
padding: 20px;
font-size: 1.6rem;
font-weight: 400;
color: #ffffff;
text-decoration: none;
border: 2px solid #ffffff;
border-radius: 7px;
cursor: pointer;
transition: background-color 250ms, border-color 250ms;
}
.slider .slider__button:hover {
background-color: #4ec7d8;
border-color: #4ec7d8;
}
.slider .slick-active .slider__graphic {
opacity: 0.5;
}
.slider .slick-active .slider__content {
margin-left: 0;
opacity: 1;
}
.slider .slick-dots {
position: absolute;
left: 50%;
bottom: 25px;
margin: 0;
padding: 0;
transform: translateX(-50%);
}
.slider .slick-dots li {
display: inline-block;
margin: 0 5px;
}
.slider .slick-dots li button {
display: block;
width: 8px;
height: 8px;
padding: 0;
font-size: 0;
background-color: #ffffff;
border: none;
border-radius: 50%;
cursor: pointer;
}
.slider .slick-dots li.slick-active button {
background-color: #4ec7d8;
}
.slider.slick-initialized .slider__item {
opacity: 1;
}
@media only screen and (min-width: 992px) {
.slider .slider__graphic {
width: calc(100% - 120px);
border: 40px solid #ffffff;
}
.slider .slider__graphic:after {
bottom: -40px;
left: -40px;
border: 40px solid #ffffff;
}
.slider .slider__tagline {
font-size: 1.6rem;
}
.slider .slider__title {
font-size: 4rem;
}
.slider .slider__button {
padding: 25px 80px;
font-size: 2.4rem;
}
}
@media only screen and (min-width: 1200px) {
.slider .slider__content {
padding-top: 10%;
padding-left: 15%;
text-align: left;
}
}
.pageHeader {
position: relative;
height: 100%;
min-height: 620px;
background-size: cover;
background-position: center;
background-color: #2d2d2d;
}
.pageHeader .pageHeader__shadow {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.2);
}
.pageHeader .pageHeader__graphic {
position: absolute;
top: 100px;
left: 50%;
width: calc(100% - 40px);
max-width: 1640px;
height: calc(100% - 155px);
border: 20px solid #4ec7d8;
transform: translateX(-50%);
opacity: 0;
animation: fadeIn60 400ms 300ms forwards;
}
.pageHeader .pageHeader__graphic:after {
content: "";
position: absolute;
bottom: -20px;
left: -20px;
display: block;
width: 60px;
height: 60px;
border: 20px solid #4ec7d8;
}
.pageHeader .pageHeader__content {
position: absolute;
top: 50%;
left: 50%;
width: 70%;
margin-top: 80px;
color: #ffffff;
text-align: center;
transform: translate(-50%, -50%);
opacity: 0;
animation: fadeInTitle 1s 300ms forwards;
}
.pageHeader .pageHeader__content .pageHeader__title,
.pageHeader .pageHeader__content .pageHeader__subtitle {
margin: 0;
font-family: "Konkret Grotesk Pro", sans-serif;
}
.pageHeader .pageHeader__content .pageHeader__title {
margin: 0 0 25px;
font-size: 3.4rem;
font-weight: 600;
line-height: 1em;
}
.pageHeader .pageHeader__content .pageHeader__title em {
font-size: 2rem;
font-style: normal;
font-weight: 400;
line-height: 0.4rem;
}
.pageHeader .pageHeader__content .pageHeader__subtitle {
font-size: 2.4rem;
font-weight: 300;
line-height: 1.2em;
}
.pageHeader .pageHeader__content .pageHeader__subtitle strong {
font-weight: 600;
}
@media only screen and (min-width: 992px) {
.pageHeader .pageHeader__graphic {
width: calc(100% - 120px);
border: 40px solid #4ec7d8;
}
.pageHeader .pageHeader__graphic:after {
bottom: -40px;
left: -40px;
border: 40px solid #4ec7d8;
}
.pageHeader .pageHeader__content {
width: 75%;
max-width: 1000px;
}
.pageHeader .pageHeader__content .pageHeader__title,
.pageHeader .pageHeader__content .pageHeader__subtitle {
display: inline-block;
vertical-align: middle;
font-size: 0;
}
.pageHeader .pageHeader__content .pageHeader__title {
width: calc(50% - 60px);
margin: 0 60px 0 0;
font-size: 7rem;
text-align: left;
}
.pageHeader .pageHeader__content .pageHeader__title em {
font-size: 4rem;
}
.pageHeader .pageHeader__content .pageHeader__subtitle {
width: 50%;
font-size: 4rem;
text-align: left;
}
}
.titleText {
margin: 40px 0;
text-align: center;
overflow: hidden;
}
.titleText h3 {
margin: 0 0 25px;
font-family: "Konkret Grotesk Pro", sans-serif;
font-size: 3rem;
font-weight: 600;
line-height: 1.2em;
opacity: 0;
transform: translateY(60px);
transition: opacity 1s 500ms, transform 1s 250ms;
}
.titleText h3.titleOnly {
margin: 0;
}
.titleText p {
margin: 0;
font-size: 1.6rem;
font-weight: 400;
line-height: 1.4em;
opacity: 0;
transform: translateY(60px);
transition: opacity 1s 500ms, transform 1s 250ms;
}
.titleText--blue h3 {
color: #4ec7d8;
}
.titleText.intoView h3, .titleText.intoView p {
opacity: 1;
transform: translateX(0);
}
@media only screen and (min-width: 992px) {
.titleText {
margin: 60px 0;
}
.titleText h3 {
font-size: 4rem;
}
.titleText p {
font-size: 2rem;
}
}
.titleIconAside {
margin: 40px 0;
overflow-x: hidden;
}
.titleIconAside .titleIconAside__icon {
margin: 0 0 40px;
transform: translateX(-50px);
opacity: 0;
transition: opacity 1s 250ms, transform 1s 250ms;
}
.titleIconAside .titleIconAside__icon img {
display: block;
width: 100%;
max-width: 200px;
margin: 0 auto;
}
.titleIconAside .titleIconAside__content {
text-align: center;
transform: translateX(50px);
opacity: 0;
transition: opacity 1s 250ms, transform 1s 250ms;
}
.titleIconAside .titleIconAside__content .titleIconAside__title {
margin: 0 0 20px;
font-family: "Konkret Grotesk Pro", sans-serif;
font-size: 2.4rem;
font-weight: 600;
line-height: 1.2em;
}
.titleIconAside .titleIconAside__content .titleIconAside__description {
margin: 0 0 20px;
font-size: 1.6rem;
line-height: 1.2em;
}
.titleIconAside.intoView .titleIconAside__icon,
.titleIconAside.intoView .titleIconAside__content {
opacity: 1;
transform: translateX(0);
}
@media only screen and (min-width: 992px) {
.titleIconAside {
margin: 60px 0;
}
.titleIconAside .titleIconAside__icon,
.titleIconAside .titleIconAside__content {
display: inline-block;
vertical-align: middle;
width: 50%;
}
.titleIconAside .titleIconAside__content {
text-align: left;
}
.titleIconAside .titleIconAside__content .titleIconAside__title {
font-size: 4rem;
}
.titleIconAside .titleIconAside__content .titleIconAside__description {
font-size: 2rem;
}
}
.logoWatermark {
position: relative;
margin: 50px 0;
}
.logoWatermark p {
position: relative;
margin: 0;
font-family: "Konkret Grotesk Pro", sans-serif;
font-size: 2.3rem;
font-weight: 600;
text-align: center;
line-height: 1.4em;
opacity: 0;
transform: translateY(60px);
transition: opacity 1s 1s, transform 1s 250ms;
}
.logoWatermark:before {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 150px;
height: 150px;
background-image: url(//www.matrix-dv.com/wp-content/themes/matrix-child/public/img/watermark.svg);
background-size: contain;
background-repeat: no-repeat;
transform: translate(-50%, -50%);
opacity: 0;
transition: opacity 500ms 250ms;
}
.logoWatermark.intoView p {
opacity: 1;
transform: translateX(0);
transition: opacity 1s, transform 1s;
}
.logoWatermark.intoView:before {
opacity: 1;
}
@media only screen and (min-width: 992px) {
.logoWatermark {
margin: 140px 0;
}
.logoWatermark p {
font-size: 4rem;
}
.logoWatermark:before {
width: 250px;
height: 250px;
}
}
.numberWatermark {
position: relative;
margin: 80px 0;
}
.numberWatermark .tiny-container {
max-width: 600px;
}
.numberWatermark p {
position: relative;
margin: 0;
font-family: "Konkret Grotesk Pro", sans-serif;
font-size: 2.3rem;
font-weight: 300;
text-align: center;
line-height: 1.4em;
opacity: 0;
transform: translateY(60px);
transition: opacity 1s 1s, transform 1s 250ms;
}
.numberWatermark p strong {
font-weight: 600;
}
.numberWatermark span {
position: absolute;
top: 50%;
left: 50%;
font-family: "Konkret Grotesk Pro", sans-serif;
font-size: 24rem;
font-weight: 300;
color: #c2f5f6;
text-align: center;
transform: translate(-50%, -50%);
opacity: 0;
transition: opacity 500ms 250ms;
}
.numberWatermark.intoView p {
opacity: 1;
transform: translateX(0);
transition: opacity 1s, transform 1s;
}
.numberWatermark.intoView span {
opacity: 1;
}
.colorBackground--blue .numberWatermark span {
color: #8eafaf;
}
@media only screen and (min-width: 992px) {
.numberWatermark {
margin: 100px 0;
}
.numberWatermark p {
font-size: 4rem;
}
.numberWatermark span {
font-size: 40rem;
}
}
.reviewSlider {
position: relative;
margin: 40px 0;
padding: 0 0 40px;
}
.reviewSlider .reviewSlider__wrapper {
max-width: 90%;
margin: 0 auto;
}
.reviewSlider .reviewSlider__logo {
margin: 0 0 40px;
}
.reviewSlider .reviewSlider__logo img {
width: 100%;
max-width: 250px;
margin: 0 auto;
}
.reviewSlider .reviewSlider__content {
text-align: center;
}
.reviewSlider .reviewSlider__content .reviewSlider__title {
margin: 0 0 20px;
font-size: 2rem;
font-weight: 700;
}
.reviewSlider .reviewSlider__content .reviewSlider__description {
margin: 0 0 20px;
font-size: 1.6rem;
}
.reviewSlider .reviewSlider__content .reviewSlider__name {
margin: 0;
font-size: 1.6rem;
font-weight: 700;
}
.reviewSlider .reviewSlider__content .reviewSlider__software {
margin: 8px 0 0;
font-size: 1.4rem;
}
.reviewSlider .slick-arrow {
position: absolute;
top: 50%;
background-color: initial;
border: initial;
transform: translateY(-50%);
z-index: 10;
cursor: pointer;
}
.reviewSlider .slick-arrow.slick-prev {
left: 0;
}
.reviewSlider .slick-arrow.slick-next {
right: 0;
}
.reviewSlider .slick-dots {
position: absolute;
left: 50%;
bottom: -25px;
margin: 0;
padding: 0;
transform: translateX(-50%);
}
.reviewSlider .slick-dots li {
display: inline-block;
margin: 0 5px;
}
.reviewSlider .slick-dots li button {
display: block;
width: 8px;
height: 8px;
padding: 0;
font-size: 0;
background-color: #C4C4C4;
border: none;
border-radius: 50%;
cursor: pointer;
}
.reviewSlider .slick-dots li.slick-active button {
background-color: #4ec7d8;
}
.reviewSlider:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #ffffff;
z-index: 10;
transition: height 1s 250ms;
}
.reviewSlider.intoView:after {
height: 0;
}
@media only screen and (min-width: 992px) {
.reviewSlider {
margin: 60px 0;
}
.reviewSlider .reviewSlider__wrapper {
max-width: 80%;
}
.reviewSlider .reviewSlider__logo,
.reviewSlider .reviewSlider__content {
display: inline-block;
vertical-align: middle;
width: 50%;
}
.reviewSlider .reviewSlider__content {
text-align: left;
}
}
.fullImage {
width: 100%;
height: 260px;
background-size: cover;
background-position: center;
}
.fullImage--big {
height: 300px;
}
.fullImage--withMargin {
margin: 40px 0;
}
@media only screen and (min-width: 992px) {
.fullImage {
height: 400px;
}
.fullImage--big {
height: 580px;
}
.fullImage--withMargin {
margin: 60px 0;
}
}
.colorBackground {
padding: 40px 0;
overflow-x: hidden;
}
.colorBackground--gray {
background-color: #EDEDED;
}
.colorBackground--blue {
background-color: #c2f5f6;
}
.modalButton {
margin: 40px 0;
text-align: center;
}
.modalButton .modalButton__modal {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, 0.95);
backdrop-filter: blur(5px);
opacity: 0;
z-index: -1;
transform: scale(0);
transition: opacity 250ms;
}
.modalButton .modalButton__modalContent {
position: fixed;
top: 50%;
left: 50%;
width: 95%;
max-height: 85%;
padding: 60px 20px 30px;
border: 1px solid #4ec7d8;
border-radius: 20px;
transform: translate(-50%, -50%);
overflow-y: auto;
}
.modalButton .modalButton__modalContent p {
max-width: 760px;
margin: 0 auto;
font-size: 1.6rem;
font-weight: 400;
line-height: 1.4em;
}
.modalButton .modalButton__closeButton {
position: absolute;
top: 20px;
right: 20px;
}
.modalButton .modalButton__closeButton svg {
fill: #4ec7d8;
}
.modalButton .modalButton__button {
display: inline-block;
padding: 20px;
font-size: 2rem;
font-weight: 400;
text-decoration: none;
cursor: pointer;
border-radius: 5px;
}
.modalButton .modalButton__button--blue {
color: #ffffff;
background-color: #4ec7d8;
transition: background-color 250ms;
}
.modalButton .modalButton__button--blue:hover {
background-color: #2d2d2d;
}
.modalButton .modalButton__button--outline {
color: #2d2d2d;
border: 2px solid #2d2d2d;
transition: background-color 250ms, border-color 250ms, color 250ms;
}
.modalButton .modalButton__button--outline:hover {
color: #ffffff;
background-color: #4ec7d8;
border-color: #4ec7d8;
}
.modalButton .modalButton__title {
margin: 0 0 20px;
font-size: 1.6rem;
font-weight: 700;
line-height: 1.4em;
}
.modalButton .modalButton__list {
margin: 30px 0;
font-size: 0;
}
.modalButton .modalButton__list .modalButton__listItem {
display: inline-block;
vertical-align: top;
width: 50%;
padding: 6px;
}
.modalButton .modalButton__list .modalButton__listItem p {
font-size: 1.6rem;
}
.modalButton--closed .modalButton__modal {
transition: opacity 250ms, z-index 1ms 250ms, transform 1ms 250ms;
}
.modalButton--visible .modalButton__modal {
opacity: 1;
z-index: 21;
transform: scale(1);
transition: opacity 250ms;
}
@media only screen and (min-width: 992px) {
.modalButton {
margin: 60px 0;
}
.modalButton .modalButton__modalContent {
width: 70%;
padding: 60px;
}
.modalButton .modalButton__modalContent p {
font-size: 2rem;
}
.modalButton .modalButton__button {
padding: 20px 40px;
font-size: 2.4rem;
}
.modalButton .modalButton__title {
font-size: 2rem;
}
.modalButton .modalButton__list .modalButton__listItem {
width: 33.33%;
}
.modalButton .modalButton__list .modalButton__listItem p {
font-size: 2rem;
}
}
.contactForm {
margin: 40px 0;
}
.contactForm .contactForm__content {
margin: 0 0 40px;
text-align: center;
}
.contactForm .contactForm__content h4 {
margin: 0 0 25px;
font-family: "Konkret Grotesk Pro", sans-serif;
font-size: 4rem;
font-weight: 600;
line-height: 1.2em;
opacity: 0;
transform: translateY(60px);
transition: opacity 1s 250ms, transform 1s 250ms;
}
.contactForm .contactForm__content h4 strong {
font-weight: 600;
color: #4ec7d8;
}
.contactForm .contactForm__content p {
margin: 0;
font-size: 1.6rem;
font-weight: 400;
line-height: 1.4em;
opacity: 0;
transform: translateY(60px);
transition: opacity 1s 500ms, transform 1s 500ms;
}
.contactForm .contactForm__form {
max-width: 662px;
margin: 0 auto;
transition: opacity 1s 250ms;
}
.contactForm .contactForm__formGroup {
display: block;
margin: 0 0 20px;
}
.contactForm .contactForm__formGroup select,
.contactForm .contactForm__formGroup input,
.contactForm .contactForm__formGroup textarea {
display: block;
width: 100%;
padding: 16px;
font-size: 1.6rem;
border: 2px solid #2d2d2d;
border-radius: 5px;
}
.contactForm .contactForm__formGroup label,
.contactForm .contactForm__formGroup select {
display: inline-block;
vertical-align: middle;
}
.contactForm .contactForm__formGroup label {
padding-right: 20px;
font-size: 1.6rem;
}
.contactForm .contactForm__formGroup select {
width: calc(100% - 136px);
}
.contactForm .contactForm__formGroup select.full {
width: 100%;
}
.contactForm .contactForm__formAccept {
padding: 0 20px 10px;
}
.contactForm .contactForm__formAccept p {
margin: 0 0 20px;
font-size: 1.6rem;
}
.contactForm .contactForm__formAccept .contactForm__formAcceptItem {
margin: 0 0 20px;
font-size: 1.6rem;
}
.contactForm .contactForm__formAccept .contactForm__formAcceptItem input,
.contactForm .contactForm__formAccept .contactForm__formAcceptItem span {
display: inline-block;
vertical-align: middle;
}
.contactForm .contactForm__formAccept .contactForm__formAcceptItem input {
margin-right: 10px;
}
.contactForm .contactForm__formAccept .contactForm__formAcceptItem span {
width: calc(100% - 40px);
}
.contactForm .contactForm__formAccept .contactForm__formAcceptItem a {
color: #2d2d2d;
text-decoration: underline;
}
.contactForm .contactForm__formAction button {
display: block;
width: 100%;
padding: 20px;
font-size: 2rem;
font-weight: 400;
color: #ffffff;
background-color: #4ec7d8;
border: none;
border-radius: 5px;
cursor: pointer;
transition: background-color 250ms;
}
.contactForm .contactForm__formAction button:hover {
background-color: #2d2d2d;
}
.contactForm .contactForm__formAction button:disabled {
background-color: #e2e2e2;
cursor: default;
}
.contactForm.intoView h4, .contactForm.intoView p {
opacity: 1;
transform: translateX(0);
}
.contactForm.intoView .contactForm__form {
opacity: 1;
}
@media only screen and (min-width: 992px) {
.contactForm {
margin: 60px 0;
}
.contactForm .contactForm__content p {
font-size: 2rem;
}
}
.products {
margin: 40px 0;
font-size: 0;
text-align: center;
overflow-x: hidden;
}
.products .products__item {
display: block;
margin-left: -20px;
margin-right: -20px;
background-color: #e2e2e2;
opacity: 0;
transition: opacity 1s 250ms, transform 1s 250ms;
}
.products .products__header {
position: relative;
padding: 25px 25px 35px;
color: #ffffff;
text-align: right;
}
.products .products__header .products__name {
margin: 0;
font-family: "Konkret Grotesk Pro", sans-serif;
font-size: 3rem;
font-weight: 400;
}
.products .products__header .products__title {
margin: 0;
font-family: "Konkret Grotesk Pro", sans-serif;
font-size: 4rem;
font-weight: 700;
line-height: 0.6em;
}
.products .products__header:before {
content: "";
float: left;
width: 30px;
height: 30px;
background-image: url(//www.matrix-dv.com/wp-content/themes/matrix-child/public/img/matrix_icon.svg);
background-size: contain;
background-repeat: no-repeat;
}
.products .products__header--blue {
background-color: #4ec7d8;
}
.products .products__header--blue .products__title {
color: #2d2d2d;
}
.products .products__header--black {
background-color: #2d2d2d;
}
.products .products__header--black .products__title {
color: #4ec7d8;
}
.products .products__image {
width: 100%;
}
.products .products__body {
padding: 25px 40px 35px;
}
.products .products__textTitle {
max-width: 360px;
margin: 0 auto;
font-size: 2.4rem;
font-weight: 700;
}
.products .products__text {
margin: 20px 0;
font-size: 1.6rem;
line-height: 1.4em;
}
.products .products__button {
display: inline-block;
padding: 16px 24px;
font-size: 1.8rem;
color: #2d2d2d;
text-decoration: none;
border: 1px solid #2d2d2d;
border-radius: 7px;
transition: color 250ms, background-color 250ms, border-color 250ms;
}
.products .products__button:hover {
color: #ffffff;
background-color: #4ec7d8;
border-color: #4ec7d8;
}
.products.intoView .products__item {
opacity: 1;
transform: translateX(0);
}
@media only screen and (min-width: 576px) {
.products .products__header .products__title {
font-size: 5rem;
}
}
@media only screen and (min-width: 992px) {
.products {
margin: 60px 0;
}
.products .products__item {
display: inline-block;
vertical-align: top;
width: calc(50% - 4px);
margin-left: 0;
margin-right: 0;
}
.products .products__item:nth-child(even) {
margin-left: 8px;
}
.products .products__header {
padding: 25px 35px 35px;
}
.products .products__textTitle {
height: 3.6em;
overflow: hidden;
}
.products .products__text {
height: 5.6em;
overflow: hidden;
}
}
.productDetail {
text-align: center;
}
.productDetail .productDetail__header {
position: relative;
padding: 40px 0;
color: #ffffff;
}
.productDetail .productDetail__name {
margin: 0;
font-family: "Konkret Grotesk Pro", sans-serif;
font-size: 3rem;
font-weight: 400;
}
.productDetail .productDetail__name:before {
content: "";
display: block;
width: 23px;
height: 23px;
margin: 0 auto 25px;
background-image: url(//www.matrix-dv.com/wp-content/themes/matrix-child/public/img/matrix_icon2.svg);
background-size: contain;
background-repeat: no-repeat;
}
.productDetail .productDetail__title {
margin: 0 0 25px;
font-family: "Konkret Grotesk Pro", sans-serif;
font-size: 5rem;
font-weight: 700;
line-height: 0.8em;
}
.productDetail .productDetail__description {
margin: 0 auto 40px;
max-width: 530px;
font-family: "Konkret Grotesk Pro", sans-serif;
font-size: 2.8rem;
font-weight: 300;
line-height: 1.2em;
}
.productDetail .productDetail__description strong {
font-weight: 600;
}
.productDetail .productDetail__body {
max-height: 0;
overflow: hidden;
transition: max-height 500ms;
}
.productDetail .productDetail__internalDescription {
margin: 0;
padding: 60px 0 0;
font-size: 1.6rem;
font-weight: 400;
line-height: 1.4em;
}
.productDetail .productDetail__list {
font-size: 0;
}
.productDetail .productDetail__list .productDetail__listItem {
margin-top: 40px;
}
.productDetail .productDetail__list .productDetail__listItem .productDetail__listIcon {
margin: 0 0 25px;
}
.productDetail .productDetail__list .productDetail__listItem .productDetail__listIcon img {
height: 38px;
}
.productDetail .productDetail__list .productDetail__listItem .productDetail__listDescription {
max-width: 300px;
margin: 0 auto;
font-size: 2rem;
}
.productDetail .productDetail__openButton,
.productDetail .productDetail__internalButton {
display: inline-block;
padding: 20px;
font-size: 2rem;
font-weight: 400;
text-decoration: none;
cursor: pointer;
border: 2px solid;
border-radius: 5px;
transition: background-color 250ms, border-color 250ms, color 250ms;
}
.productDetail .productDetail__openButton span,
.productDetail .productDetail__openButton svg {
display: inline-block;
vertical-align: middle;
}
.productDetail .productDetail__openButton svg {
margin-left: 15px;
fill: #2d2d2d;
transition: transform 250ms;
}
.productDetail .productDetail__openButton:hover {
color: #4ec7d8;
background-color: #ffffff;
border-color: #ffffff;
}
.productDetail .productDetail__openButton:hover svg {
fill: #4ec7d8;
transform: rotate(90deg);
}
.productDetail .productDetail__internalButton {
margin: 40px 0;
}
.productDetail .productDetail__internalButton:hover {
color: #ffffff;
background-color: #4ec7d8;
border-color: #4ec7d8;
}
.productDetail .productDetail__closeButton {
display: block;
margin: 20px 0 40px;
}
.productDetail--blue {
background-color: #63dbe6;
}
.productDetail--blue .productDetail__title {
color: #2d2d2d;
}
.productDetail--blue .productDetail__openButton,
.productDetail--blue .productDetail__internalButton {
color: #2d2d2d;
border-color: #2d2d2d;
}
.productDetail--blue .productDetail__internalButton:hover {
color: #4ec7d8;
background-color: #ffffff;
border-color: #ffffff;
}
.productDetail--blue .productDetail__closeButton svg {
stroke: #2d2d2d;
}
.productDetail--black {
color: #ffffff;
background-color: #2d2d2d;
}
.productDetail--black .productDetail__title {
color: #4ec7d8;
}
.productDetail--black .productDetail__openButton,
.productDetail--black .productDetail__internalButton {
color: #ffffff;
border-color: #ffffff;
}
.productDetail--black .productDetail__openButton svg {
fill: #ffffff;
}
.productDetail--black .productDetail__closeButton svg {
stroke: #4ec7d8;
}
.productDetail--open .productDetail__body {
max-height: 1500px;
}
@media only screen and (min-width: 769px) {
.productDetail .productDetail__list .productDetail__listItem {
display: inline-block;
vertical-align: top;
width: 50%;
}
}
@media only screen and (min-width: 992px) {
.productDetail .productDetail__header {
padding: 60px 0;
}
.productDetail .productDetail__internalDescription {
font-size: 2rem;
}
.productDetail .productDetail__list .productDetail__listItem {
width: 33.33%;
}
.productDetail .productDetail__openButton,
.productDetail .productDetail__internalButton {
padding: 20px 40px;
font-size: 2.4rem;
}
}
.feature {
margin: 40px 0;
overflow-x: hidden;
opacity: 0;
transition: opacity 1s 250ms, transform 1s 250ms;
}
.feature .feature__icon img {
display: block;
max-width: 255px;
margin: 0 auto;
}
.feature .feature__title {
margin: 0 0 25px;
font-family: "Konkret Grotesk Pro", sans-serif;
font-size: 2.4rem;
font-weight: 400;
text-align: center;
line-height: 1.2em;
}
.feature .feature__title strong {
font-weight: 600;
color: #4ec7d8;
text-transform: uppercase;
}
.feature .feature__description svg,
.feature .feature__description p {
display: inline-block;
vertical-align: top;
}
.feature .feature__description svg {
margin-right: 10px;
fill: #4ec7d8;
}
.feature .feature__description p {
margin: 0 0 20px;
width: calc(100% - 34px);
font-size: 1.6rem;
font-weight: 400;
line-height: 1.2em;
}
.feature .feature__description p strong {
font-weight: 700;
}
.feature--icon-left {
transform: translateX(-50px);
}
.feature--icon-left .feature__icon {
margin-bottom: 30px;
}
.feature--icon-right {
transform: translateX(50px);
}
.feature--icon-right .feature__icon {
margin-top: 30px;
}
.feature.intoView {
opacity: 1;
transform: translateX(0);
}
@media only screen and (min-width: 992px) {
.feature {
margin: 60px 0;
}
.feature .feature__icon,
.feature .feature__content {
display: inline-block;
vertical-align: top;
}
.feature .feature__icon {
width: 260px;
}
.feature .feature__content {
width: calc(100% - 320px);
}
.feature .feature__title {
max-width: 380px;
font-size: 3rem;
text-align: left;
}
.feature--icon-left .feature__icon {
margin-bottom: 0;
margin-right: 60px;
}
.feature--icon-right .feature__icon {
margin-top: 0;
margin-left: 60px;
}
}
.blueContainer {
position: relative;
margin: 40px 0;
padding: 40px 0;
text-align: center;
background-color: #c2f5f6;
overflow: hidden;
}
.blueContainer .blueContainer__title {
margin: 0 0 25px;
font-family: "Konkret Grotesk Pro", sans-serif;
font-size: 4rem;
font-weight: 600;
line-height: 1.1em;
opacity: 0;
transform: translateY(60px);
transition: opacity 1s 250ms, transform 1s 250ms;
}
.blueContainer .blueContainer__title:before {
content: "";
display: block;
width: 37px;
height: 37px;
margin: 0 auto 30px;
background-image: url(//www.matrix-dv.com/wp-content/themes/matrix-child/public/img/matrix_icon2.svg);
background-size: contain;
background-repeat: no-repeat;
}
.blueContainer .blueContainer__text {
margin: 0;
font-size: 1.6rem;
font-weight: 400;
line-height: 1.4em;
opacity: 0;
transform: translateY(60px);
transition: opacity 1s 500ms, transform 1s 500ms;
}
.blueContainer .blueContainer__list {
font-size: 0;
}
.blueContainer .blueContainer__item {
margin: 30px 0 0;
padding: 0 30px;
opacity: 0;
transform: translateY(60px);
}
.blueContainer .blueContainer__item .blueContainer__itemIcon {
width: 100%;
max-width: 124px;
}
.blueContainer .blueContainer__item .blueContainer__itemTitle {
font-size: 2rem;
font-weight: 700;
}
.blueContainer .blueContainer__item .blueContainer__itemDescription {
font-size: 1.6rem;
line-height: 1.2em;
}
.blueContainer .blueContainer__item:nth-child(1) {
transition: opacity 1s 500ms, transform 1s 500ms;
}
.blueContainer .blueContainer__item:nth-child(2) {
transition: opacity 1s 1000ms, transform 1s 1000ms;
}
.blueContainer .blueContainer__item:nth-child(3) {
transition: opacity 1s 1500ms, transform 1s 1500ms;
}
.blueContainer .blueContainer__item:nth-child(4) {
transition: opacity 1s 2000ms, transform 1s 2000ms;
}
.blueContainer .blueContainer__item:nth-child(5) {
transition: opacity 1s 2500ms, transform 1s 2500ms;
}
.blueContainer .blueContainer__item:nth-child(6) {
transition: opacity 1s 3000ms, transform 1s 3000ms;
}
.blueContainer:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #ffffff;
transition: height 1s 500ms;
}
.blueContainer.intoView .blueContainer__title,
.blueContainer.intoView .blueContainer__text {
opacity: 1;
transform: translateX(0);
}
.blueContainer.intoView .blueContainer__item {
opacity: 1;
transform: translateX(0);
}
.blueContainer.intoView:after {
height: 0;
}
@media only screen and (min-width: 992px) {
.blueContainer {
margin: 60px 0;
padding: 50px 0;
}
.blueContainer .blueContainer__text {
font-size: 2rem;
}
.blueContainer .blueContainer__item {
display: inline-block;
vertical-align: top;
width: 33.33%;
}
.blueContainer .blueContainer__item .blueContainer__itemTitle {
min-height: 2.3em;
}
.blueContainer .blueContainer__item .blueContainer__itemDescription {
font-size: 1.7rem;
line-height: 1.3em;
}
}
.iconList {
font-size: 0;
}
.iconList .iconList__item {
display: inline-block;
vertical-align: middle;
width: 50%;
}
.iconList .iconList__left,
.iconList .iconList__right {
display: inline-block;
vertical-align: middle;
}
.iconList .iconList__left {
width: 100px;
}
.iconList .iconList__right {
width: calc(100% - 100px);
}
.iconList img {
width: 100%;
}
.iconList p {
font-size: 1.2rem;
}
.iconGrid {
margin: 40px 0;
font-size: 0;
overflow-x: auto;
opacity: 0;
transform: translateY(-50px);
transition: opacity 1s 250ms, transform 1s 250ms;
}
.iconGrid .iconGrid__item {
display: inline-block;
vertical-align: top;
width: 100%;
margin: 40px 0 0;
text-align: center;
}
.iconGrid .iconGrid__item a {
color: #2d2d2d;
text-decoration: none;
cursor: pointer;
}
.iconGrid .iconGrid__icon {
position: relative;
height: 95px;
margin: 0 0 10px;
}
.iconGrid .iconGrid__icon img {
position: absolute;
top: 0;
left: 50%;
width: 95px;
transform: translateX(-50%);
}
.iconGrid .iconGrid__icon .iconGrid__iconHover {
opacity: 0;
transition: opacity 250ms;
}
.iconGrid .iconGrid__content {
max-width: 152px;
margin: 0 auto;
}
.iconGrid .iconGrid__content .iconGrid__tagline {
margin: 0 0 4px;
font-size: 1.6rem;
color: #4ec7d8;
}
.iconGrid .iconGrid__content .iconGrid__title {
margin: 0 0 4px;
font-size: 2rem;
font-weight: 700;
}
.iconGrid .iconGrid__content .iconGrid__description {
margin: 0;
font-size: 1.6rem;
line-height: 1.3em;
}
.iconGrid .iconGrid__item:hover .iconGrid__icon .iconGrid__iconHover {
opacity: 1;
}
.iconGrid.intoView {
opacity: 1;
transform: translateX(0);
}
@media only screen and (min-width: 576px) {
.iconGrid .iconGrid__item {
width: 50%;
}
}
@media only screen and (min-width: 769px) {
.iconGrid .iconGrid__item {
width: 33.33%;
}
.iconGrid .iconGrid__item:nth-child(1) .iconGrid__title, .iconGrid .iconGrid__item:nth-child(2) .iconGrid__title, .iconGrid .iconGrid__item:nth-child(3) .iconGrid__title {
font-size: 2.4rem;
}
}
.iconSlider {
margin: 40px 0;
text-align: center;
opacity: 0;
transition: opacity 1s 500ms;
}
.iconSlider .iconSlider__icon img {
display: block;
height: 85px;
margin: 0 auto 25px;
}
.iconSlider .iconSlider__description p {
display: block;
max-width: 260px;
margin: 0 auto;
font-size: 2rem;
line-height: 1.2em;
}
.iconSlider .slick-arrow {
position: absolute;
top: 50%;
background-color: initial;
border: initial;
transform: translateY(-50%);
z-index: 10;
cursor: pointer;
}
.iconSlider .slick-arrow.slick-prev {
left: 0;
}
.iconSlider .slick-arrow.slick-next {
right: 0;
}
.iconSlider.intoView {
opacity: 1;
}
.iconTextOverSlider {
margin: 40px 0;
text-align: center;
opacity: 0;
transition: opacity 1s 500ms;
}
.iconTextOverSlider .iconTextOverSlider__item {
position: relative;
}
.iconTextOverSlider .iconTextOverSlider__icon img {
display: block;
height: 85px;
margin: 0 auto;
}
.iconTextOverSlider .iconTextOverSlider__description {
position: absolute;
top: 50%;
width: 100%;
text-align: center;
transform: translateY(-50%);
}
.iconTextOverSlider .iconTextOverSlider__description p {
margin: 0;
font-size: 2.4rem;
line-height: 1.2em;
}
.iconTextOverSlider .slick-arrow {
position: absolute;
top: 50%;
background-color: initial;
border: initial;
transform: translateY(-50%);
z-index: 10;
cursor: pointer;
}
.iconTextOverSlider .slick-arrow.slick-prev {
left: 0;
}
.iconTextOverSlider .slick-arrow.slick-next {
right: 0;
}
.iconTextOverSlider.intoView {
opacity: 1;
}
@media only screen and (min-width: 992px) {
.iconTextOverSlider .iconTextOverSlider__description p {
font-size: 3rem;
}
}
.blockButton {
margin: 40px 0;
text-align: center;
}
.blockButton a {
display: inline-block;
padding: 20px;
font-size: 2rem;
font-weight: 400;
text-decoration: none;
cursor: pointer;
border-radius: 5px;
}
.blockButton a.blue {
color: #ffffff;
background-color: #4ec7d8;
transition: background-color 250ms;
}
.blockButton a.blue:hover {
background-color: #2d2d2d;
}
.blockButton a.outline {
color: #2d2d2d;
border: 2px solid #2d2d2d;
transition: background-color 250ms, border-color 250ms, color 250ms;
}
.blockButton a.outline:hover {
color: #ffffff;
background-color: #4ec7d8;
border-color: #4ec7d8;
}
@media only screen and (min-width: 992px) {
.blockButton {
margin: 60px 0;
}
.blockButton a {
padding: 20px 40px;
font-size: 2.4rem;
}
}
.logoSlider {
margin: 40px 0;
opacity: 0;
transition: opacity 1s 500ms;
}
.logoSlider .logoSlider__item {
position: relative;
height: 132px;
padding: 0 20px;
}
.logoSlider .logoSlider__item img {
position: absolute;
top: 50%;
left: 50%;
max-width: calc(100% - 40px);
transform: translate(-50%, -50%);
transition: opacity 250ms;
}
.logoSlider .logoSlider__item img.logoSlider__logoColor {
opacity: 0;
}
.logoSlider .logoSlider__item img.logoSlider__logoBw {
opacity: 1;
}
.logoSlider .logoSlider__item:hover img.logoSlider__logoColor {
opacity: 1;
}
.logoSlider .slick-arrow {
position: absolute;
top: 50%;
background-color: initial;
border: initial;
transform: translateY(-50%);
z-index: 10;
cursor: pointer;
}
.logoSlider .slick-arrow.slick-prev {
left: 0;
}
.logoSlider .slick-arrow.slick-next {
right: 0;
}
.logoSlider.intoView {
opacity: 1;
}
@media only screen and (min-width: 992px) {
.logoSlider {
margin: 60px 0;
}
}
.moduleNavigation {
display: none;
}
@media only screen and (min-width: 992px) {
.moduleNavigation {
display: block;
position: fixed;
top: 64px;
left: 0;
width: 90px;
height: calc(100% - 64px);
background-color: #e2e2e2;
z-index: 10;
}
.moduleNavigation .moduleNavigation__item {
margin: 15px 0 0;
padding: 0 10px;
text-align: center;
cursor: pointer;
}
.moduleNavigation .moduleNavigation__item a {
text-decoration: none;
}
.moduleNavigation .moduleNavigation__icon {
position: relative;
height: 47px;
}
.moduleNavigation .moduleNavigation__icon img {
position: absolute;
top: 0;
left: 50%;
width: 47px;
transform: translateX(-50%);
}
.moduleNavigation .moduleNavigation__icon .moduleNavigation__iconHover {
opacity: 0;
transition: opacity 250ms;
}
.moduleNavigation .moduleNavigation__label {
margin: 5px 0 0;
font-size: 1.1rem;
color: #C4C4C4;
}
.moduleNavigation .moduleNavigation__item:first-child .moduleNavigation__label {
color: #2d2d2d;
}
.moduleNavigation .moduleNavigation__item--current .moduleNavigation__icon .moduleNavigation__iconHover, .moduleNavigation .moduleNavigation__item:hover .moduleNavigation__icon .moduleNavigation__iconHover {
opacity: 1;
}
.moduleNavigation .moduleNavigation__item--current .moduleNavigation__label, .moduleNavigation .moduleNavigation__item:hover .moduleNavigation__label {
color: #4ec7d8;
}
}
.moduleIntro {
margin: 40px 0;
text-align: center;
opacity: 0;
transform: translateY(-50px);
transition: opacity 1s 250ms, transform 1s 250ms;
}
.moduleIntro .moduleIntro__arrow {
display: block;
width: 170px;
height: 50px;
margin: 0 auto 60px;
background-image: url(//www.matrix-dv.com/wp-content/themes/matrix-child/public/img/arrow_down.svg);
background-size: contain;
background-repeat: no-repeat;
}
.moduleIntro .moduleIntro__image {
max-width: 95px;
margin: 0 0 20px;
}
.moduleIntro .moduleIntro__name {
margin: 0;
font-family: "Konkret Grotesk Pro", sans-serif;
font-size: 2.4rem;
font-weight: 400;
}
.moduleIntro .moduleIntro__title {
margin: 0 0 20px;
font-family: "Konkret Grotesk Pro", sans-serif;
font-size: 3rem;
font-weight: 600;
color: #4ec7d8;
}
.moduleIntro .moduleIntro__textTitle {
margin: 0 0 10px;
font-family: "Konkret Grotesk Pro", sans-serif;
font-size: 1.8rem;
font-weight: 600;
}
.moduleIntro .moduleIntro__text {
max-width: 700px;
margin: 0 auto;
font-size: 1.6rem;
line-height: 1.2em;
}
.moduleIntro.intoView {
opacity: 1;
transform: translateX(0);
}
@media only screen and (min-width: 992px) {
.moduleIntro {
margin: 60px 0;
}
.moduleIntro .moduleIntro__arrow {
width: 211px;
height: 58px;
}
.moduleIntro .moduleIntro__name {
font-size: 3rem;
}
.moduleIntro .moduleIntro__title {
font-size: 4rem;
}
.moduleIntro .moduleIntro__textTitle {
font-size: 2rem;
}
.moduleIntro .moduleIntro__text {
font-size: 2rem;
}
}
.moduleText {
margin: 40px 0;
text-align: center;
}
.moduleText .moduleText__text {
margin: 0 0 25px;
font-family: "Konkret Grotesk Pro", sans-serif;
font-size: 2.4rem;
font-weight: 400;
line-height: 1.2em;
opacity: 0;
transform: translateY(60px);
transition: opacity 1s 250ms, transform 1s 250ms;
}
.moduleText .moduleText__text strong {
font-weight: 600;
}
.moduleText .moduleText__observation {
margin: 40px 0;
font-size: 1.4rem;
opacity: 0;
transition: opacity 1s 250ms;
}
.moduleText.intoView .moduleText__text {
opacity: 1;
transform: translateX(0);
}
.moduleText.intoView .moduleText__observation {
opacity: 1;
}
@media only screen and (min-width: 992px) {
.moduleText {
margin: 60px 0;
}
.moduleText .moduleText__text {
font-size: 3rem;
}
.moduleText .moduleText__observation {
margin: 60px 0;
}
}
.moduleFeature {
margin: 40px 0;
overflow-x: hidden;
}
.moduleFeature .moduleFeature__image {
margin-bottom: 50px;
transform: translateX(-50px);
opacity: 0;
transition: opacity 1s 250ms, transform 1s 250ms;
}
.moduleFeature .moduleFeature__image img {
display: block;
width: 100%;
max-width: 620px;
margin: 0 auto;
box-shadow: 20px 20px 20px rgba(0, 0, 0, 0.2);
}
.moduleFeature .moduleFeature__list {
transform: translateX(50px);
opacity: 0;
transition: opacity 1s 250ms, transform 1s 250ms;
}
.moduleFeature .moduleFeature__list .moduleFeature__item svg,
.moduleFeature .moduleFeature__list .moduleFeature__item p {
display: inline-block;
vertical-align: top;
}
.moduleFeature .moduleFeature__list .moduleFeature__item svg {
margin-right: 10px;
fill: #4ec7d8;
}
.moduleFeature .moduleFeature__list .moduleFeature__item p {
margin: 0 0 20px;
width: calc(100% - 34px);
font-size: 1.6rem;
font-weight: 400;
line-height: 1.2em;
}
.moduleFeature .moduleFeature__list .moduleFeature__item p strong {
font-weight: 700;
}
.moduleFeature.intoView .moduleFeature__image,
.moduleFeature.intoView .moduleFeature__list {
opacity: 1;
transform: translateX(0);
}
@media only screen and (min-width: 992px) {
.moduleFeature {
margin: 60px 0;
}
.moduleFeature .moduleFeature__image,
.moduleFeature .moduleFeature__list {
display: inline-block;
vertical-align: top;
}
.moduleFeature .moduleFeature__image {
width: 60%;
margin-bottom: 35px;
padding-right: 40px;
}
.moduleFeature .moduleFeature__list {
width: 40%;
}
}
.modulePrice {
margin: 40px 0;
text-align: center;
opacity: 0;
transition: opacity 1s 250ms;
}
.modulePrice .modulePrice__title {
margin: 0 0 25px;
font-family: "Konkret Grotesk Pro", sans-serif;
font-size: 2.4rem;
font-weight: 400;
line-height: 1.2em;
}
.modulePrice .modulePrice__title strong {
font-weight: 600;
}
.modulePrice .modulePrice__before,
.modulePrice .modulePrice__price,
.modulePrice .modulePrice__after {
display: inline-block;
vertical-align: baseline;
margin: 0;
font-family: "Konkret Grotesk Pro", sans-serif;
line-height: 1em;
}
.modulePrice .modulePrice__before,
.modulePrice .modulePrice__after {
font-size: 2rem;
font-weight: 600;
}
.modulePrice .modulePrice__price {
margin: 0 10px;
font-size: 8rem;
font-weight: 500;
}
.modulePrice .modulePrice__description svg,
.modulePrice .modulePrice__description p {
display: inline-block;
vertical-align: top;
}
.modulePrice .modulePrice__description svg {
margin-right: 10px;
fill: #2d2d2d;
}
.modulePrice .modulePrice__description p {
margin: 0 0 20px;
width: calc(100% - 34px);
font-size: 1.6rem;
font-weight: 400;
line-height: 1.2em;
text-align: left;
}
.modulePrice .modulePrice__description p strong {
font-weight: 700;
}
.modulePrice .modulePrice__description:last-child p {
margin-bottom: 0;
}
.modulePrice--hasList .modulePrice__info {
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 2px solid #2d2d2d;
}
.modulePrice.intoView {
opacity: 1;
}
@media only screen and (min-width: 769px) {
.modulePrice--hasList .modulePrice__info,
.modulePrice--hasList .modulePrice__list {
display: inline-block;
vertical-align: middle;
}
.modulePrice--hasList .modulePrice__info {
margin-bottom: 0;
padding-bottom: 0;
padding-right: 40px;
border-bottom: initial;
border-right: 2px solid #2d2d2d;
}
.modulePrice--hasList .modulePrice__list {
padding-left: 40px;
}
.modulePrice--hasList .modulePrice__before {
display: block;
text-align: left;
}
}
@media only screen and (min-width: 992px) {
.modulePrice {
margin: 60px 0;
}
.modulePrice .modulePrice__title {
font-size: 3rem;
}
.modulePrice .modulePrice__price {
font-size: 10rem;
}
.modulePrice .modulePrice__description p {
font-size: 2rem;
}
}
.moduleStep {
margin: 40px 0;
}
.moduleStep .moduleStep__border {
padding: 40px 0;
border: 1px solid #4ec7d8;
border-radius: 20px;
overflow-x: hidden;
}
.moduleStep .moduleStep__left {
margin: 0 0 20px;
padding: 0 20px;
transform: translateX(-50px);
opacity: 0;
transition: opacity 1s 250ms, transform 1s 250ms;
}
.moduleStep .moduleStep__right {
padding: 0 20px;
transform: translateX(50px);
opacity: 0;
transition: opacity 1s 250ms, transform 1s 250ms;
}
.moduleStep .moduleStep__image {
display: block;
width: 100%;
max-width: 312px;
margin: 0 auto;
}
.moduleStep .moduleStep__title {
margin: 0 0 25px;
font-size: 2.4rem;
font-weight: 700;
line-height: 1.2em;
text-align: center;
}
.moduleStep .moduleStep__description {
margin-top: 20px;
}
.moduleStep .moduleStep__description .moduleStep__descriptionNumber,
.moduleStep .moduleStep__description .moduleStep__descriptionText {
display: inline-block;
vertical-align: middle;
}
.moduleStep .moduleStep__description .moduleStep__descriptionNumber {
margin-right: 20px;
width: 32px;
height: 32px;
font-size: 2rem;
color: #4ec7d8;
text-align: center;
line-height: 30px;
border: 1px solid #4ec7d8;
border-radius: 100%;
}
.moduleStep .moduleStep__description .moduleStep__descriptionText {
width: calc(100% - 52px);
margin: 0;
font-size: 1.6rem;
font-weight: 400;
}
.moduleStep.intoView .moduleStep__left,
.moduleStep.intoView .moduleStep__right {
opacity: 1;
transform: translateX(0);
}
@media only screen and (min-width: 992px) {
.moduleStep {
margin: 60px 0;
}
.moduleStep .moduleStep__left,
.moduleStep .moduleStep__right {
display: inline-block;
vertical-align: middle;
margin: 0;
}
.moduleStep .moduleStep__left {
width: 40%;
}
.moduleStep .moduleStep__right {
width: 60%;
padding: 0 40px;
text-align: left;
}
.moduleStep .moduleStep__title {
margin: 0 0 40px;
font-size: 3rem;
}
.moduleStep .moduleStep__description {
margin-top: 40px;
}
.moduleStep .moduleStep__description .moduleStep__descriptionNumber {
width: 64px;
height: 64px;
font-size: 3rem;
line-height: 60px;
}
.moduleStep .moduleStep__description .moduleStep__descriptionText {
width: calc(100% - 84px);
font-size: 2rem;
}
}
.moduleAvailable {
margin: 40px 0;
text-align: center;
opacity: 0;
transition: opacity 1s 250ms;
}
.moduleAvailable .moduleAvailable__text,
.moduleAvailable .moduleAvailable__image {
display: inline-block;
vertical-align: middle;
}
.moduleAvailable .moduleAvailable__text {
margin: 0;
font-size: 1.6rem;
}
.moduleAvailable .moduleAvailable__image {
display: block;
max-width: 178px;
margin: 20px auto 0;
}
.moduleAvailable.intoView {
opacity: 1;
}
@media only screen and (min-width: 769px) {
.moduleAvailable .moduleAvailable__image {
display: inline;
margin-top: 0;
margin-left: 20px;
}
}
.servicesFeature {
margin: 40px 0 30px;
overflow-x: hidden;
opacity: 0;
transition: opacity 1s 250ms;
}
.servicesFeature .servicesFeature__icon img {
display: block;
margin: 0 auto;
}
.servicesFeature .servicesFeature__title {
margin: 0 0 25px;
font-family: "Konkret Grotesk Pro", sans-serif;
font-size: 2.4rem;
font-weight: 400;
text-align: center;
line-height: 1.2em;
}
.servicesFeature .servicesFeature__title strong {
font-weight: 600;
color: #4ec7d8;
text-transform: uppercase;
}
.servicesFeature .servicesFeature__description {
font-size: 1.6rem;
font-weight: 400;
line-height: 1.2em;
text-align: center;
}
.servicesFeature .servicesFeature__description strong {
font-weight: 700;
}
.servicesFeature .servicesFeature__description svg,
.servicesFeature .servicesFeature__description p {
display: inline-block;
vertical-align: top;
}
.servicesFeature .servicesFeature__description svg {
margin-right: 10px;
fill: #4ec7d8;
}
.servicesFeature .servicesFeature__description p {
margin: 0 0 20px;
width: calc(100% - 34px);
text-align: left;
}
.servicesFeature .blockButton {
margin: 30px 0 0;
}
.servicesFeature .blockButton .small-container {
padding: 0;
}
.servicesFeature .blockButton a {
padding: 20px;
}
.servicesFeature:after {
content: "";
display: block;
width: 64px;
height: 19px;
margin: 40px auto 0;
background-image: url(//www.matrix-dv.com/wp-content/themes/matrix-child/public/img/arrow_down_gray.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.servicesFeature--icon-left .servicesFeature__icon {
margin-bottom: 30px;
}
.servicesFeature--icon-right .servicesFeature__icon {
margin-top: 30px;
}
.servicesFeature.intoView {
opacity: 1;
}
@media only screen and (min-width: 992px) {
.servicesFeature {
margin: 60px 0;
}
.servicesFeature .servicesFeature__icon,
.servicesFeature .servicesFeature__content {
display: inline-block;
vertical-align: top;
}
.servicesFeature .servicesFeature__icon {
width: 280px;
}
.servicesFeature .servicesFeature__icon--topMargin img {
margin-top: 60px;
}
.servicesFeature .servicesFeature__content {
width: calc(100% - 340px);
}
.servicesFeature .servicesFeature__title {
max-width: 380px;
font-size: 3rem;
text-align: left;
}
.servicesFeature .servicesFeature__description {
text-align: left;
}
.servicesFeature .blockButton {
text-align: left;
}
.servicesFeature .blockButton a {
font-size: 2rem;
}
.servicesFeature--icon-left .servicesFeature__icon {
margin-bottom: 0;
margin-right: 60px;
}
.servicesFeature--icon-right .servicesFeature__icon {
margin-top: 0;
margin-left: 60px;
}
}
.simpleFeature {
margin: 40px 0 30px;
overflow-x: hidden;
opacity: 0;
transition: opacity 1s 250ms;
}
.simpleFeature .simpleFeature__icon img {
display: block;
max-width: 255px;
margin: 0 auto;
}
.simpleFeature .simpleFeature__title {
margin: 0 0 25px;
font-family: "Konkret Grotesk Pro", sans-serif;
font-size: 2.4rem;
font-weight: 400;
text-align: center;
line-height: 1.2em;
}
.simpleFeature .simpleFeature__title strong {
font-weight: 600;
color: #4ec7d8;
text-transform: uppercase;
}
.simpleFeature .simpleFeature__description {
font-size: 1.6rem;
font-weight: 400;
line-height: 1.2em;
text-align: center;
}
.simpleFeature .simpleFeature__description strong {
font-weight: 700;
}
.simpleFeature .simpleFeature__description svg,
.simpleFeature .simpleFeature__description p {
display: inline-block;
vertical-align: top;
}
.simpleFeature .simpleFeature__description svg {
margin-right: 10px;
fill: #4ec7d8;
}
.simpleFeature .simpleFeature__description p {
margin: 0 0 20px;
width: calc(100% - 34px);
text-align: left;
}
.simpleFeature--icon-left .simpleFeature__icon {
margin-bottom: 30px;
}
.simpleFeature--icon-right .simpleFeature__icon {
margin-top: 30px;
}
.simpleFeature.intoView {
opacity: 1;
}
@media only screen and (min-width: 992px) {
.simpleFeature {
margin: 60px 0;
}
.simpleFeature .simpleFeature__icon,
.simpleFeature .simpleFeature__content {
display: inline-block;
vertical-align: middle;
}
.simpleFeature .simpleFeature__icon {
width: 280px;
}
.simpleFeature .simpleFeature__icon--topMargin img {
margin-top: 60px;
}
.simpleFeature .simpleFeature__content {
width: calc(100% - 340px);
}
.simpleFeature .simpleFeature__title {
font-size: 3rem;
text-align: left;
}
.simpleFeature .simpleFeature__description {
text-align: left;
}
.simpleFeature--icon-left .simpleFeature__icon {
margin-bottom: 0;
margin-right: 60px;
}
.simpleFeature--icon-right .simpleFeature__icon {
margin-top: 0;
margin-left: 60px;
}
}
.simpleIconGrid {
margin: 40px 0;
font-size: 0;
opacity: 0;
transform: translateY(-50px);
transition: opacity 1s 250ms, transform 1s 250ms;
}
.simpleIconGrid .simpleIconGrid__item {
display: inline-block;
vertical-align: top;
width: 100%;
margin: 40px 0 0;
text-align: center;
}
.simpleIconGrid .simpleIconGrid__item a {
color: #2d2d2d;
text-decoration: none;
cursor: pointer;
}
.simpleIconGrid .simpleIconGrid__icon {
position: relative;
height: 120px;
margin: 0 0 10px;
}
.simpleIconGrid .simpleIconGrid__icon img {
position: absolute;
top: 0;
left: 50%;
width: 120px;
transform: translateX(-50%);
}
.simpleIconGrid .simpleIconGrid__icon .simpleIconGrid__iconHover {
opacity: 0;
transition: opacity 250ms;
}
.simpleIconGrid .simpleIconGrid__content {
max-width: 350px;
margin: 0 auto;
}
.simpleIconGrid .simpleIconGrid__content .simpleIconGrid__title {
margin: 16px 0 0;
font-size: 2rem;
font-weight: 500;
}
.simpleIconGrid .simpleIconGrid__content .simpleIconGrid__title strong {
font-weight: 700;
}
.simpleIconGrid .simpleIconGrid__item:hover .simpleIconGrid__icon .simpleIconGrid__iconHover {
opacity: 1;
}
.simpleIconGrid.intoView {
opacity: 1;
transform: translateX(0);
}
@media only screen and (min-width: 769px) {
.simpleIconGrid .simpleIconGrid__item {
width: 50%;
margin: 40px 0;
}
}
@media only screen and (min-width: 1200px) {
.simpleIconGrid .simpleIconGrid__item {
width: 33.33%;
}
}
.contactMap {
opacity: 0;
transform: translateY(50px);
transition: opacity 1s 600ms, transform 1s 600ms;
}
.contactMap .contactMap__left {
margin: 0 0 40px;
}
.contactMap .contactMap__title {
margin: 0 0 25px;
font-family: "Konkret Grotesk Pro", sans-serif;
font-size: 2.4rem;
font-weight: 500;
line-height: 1.2em;
}
.contactMap .contactMap__address .contactMap__addressIcon {
display: inline-block;
vertical-align: middle;
width: 26px;
height: 30px;
margin-right: 10px;
background-image: url(//www.matrix-dv.com/wp-content/themes/matrix-child/public/img/contact/address.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.contactMap .contactMap__address p {
display: inline-block;
vertical-align: middle;
font-size: 1.6rem;
width: calc(100% - 46px);
}
.contactMap .contactMap__phone {
margin: 0 0 40px;
}
.contactMap .contactMap__phone .contactMap__phoneIcon {
display: inline-block;
vertical-align: middle;
width: 26px;
height: 30px;
margin-right: 10px;
background-image: url(//www.matrix-dv.com/wp-content/themes/matrix-child/public/img/contact/phone.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.contactMap .contactMap__phone p {
display: inline-block;
vertical-align: middle;
font-size: 2rem;
width: calc(100% - 36px);
}
.contactMap .contactMap__social div {
display: inline-block;
vertical-align: middle;
margin: 0 14px;
}
.contactMap .contactMap__social div a {
display: block;
background-size: contain;
background-repeat: no-repeat;
}
.contactMap .contactMap__social div a.facebook {
width: 25px;
height: 25px;
background-image: url(//www.matrix-dv.com/wp-content/themes/matrix-child/public/img/contact/facebook.svg);
}
.contactMap .contactMap__social div a.twitter {
width: 31px;
height: 25px;
background-image: url(//www.matrix-dv.com/wp-content/themes/matrix-child/public/img/contact/twitter.svg);
}
.contactMap .contactMap__social div a.linkedin {
width: 31px;
height: 25px;
background-image: url(//www.matrix-dv.com/wp-content/themes/matrix-child/public/img/contact/linkedin.svg);
}
.contactMap .contactMap__social div a.youtube {
width: 36px;
height: 25px;
background-image: url(//www.matrix-dv.com/wp-content/themes/matrix-child/public/img/contact/youtube.svg);
}
.contactMap .contactMap__social div:first-child {
margin-left: 0;
}
.contactMap.intoView {
opacity: 1;
transform: translateX(0);
}
@media only screen and (min-width: 992px) {
.contactMap .contactMap__left,
.contactMap .contactMap__right {
display: inline-block;
vertical-align: top;
}
.contactMap .contactMap__left {
width: 300px;
padding-right: 40px;
}
.contactMap .contactMap__right {
width: calc(100% - 300px);
}
.contactMap .contactMap__title {
max-width: 200px;
font-size: 3rem;
}
}
.promoPageHeader {
position: relative;
background-color: #ffffff;
}
.promoPageHeader .promoPageHeader__graphic {
position: absolute;
top: 20px;
left: 50%;
width: calc(100% - 40px);
max-width: 1640px;
height: calc(100% - 20px);
border: 20px solid #4ec7d8;
transform: translateX(-50%);
opacity: 0;
animation: fadeIn60 400ms 300ms forwards;
}
.promoPageHeader .promoPageHeader__graphic:after {
content: "";
position: absolute;
bottom: -20px;
left: -20px;
display: block;
width: 40px;
height: 40px;
border: 20px solid #4ec7d8;
}
.promoPageHeader .promoPageHeader__left,
.promoPageHeader .promoPageHeader__right {
text-align: center;
}
.promoPageHeader .promoPageHeader__left {
margin-bottom: 40px;
}
.promoPageHeader .promoPageHeader__left img {
display: inline-block;
width: 100%;
max-width: 260px;
}
.promoPageHeader .promoPageHeader__content {
position: relative;
margin: 80px auto 0;
padding: 60px 60px 90px;
color: #2d2d2d;
opacity: 0;
animation: fadeInTitle 1s 300ms forwards;
}
.promoPageHeader .promoPageHeader__content .promoPageHeader__title,
.promoPageHeader .promoPageHeader__content .promoPageHeader__subtitle {
margin: 0;
font-family: "Konkret Grotesk Pro", sans-serif;
}
.promoPageHeader .promoPageHeader__content .promoPageHeader__title {
margin: 0 0 10px;
font-size: 2rem;
font-weight: 600;
line-height: 1em;
text-transform: uppercase;
}
.promoPageHeader .promoPageHeader__content .promoPageHeader__subtitle {
font-size: 2.8rem;
font-weight: 300;
line-height: 1.4em;
}
.promoPageHeader .promoPageHeader__content .promoPageHeader__subtitle strong {
color: #63dbe6;
font-size: 3.4rem;
font-weight: 600;
}
@media only screen and (min-width: 992px) {
.promoPageHeader .promoPageHeader__graphic {
width: calc(100% - 120px);
border: 40px solid #4ec7d8;
}
.promoPageHeader .promoPageHeader__graphic:after {
bottom: -40px;
left: -40px;
border: 40px solid #4ec7d8;
}
.promoPageHeader .promoPageHeader__left,
.promoPageHeader .promoPageHeader__right {
display: inline-block;
vertical-align: middle;
text-align: left;
}
.promoPageHeader .promoPageHeader__left {
width: 35%;
margin-bottom: 0;
text-align: center;
}
.promoPageHeader .promoPageHeader__right {
width: 65%;
padding-left: 30px;
}
.promoPageHeader .promoPageHeader__content {
width: 75%;
max-width: 1000px;
padding: 100px 0px 140px;
}
}
@media only screen and (min-width: 1200px) {
.promoPageHeader .promoPageHeader__content {
padding: 100px 0px 80px;
}
.promoPageHeader .promoPageHeader__content .promoPageHeader__title {
font-size: 2.4rem;
}
.promoPageHeader .promoPageHeader__content .promoPageHeader__subtitle {
font-size: 3.4rem;
}
.promoPageHeader .promoPageHeader__content .promoPageHeader__subtitle strong {
font-size: 3.8rem;
}
}
.promoGrid .promoGrid__item {
margin: 0 0 20px;
padding: 40px;
background-color: #63dbe6;
text-align: center;
overflow: hidden;
}
.promoGrid .promoGrid__item:last-child {
margin: 0;
}
.promoGrid .promoGrid__title {
margin: 0 0 25px;
font-family: "Konkret Grotesk Pro", sans-serif;
font-size: 3rem;
font-weight: 600;
line-height: 1.2em;
opacity: 0;
transform: translateY(60px);
transition: opacity 1s 500ms, transform 1s 250ms;
}
.promoGrid .promoGrid__text {
margin: 0 0 25px;
font-size: 1.6rem;
font-weight: 400;
line-height: 1.4em;
opacity: 0;
transform: translateY(60px);
transition: opacity 1s 500ms, transform 1s 250ms;
}
.promoGrid .promoGrid__price {
margin: 0;
font-size: 6rem;
line-height: 0.6em;
opacity: 0;
transform: translateY(60px);
transition: opacity 1s 500ms, transform 1s 250ms;
}
.promoGrid .promoGrid__price span {
font-size: 3rem;
}
.promoGrid.intoView .promoGrid__title,
.promoGrid.intoView .promoGrid__text,
.promoGrid.intoView .promoGrid__price {
opacity: 1;
transform: translateX(0);
}
@media only screen and (min-width: 992px) {
.promoGrid {
font-size: 0;
}
.promoGrid .promoGrid__item {
display: inline-block;
vertical-align: top;
width: calc(50% - 10px);
margin: 0 20px 0 0;
}
.promoGrid .promoGrid__title {
font-size: 4rem;
}
.promoGrid .promoGrid__text {
font-size: 2rem;
}
.promoGrid .promoGrid__price {
font-size: 8rem;
}
.promoGrid .promoGrid__price span {
font-size: 4rem;
}
}
.kitPageHeader {
position: relative;
min-height: 520px;
background-size: cover;
background-position: center;
background-color: #2d2d2d;
}
.kitPageHeader .kitPageHeader__shadow {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.6);
}
.kitPageHeader .kitPageHeader__container {
position: absolute;
width: 100%;
left: 50%;
transform: translateX(-50%);
}
.kitPageHeader .kitPageHeader__content {
position: absolute;
top: 50%;
left: 50%;
width: 90%;
color: #ffffff;
text-align: center;
transform: translate(-50%, -50%);
opacity: 0;
animation: fadeInTitle 1s 300ms forwards;
}
.kitPageHeader .kitPageHeader__content .kitPageHeader__title,
.kitPageHeader .kitPageHeader__content .kitPageHeader__subtitle {
margin: 0;
font-family: "Konkret Grotesk Pro", sans-serif;
}
.kitPageHeader .kitPageHeader__content .kitPageHeader__title {
margin: 0 0 25px;
font-size: 3rem;
font-weight: 600;
line-height: 1.2em;
}
.kitPageHeader .kitPageHeader__content .kitPageHeader__subtitle {
font-size: 2.4rem;
font-weight: 300;
line-height: 1.2em;
}
.kitPageHeader .kitPageHeader__content .kitPageHeader__subtitle strong {
font-weight: 600;
}
@media only screen and (min-width: 992px) {
.kitPageHeader {
min-height: 720px;
}
.kitPageHeader .kitPageHeader__content {
text-align: left;
}
.kitPageHeader .kitPageHeader__content .kitPageHeader__title {
font-size: 5rem;
}
.kitPageHeader .kitPageHeader__content .kitPageHeader__subtitle {
font-size: 3rem;
}
}
@media only screen and (min-width: 1200px) {
.kitPageHeader .kitPageHeader__content {
left: 120px;
width: calc(100% - 720px);
transform: translateX(0) translateY(-50%);
}
}
.kitContactForm__container {
height: auto;
}
.kitContactForm {
position: relative;
width: 100%;
max-width: 560px;
margin: -30px auto 0;
}
.kitContactForm .kitContactForm__content {
padding: 20px;
text-align: center;
background-color: #4ec7d8;
overflow: hidden;
}
.kitContactForm .kitContactForm__content h4 {
margin: 0 0 10px;
font-family: "Konkret Grotesk Pro", sans-serif;
font-size: 3rem;
font-weight: 600;
line-height: 1.2em;
color: #ffffff;
}
.kitContactForm .kitContactForm__content p {
margin: 0;
font-size: 1.6rem;
font-weight: 400;
line-height: 1.4em;
}
.kitContactForm .kitContactForm__form {
padding: 30px;
background-color: #EDEDED;
transition: opacity 1s 250ms;
}
.kitContactForm .kitContactForm__formGroup {
display: block;
margin: 0 0 20px;
}
.kitContactForm .kitContactForm__formGroup select,
.kitContactForm .kitContactForm__formGroup input,
.kitContactForm .kitContactForm__formGroup textarea,
.kitContactForm .kitContactForm__formGroup .custom-select {
display: block;
width: 100%;
padding: 16px;
font-size: 1.6rem;
background-color: #ffffff;
border: none;
border-radius: 5px;
}
.kitContactForm .kitContactForm__formGroup select.invalid,
.kitContactForm .kitContactForm__formGroup input.invalid,
.kitContactForm .kitContactForm__formGroup textarea.invalid,
.kitContactForm .kitContactForm__formGroup .custom-select.invalid {
box-shadow: 0 0 2px #ff2a2a;
}
.kitContactForm .kitContactForm__formGroup label,
.kitContactForm .kitContactForm__formGroup select {
display: inline-block;
vertical-align: middle;
}
.kitContactForm .kitContactForm__formGroup label {
width: 116px;
padding-right: 20px;
font-size: 1.6rem;
}
.kitContactForm .kitContactForm__formGroup select,
.kitContactForm .kitContactForm__formGroup .custom-select {
width: calc(100% - 116px);
}
.kitContactForm .kitContactForm__formGroup select.full,
.kitContactForm .kitContactForm__formGroup .custom-select.full {
width: 100%;
}
.kitContactForm .kitContactForm__formGroup select.multiple,
.kitContactForm .kitContactForm__formGroup .custom-select.multiple {
height: 90px;
}
.kitContactForm .kitContactForm__formGroup .custom-select {
position: relative;
cursor: pointer;
}
.kitContactForm .kitContactForm__formGroup .custom-select .custom-select-value {
max-height: 80px;
overflow-y: hidden;
}
.kitContactForm .kitContactForm__formGroup .custom-select .custom-select-value p {
margin: 0;
color: #979797;
}
.kitContactForm .kitContactForm__formGroup .custom-select .custom-select-margin {
margin-top: 10px;
}
.kitContactForm .kitContactForm__formGroup .custom-select .custom-selected-option {
display: inline-block;
margin-right: 10px;
margin-bottom: 10px;
padding: 10px;
font-size: 1.3rem;
background-color: #c2f5f6;
border-radius: 4px;
}
.kitContactForm .kitContactForm__formGroup .custom-select .custom-select-options {
display: none;
position: absolute;
top: 100%;
left: 0;
width: 100%;
max-height: 160px;
background-color: #ffffff;
overflow-y: auto;
}
.kitContactForm .kitContactForm__formGroup .custom-select .custom-select-options label {
display: block;
width: 100%;
padding: 16px;
cursor: pointer;
}
.kitContactForm .kitContactForm__formGroup .custom-select .custom-select-options label input {
display: none;
}
.kitContactForm .kitContactForm__formGroup .custom-select .custom-select-options label:hover {
background-color: #c2f5f6;
}
.kitContactForm .kitContactForm__formGroup .custom-select .custom-select-options.custom-select-options-visible {
display: block;
}
.kitContactForm .kitContactForm__formGroup .custom-select :checked + span,
.kitContactForm .kitContactForm__formGroup .custom-select :checked + strong {
color: #4ec7d8;
}
.kitContactForm .kitContactForm__formGroup .kitContactForm__topLabel {
font-size: 1.6rem;
}
.kitContactForm .kitContactForm__formAccept {
padding: 0 20px 10px;
}
.kitContactForm .kitContactForm__formAccept p {
margin: 0 0 12px;
font-size: 1.6rem;
}
.kitContactForm .kitContactForm__formAccept .kitContactForm__formAcceptItem {
margin: 0 0 12px;
font-size: 1.6rem;
}
.kitContactForm .kitContactForm__formAccept .kitContactForm__formAcceptItem input,
.kitContactForm .kitContactForm__formAccept .kitContactForm__formAcceptItem span {
display: inline-block;
vertical-align: middle;
}
.kitContactForm .kitContactForm__formAccept .kitContactForm__formAcceptItem input {
margin-right: 10px;
}
.kitContactForm .kitContactForm__formAccept .kitContactForm__formAcceptItem input.invalid {
box-shadow: 0 0 2px #ff2a2a;
}
.kitContactForm .kitContactForm__formAccept .kitContactForm__formAcceptItem span {
width: calc(100% - 40px);
}
.kitContactForm .kitContactForm__formAccept .kitContactForm__formAcceptItem a {
color: #2d2d2d;
text-decoration: underline;
}
.kitContactForm .kitContactForm__formAction button {
display: block;
width: 100%;
padding: 20px;
font-size: 2rem;
font-weight: 400;
color: #ffffff;
background-color: #4ec7d8;
border: none;
border-radius: 5px;
cursor: pointer;
transition: background-color 250ms;
}
.kitContactForm .kitContactForm__formAction button:hover {
background-color: #2d2d2d;
}
.kitContactForm .kitContactForm__formAction button:disabled {
background-color: #e2e2e2;
cursor: default;
}
.kitContactForm .kitContactForm__message {
display: none;
text-align: center;
border-radius: 4px;
}
.kitContactForm .kitContactForm__message h6 {
margin: 0 0 10px;
font-size: 1.8rem;
}
.kitContactForm .kitContactForm__message p {
margin: 0;
font-size: 1.6rem;
}
.kitContactForm .kitContactForm__message--visible {
display: block;
}
.kitContactForm .kitContactForm__message--success, .kitContactForm .kitContactForm__message--error {
margin: 20px 0 0;
padding: 10px;
}
.kitContactForm .kitContactForm__message--success {
background-color: #00fbd4;
border-color: #00fbd4;
}
.kitContactForm .kitContactForm__message--error {
background-color: #fa6a41;
border-color: #fa6a41;
}
.kitContactForm .kitContactForm__messageClose {
display: none;
}
.kitContactForm.intoView h4, .kitContactForm.intoView p {
opacity: 1;
transform: translateX(0);
}
.kitContactForm.intoView .kitContactForm__form {
opacity: 1;
}
.kitContactForm__modal {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.6);
opacity: 0;
z-index: -1;
transform: scale(0);
transition: opacity 250ms;
}
.kitContactForm__modal .kitContactForm {
position: fixed;
top: 50%;
left: 50%;
right: initial;
width: 95%;
max-height: 85%;
border-radius: 10px;
transform: translate(-50%, -50%);
overflow-y: auto;
}
.kitContactForm__modal .kitContactForm .kitContactForm__content {
padding: 20px 35px;
}
.kitContactForm__modal .kitContactForm__closeButton {
position: absolute;
top: 10px;
right: 10px;
}
.kitContactForm__modal .kitContactForm__closeButton svg {
fill: #ffffff;
}
.kitContactForm__modal .kitContactForm__messageClose {
display: block;
float: right;
margin-left: 5px;
}
.kitContactForm__modal--closed {
transition: opacity 250ms, z-index 1ms 250ms, transform 1ms 250ms;
}
.kitContactForm__modal--visible {
opacity: 1;
z-index: 21;
transform: scale(1);
transition: opacity 250ms;
}
@media only screen and (min-width: 992px) {
.kitContactForm .kitContactForm__content p {
font-size: 2rem;
}
.kitContactForm .kitContactForm__formGroup label {
width: auto;
}
.kitContactForm .kitContactForm__formGroup select {
width: calc(100% - 176px);
}
.kitContactForm .kitContactForm__formGroup select.full {
width: 100%;
}
.kitContactForm__modal .kitContactForm__closeButton svg {
width: 28px;
height: 28px;
}
}
@media only screen and (min-width: 1200px) {
.kitContactForm__container {
position: absolute;
width: 100%;
left: 50%;
transform: translateX(-50%);
z-index: 2;
}
.kitContactForm {
position: absolute;
top: -420px;
right: 20px;
}
}
.kitHalfContainer__container {
height: auto;
}
.kitHalfContainer .tiny-container {
padding: 0;
text-align: left;
}
@media only screen and (min-width: 992px) {
.kitHalfContainer .tiny-container {
padding: 0 30px;
}
}
@media only screen and (min-width: 1200px) {
.kitHalfContainer {
width: calc(100% - 500px);
}
.kitHalfContainer .tiny-container {
max-width: initial;
margin: 0;
padding: 0 60px;
}
}
.kitLogos {
margin: 40px 0;
overflow-x: auto;
opacity: 0;
transform: translateY(-50px);
transition: opacity 1s 250ms, transform 1s 250ms;
}
.kitLogos .kitLogos__title {
font-size: 1.2rem;
font-weight: 400;
color: #979797;
text-transform: uppercase;
text-align: center;
}
.kitLogos .kitLogos__title:after {
content: "";
display: block;
width: 180px;
height: 1px;
margin: 20px auto;
background-color: #e2e2e2;
}
.kitLogos img {
width: 100%;
}
.kitLogos.intoView {
opacity: 1;
transform: translateX(0);
}
@media only screen and (min-width: 992px) {
.kitLogos .kitLogos__title {
font-size: 1.4rem;
}
}
@media only screen and (min-width: 1200px) {
.kitLogos {
width: 95%;
}
}
.kitTitleText {
margin: 40px 0;
text-align: left;
overflow: hidden;
}
.kitTitleText h3 {
margin: 0 0 25px;
font-family: "Konkret Grotesk Pro", sans-serif;
font-size: 3rem;
font-weight: 600;
line-height: 1.2em;
opacity: 0;
transform: translateY(60px);
transition: opacity 1s 500ms, transform 1s 250ms;
}
.kitTitleText h3.titleOnly {
margin: 0;
}
.kitTitleText p {
margin: 0;
font-size: 1.6rem;
font-weight: 400;
line-height: 1.4em;
opacity: 0;
transform: translateY(60px);
transition: opacity 1s 500ms, transform 1s 250ms;
}
.kitTitleText--blue h3 {
color: #4ec7d8;
}
.kitTitleText.intoView h3, .kitTitleText.intoView p {
opacity: 1;
transform: translateX(0);
}
@media only screen and (min-width: 992px) {
.kitTitleText {
margin: 60px 0;
}
.kitTitleText .container {
padding: 0 120px;
}
.kitTitleText h3 {
font-size: 4rem;
}
.kitTitleText p {
font-size: 2rem;
}
}
.kitLabel {
text-align: center;
overflow-x: auto;
opacity: 0;
transform: translateY(-50px);
transition: opacity 1s 250ms, transform 1s 250ms;
}
.kitLabel span {
display: inline-block;
padding: 10px 20px;
font-size: 1.6rem;
text-transform: uppercase;
border: 2px solid #4ec7d8;
border-radius: 4px;
}
.kitLabel.intoView {
opacity: 1;
transform: translateX(0);
}
@media only screen and (min-width: 992px) {
.kitLabel span {
font-size: 2rem;
}
}
.kitIconGrid {
margin: 40px 0;
font-size: 0;
text-align: center;
overflow-x: auto;
opacity: 0;
transform: translateY(-50px);
transition: opacity 1s 250ms, transform 1s 250ms;
}
.kitIconGrid .kitIconGrid__item {
display: inline-block;
vertical-align: top;
width: 100%;
margin: 0 0 20px;
}
.kitIconGrid .kitIconGrid__item a {
color: #2d2d2d;
text-decoration: none;
cursor: pointer;
}
.kitIconGrid .kitIconGrid__icon {
position: relative;
margin: 0 0 20px;
}
.kitIconGrid .kitIconGrid__icon img {
position: relative;
width: 120px;
}
.kitIconGrid .kitIconGrid__icon:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 50%;
background-color: #EDEDED;
}
.kitIconGrid .kitIconGrid__content {
margin: 0 auto;
background-color: #ffffff;
}
.kitIconGrid .kitIconGrid__content .kitIconGrid__tagline {
margin: 0 0 4px;
font-size: 1.8rem;
}
.kitIconGrid .kitIconGrid__content .kitIconGrid__title {
margin: 0 0 20px;
font-size: 2rem;
font-weight: 700;
}
.kitIconGrid .kitIconGrid__content .kitIconGrid__description {
margin: 0 0 20px;
padding: 0 30px;
font-size: 1.6rem;
line-height: 1.3em;
}
.kitIconGrid .kitIconGrid__content .kitIconGrid__description a {
color: #4ec7d8;
text-decoration: underline;
}
.kitIconGrid .kitIconGrid__content .kitIconGrid__price,
.kitIconGrid .kitIconGrid__content .kitIconGrid__subsidy {
margin: 0;
font-size: 1.6rem;
line-height: 1.3em;
}
.kitIconGrid .kitIconGrid__content .kitIconGrid__price em,
.kitIconGrid .kitIconGrid__content .kitIconGrid__subsidy em {
font-style: normal;
font-weight: 700;
}
.kitIconGrid .kitIconGrid__content .kitIconGrid__price strong,
.kitIconGrid .kitIconGrid__content .kitIconGrid__subsidy strong {
font-size: 2rem;
font-weight: 700;
}
.kitIconGrid .kitIconGrid__content .kitIconGrid__subsidy {
margin: 10px 0 0;
}
.kitIconGrid .kitIconGrid__content .kitIconGrid__button {
display: inline-block;
margin: 30px 0;
padding: 10px 20px;
font-size: 1.8rem;
font-weight: 700;
color: #ffffff;
line-height: 1.3em;
background-color: #4ec7d8;
border-radius: 5px;
transition: background-color 250ms;
}
.kitIconGrid .kitIconGrid__content .kitIconGrid__button:hover {
background-color: #2d2d2d;
}
.kitIconGrid.intoView {
opacity: 1;
transform: translateX(0);
}
@media only screen and (min-width: 769px) {
.kitIconGrid .kitIconGrid__item {
width: 50%;
margin-top: 0;
}
.kitIconGrid .kitIconGrid__content {
max-width: 90%;
}
.kitIconGrid .kitIconGrid__content .kitIconGrid__description {
min-height: 4em;
}
}
@media only screen and (min-width: 992px) {
.kitIconGrid .kitIconGrid__content {
width: 80%;
}
.kitIconGrid .kitIconGrid__content .kitIconGrid__tagline {
font-size: 2rem;
}
.kitIconGrid .kitIconGrid__content .kitIconGrid__title {
font-size: 2.4rem;
}
.kitIconGrid .kitIconGrid__content .kitIconGrid__description,
.kitIconGrid .kitIconGrid__content .kitIconGrid__price,
.kitIconGrid .kitIconGrid__content .kitIconGrid__subsidy {
font-size: 1.8rem;
}
.kitIconGrid .kitIconGrid__content .kitIconGrid__price,
.kitIconGrid .kitIconGrid__content .kitIconGrid__subsidy {
display: inline-block;
vertical-align: top;
width: 50%;
}
.kitIconGrid .kitIconGrid__content .kitIconGrid__price strong,
.kitIconGrid .kitIconGrid__content .kitIconGrid__subsidy strong {
font-size: 2.2rem;
}
.kitIconGrid .kitIconGrid__content .kitIconGrid__subsidy {
margin: 0;
}
.kitIconGrid .kitIconGrid__content .kitIconGrid__button {
font-size: 2rem;
}
}
.kitSolutions {
margin: 40px 0;
overflow-x: auto;
opacity: 0;
transform: translateY(-50px);
transition: opacity 1s 250ms, transform 1s 250ms;
}
.kitSolutions .kitSolutions__item {
max-width: 90%;
margin: 0 auto 10px;
padding: 20px;
text-align: center;
background-color: #4ec7d8;
border-radius: 4px;
}
.kitSolutions .kitSolutions__item .kitSolutions__tagline {
margin: 0 0 5px;
font-size: 1.6rem;
color: #ffffff;
text-transform: uppercase;
}
.kitSolutions .kitSolutions__item .kitSolutions__title {
margin: 0 0 5px;
font-size: 1.8rem;
text-transform: uppercase;
}
.kitSolutions .kitSolutions__item .kitSolutions__button {
font-size: 1.4rem;
color: #2d2d2d;
text-decoration: none;
}
.kitSolutions .kitSolutions__item:last-child {
margin-bottom: 0;
}
.kitSolutions.intoView {
opacity: 1;
transform: translateX(0);
}
@media only screen and (min-width: 769px) {
.kitSolutions {
margin: 60px 0;
font-size: 0;
text-align: center;
}
.kitSolutions .kitSolutions__item {
display: inline-block;
vertical-align: top;
width: calc(40% - 5px);
}
.kitSolutions .kitSolutions__item:last-child {
margin-left: 10px;
}
}
@media only screen and (min-width: 992px) {
.kitSolutions .kitSolutions__item .kitSolutions__tagline,
.kitSolutions .kitSolutions__item .kitSolutions__title {
font-size: 2rem;
}
.kitSolutions .kitSolutions__item .kitSolutions__button {
font-size: 1.6rem;
}
}
.kitFeature {
margin: 40px 0;
overflow-x: hidden;
opacity: 0;
transition: opacity 1s 250ms, transform 1s 250ms;
}
.kitFeature .kitFeature__description {
padding: 15px 0;
border-bottom: 1px solid #d0d0d0;
}
.kitFeature .kitFeature__description svg,
.kitFeature .kitFeature__description p {
display: inline-block;
vertical-align: top;
}
.kitFeature .kitFeature__description svg {
margin-right: 10px;
fill: #4ec7d8;
}
.kitFeature .kitFeature__description p {
margin: 0;
width: calc(100% - 34px);
font-size: 1.6rem;
font-weight: 400;
line-height: 1.2em;
}
.kitFeature .kitFeature__description p strong {
font-weight: 700;
}
.kitFeature .kitFeature__description:last-child {
border-bottom: initial;
}
.kitFeature.intoView {
opacity: 1;
transform: translateX(0);
}
@media only screen and (min-width: 992px) {
.kitFeature {
margin: 60px 0;
}
.kitFeature .kitFeature__description p {
font-size: 1.8rem;
}
}
.kitColumnTable {
margin: 40px 0;
text-align: left;
overflow: hidden;
}
.kitColumnTable .kitColumnTable__list .kitColumnTable__item {
margin-bottom: 40px;
}
.kitColumnTable .kitColumnTable__list .kitColumnTable__item .kitColumnTable__description,
.kitColumnTable .kitColumnTable__list .kitColumnTable__item .kitColumnTable__employees,
.kitColumnTable .kitColumnTable__list .kitColumnTable__item .kitColumnTable__user {
font-size: 1.6rem;
font-weight: 400;
}
.kitColumnTable .kitColumnTable__list .kitColumnTable__item .kitColumnTable__description,
.kitColumnTable .kitColumnTable__list .kitColumnTable__item .kitColumnTable__employees {
display: block;
}
.kitColumnTable .kitColumnTable__list .kitColumnTable__item .kitColumnTable__description {
font-weight: 700;
}
.kitColumnTable .kitColumnTable__list .kitColumnTable__item .kitColumnTable__price {
margin-right: 5px;
font-size: 2rem;
font-weight: 700;
}
.kitColumnTable .kitColumnTable__list .kitColumnTable__item:last-child {
margin-bottom: 0;
}
.kitColumnTable .kitColumnTable__table {
width: 100%;
margin-top: 20px;
border-collapse: collapse;
opacity: 0;
transform: translateY(60px);
transition: opacity 1s 500ms, transform 1s 250ms;
}
.kitColumnTable .kitColumnTable__table tr td {
padding: 10px;
font-size: 1.6rem;
font-weight: 400;
border: 1px solid #4ec7d8;
}
.kitColumnTable p {
margin: 0;
font-size: 1.6rem;
font-weight: 400;
line-height: 1.4em;
opacity: 0;
transform: translateY(60px);
transition: opacity 1s 500ms, transform 1s 250ms;
}
.kitColumnTable p strong {
color: #4ec7d8;
font-weight: 700;
}
.kitColumnTable.intoView p,
.kitColumnTable.intoView .kitColumnTable__table {
opacity: 1;
transform: translateX(0);
}
@media only screen and (min-width: 992px) {
.kitColumnTable {
margin: 60px 0;
}
.kitColumnTable .container {
padding: 0 120px;
}
.kitColumnTable .kitColumnTable__list {
font-size: 0;
}
.kitColumnTable .kitColumnTable__list .kitColumnTable__item {
display: inline-block;
vertical-align: top;
width: calc(50% - 20px);
margin-bottom: 0;
}
.kitColumnTable .kitColumnTable__list .kitColumnTable__item .kitColumnTable__description,
.kitColumnTable .kitColumnTable__list .kitColumnTable__item .kitColumnTable__employees,
.kitColumnTable .kitColumnTable__list .kitColumnTable__item .kitColumnTable__user {
font-size: 2rem;
}
.kitColumnTable .kitColumnTable__list .kitColumnTable__item .kitColumnTable__price {
font-size: 2.4rem;
}
.kitColumnTable .kitColumnTable__list .kitColumnTable__item:last-child {
margin-left: 40px;
}
.kitColumnTable .kitColumnTable__table tr td {
font-size: 2rem;
}
.kitColumnTable p {
min-height: 10em;
font-size: 2rem;
}
}
@media only screen and (min-width: 1200px) {
.kitColumnTable p {
min-height: 8.5em;
}
}
@media only screen and (min-width: 1400px) {
.kitColumnTable p {
min-height: 7.2em;
}
}.addtoany_content{clear:both;margin:16px auto}.addtoany_header{margin:0 0 16px}.addtoany_list{display:inline;line-height:16px}.a2a_kit a:empty,.a2a_kit a[class^="a2a_button_"]:has(.a2a_s_undefined){display:none}.addtoany_list a,.widget .addtoany_list a{border:0;box-shadow:none;display:inline-block;font-size:16px;padding:0 4px;vertical-align:middle}.addtoany_list a img{border:0;display:inline-block;opacity:1;overflow:hidden;vertical-align:baseline}.addtoany_list a span{display:inline-block;float:none}.addtoany_list.a2a_kit_size_32 a{font-size:32px}.addtoany_list.a2a_kit_size_32 a:not(.addtoany_special_service)>span{height:32px;line-height:32px;width:32px}.addtoany_list a:not(.addtoany_special_service)>span{border-radius:4px;display:inline-block;opacity:1}.addtoany_list a .a2a_count{position:relative;vertical-align:top}.site .a2a_kit.addtoany_list a:focus,.addtoany_list a:hover,.widget .addtoany_list a:hover{background:none;border:0;box-shadow:none}.addtoany_list a:hover img,.addtoany_list a:hover span{opacity:.7}.addtoany_list a.addtoany_special_service:hover img,.addtoany_list a.addtoany_special_service:hover span{opacity:1}.addtoany_special_service{display:inline-block;vertical-align:middle}.addtoany_special_service a,.addtoany_special_service div,.addtoany_special_service div.fb_iframe_widget,.addtoany_special_service iframe,.addtoany_special_service span{margin:0;vertical-align:baseline!important}.addtoany_special_service iframe{display:inline;max-width:none}a.addtoany_share.addtoany_no_icon span.a2a_img_text{display:none}a.addtoany_share img{border:0;width:auto;height:auto}@media only screen and (min-width: 992px){
.pageHeader__title_entrada {
width: calc(100%) !important;
margin: 0 !important;
}
}
@media only screen and (min-width: 1200px) {
.footer .footer__left {
width: 20%;
text-align: left;
}
.footer .footer__right {
width: 60%;
text-align: center;
}
.footer .footer__social {
display: inline-block;
vertical-align: middle;
margin-top: 0;
width: 20%;
float: right;
padding-top: 38px;
}
} @media only screen and (min-width: 1024px){
.margeneslaterales{
margin: 0px 320px;
}
}
@media only screen and (min-width: 321px) and (max-width:1023px){
.margeneslaterales{
margin: 0px 150px;
}
}
@media only screen and (max-width: 320px){
.margeneslaterales{
margin: 0px 30px;
}
}
img#logoiso {
width: 70px;
height: auto;
float: left;
margin-right: 10px;
}
img#logofooter {
margin-top: 25px;
}   .bullet {font-size: 1.6rem;}
.bullet svg {margin-right:10px; fill:#4ec7d8; float:left;} .quadre {border:2px solid #ffffff; border-radius:20px;padding:30px;text-align:center;line-height:28px} .centrar {text-align:center;} .textoM {margin-top:-60px !important;line-height:28px}
.wp-block-image {padding: 20px;}
.textoMC {margin-top:-40px !important;text-align: center;line-height:28px}
.espacios {margin:20px 0 -80px 0 !important;}
.wp-block-image {padding: 20px;} .iconoP {margin:-60px 0 -80px 0 !important;}
.iconoP .feature .feature__icon img {max-width:180px;} .blog {font-size: 1.8rem;line-height:1.4em}
.subtitulo {font-family: "Konkret Grotesk Pro", sans-serif;font-size:3rem;font-weight: 600;text-align:left;} #menu-item-1034 {
position: relative; }
#menu-item-1034 .sub-menu {
display: none;
position: absolute;
background-color: #4ec7d8; padding: 0;
margin-top: 0;
z-index: 999;
border-radius: 0px;
box-shadow: 0 4px 8px rgba(0,0,0,0.1);
text-align: left;
} #menu-item-1034:hover .sub-menu {
display: block;
color: white;
}
#menu-item-1034 {
overflow: visible; }
.nav__menu, .nav, .nav__top, .nav nav--visible {
overflow: visible !important; } .sub-menu li {
list-style: none;
padding: 0;
}
.sub-menu li a {
display: block;
padding: 12px 16px;
color: white;
text-decoration: none;
white-space: nowrap;
transition: background 0.2s ease;
} .sub-menu li a:hover {
color: black !important;
}
#menu-item-1034 .sub-menu {
z-index: 9999; }
.sub-menu li.current-menu-item > a,
.sub-menu li.current_page_item > a {
color: black !important;
font-weight: bold;
}
@media (max-width: 991px) {
#menu-item-1034 .sub-menu {
display: block !important;
position: relative !important;
top: auto !important;
left: auto !important;
background-color: transparent !important;
box-shadow: none !important;
padding-left: 1rem;
z-index: auto !important;
margin-top: -15px; margin-bottom: 15px; }
.sub-menu li a:hover {
color: white !important;
}
.sub-menu li.current-menu-item > a,
.sub-menu li.current_page_item > a {
color: #4ec7d8 !important;
font-weight: bold;
}
#menu-item-1034 .sub-menu li a {
color: #4ec7d8;
background-color: transparent !important;
} #menu-item-1034 .sub-menu li {
margin-bottom: -30px;
}
} #menu-item-127 > a {
border-bottom: 2px solid #4ec7d8;
padding-bottom: 1px; }
#menu-item-1034:hover .sub-menu li a {
color: white !important;
}
#menu-item-1034:hover	.sub-menu li a:hover {
color: black !important;
}
@media (max-width: 991px) {
#menu-item-126 {
margin-top: 20px;
}
#menu-item-127 {
display: inline-block; border-bottom: 1px solid #4ec7d8;
padding-bottom: 0px;
width: auto;
max-width: 60%; 
}  #menu-item-1034 .sub-menu li a:hover {
color: white !important;
} #menu-item-1034 .sub-menu li.current-menu-item > a,
#menu-item-1034 .sub-menu li.current_page_item > a {
color: #4ec7d8 !important;
font-weight: bold;
}
#menu-item-1034:hover .sub-menu li a {
color: #4ec7d8 !important;
}
#menu-item-1034:hover	.sub-menu li a:hover {
color: black !important;
}
#menu-item-1034:hover	.sub-menu li a:hover {
color: white !important;
}
}.clearfix {
clear: both;
} .pageHeader.pageHeader-blog {
min-height: 340px;
height: 32vw; }
.pageHeader.pageHeader-blog .pageHeader__content {
top: 50%;
left: 50%;
transform: translate(-45%, -50%);
}
.pageHeader.pageHeader-blog .pageHeader__content .pageHeader__subtitle {
font-weight: 400;
}
@media only screen and (min-width: 992px) {
.pageHeader.pageHeader-blog .pageHeader__content {
width: 80%;
max-width: 1030px;
}
.pageHeader.pageHeader-blog .pageHeader__content .pageHeader__title {
width: calc(49% - 60px);
margin: 0 60px 0 0;
}
.pageHeader.pageHeader-blog .pageHeader__content .pageHeader__subtitle {
width: 50%;
}
}
.blog-container {
margin-top: 80px;
margin-bottom: 80px;
}
.blog-container, .related-posts .related-posts-container {
--sm-spacing-blog-items: 50px;
display: flex;
flex-wrap: wrap;
gap: var(--sm-spacing-blog-items);
justify-content: start;
}
.blog-container .blog-column,
.related-posts .related-posts-container .blog-column {
flex-shrink: 0;
flex: 1 0 100%;
width: 100%;
max-width: 100%;
}
.blog-container .blog-item,
.related-posts .related-posts-container .blog-item  {
position: relative;
padding: 0;
margin: 0;
height: 100%;
background: rgb(244, 244, 244);
border: 0;
border-radius: 0;
box-shadow: none;
transition: transform 0.3s ease-in-out;
}
.blog-container .blog-item .blog-image,
.related-posts .related-posts-container .blog-image {
position: relative;
display: block;
width: 100%;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
overflow: hidden;
text-decoration: none;
outline: 0;
min-height: 180px;
height: 13vw;
}
.blog-container .blog-item .blog-content,
.related-posts .related-posts-container .blog-item .blog-content {
position: relative;
padding: 20px 30px;
padding-bottom: 76px;
}
.blog-container .blog-item .blog-title,
.related-posts .related-posts-container .blog-item .blog-title {
color: #2e2e2e;
font-size: 20px;
font-weight: 700;
line-height: 1.2;
margin: 0;
margin-bottom: 8px;
}
.blog-container .blog-item .blog-title a,
.related-posts .related-posts-container .blog-item .blog-title a {
color: #2e2e2e;
font-size: inherit;
font-weight: inherit;
text-decoration: none;
}
.blog-container .blog-item .blog-excerpt,
.related-posts .related-posts-container .blog-item .blog-excerpt {
position: relative;
display: block;
margin: 0;
min-height: 58px;
overflow: hidden;
}
.blog-container .blog-item .blog-excerpt p, .blog-container .blog-item .blog-excerpt li,
.related-posts .related-posts-container .blog-item .blog-excerpt p, .related-posts .related-posts-container .blog-item .blog-excerpt li {
color: #000000;
font-size: 15px;
line-height: 1.2;
margin: 0;
}
.blog-container .blog-item .blog-excerpt p, .related-posts .related-posts-container .blog-item .blog-excerpt p {
margin-bottom: 12px;
}
.blog-container .blog-item .blog-read-more,
.related-posts .related-posts-container .blog-item .blog-read-more {
position: relative;
display: block;
margin: 0 auto;
padding: 20px 0;
text-align: center;
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
.blog-container .blog-item .blog-read-more-button,
.related-posts .related-posts-container .blog-item .blog-read-more-button {
display: inline-block;
color: #282828;
font-size: 15px;
font-weight: 600;
line-height: 1.5;
margin: 0 auto;
padding: 6px 40px;
background: transparent;
text-align: center;
text-decoration: none;
border: 1px solid #282828;
border-radius: 6px;
}
.blog-container .blog-item .blog-read-more-button:hover,
.related-posts .related-posts-container .blog-item .blog-read-more-button:hover {
color: #ffffff;
background-color: #27c0d2;
}
.blog-container .blog-item .blog-meta,
.related-posts .related-posts-container .blog-item .blog-meta {
position: relative;
display: block;
margin: 0;
margin-bottom: 10px;
}
.blog-container .blog-item .blog-meta p,
.related-posts .related-posts-container .blog-item .blog-meta p {
color: #000000;
font-size: 15px;
margin: 0;
}
.blog-container .blog-item .blog-meta .blog-category, .blog-container .blog-item .blog-meta .blog-category a,
.related-posts .related-posts-container .blog-item .blog-meta .blog-category, .related-posts .related-posts-container .blog-item .blog-meta .blog-category a {
color: #6ac5d8;
font-size: 15px;
font-weight: 700;
text-decoration: none;
outline: 0;
}
.blog-container .blog-item .blog-meta .blog-date,
.related-posts .related-posts-container .blog-item .blog-meta .blog-date {
text-transform: capitalize;
}
@media only screen and (min-width: 768px) {
.blog-container .blog-column, .related-posts .related-posts-container .blog-column {
flex: 0 0 auto;
width: calc(50% - var(--sm-spacing-blog-items));
}
}
@media only screen and (min-width: 992px) {
.blog-container .blog-column, .related-posts .related-posts-container .blog-column {
flex: 0 0 auto;
width: calc(33.333% - var(--sm-spacing-blog-items));
}
} .blog-detail-container {
--sm-spacing-blog-items: 50px;
display: flex;
flex-wrap: wrap;
gap: var(--sm-spacing-blog-items);
justify-content: space-between;
padding-top: 70px;
}
.blog-detail-container .blog-detail-columntext {
flex-shrink: 0;
flex: 1 0 100%;
width: 100%;
max-width: 100%;
}
.blog-detail-container .blog-detail-sidebar {
flex-shrink: 0;
flex: 1 0 100%;
width: 100%;
max-width: 100%;
}
.blog-detail-container .blog-detail-sidebar #sidebar ul, .blog-detail-container .blog-detail-sidebar .widget ul {
display: block;
list-style: none;
margin: 0;
padding: 0;
}
.blog-detail-container .blog-detail-sidebar #sidebar ul li, .blog-detail-container .blog-detail-sidebar .widget ul li {
color: #282828;
font-size: 15px;
font-weight: 400;
margin: 0;
}
.blog-detail-container .blog-detail-sidebar #sidebar ul li a, .blog-detail-container .blog-detail-sidebar .widget ul li a {
display: inline-block;
color: #282828;
font-size: 15px;
font-weight: 400;
text-decoration: none;
outline: 0;
}
.blog-detail-container .blog-detail-sidebar #sidebar ul li a:hover, .blog-detail-container .blog-detail-sidebar .widget ul li a:hover {
color: #6ac5d8;
text-decoration: underline;
}
.blog-detail-container .blog-detail-sidebar #sidebar>ul>li, .blog-detail-container .blog-detail-sidebar .widget {
margin: 0;
margin-bottom: 20px;
padding: 20px 30px;
background: rgb(244, 244, 244);
border: 1px solid rgb(244, 244, 244);
border-radius: 0px;
}
.blog-detail-container .blog-detail-sidebar #sidebar ul li h2, .blog-detail-container .blog-detail-sidebar .widget .widget-title {
color: #6ac5d8;
font-size: 15px;
font-weight: 700;
margin: 0;
margin-bottom: 10px;
text-transform: uppercase;
}
.blog-detail-container .blog-detail-sidebar #sidebar>ul>li>ul>li, .blog-detail-container .blog-detail-sidebar .widget ul li {
margin-bottom: 10px;
}
.blog-detail-columntext .blog-item {
position: relative;
}
.blog-detail-columntext .blog-item .blog-title {
position: relative;
font-size: 40px;
font-weight: 700;
line-height: 1.2;
margin: 0;
margin-bottom: 20px;
}
.blog-detail-columntext .blog-item .blog-meta {
color: #000000;
font-size: 15px;
font-weight: 400;
margin: 0;
margin-bottom: 24px;
}
.blog-detail-columntext .blog-item .blog-meta .blog-date {
text-transform: capitalize;
}
.blog-detail-columntext .blog-item .blog-meta .blog-category a,
.blog-detail-columntext .blog-item .blog-meta .blog-author a {
color: #6ac5d8;
font-weight: 700;
text-decoration: none;
outline: 0;
}
.blog-detail-columntext .blog-item .blog-content {
font-size: 17px;
font-weight: 400;
}
.blog-detail-columntext .blog-item .blog-content p, .blog-detail-columntext .blog-item .blog-content li, .blog-detail-columntext .blog-item .blog-content a {
font-size: 17px;
font-weight: 400;
}
.blog-detail-columntext .blog-item .blogpost-meta {
position: relative;
display: block;
padding: 15px 0 30px 0;
margin: 0;
border-bottom: 1px solid #000000;
}
.blog-detail-columntext .blog-item .blogpost-meta p {
color: #000000;
font-size: 15px;
font-weight: 400;
margin: 0;
}
.blog-detail-columntext .blog-item .blogpost-meta p a {
color: #6ac5d8;
font-size: 15px;
font-weight: 400;
text-decoration: none;
outline: 0;
}
.blog-detail-columntext .blog-item .blogpost-meta .post-categories a {
font-weight: 700;
}
.blog-detail-columntext .blogpost-sharing {
position: relative;
display: block;
padding: 15px 0 10px 0;
margin: 0;
margin-bottom: 10px;
border-bottom: 1px solid #000000;
}
@media only screen and (min-width: 768px) {
.blog-detail-container .blog-detail-columntext {
flex: 0 0 auto;
width: calc(60% - var(--sm-spacing-blog-items));
}
.blog-detail-container .blog-detail-sidebar {
flex: 0 0 auto;
width: calc(40% - var(--sm-spacing-blog-items));
}
}
@media only screen and (min-width: 992px) {
.blog-detail-container .blog-detail-columntext {
flex: 0 0 auto;
width: calc(70% - var(--sm-spacing-blog-items));
}
.blog-detail-container .blog-detail-sidebar {
flex: 0 0 auto;
width: calc(30% - var(--sm-spacing-blog-items));
}
}
.searchform {
position: relative;
display: block;
margin: 0;
max-width: 100%;
}
.blog-detail-sidebar .search-container {
display: flex;
align-items: center;
border: 0;
border-radius: 0;
overflow: hidden; max-width: 100%;
}
.blog-detail-sidebar .search-container .search-field {
flex: 1; color: #000000;
font-size: 15px;
font-weight: 400;
line-height: 1.5;
padding: 4px 8px;
border: none;
outline: none;
}
.blog-detail-sidebar .search-container .search-submit {
color: #ffffff;
background: #27c0d2; border: none;
padding: 4px 6px;
cursor: pointer;
position: relative;
font-size: 15px;
font-weight: 900;
line-height: 1.5;
display: flex;
align-items: center;
justify-content: center;
}
.blog-detail-sidebar .search-container .search-submit i {
color: #ffffff;
font-size: 16px;
-webkit-font-smoothing: antialiased;
} .blog-detail-sidebar .search-container .search-submit:hover {
color: #ffffff;
background: #2d2d2d;
} .related-posts {
position: relative;
margin-top: 40px;
padding: 20px 0;
margin-bottom: 40px;
}
.related-posts h2 {
position: relative;
font-size: 15px;
font-weight: 700;
line-height: 1.3;
margin-bottom: 20px;
text-transform: uppercase;
} .header_box { margin: 0;
padding: 0;
height: auto !important;
}
.header_box .header_top {
position: relative;
display: block;
color: #ffffff;
margin: 0;
padding: 8px 0;
background: #282828;
border-bottom: 1px solid #ffffff;
}
.header_box .header_bottom {
position: relative;
display: block;
margin: 0;
padding: 10px 0 4px 0;
}
.header_box .header__social {
position: relative;
margin: 0;
padding: 0;
float: none;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-end;
gap: 2.5rem;
}
.header_box .header__social .header__socialBlog {
position: relative;
list-style: none;
padding: 0;
margin: 0;
max-width: 100%;
}
.header_box .header__social .header__socialBlog li {
display: inline-block;
vertical-align: middle;
margin: 0px;
}
.header_box .header__social .header__socialBlog li a {
position: relative;
display: block;
color: #ffffff;
font-size: 1.5rem;
font-weight: 600;
line-height: 1.1;
text-transform: uppercase;
text-decoration: none; }
.header_box .header__social .header__socialBlog li a::before { }
.header_box .header__social .header__socialMenu {
position: relative;
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-end;
gap: 1.8rem;
}
.header_box .header__social .header__socialMenu li {
display: block;
margin: 0;
}
.header_box .header__social .header__socialMenu li a {
display: block;
color: #ffffff;
width: 16px;
height: 16px;
background-size: contain;
background-repeat: no-repeat;
}
.header_box .header__social .header__socialMenu li.facebook a {
background-image: url(//www.matrix-dv.com/wp-content/themes/matrix-child/public/img/social/facebook.svg);
}
.header_box .header__social .header__socialMenu li.twitter a {
background-image: url(//www.matrix-dv.com/wp-content/themes/matrix-child/public/img/social/twitter.svg);
}
.header_box .header__social .header__socialMenu li.linkedin a {
background-image: url(//www.matrix-dv.com/wp-content/themes/matrix-child/public/img/social/linkedin.svg);
}
.header_box .header__social .header__socialMenu li.youtube a {
width: 22px;
height: 16px;
background-image: url(//www.matrix-dv.com/wp-content/themes/matrix-child/public/img/social/youtube.svg);
}
.header_box .nav {
position: fixed;
top: -1000px;
left: 0;
width: 100%;
height: 100vh; overflow: hidden !important;
background-color: #2d2d2d;
transition: top 400ms;
z-index: 9999; -webkit-overflow-scrolling: touch; }
.header_box .nav.nav--visible {
overflow: visible !important;
overflow-y: auto !important; top: 0;
}
.header_box .nav .nav__menu {
top: 80px;
transform: none;
}
.header_box .nav .nav__social {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 30px;
}
.header_box .nav .nav__social .nav__socialMenu li.linkedin a {
width: 17px;
height: 17px;
background-image: url(//www.matrix-dv.com/wp-content/themes/matrix-child/public/img/social/linkedin.svg);
}
.header_box .nav .nav__socialBlog {
list-style: none;
margin: 0;
padding: 0;
}
.header_box .nav .nav__socialBlog li {
display: inline-block;
vertical-align: middle;
margin: 0 15px;
}
.header_box .nav .nav__socialBlog li a {
display: block;
color: #ffffff;
font-size: 1.7rem;
font-weight: 600;
line-height: 1;
text-transform: uppercase;
text-decoration: none; }
@media only screen and (min-width: 768px) {
.header_box .header__social { }
.header_box .header__social .header__socialMenu {
gap: 2.4rem;
}
}
@media only screen and (min-width: 992px) {
.header_box .nav {
display: block;
position: initial;
top: initial;
left: initial;
width: initial;
height: initial;
background-color: initial;
overflow: initial !important;
}
.header_box .nav .nav__top, .header_box .nav .nav__social {
display: none;
}
} .footer_box {
position: relative;
display: block;
margin: 0;
padding: 0;
background: transparent;
}
.footer_box .footer_top {
position: relative;
display: block;
color: #ffffff;
margin: 0;
padding: 22px 0;
background: #282828;
text-align: center;
}
.footer_box .footer__rows {
display: flex;
flex-wrap: wrap;
}
.footer_box .footer__rows .footer__column {
flex-shrink: 0;
width: 100%;
max-width: 100%;
padding: 8px 1rem;
margin-bottom: 1rem;
text-align: center;
}
.footer_box .footer__rows .footer__column h3 {
color: #6ac5d8;
font-size: 1.4rem;
font-weight: 600;
margin: 0;
margin-bottom: 6px;
text-transform: uppercase;
text-align: center;
}
.footer_box .footer_top .footer__navCol {
position: relative;
display: block;
margin: 0;
}
.footer_box .footer_top .footer__navCol .footer__navMenuCol {
list-style: none;
margin: 0;
padding: 0;
}
.footer_box .footer_top .footer__navCol .footer__navMenuCol li {
display: block;
margin: 0;
margin-bottom: 4px;
text-align: center;
}
.footer_box .footer_top .footer__navCol .footer__navMenuCol li a {
display: inline-block;
color: #ffffff;
font-size: 1.4rem;
font-weight: 600;
line-height: 1.3;
margin: 0;
padding: 0;
text-decoration: none;
}
.footer_box .footer_top .footer__navCol .footer__navMenuCol li a:hover {
color: #6ac5d8;
text-decoration: none;
}
.footer_box .footer_top .footer__navCol .footer__navMenuCol li.menu-title a {
color: #6ac5d8;
font-size: 1.4rem;
font-weight: 600;
margin: 0;
text-transform: uppercase;
text-align: center;
}
.footer_box .footer_top .footer__navCol .footer__navMenuCol li.menu-title a:hover {
text-decoration: underline;
}
.footer_box .footer_top .footer__column .footer__logoMain {
position: relative;
display: block;
margin: 0;
margin-bottom: 20px;
}
.footer_box .footer_top .footer__column .footer__logoMain img {
display: block;
margin: 0 auto;
}
.footer_box .footer_top .footer__column .footer__social {
position: relative;
display: block;
margin: 0;
margin-bottom: 20px;
float: none;
padding: 0;
width: 100%;
}
.footer_box .footer_top .footer__column .footer__social .footer__socialMenu {
position: relative;
list-style: none;
padding: 0;
margin: 0;
}
.footer_box .footer_top .footer__column .footer__social .footer__socialMenu li {
display: inline-block;
vertical-align: middle;
margin: 0px;
margin-right: 20px;
}
.footer_box .footer_top .footer__column .footer__social .footer__socialMenu li a {
display: block;
color: #ffffff;
text-decoration: none;
width: 16px;
height: 16px;
}
.footer_box .footer_top .footer__column .footer__social .footer__socialMenu li.youtube a {
width: 22px;
height: 16px;
}
.footer_box .footer_top .footer__column .footer__logosISO {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
text-align: center;
}
.footer_box .footer_top .footer__column .footer__logosISO a {
display: inline-block;
}
.footer_box .footer_top .footer__column .footer__logosISO a img,
.footer_box .footer_top .footer__column .footer__logosISO img {
display: block;
margin: 0;
max-width: 90px;
height: auto;
}
.footer_box .footer_bottom {
position: relative;
display: block;
color: #ffffff;
margin: 0;
padding: 13px 0;
background: #000000;
text-align: center;
}
.footer_box .footer_bottom .footer__nav {
position: relative;
display: block;
margin: 0;
padding: 0;
}
.footer_box .footer_bottom .footer__nav .footer__navMenu li {
margin: 5px 10px;
}
.footer_box .footer_bottom .footer__nav .footer__navMenu li a {
display: inline-block;
color: #ffffff;
font-size: 1.4rem;
font-weight: 400;
text-decoration: none;
}
.footer_box .footer_bottom .footer__nav .footer__navMenu li a:hover {
color: #6ac5d8;
text-decoration: none;
}
@media only screen and (min-width: 768px) {
.footer_box .footer_top .footer__column .footer__logoMain img {
margin: 0;
}
.footer_box .footer__rows .footer__column {
flex: 0 0 auto;
width: 33.33% !important;
text-align: left;
}
.footer_box .footer__rows .footer__column.footer__columnISO {
flex: 0 0 auto;
max-width: 300px;
text-align: right;
}
.footer_box .footer__rows .footer__column h3 {
text-align: left;
}
.footer_box .footer_top .footer__navCol .footer__navMenuCol li {
text-align: left;
}
}
@media only screen and (min-width: 992px) {
.footer_box .footer__rows .footer__column {
flex: 1 0 0%;
}
}
@media only screen and (min-width: 1200px) {
.footer_box .footer__rows .footer__column h3 {
font-size: 1.6rem;
}
.footer_box .footer_bottom .footer__nav .footer__navMenu li a {
font-size: 1.5rem;
}
.footer_box .footer_top .footer__navCol .footer__navMenuCol li a {
font-size: 1.6rem;
}
.footer_box .footer_top .footer__navCol .footer__navMenuCol li.menu-title a {
font-size: 1.6rem;
}
}
.lateral_bar {
position: relative;
display: block;
margin: 0;
position: fixed;
top: 50%;
right: 0;
transform: translateY(-50%);
z-index: 999;
}
.lateral_bar .lateral_item {
position: relative;
display: block;
margin: 0;
margin-bottom: 1rem;
}
.lateral_bar .lateral_item .lateral_button {
position: relative;
display: inline-block;
color: #282828;
font-size: 16px;
font-weight: 700;
line-height: 1;
margin: 0;
padding: 10px 20px;
background: #27c0d2;
text-align: center;
text-decoration: none;
border: 0;
border-radius: 12px 0 0 12px;
outline: 0;
box-shadow: none;
}
.lateral_bar .lateral_item .lateral_button span {
display: inline-block;
}
.lateral_bar .lateral_item .lateral_button .button_text01 {
font-size: 16px;
}
.lateral_bar .lateral_item .lateral_button .button_text02 {
color: #ffffff;
font-size: 22px;
text-transform: uppercase;
padding-top: 2px;
}
.lateral_bar .lateral_item .lateral_button .button_text03 {
font-size: 18px;
font-weight: 400;
}
@media only screen and (min-width: 992px) {
.lateral_bar {
position: fixed;
top: 50%;
right: 0;
transform: translateY(-50%);
}
.lateral_bar .lateral_item .lateral_button {
font-size: 20px;
padding: 16px 30px;
}
.lateral_bar .lateral_item .lateral_button .button_text01 {
font-size: 20px;
}
.lateral_bar .lateral_item .lateral_button .button_text02 {
font-size: 26px;
}
.lateral_bar .lateral_item .lateral_button .button_text03 {
font-size: 22px;
}
}  #wpadminbar .quicklinks #wp-admin-bar-aioseo-main .ab-item {
display: flex;
flex-wrap: wrap;
align-items: center;
}
#wpadminbar .quicklinks #wp-admin-bar-aioseo-main .ab-item * {
flex-shrink: 0;
width: 100%;
max-width: 100%;
flex: 0 0 auto;
width: auto;
}
#wpadminbar .quicklinks #wp-admin-bar-aioseo-main .aioseo-logo.svg {
background-position: left center;
}