.df-abs-center {
top: 50%;
left: 50%;
position: absolute;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.df-abs-h-center {
position: absolute;
left: 50%;
-webkit-transform: translate(-50%);
-moz-transform: translate(-50%);
-ms-transform: translate(-50%);
transform: translate(-50%);
}
.df-container {
min-height: 320px;
background: no-repeat 50%;
background-size: cover;
width: 100%;
position: relative;  image-rendering: auto;
direction: ltr;
}
.df-container.df-transparent:not(.df-fullscreen) {
background: transparent !important;
}
.df-container.df-custom-fullscreen.df-fullscreen {
position: fixed !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
margin: 0 !important;
border: 0 !important;
z-index: 999999;
}
.df-container .loading-info {
position: absolute;
top: 100%;
margin-top: 20px;
margin-left: 5px;
padding: 6px 20px;
background-color: rgba(0, 0, 0, 0.09);
font-style: italic;
border-radius: 5px;
font-size: 11px;
max-height: 30px;
color: #fff;
max-width: 200px;
transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
left: 50%;
opacity: 0.7;
transition: 0.3s top ease;
-webkit-transition: 0.3s top ease;
}
.loading-info.df-old-browser {
color: gray;
background-color: white;
opacity: 0.9;
text-align: center;
max-height: none;
}
.loading-info.df-old-browser a {
font-weight: bold;
font-style: normal;
text-transform: uppercase;
color: #2196F3;
display: block;
text-decoration: underline;
margin: 10px 0 0;
}
.df-container.df-init .loading-info {
top: 50%;
}
.df-3dcanvas {
position: absolute;
z-index: 1;
right: 0;
}
.df-container > canvas {
}
.df-container a {
outline: none;
text-decoration: none;
box-shadow: none;
}
.df-container.df-zoom-enabled canvas.df-3dcanvas,
.df-container.df-zoom-enabled .df-book-stage {
cursor: move; cursor: -webkit-grab;
}
.df-container:before, .df-container:after {
content: " ";
transition: 0.3s 0.1s opacity;
-webkit-transition: 0.3s 0.1s opacity;
opacity: 0;
height: 50px;
width: 50px;
left: 50%;
top: 50%;
font-size: 12px;
margin: -45px -25px -25px;
box-sizing: border-box;
position: absolute;
pointer-events: none;
}
.df-container.df-loading:before, .df-container.df-loading:after {
content: " ";
z-index: 100;
opacity: 1; }
.df-container.df-loading .df-loading-icon {
}
.df-container.df-loading:after {
content: " ";
background-image: url(//ddk.com.au/wp-content/themes/ddk2021/images/loading.gif?);
background-repeat: no-repeat;
background-size: 32px;
background-position: 50%;
}
.df-container.df-loading:before {
background-color: white;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
border: 1px solid rgba(150, 150, 150, 0.2);
}
.df-book-stage {
position: absolute;
overflow: hidden;
right: 0;
bottom: 0;
z-index: 1;
top: 0;
left: 0; filter: blur(0);
-webkit-filter: blur(0);
padding: 30px 50px 70px;
}
.df-floating .df-book-stage {
}
.df-container.df-xs .df-book-stage {
padding-left: 20px;
padding-right: 20px;
}
.df-container.df-sidemenu-open .df-book-stage {
padding-left: 230px;
padding-right: 10px;
}
.df-container.df-sidemenu-open > .df-ui-btn.df-ui-prev {
left: 220px;
}
.df-book-stage.df-zoom-enabled {
cursor: move;
}
.df-page-front:before, .df-page-back:before {
content: " ";
}
.df-book-page .df-page-front:before {
background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.2) 10%, rgba(0, 0, 0, 0.15) 25%, rgba(0, 0, 0, 0) 70%);
background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.2) 10%, rgba(0, 0, 0, 0.15) 25%, rgba(0, 0, 0, 0) 70%);
background-image: -ms-linear-gradient(right, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.2) 10%, rgba(0, 0, 0, 0.15) 25%, rgba(0, 0, 0, 0) 70%);
}
.df-book-page .df-page-back:before {
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.15) 15%, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.0));
background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.15) 15%, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.0));
background-image: -ms-linear-gradient(left, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.15) 15%, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.0));
}
.df-book-wrapper, .df-page-wrapper, .df-book-page, .df-page-content,
.df-page-front:before, .df-page-wrapper:after, .df-page-back:before,
.df-page-content:after, .df-page-effects, .df-page-effects:before, .df-page-effects {
position: absolute;
height: 100%;
display: block;
top: 0;
}
.df-page-content, .df-book-page {
width: 100%;
}
.df-book-wrapper {
position: relative;
margin: 0 auto;
transition: 0.3s left;
-webkit-transition: 0.3s left;
left: 0; }
.df-zoom-enabled .df-book-wrapper {
transition: none;
-webkit-transition: none;
}
.df-loading.df-container .df-book-wrapper {
left: 100%;
}
.df-book-wrapper.close-right {
left: 25%;
}
.df-book-wrapper.close-left {
left: -25%;
}
.df-book-shadow {
position: absolute;
z-index: -1;
height: 100%;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
-ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
.df-book-wrapper .df-book-side-buttons {
position: absolute;
left: 100%;
width: 40px;
opacity: 0.3;
height: 100%;
cursor: pointer;
z-index: 30;
-webkit-border-radius: 0 20px 20px 0;
-moz-border-radius: 0 20px 20px 0;
border-radius: 0 20px 20px 0;
}
.df-book-prev-button.df-book-side-buttons {
-webkit-border-radius: 20px 0 0 20px;
-moz-border-radius: 20px 0 0 20px;
border-radius: 20px 0 0 20px;
}
.df-book-wrapper .df-book-side-buttons:hover {
opacity: 0.5;
background-color: rgba(0, 0, 0, 0.18);
}
.df-book-wrapper .df-book-prev-button {
right: 100%;
left: auto;
left: initial;
}
.df-book-wrapper .df-book-side-buttons:before {
position: absolute;
font-size: 30px;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
left: 50%;
top: 50%;
}
.df-book-wrapper .df-book-prev-button:before {
}
.df-page-wrapper {
overflow: hidden;
}
.df-hard-page .df-page-wrapper {
width: 100% !important;
height: 100% !important;
overflow: visible;
transform-style: preserve-3d;
-webkit-transform-origin: 0 50% 0;
-moz-transform-origin: 0 50% 0;
-ms-transform-origin: 0 50% 0;
transform-origin: 0 50% 0;
}
.df-book-page.df-flipping, .df-book-page.df-folding {
box-shadow: -2px 0 10px rgba(0, 0, 0, 0.0);
}
.df-book-page.df-left-side {
left: 0;
-webkit-transform-origin: right;
-moz-transform-origin: right;
-ms-transform-origin: right;
transform-origin: right;
}
.df-book-page.df-right-side {
left: 50%;
-webkit-transform-origin: left;
-moz-transform-origin: left;
-ms-transform-origin: left;
transform-origin: left;
}
.df-book-page.df-hard-page {
}
.df-book-page.df-right-side + .df-page-wrapper.df-right-side {
z-index: -1;
}
.df-book-page .df-page-front, .df-book-page .df-page-back {
width: 100%;
background-size: 100.5% 100%;
background-size: 100% 100%;
height: 100%;
background-color: white;
position: absolute;
box-sizing: border-box;
}
.df-page-back > canvas, .df-page-front > canvas {
width: 100%;
position: relative;
z-index: -1;
} .df-page-wrapper:before {
}
.df-quick-turn:before {
opacity: 0;
}
.df-book-page.df-flipping.df-left-side:before {
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1));
background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1));
width: 10px;
left: -10px;
}
.df-book-page.df-right-side:before {
}
.df-book-page {
width: 50%;
}
.df-book-page.df-flipping, .df-book-page.df-folding {
z-index: 200 !important;
}
.df-page-content {
background-size: 100.25% !important;
background-repeat: no-repeat !important;
transition-property: transform;
-webkit-transition-property: -webkit-transform;
width: 100%;
overflow: hidden; }
.df-book-page.df-left-side .df-page-front { z-index: 2;
}
.df-book-page.df-left-side .df-page-back {
z-index: 1;
}
.df-book-page.df-left-side.df-folding:not(.df-hard-page) .df-page-back {
z-index: 3;
}
.df-book-page.df-right-side .df-page-front {
top: 0;
left: 0;
z-index: 0;
}
.df-book-page, .df-page-front, .df-page-back,
.df-page-fold-inner-shadow, .df-page-fold-outer-shadow, .df-page-wrapper {
position: absolute;
-webkit-transform-origin: 0 0 0;
-moz-transform-origin: 0 0 0;
-ms-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.df-page-front, .df-page-back {
overflow: visible;
}
.df-page-fold-outer-shadow {
z-index: -1;
width: 100%;
height: 100%;
}
.df-page-fold-inner-shadow {
position: absolute;
z-index: 5;
display: none;
}
.df-book-page.df-folding .df-page-fold-inner-shadow {
display: block;
}
.df-book-page.df-right-side .df-page-back {
left: 0;
z-index: 1;
}
.df-book-page.df-right-side.df-folding .df-page-front {
z-index: 2;
}
.df-page-wrapper.df-right-side .df-page-back {
left: 100%;
z-index: 1;
overflow: hidden;
}
.df-hard-page .df-page-front,
.df-hard-page .df-page-back {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
}
.df-hard-page.df-right-side .df-page-front {
-webkit-transform-origin: right 50%;
-moz-transform-origin: right 50%;
-ms-transform-origin: right 50%;
transform-origin: right 50%;
z-index: 3 !important;  }
.df-hard-page.df-left-side .df-page-front {
-webkit-transform-origin: right 50%;
-moz-transform-origin: right 50%;
-ms-transform-origin: right 50%;
transform-origin: right 50%;
}
.df-hard-page.df-right-side .df-page-back {
-webkit-transform-origin: left 50%;
-moz-transform-origin: left 50%;
-ms-transform-origin: left 50%;
transform-origin: left 50%;
z-index: 3;  }
.df-hard-page.df-left-side .df-page-back {
-webkit-transform-origin: left 50%;
-moz-transform-origin: left 50%;
-ms-transform-origin: left 50%;
transform-origin: left 50%;
} .df-page-front:before, .df-page-back:before {
width: 20%;
z-index: 5;
pointer-events: none;
}
.df-page-front:before {
right: 0;
}
.df-page-wrapper.df-right-side.df-flipping {
z-index: 4;
} .df-ui {
height: 60px;
padding: 20px 16px 0;
}
.df-ui-wrapper, .df-ui-btn {
color: #888;
vertical-align: top;
background-color: #f7f7f7;
box-sizing: border-box;
text-align: center;
}
.df-ui-wrapper {
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); background-color: #f7f7f7;
position: absolute;
}
.df-share-wrapper {
z-index: 2;
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.35);
display: none;
}
.df-share-wrapper.df-hidden { }
.df-share-box {
position: absolute;
top: 50%;
width: 280px;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
left: 50%;
background-color: #fff;
border-radius: 10px;
padding: 10px 15px 5px;
text-align: center;
}
span.df-share-title {
color: #777;
margin-bottom: 10px;
display: block;
}
.df-share-url { background-color: #fff;
height: 60px;
color: #666;
padding: 2px 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
width: 100%;
font-size: 12px;
box-sizing: border-box;
margin-bottom: 0px;
}
.df-share-button {
display: inline-block;
text-align: center;
cursor: pointer;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
padding: 10px;
margin: 3px;
color: #aaa;
}
.df-share-button:hover {
color: #444;
}
.df-ui-btn {
position: relative;
width: 35px;
right: 0;
height: 40px;
font-size: 17px;
cursor: pointer;
z-index: 2;
display: inline-block;
padding: 12px 5px; line-height: 1;
}
.df-floating .df-ui-controls > .df-ui-btn:first-child {
border-radius: 5px 0 0 5px;
}
.df-floating .df-ui-controls > .df-ui-btn:last-child {
border-radius: 0 5px 5px 0;
}
.df-ui-btn:before {
box-sizing: border-box;
}
.df-ui-fit, .df-ui-thumbnail {
}
.df-ui-thumbnail, .df-ui-share, .df-ui-outline, .df-ui-help, .df-ui-sound {
float: left;
}
.df-ui-zoomin, .df-ui-zoomout {
}
.df-ui-btn:hover {
color: #00ACCE;
}
.df-ui-btn.disabled, .df-ui-btn.disabled:hover {
color: #ccc;
}
.df-ui-share:before {
}
.df-ui-page {
padding: 8px 5px 2px;
font-size: 12px;
width: auto;
width: 50px;
margin: 0 0; border-radius: 0; background-color: rgba(0, 0, 0, 0.03);
}
.df-ui-page input {
width: 100%;
background-color: transparent;
height: 25px;
margin: 0;
border: 1px solid rgb(143, 143, 143);
text-align: center;
vertical-align: top;
color: transparent;
font-size: 14px;
top: 0;
box-sizing: border-box;
z-index: -1;
display: inline-block;
opacity: 0;
}
.df-ui-page input:focus {
z-index: 2;
opacity: 1;
color: inherit;
}
.df-ui-page input:focus + label {
opacity: 0;
display: none;
}
.df-ui-page label {
position: absolute;
height: 30px;
width: 100%;
display: block;
top: 0;
padding-top: 14px; color: #999;
font-size: 13px; font-weight: normal;
left: 0;
cursor: pointer;
background-color: transparent;
z-index: 1;
box-sizing: border-box; }
.df-ui-share {
float: left;
}
.df-ui-share:before {
}
.df-ui-fullscreen {
bottom: 0;
}
.df-ui-fullscreen:before {
}
.df-ui-zoom {
top: 24px;
height: 60px;
right: 24px;
width: 30px;
display: none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.df-ui-sidemenu-close{
position: absolute;
top: 10px;
right: -32px;
font-size: 14px;
width: 32px;
height: 35px;
cursor: pointer;
padding: 10px 0px;
background: inherit;
border-radius: 0 5px 5px 0;
z-index: -1;
transition: 0.5s ease;
-webkit-transition: 0.5s ease;
}
.df-thumb-visible .df-ui-sidemenu-close,
.df-outline-visible .df-ui-sidemenu-close{
right: -32px;
}
.df-ui-controls {
bottom: 0;
width: 100%; height: 40px; padding: 0;
-webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 4; display: block;
}
.df-floating .df-ui-controls {
bottom: 10px;
width: auto;
width: intial; -webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
left: 50%;
margin: 0 auto;
display: table; display: flex;
border-radius: 5px;
}
.df-ui-wrapper.df-ui-controls .df-ui-btn { float: none;
}
.df-ui-size {
bottom: 24px;
height: 60px;
right: 24px;
}
.df-ui-zoom:before, .df-ui-size:before {
height: 0;
border-bottom: 1px solid;
content: " ";
right: 5px;
opacity: 0.3;
display: block;
position: absolute;
top: 30px;
left: 5px;
z-index: 2;
}
.df-ui-zoomin {
top: 0;
}
.df-ui-zoomin:before {
}
.df-ui-zoomout {
bottom: 0;
}
.df-ui-btn.df-ui-zoomout { }
.df-zoom-enabled .df-ui-btn.df-ui-zoomout { }
.df-zoom-enabled .df-ui-btn.df-ui-zoomin { }
.df-ui-zoomout:before {
}
.df-ui-next {
right: 24px;
right: 0;
border-radius: 0; }
.df-container.df-floating > .df-ui-next {
right: 8px;
}
.df-container.df-floating > .df-ui-prev {
left: 2px;
}
.df-container > .df-ui-next, .df-container > .df-ui-prev {
margin-top: -5px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
top: 50%;
position: absolute; opacity: 0.3;
background-color: transparent;
height: auto;
height: initial;
font-size: 36px;
color: #000;
width: auto;
text-align: center;
width: initial;
}
.df-container > .df-ui-next:hover, .df-container > .df-ui-prev:hover {
opacity: 0.7;
}
.df-container.df-floating > .df-ui-next, .df-container.df-floating > .df-ui-prev {
border-radius: 50%;
width: 40px;
}
.df-ui-next:before {
}
.df-ui-prev {
left: 0;
right: auto;
border-radius: 0;
}
.df-ui-prev:before {
}
.df-ui-alt {
position: relative !important;
right: auto;
right: initial;
left: auto;
left: initial;
box-shadow: none !important;
}
.df-ui-alt.df-ui-next,
.df-ui-alt.df-ui-prev { }
.df-ui-alt.df-ui-next {
border-right: 1px solid #ddd;
}
.df-ui-start {
}
.df-ui-start:before {
}
.df-ui-end {
}
.df-ui-end:before {
}
.df-ui-thumbnail:before {
}
.df-ui-outline:before {
}
.df-ui-btn.df-active {
color: #00ACCE;
background-color: #e7e7e7;
}
.df-ui-fit {
display: none;
}
.df-ui-zoomin, .df-ui-zoomout, .df-ui-fullscreen, .df-ui-more {
float: right;
}
.df-ui-fit {
top: 0;
}
.df-ui-fit:before {
}
.df-ui-fit.button-fit-active:before {
}
.df-page-content div {
}
.df-ui-more .more-container {
display: none;
position: absolute;
bottom: 100%;
margin-bottom: 8px !important;
right: 10px;
background-color: #f7f7f7;
z-index: 20;
border-radius: 5px; box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.2);
}
.more-container:before { content: " "; position: absolute; border: solid transparent; border-width: 7px; border-top-color: #eee; height: 0; width: 0; bottom: -14px; right: 13px; margin-right: -8px; pointer-events: none; }
.more-container .df-ui-btn {
width: auto;
width: initial;
width: 170px;
text-align: left;
padding: 8px 10px;
height: 36px;
border-top: 1px solid #e4e4e4;
border-radius: 0;
}
.more-container .df-ui-btn:hover {
background-color: #eee;
}
.more-container > .df-ui-btn:first-child {
border-radius: 5px;
border-top: none;
}
.more-container > .df-ui-btn:last-child {
border-radius: 0 0 5px 5px;
}
.more-container .df-ui-btn:before {
position: absolute;
top: 11px;
font-size: 14px;
}
.df-ui-btn span {
display: none;
}
.more-container .df-ui-btn span {
font-size: 12px;
padding-left: 20px;
vertical-align: middle;
display: inline-block;
}
.df-ui-more.df-active .more-container {
display: block;
}
.annotationLayer section,
.annotationDiv section,
.customLinkAnnotation,
.customHtmlAnnotation,
.customVideoAnnotation,
.linkAnnotation,
.highlightAnnotation,
.popupAnnotation {
position: absolute;
z-index: 5;
cursor: pointer;
pointer-events: all; }
.annotationDiv .popupWrapper {
position: absolute;
width: 20em;
}
.annotationDiv .popup {
position: absolute;
z-index: 200;
max-width: 20em;
background-color: #FFFF99;
box-shadow: 0px 2px 5px #333;
border-radius: 2px;
padding: 0.6em;
margin-left: 5px;
cursor: pointer;
word-wrap: break-word;
}
.annotationDiv .popup h1 {
font-size: 1em;
border-bottom: 1px solid #000000;
padding-bottom: 0.2em;
}
.annotationDiv .popup p {
padding-top: 0.2em;
}
.annotationDiv .highlightAnnotation,
.annotationDiv .underlineAnnotation,
.annotationDiv .squigglyAnnotation,
.annotationDiv .strikeoutAnnotation,
.annotationDiv .fileAttachmentAnnotation {
cursor: pointer;
}
.annotationDiv .textAnnotation img {
position: absolute;
cursor: pointer;
}
section.linkAnnotation a {
display: block;
height: 100%;
}
section.linkAnnotation a,
a.linkAnnotation,
a.customLinkAnnotation,
.customHtmlAnnotation,
.customVideoAnnotation {
background-color: transparent;
background-color: rgb(255, 255, 0); opacity: 0.1;
}
a.customLinkAnnotation { }
section.linkAnnotation a:hover,
a.linkAnnotation:hover,
.highlightAnnotation:hover,
a.customLinkAnnotation:hover {
opacity: 0.4;
border-color: transparent;
background-color: #2196F3;
}
.annotationDiv {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
overflow: hidden;
}
section.linkAnnotation a .annotationLayer >
a {
display: block;
position: absolute;
height: 100%;
cursor: pointer;
box-sizing: border-box;
}
section.linkAnnotation a.internalLink:hover {
}
.df-page-loading:after, .df-page-loading:before {
content: " ";
height: 44px;
width: 44px;
position: absolute;
top: 50%;
left: 50%;
margin: -22px -22px;
}
.df-page-loading:before {
background-color: white;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px; box-sizing: border-box;
}
.df-page-loading:after {
background-image: url(//ddk.com.au/wp-content/themes/ddk2021/images/loading.gif);
background-repeat: no-repeat;
background-position: center;
background-size: 22px;
}
.df-thumb-container .df-vrow {
height: 124px;
left: 0;
width: 90%;
margin: 10px auto;
background-position: 50%;
cursor: pointer;
background-repeat: no-repeat;
right: 0;
border-radius: 5px; }
.df-thumb-container .df-vrow:before {
content: "";
background-image: url(//ddk.com.au/wp-content/themes/ddk2021/images/loading.gif);
background-size: 22px;
height: 22px;
width: 22px;
display: block;
top: 60px;
margin: 0 auto;
position: relative;
z-index: 0;
}
.df-thumb-container .df-vrow:hover {
background-color: #bbb;
}
.df-floating .df-thumb-container .df-vrow:hover {
background-color: #ccc;
opacity: 1;
}
.df-thumb-container .df-vrow.df-thumb-loaded {
background-size: contain; }
.df-thumb-container .df-vrow.df-thumb-loaded:before {
display: none;
}
.df-vrow > div { height: 20px;
background-color: rgba(170, 170, 170, 0.54);
width: 40px;
margin: 0 auto;
}
.df-thumb-container { float: left; width: 220px;
height: auto !important;
position: absolute !important;
top: 0;
z-index: 3;
bottom: 40px;
background-color: rgba(238, 238, 238, 0.9);  text-align: center;
}
.df-outline-container { float: left;   width: 220px;
text-align: left;
height: auto !important;
position: absolute !important;
top: 0;
bottom: 40px; z-index: 3;
color: #666;
font-size: 12px;
background-color: rgba(247, 247, 247, 0.9); }
.df-outline-container, .df-thumb-container {
transition: 0.5s transform ease;
-webkit-transition: 0.5s -webkit-transform ease;
transform: translateX(-100%);
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
left: -50px;
}
.df-outline-wrapper, .df-thumb-wrapper{
position: absolute !important;
top: 0;
bottom:0px;
left:0;
right:0;
height: auto !important;
box-shadow: 1px 0 4px rgba(102, 102, 102, 0.38);
}
.df-outline-wrapper{
overflow: auto;
padding: 10px 10px 5px 10px;
}
.df-floating .df-outline-container, .df-floating .df-thumb-container {
bottom: 0;
}
.df-outline-container.df-outline-visible {
display: block;
}
.df-floating .df-outline-container.df-outline-visible, .df-floating .df-thumb-container.df-thumb-visible {
}
.df-outline-container.df-outline-visible, .df-thumb-container.df-thumb-visible {
transform: translateX(0);
-ms-transform: translateX(0);
-moz-transform: translateX(0);
-webkit-transform: translateX(0);
left: 0;
}
.df-floating .df-thumb-container.df-thumb-visible { }
.df-outline-toggle {
cursor: pointer;
float: left;
width: 18px;
padding: 5px 0;
margin-left: -18px;
text-align: center;
}
.df-outline-toggle.df-outlines-hidden ~ .df-outline-items {
display: none;
}
.df-outline-items > .df-outline-item {
margin-left: 18px; }
.df-outline-item a:hover, .df-outline-toggle:hover {
background-color: #e7e7e7;
}
.df-outline-item a {
color: inherit !important;
text-decoration: none !important;
display: block;
padding: 5px 0 5px 5px;
overflow: hidden;
text-overflow: ellipsis; border: none !important;
box-shadow: none !important;
}
.df-outline-toggle:before {
content: "\e64b";
font-size: 10px;
font-family: 'themify';
}
.df-outline-toggle.df-outlines-hidden:before {
content: "\e649";
}
.df-lightbox-wrapper {
position: fixed !important;
top: 0;
bottom: 0;
right: 0;
height: auto !important;
left: 0;
background-color: white;
z-index: 99999;
}
.df-lightbox-controls { float: right;
padding: 5px;
z-index: 1000;
position: relative;
}
.df-lightbox-close {
float: right;
height: 40px;
text-align: center;
font-size: 50px;
cursor: pointer; color: #444; border-radius: 50%; border-color: transparent;
width: 40px;
background-color: transparent;
transition: 0.2s;
-webkit-transition:  0.2s;
}
.df-lightbox-close:hover {
color: white;
background-color: rgba(0, 0, 0, 0.21); border-color: black;
}
.df-lightbox-close:before {
top: 50%;
position: absolute;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
left: 50%;
font-size: 24px;
}
.df-lightbox-wrapper .df-container {
position: absolute !important;
width: 100%;
top: 0;
bottom: 0;
height: auto !important;
}
.df-container.df-xs .df-ui-controls .df-ui-btn.df-ui-next,
.df-container.df-xs .df-ui-controls .df-ui-btn.df-ui-prev { }
.df-container.df-xs .df-ui-controls .df-ui-btn.df-ui-page {
display: none !important;
}
._df_button, ._df_thumb {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
position: relative;
cursor: pointer;
}
._df_button {
padding: 5px 15px;
background-color: #444;
background: #0085ba;
color: white;
font-size: 14px;
border-color: #0073aa #006799 #006799;
cursor: pointer;
border-width: 1px;
border-style: solid;
-webkit-appearance: none;
-webkit-border-radius: 3px;
border-radius: 3px;
white-space: nowrap;
}
._df_thumb { border: none; width: 140px; height: 200px; text-align: center; }
._df_thumb {
cursor: pointer; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.22);
display: inline-block;
transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;
box-sizing: border-box;
-webkit-transition: 0.2s;
perspective: 1200px;
-moz-perspective: 1200px;
margin: 30px 10px 10px;
-webkit-perspective: 800px;
}
._df_books ._df_thumb, ._df_books .df-dummy {
width: 140px;
height: 200px;
text-align: center;
display: inline-block;
position: relative;
margin: 20px 10px; vertical-align: top;
}
._df_books .df-dummy {
}
._df_book-cover {
background-size: 100% 100%;
height: 100%;
width: 100%;
transform-origin: left;
top: 0;
background-color: #eee;
position: absolute;
overflow: hidden;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.22);
}
._df_thumb ._df_book-title {
bottom: -100%;
position: absolute;
width: 100%;
left: 0;
padding: 5px;
font-size: 12px;
background: rgba(1, 163, 163, 0.87);
background: rgba(60, 60, 60, 0.8);
box-sizing: border-box;
display: block;
color: white;
transition:  0.4s;
-webkit-transition: 0.4s;
opacity: 0;
}
._df_thumb ._df_book-tag {
float: left;
padding: 0 4px 20px;
background-color: rgba(0, 0, 0, 0.26);
text-transform: uppercase;
font-size: 10px;
margin: -15px 0 0 2px;
z-index: -1;
color: rgba(255, 255, 255, 0.8);
position: relative;
}
._df_thumb:hover ._df_book-title,
._df_thumb-not-found ._df_book-title {
opacity: 1;
bottom: 0;
}
._df_thumb:hover ._df_book-title i { }
._df_thumb:hover { }
._df_thumb:hover ._df_book-cover {
-webkit-transform: rotateY(-20deg);
-moz-transform: rotateY(-20deg);
-ms-transform: rotateY(-20deg);
transform: rotateY(-20deg);
box-shadow: 3px 0 12px rgba(0, 0, 0, 0.60);
}
._df_books {
max-width: 960px;
margin: 0 auto;
text-align: center;
position: relative;
z-index: 1;
padding: 20px 5px 150px;
}
._df_books-break {
color: rgba(255, 255, 255, 0.3);
font-size: 14px;
letter-spacing: 1px;
font-weight: 600;
margin-top: 25px;
text-transform: uppercase; }
._df_books-break:after {
content: " ";
bottom: 0;
width: 50px;
height: 1px;
background-color: rgba(255, 255, 255, 0.24);
display: block;
margin: 10px auto;
}
.df-page-wrapper {
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
}
.df-container ::-webkit-scrollbar {
width: 8px;
}
.df-container ::-webkit-scrollbar-button {
height: 8px;
}
.df-container ::-webkit-scrollbar-thumb {
background: rgba(0, 0, 0, 0.3);
border: 0 none #ffffff;
border-radius: 100px; }
.df-container ::-webkit-scrollbar-thumb:hover {
background: rgba(0, 0, 0, 0.5);
}
.df-container ::-webkit-scrollbar-thumb:active {
background: rgba(0, 0, 0, 0.5);
}
.df-container ::-webkit-scrollbar-track {
background: rgba(0, 0, 0, 0.20);
border: 0 none #ffffff;
border-radius: 100px;
}
.df-container ::-webkit-scrollbar-track:hover {
background: rgba(0, 0, 0, 0.2);
}
.df-container ::-webkit-scrollbar-track:active {
background: rgba(0, 0, 0, 0.15);
}
.df-container ::-webkit-scrollbar-corner {
background: transparent;
}
.df-skipTransition {
-webkit-transition: none !important;
-moz-transition: none !important;
-ms-transition: none !important;
transition: none !important;
}
.df-container.df-fullscreen {
height: 100% !important;
max-height: 100% !important;
width: 100% !important;
max-width: 100% !important;
}
.df-container.df-double-internal .df-page-front{
background-position: left;
background-size: cover;
}
.df-container.df-double-internal .df-page-back{
background-position: right;
background-size: cover;
}
.customHtmlAnnotation iframe{
position:absolute;
top:0;
left:0;
width:100% !important;
height:100% !important;
}@font-face {
font-family: 'themify';
src:url(//ddk.com.au/wp-content/themes/ddk2021/fonts/themify.eot);
src:url(//ddk.com.au/wp-content/themes/ddk2021/fonts/themify.eot?#iefix) format('embedded-opentype'),
url(//ddk.com.au/wp-content/themes/ddk2021/fonts/themify.woff) format('woff'),
url(//ddk.com.au/wp-content/themes/ddk2021/fonts/themify.ttf) format('truetype'),
url(//ddk.com.au/wp-content/themes/ddk2021/fonts/themify.svg) format('svg');
font-weight: normal;
font-style: normal;
}
[class^="ti-"]:before, [class*=" ti-"]:before {
font-family: 'themify';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.ti-wand:before {
content: "\e600";
}
.ti-volume:before {
content: "\e601";
}
.ti-user:before {
content: "\e602";
}
.ti-unlock:before {
content: "\e603";
}
.ti-unlink:before {
content: "\e604";
}
.ti-trash:before {
content: "\e605";
}
.ti-thought:before {
content: "\e606";
}
.ti-target:before {
content: "\e607";
}
.ti-tag:before {
content: "\e608";
}
.ti-tablet:before {
content: "\e609";
}
.ti-star:before {
content: "\e60a";
}
.ti-spray:before {
content: "\e60b";
}
.ti-signal:before {
content: "\e60c";
}
.ti-shopping-cart:before {
content: "\e60d";
}
.ti-shopping-cart-full:before {
content: "\e60e";
}
.ti-settings:before {
content: "\e60f";
}
.ti-search:before {
content: "\e610";
}
.ti-zoom-in:before {
content: "\e611";
}
.ti-zoom-out:before {
content: "\e612";
}
.ti-cut:before {
content: "\e613";
}
.ti-ruler:before {
content: "\e614";
}
.ti-ruler-pencil:before {
content: "\e615";
}
.ti-ruler-alt:before {
content: "\e616";
}
.ti-bookmark:before {
content: "\e617";
}
.ti-bookmark-alt:before {
content: "\e618";
}
.ti-reload:before {
content: "\e619";
}
.ti-plus:before {
content: "\e61a";
}
.ti-pin:before {
content: "\e61b";
}
.ti-pencil:before {
content: "\e61c";
}
.ti-pencil-alt:before {
content: "\e61d";
}
.ti-paint-roller:before {
content: "\e61e";
}
.ti-paint-bucket:before {
content: "\e61f";
}
.ti-na:before {
content: "\e620";
}
.ti-mobile:before {
content: "\e621";
}
.ti-minus:before {
content: "\e622";
}
.ti-medall:before {
content: "\e623";
}
.ti-medall-alt:before {
content: "\e624";
}
.ti-marker:before {
content: "\e625";
}
.ti-marker-alt:before {
content: "\e626";
}
.ti-arrow-up:before {
content: "\e627";
}
.ti-arrow-right:before {
content: "\e628";
}
.ti-arrow-left:before {
content: "\e629";
}
.ti-arrow-down:before {
content: "\e62a";
}
.ti-lock:before {
content: "\e62b";
}
.ti-location-arrow:before {
content: "\e62c";
}
.ti-link:before {
content: "\e62d";
}
.ti-layout:before {
content: "\e62e";
}
.ti-layers:before {
content: "\e62f";
}
.ti-layers-alt:before {
content: "\e630";
}
.ti-key:before {
content: "\e631";
}
.ti-import:before {
content: "\e632";
}
.ti-image:before {
content: "\e633";
}
.ti-heart:before {
content: "\e634";
}
.ti-heart-broken:before {
content: "\e635";
}
.ti-hand-stop:before {
content: "\e636";
}
.ti-hand-open:before {
content: "\e637";
}
.ti-hand-drag:before {
content: "\e638";
}
.ti-folder:before {
content: "\e639";
}
.ti-flag:before {
content: "\e63a";
}
.ti-flag-alt:before {
content: "\e63b";
}
.ti-flag-alt-2:before {
content: "\e63c";
}
.ti-eye:before {
content: "\e63d";
}
.ti-export:before {
content: "\e63e";
}
.ti-exchange-vertical:before {
content: "\e63f";
}
.ti-desktop:before {
content: "\e640";
}
.ti-cup:before {
content: "\e641";
}
.ti-crown:before {
content: "\e642";
}
.ti-comments:before {
content: "\e643";
}
.ti-comment:before {
content: "\e644";
}
.ti-comment-alt:before {
content: "\e645";
}
.ti-close:before {
content: "\e646";
}
.ti-clip:before {
content: "\e647";
}
.ti-angle-up:before {
content: "\e648";
}
.ti-angle-right:before {
content: "\e649";
}
.ti-angle-left:before {
content: "\e64a";
}
.ti-angle-down:before {
content: "\e64b";
}
.ti-check:before {
content: "\e64c";
}
.ti-check-box:before {
content: "\e64d";
}
.ti-camera:before {
content: "\e64e";
}
.ti-announcement:before {
content: "\e64f";
}
.ti-brush:before {
content: "\e650";
}
.ti-briefcase:before {
content: "\e651";
}
.ti-bolt:before {
content: "\e652";
}
.ti-bolt-alt:before {
content: "\e653";
}
.ti-blackboard:before {
content: "\e654";
}
.ti-bag:before {
content: "\e655";
}
.ti-move:before {
content: "\e656";
}
.ti-arrows-vertical:before {
content: "\e657";
}
.ti-arrows-horizontal:before {
content: "\e658";
}
.ti-fullscreen:before {
content: "\e659";
}
.ti-arrow-top-right:before {
content: "\e65a";
}
.ti-arrow-top-left:before {
content: "\e65b";
}
.ti-arrow-circle-up:before {
content: "\e65c";
}
.ti-arrow-circle-right:before {
content: "\e65d";
}
.ti-arrow-circle-left:before {
content: "\e65e";
}
.ti-arrow-circle-down:before {
content: "\e65f";
}
.ti-angle-double-up:before {
content: "\e660";
}
.ti-angle-double-right:before {
content: "\e661";
}
.ti-angle-double-left:before {
content: "\e662";
}
.ti-angle-double-down:before {
content: "\e663";
}
.ti-zip:before {
content: "\e664";
}
.ti-world:before {
content: "\e665";
}
.ti-wheelchair:before {
content: "\e666";
}
.ti-view-list:before {
content: "\e667";
}
.ti-view-list-alt:before {
content: "\e668";
}
.ti-view-grid:before {
content: "\e669";
}
.ti-uppercase:before {
content: "\e66a";
}
.ti-upload:before {
content: "\e66b";
}
.ti-underline:before {
content: "\e66c";
}
.ti-truck:before {
content: "\e66d";
}
.ti-timer:before {
content: "\e66e";
}
.ti-ticket:before {
content: "\e66f";
}
.ti-thumb-up:before {
content: "\e670";
}
.ti-thumb-down:before {
content: "\e671";
}
.ti-text:before {
content: "\e672";
}
.ti-stats-up:before {
content: "\e673";
}
.ti-stats-down:before {
content: "\e674";
}
.ti-split-v:before {
content: "\e675";
}
.ti-split-h:before {
content: "\e676";
}
.ti-smallcap:before {
content: "\e677";
}
.ti-shine:before {
content: "\e678";
}
.ti-shift-right:before {
content: "\e679";
}
.ti-shift-left:before {
content: "\e67a";
}
.ti-shield:before {
content: "\e67b";
}
.ti-notepad:before {
content: "\e67c";
}
.ti-server:before {
content: "\e67d";
}
.ti-quote-right:before {
content: "\e67e";
}
.ti-quote-left:before {
content: "\e67f";
}
.ti-pulse:before {
content: "\e680";
}
.ti-printer:before {
content: "\e681";
}
.ti-power-off:before {
content: "\e682";
}
.ti-plug:before {
content: "\e683";
}
.ti-pie-chart:before {
content: "\e684";
}
.ti-paragraph:before {
content: "\e685";
}
.ti-panel:before {
content: "\e686";
}
.ti-package:before {
content: "\e687";
}
.ti-music:before {
content: "\e688";
}
.ti-music-alt:before {
content: "\e689";
}
.ti-mouse:before {
content: "\e68a";
}
.ti-mouse-alt:before {
content: "\e68b";
}
.ti-money:before {
content: "\e68c";
}
.ti-microphone:before {
content: "\e68d";
}
.ti-menu:before {
content: "\e68e";
}
.ti-menu-alt:before {
content: "\e68f";
}
.ti-map:before {
content: "\e690";
}
.ti-map-alt:before {
content: "\e691";
}
.ti-loop:before {
content: "\e692";
}
.ti-location-pin:before {
content: "\e693";
}
.ti-list:before {
content: "\e694";
}
.ti-light-bulb:before {
content: "\e695";
}
.ti-Italic:before {
content: "\e696";
}
.ti-info:before {
content: "\e697";
}
.ti-infinite:before {
content: "\e698";
}
.ti-id-badge:before {
content: "\e699";
}
.ti-hummer:before {
content: "\e69a";
}
.ti-home:before {
content: "\e69b";
}
.ti-help:before {
content: "\e69c";
}
.ti-headphone:before {
content: "\e69d";
}
.ti-harddrives:before {
content: "\e69e";
}
.ti-harddrive:before {
content: "\e69f";
}
.ti-gift:before {
content: "\e6a0";
}
.ti-game:before {
content: "\e6a1";
}
.ti-filter:before {
content: "\e6a2";
}
.ti-files:before {
content: "\e6a3";
}
.ti-file:before {
content: "\e6a4";
}
.ti-eraser:before {
content: "\e6a5";
}
.ti-envelope:before {
content: "\e6a6";
}
.ti-download:before {
content: "\e6a7";
}
.ti-direction:before {
content: "\e6a8";
}
.ti-direction-alt:before {
content: "\e6a9";
}
.ti-dashboard:before {
content: "\e6aa";
}
.ti-control-stop:before {
content: "\e6ab";
}
.ti-control-shuffle:before {
content: "\e6ac";
}
.ti-control-play:before {
content: "\e6ad";
}
.ti-control-pause:before {
content: "\e6ae";
}
.ti-control-forward:before {
content: "\e6af";
}
.ti-control-backward:before {
content: "\e6b0";
}
.ti-cloud:before {
content: "\e6b1";
}
.ti-cloud-up:before {
content: "\e6b2";
}
.ti-cloud-down:before {
content: "\e6b3";
}
.ti-clipboard:before {
content: "\e6b4";
}
.ti-car:before {
content: "\e6b5";
}
.ti-calendar:before {
content: "\e6b6";
}
.ti-book:before {
content: "\e6b7";
}
.ti-bell:before {
content: "\e6b8";
}
.ti-basketball:before {
content: "\e6b9";
}
.ti-bar-chart:before {
content: "\e6ba";
}
.ti-bar-chart-alt:before {
content: "\e6bb";
}
.ti-back-right:before {
content: "\e6bc";
}
.ti-back-left:before {
content: "\e6bd";
}
.ti-arrows-corner:before {
content: "\e6be";
}
.ti-archive:before {
content: "\e6bf";
}
.ti-anchor:before {
content: "\e6c0";
}
.ti-align-right:before {
content: "\e6c1";
}
.ti-align-left:before {
content: "\e6c2";
}
.ti-align-justify:before {
content: "\e6c3";
}
.ti-align-center:before {
content: "\e6c4";
}
.ti-alert:before {
content: "\e6c5";
}
.ti-alarm-clock:before {
content: "\e6c6";
}
.ti-agenda:before {
content: "\e6c7";
}
.ti-write:before {
content: "\e6c8";
}
.ti-window:before {
content: "\e6c9";
}
.ti-widgetized:before {
content: "\e6ca";
}
.ti-widget:before {
content: "\e6cb";
}
.ti-widget-alt:before {
content: "\e6cc";
}
.ti-wallet:before {
content: "\e6cd";
}
.ti-video-clapper:before {
content: "\e6ce";
}
.ti-video-camera:before {
content: "\e6cf";
}
.ti-vector:before {
content: "\e6d0";
}
.ti-themify-logo:before {
content: "\e6d1";
}
.ti-themify-favicon:before {
content: "\e6d2";
}
.ti-themify-favicon-alt:before {
content: "\e6d3";
}
.ti-support:before {
content: "\e6d4";
}
.ti-stamp:before {
content: "\e6d5";
}
.ti-split-v-alt:before {
content: "\e6d6";
}
.ti-slice:before {
content: "\e6d7";
}
.ti-shortcode:before {
content: "\e6d8";
}
.ti-shift-right-alt:before {
content: "\e6d9";
}
.ti-shift-left-alt:before {
content: "\e6da";
}
.ti-ruler-alt-2:before {
content: "\e6db";
}
.ti-receipt:before {
content: "\e6dc";
}
.ti-pin2:before {
content: "\e6dd";
}
.ti-pin-alt:before {
content: "\e6de";
}
.ti-pencil-alt2:before {
content: "\e6df";
}
.ti-palette:before {
content: "\e6e0";
}
.ti-more:before {
content: "\e6e1";
}
.ti-more-alt:before {
content: "\e6e2";
}
.ti-microphone-alt:before {
content: "\e6e3";
}
.ti-magnet:before {
content: "\e6e4";
}
.ti-line-double:before {
content: "\e6e5";
}
.ti-line-dotted:before {
content: "\e6e6";
}
.ti-line-dashed:before {
content: "\e6e7";
}
.ti-layout-width-full:before {
content: "\e6e8";
}
.ti-layout-width-default:before {
content: "\e6e9";
}
.ti-layout-width-default-alt:before {
content: "\e6ea";
}
.ti-layout-tab:before {
content: "\e6eb";
}
.ti-layout-tab-window:before {
content: "\e6ec";
}
.ti-layout-tab-v:before {
content: "\e6ed";
}
.ti-layout-tab-min:before {
content: "\e6ee";
}
.ti-layout-slider:before {
content: "\e6ef";
}
.ti-layout-slider-alt:before {
content: "\e6f0";
}
.ti-layout-sidebar-right:before {
content: "\e6f1";
}
.ti-layout-sidebar-none:before {
content: "\e6f2";
}
.ti-layout-sidebar-left:before {
content: "\e6f3";
}
.ti-layout-placeholder:before {
content: "\e6f4";
}
.ti-layout-menu:before {
content: "\e6f5";
}
.ti-layout-menu-v:before {
content: "\e6f6";
}
.ti-layout-menu-separated:before {
content: "\e6f7";
}
.ti-layout-menu-full:before {
content: "\e6f8";
}
.ti-layout-media-right-alt:before {
content: "\e6f9";
}
.ti-layout-media-right:before {
content: "\e6fa";
}
.ti-layout-media-overlay:before {
content: "\e6fb";
}
.ti-layout-media-overlay-alt:before {
content: "\e6fc";
}
.ti-layout-media-overlay-alt-2:before {
content: "\e6fd";
}
.ti-layout-media-left-alt:before {
content: "\e6fe";
}
.ti-layout-media-left:before {
content: "\e6ff";
}
.ti-layout-media-center-alt:before {
content: "\e700";
}
.ti-layout-media-center:before {
content: "\e701";
}
.ti-layout-list-thumb:before {
content: "\e702";
}
.ti-layout-list-thumb-alt:before {
content: "\e703";
}
.ti-layout-list-post:before {
content: "\e704";
}
.ti-layout-list-large-image:before {
content: "\e705";
}
.ti-layout-line-solid:before {
content: "\e706";
}
.ti-layout-grid4:before {
content: "\e707";
}
.ti-layout-grid3:before {
content: "\e708";
}
.ti-layout-grid2:before {
content: "\e709";
}
.ti-layout-grid2-thumb:before {
content: "\e70a";
}
.ti-layout-cta-right:before {
content: "\e70b";
}
.ti-layout-cta-left:before {
content: "\e70c";
}
.ti-layout-cta-center:before {
content: "\e70d";
}
.ti-layout-cta-btn-right:before {
content: "\e70e";
}
.ti-layout-cta-btn-left:before {
content: "\e70f";
}
.ti-layout-column4:before {
content: "\e710";
}
.ti-layout-column3:before {
content: "\e711";
}
.ti-layout-column2:before {
content: "\e712";
}
.ti-layout-accordion-separated:before {
content: "\e713";
}
.ti-layout-accordion-merged:before {
content: "\e714";
}
.ti-layout-accordion-list:before {
content: "\e715";
}
.ti-ink-pen:before {
content: "\e716";
}
.ti-info-alt:before {
content: "\e717";
}
.ti-help-alt:before {
content: "\e718";
}
.ti-headphone-alt:before {
content: "\e719";
}
.ti-hand-point-up:before {
content: "\e71a";
}
.ti-hand-point-right:before {
content: "\e71b";
}
.ti-hand-point-left:before {
content: "\e71c";
}
.ti-hand-point-down:before {
content: "\e71d";
}
.ti-gallery:before {
content: "\e71e";
}
.ti-face-smile:before {
content: "\e71f";
}
.ti-face-sad:before {
content: "\e720";
}
.ti-credit-card:before {
content: "\e721";
}
.ti-control-skip-forward:before {
content: "\e722";
}
.ti-control-skip-backward:before {
content: "\e723";
}
.ti-control-record:before {
content: "\e724";
}
.ti-control-eject:before {
content: "\e725";
}
.ti-comments-smiley:before {
content: "\e726";
}
.ti-brush-alt:before {
content: "\e727";
}
.ti-youtube:before {
content: "\e728";
}
.ti-vimeo:before {
content: "\e729";
}
.ti-twitter:before {
content: "\e72a";
}
.ti-time:before {
content: "\e72b";
}
.ti-tumblr:before {
content: "\e72c";
}
.ti-skype:before {
content: "\e72d";
}
.ti-share:before {
content: "\e72e";
}
.ti-share-alt:before {
content: "\e72f";
}
.ti-rocket:before {
content: "\e730";
}
.ti-pinterest:before {
content: "\e731";
}
.ti-new-window:before {
content: "\e732";
}
.ti-microsoft:before {
content: "\e733";
}
.ti-list-ol:before {
content: "\e734";
}
.ti-linkedin:before {
content: "\e735";
}
.ti-layout-sidebar-2:before {
content: "\e736";
}
.ti-layout-grid4-alt:before {
content: "\e737";
}
.ti-layout-grid3-alt:before {
content: "\e738";
}
.ti-layout-grid2-alt:before {
content: "\e739";
}
.ti-layout-column4-alt:before {
content: "\e73a";
}
.ti-layout-column3-alt:before {
content: "\e73b";
}
.ti-layout-column2-alt:before {
content: "\e73c";
}
.ti-instagram:before {
content: "\e73d";
}
.ti-google:before {
content: "\e73e";
}
.ti-github:before {
content: "\e73f";
}
.ti-flickr:before {
content: "\e740";
}
.ti-facebook:before {
content: "\e741";
}
.ti-dropbox:before {
content: "\e742";
}
.ti-dribbble:before {
content: "\e743";
}
.ti-apple:before {
content: "\e744";
}
.ti-android:before {
content: "\e745";
}
.ti-save:before {
content: "\e746";
}
.ti-save-alt:before {
content: "\e747";
}
.ti-yahoo:before {
content: "\e748";
}
.ti-wordpress:before {
content: "\e749";
}
.ti-vimeo-alt:before {
content: "\e74a";
}
.ti-twitter-alt:before {
content: "\e74b";
}
.ti-tumblr-alt:before {
content: "\e74c";
}
.ti-trello:before {
content: "\e74d";
}
.ti-stack-overflow:before {
content: "\e74e";
}
.ti-soundcloud:before {
content: "\e74f";
}
.ti-sharethis:before {
content: "\e750";
}
.ti-sharethis-alt:before {
content: "\e751";
}
.ti-reddit:before {
content: "\e752";
}
.ti-pinterest-alt:before {
content: "\e753";
}
.ti-microsoft-alt:before {
content: "\e754";
}
.ti-linux:before {
content: "\e755";
}
.ti-jsfiddle:before {
content: "\e756";
}
.ti-joomla:before {
content: "\e757";
}
.ti-html5:before {
content: "\e758";
}
.ti-flickr-alt:before {
content: "\e759";
}
.ti-email:before {
content: "\e75a";
}
.ti-drupal:before {
content: "\e75b";
}
.ti-dropbox-alt:before {
content: "\e75c";
}
.ti-css3:before {
content: "\e75d";
}
.ti-rss:before {
content: "\e75e";
}
.ti-rss-alt:before {
content: "\e75f";
}.wrap_container {
margin: 0 auto;
max-width: 1450px !important;
}
.block-video-player {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow: hidden;
padding: 0;
}
@media (min-width:1024px){
section.block-body-copy {
margin: 0 auto;
width: 970px;
}
.internal__content {
margin-top:100px;
margin-bottom:100px;
}
}
.block-image-with-text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.block-two-images {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media (max-width:991px){
.block-two-images {
display: -webkit-box;
display: -ms-flexbox;
display: inline;
}
}
@media (min-width:1024px) {
.block-two-images {
margin-bottom: 100px;
margin-top: 50px;
}
}
.block-two-images__img {
position: relative;
width: calc(99.99% - 9.999px)
}
@media (max-width:991px){
.block-two-images__img{
position: relative;
width: unset;
}
}
@media (max-width:991px){
.block-two-images__img{
margin-left:0px !important;
margin-right:0px !important;
margin-bottom:45px !important;
}
}
.block-two-images__img:before {
content: " ";
display: block;
height: 1px;
margin-top: -1px;
padding-bottom: 100%
}
.block-image-with-text .wrap {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.block-image-with-text .wrap .internal__content {
width: 100%
}
@media (min-width:375px) {
.block-image-with-text .wrap {
margin-right: 25px;
padding-top: 30px
}
}
@media (min-width:768px) {
.block-image-with-text .wrap {
padding: 55px 0 60px
}
}
@media (min-width:1280px) {
.block-image-with-text .wrap {
margin-left: 110px;
margin-right: 150px
}
}
@media (min-width:1280px) {
.block-image-with-text.buttons--horizontal .wrap {
margin-right: 20px
}
.block-image-with-text.buttons--horizontal .wrap h3 {
padding-right: 100px
}
.block-image-with-text.buttons--horizontal .wrap p {
padding-right: 90px
}
}
@media (min-width:1280px) {
.block-image-with-text.block-image-with-text--left.buttons--horizontal .wrap {
margin-left: 80px
}
.block-image-with-text.block-image-with-text--left.buttons--horizontal .wrap h3 {
padding-right: 100px
}
.block-image-with-text.block-image-with-text--left.buttons--horizontal .wrap p {
padding-right: 20px
}
}
.block-image-with-text .btn:hover {
text-decoration: none !important
}
@media (min-width:1024px) {
.block-image-with-text--right {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse
}
}
.block-image-with-text+.block-image-with-text {
margin-bottom: 10px;
margin-top: 10px
}
@media (min-width:1024px) {
.block-image-with-text+.block-image-with-text {
margin-bottom: 20px;
margin-top: 20px
}
}
.block-image-with-text__img, .block-image-with-text__text {
margin-bottom: 10px;
margin-left: 10px;
position: relative;
width: calc(99.99% - 9.999px)
}
@media (min-width:1024px) {
.block-image-with-text__img, .block-image-with-text__text {
width: calc(49.99% - 9.998px)
}
}
.block-image-with-text__img {
overflow: hidden
}
.bleed .block-image-with-text__img {
overflow: visible
}
.bleed .block-image-with-text__img:after {
background: -webkit-gradient(linear, left top, right top, color-stop(0, #fff), to(rgba(32, 124, 229, 0)));
background: -webkit-linear-gradient(left, #fff, rgba(32, 124, 229, 0));
background: -o-linear-gradient(left, #fff 0, rgba(32, 124, 229, 0));
background: linear-gradient(90deg, #fff, rgba(32, 124, 229, 0));
content: " ";
display: block;
height: 100%;
left: -50%;
position: absolute;
top: 0;
width: 75%;
z-index: 2
}
.block-image-with-text__img:before {
content: " ";
display: block;
height: 1px;
margin-top: -1px;
padding-bottom: 100%
}
.vertical-stretch .block-image-with-text__img:before {
display: none
}
.block-image-with-text__img img {
display: block;
height: 100%;
left: 0;
-o-object-fit: cover;
object-fit: cover;
position: absolute;
top: 0;
width: 100%
}
.vertical-stretch .block-image-with-text__img img {
height: auto;
position: relative
}
.bleed .block-image-with-text__img img {
left: auto;
right: 0;
width: 150%
}
.block-image-with-text__text .row {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding-bottom: 30px;
padding-top: 30px
}
@media (min-width:1024px) {
.block-image-with-text__text .row {
padding: 0
}
}
.vertical-stretch .block-image-with-text__text .row {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
.block-image-with-text__centered {
margin-left: 10px;
position: relative;
width: calc(99.99% - 9.999px)
}
@media (min-width:1024px) {
.block-image-with-text__centered {
margin-left: 30px;
margin-left: calc(16.667% + 10px);
position: relative;
width: calc(99.99% - 29.997px);
width: calc(66.657% - 9.99855px)
}
}
@media (min-width:1024px) and (min-width:1024px) {
.block-image-with-text__centered {
margin-left: 30px;
margin-left: calc(16.667% + 30px);
width: calc(66.657% - 29.99565px)
}
}
.half .block-image-with-text__img:before {
padding-bottom: 81%
}
@media (min-width:1024px) {
.half .block-image-with-text__img {
margin-left: 0;
width: 50%
}
}
@media (min-width:1024px) {
.half.block-image-with-text {
left: 0;
margin-left: auto;
margin-right: auto;
max-width: 1440px;
width: 100%
}
}
.half.block-image-with-text+.block-image-with-text {
margin-bottom: 0;
margin-top: 0
}
.block-image-with-text__btns {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.block-image-with-text__btns .btn {
margin-bottom: 20px
}
.block-image-with-text__btns .btn:hover {
text-decoration: none !important
}
.block-image-with-text__btns .btn:last-child {
margin: 0
}
@media (min-width:1280px) {
.block-image-with-text.buttons--horizontal .block-image-with-text__btns {
display: block;
font-size: 0
}
.block-image-with-text.buttons--horizontal .block-image-with-text__btns a:first-child {
margin-right: 10px
}
}
@media (min-width:1024px) {
.block-image-with-text.vertical-stretch .block-image-with-text__text .internal__content {
padding-top: 73px
}
}
hr {
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 0;
overflow: visible
}
pre {
font-family: monospace, monospace;
font-size: 1em
}
abbr[title] {
border-bottom: none;
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted
}
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: -.25em
}
sup {
top: -.5em
}
img {
border-style: none
}
[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
outline: 1px dotted ButtonText
}
fieldset {
padding: .35em .75em .625em
}
legend {
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal
}
progress {
vertical-align: baseline
}
[type=search]::-webkit-search-decoration {
-webkit-appearance: none
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit
}
details {
display: block
}
summary {
display: list-item
}
[hidden], template {
display: none
}
select[data-ss-uuid] {
display: none;
pointer-events: none
}
.style-select {
display: block;
position: relative;
width: 140px
}
.style-select, .style-select * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #000;
cursor: pointer;
font-weight: 300;
line-height: 19px;
margin: 0;
padding: 0;
text-align: left
}
.style-select .ss-selected-option {
background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#f2f2f2));
background-image: -webkit-linear-gradient(top, #fefefe, #f2f2f2);
background-image: -o-linear-gradient(top, #fefefe, #f2f2f2);
background-image: linear-gradient(180deg, #fefefe, #f2f2f2);
border: 1px solid #d0d0d0;
border-radius: 2px;
padding: 6px;
width: 100%
}
.style-select .ss-selected-option:after {
content: "\25BE";
display: block;
position: absolute;
right: 12px;
top: 6px
}
.style-select .ss-dropdown {
border: 1px solid #d0d0d0;
border-top: 0;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
display: none;
float: left;
left: 0;
position: absolute;
top: 32px;
width: 100%
}
.style-select .ss-dropdown .ss-option {
background-color: #fff;
padding: 6px;
width: 100%
}
.style-select .ss-dropdown .ss-option.highlighted {
background-color: #f2f4f8
}
.style-select .ss-dropdown .ss-option.disabled {
color: #d0d0d0
}
.style-select .ss-dropdown .ss-option.ticked:before {
content: "\2713";
padding-right: 3px
}
.style-select.open .ss-dropdown {
display: block
}
.style-select.open .ss-selected-option:after {
content: "\25B4"
}
.awesomplete [hidden] {
display: none
}
.awesomplete .visually-hidden {
clip: rect(0, 0, 0, 0);
position: absolute
}
.awesomplete {
position: relative
}
.awesomplete>input {
display: block
}
.awesomplete>ul {
background: #fff;
-webkit-box-sizing: border-box;
box-sizing: border-box;
left: 0;
list-style: none;
margin: 0;
min-width: 100%;
padding: 0;
position: absolute;
z-index: 1
}
.awesomplete>ul:empty {
display: none
}
.awesomplete>ul {
background: hsla(0, 0%, 100%, .9);
background: -webkit-gradient(linear, left top, right bottom, from(#fff), to(hsla(0, 0%, 100%, .8)));
background: -webkit-linear-gradient(top left, #fff, hsla(0, 0%, 100%, .8));
background: -o-linear-gradient(top left, #fff, hsla(0, 0%, 100%, .8));
background: linear-gradient(to bottom right, #fff, hsla(0, 0%, 100%, .8));
border: 1px solid rgba(0, 0, 0, .3);
border-radius: .3em;
-webkit-box-shadow: .05em .2em .6em rgba(0, 0, 0, .2);
box-shadow: .05em .2em .6em rgba(0, 0, 0, .2);
margin: .2em 0 0;
text-shadow: none
}
@supports ((-webkit-transform:scale(0)) or (transform:scale(0))) {
.awesomplete>ul {
-webkit-transform-origin: 1.43em -.43em;
-o-transform-origin: 1.43em -.43em;
transform-origin: 1.43em -.43em;
-webkit-transition: .3s cubic-bezier(.4, .2, .5, 1.4);
-o-transition: .3s cubic-bezier(.4, .2, .5, 1.4);
transition: .3s cubic-bezier(.4, .2, .5, 1.4)
}
.awesomplete>ul:empty, .awesomplete>ul[hidden] {
display: block;
opacity: 0;
-webkit-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transition-timing-function: ease;
-o-transition-timing-function: ease;
transition-timing-function: ease
}
}
.awesomplete>ul:before {
-webkit-transform: rotate(45deg);
background: #fff;
border: inherit;
border-bottom: 0;
border-right: 0;
content: "";
height: 0;
left: 1em;
padding: .4em;
position: absolute;
top: -.43em;
-o-transform: rotate(45deg);
transform: rotate(45deg);
width: 0
}
.awesomplete>ul>li {
cursor: pointer;
padding: .2em .5em;
position: relative
}
.awesomplete>ul>li:hover {
background: #b8d3e0;
color: #000
}
.awesomplete>ul>li[aria-selected=true] {
background: #9A4D00;
color: #fff
}
.awesomplete mark {
background: #eaff00
}
.awesomplete li:hover mark {
background: #b5d100
}
.awesomplete li[aria-selected=true] mark {
background: #3d6b00;
color: inherit
}
.sk-wave {
font-size: 0;
height: 40px;
margin: 40px auto;
text-align: center;
width: 50px
}
.sk-wave .sk-rect {
-webkit-animation: sk-waveStretchDelay 1.2s infinite ease-in-out;
-o-animation: sk-waveStretchDelay 1.2s infinite ease-in-out;
animation: sk-waveStretchDelay 1.2s infinite ease-in-out;
background-color: #fff;
display: inline-block;
height: 100%;
margin: 0 1px;
width: 6px
}
.sk-wave .sk-rect1 {
-webkit-animation-delay: -1.2s;
-o-animation-delay: -1.2s;
animation-delay: -1.2s
}
.sk-wave .sk-rect2 {
-webkit-animation-delay: -1.1s;
-o-animation-delay: -1.1s;
animation-delay: -1.1s
}
.sk-wave .sk-rect3 {
-webkit-animation-delay: -1s;
-o-animation-delay: -1s;
animation-delay: -1s
}
.sk-wave .sk-rect4 {
-webkit-animation-delay: -.9s;
-o-animation-delay: -.9s;
animation-delay: -.9s
}
.sk-wave .sk-rect5 {
-webkit-animation-delay: -.8s;
-o-animation-delay: -.8s;
animation-delay: -.8s
}
@-webkit-keyframes sk-waveStretchDelay {
0%, 40%, to {
-webkit-transform: scaleY(.4);
transform: scaleY(.4)
}
20% {
-webkit-transform: scaleY(1);
transform: scaleY(1)
}
}
@-o-keyframes sk-waveStretchDelay {
0%, 40%, to {
-o-transform: scaleY(.4);
transform: scaleY(.4)
}
20% {
-o-transform: scaleY(1);
transform: scaleY(1)
}
}
@keyframes sk-waveStretchDelay {
0%, 40%, to {
-webkit-transform: scaleY(.4);
-o-transform: scaleY(.4);
transform: scaleY(.4)
}
20% {
-webkit-transform: scaleY(1);
-o-transform: scaleY(1);
transform: scaleY(1)
}
}
.row--full {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: 10px;
width: calc(100% + 10px);
width: calc(100% - 30px)
}
@media (min-width:1024px) {
.row--full {
margin-left: -30px;
margin-left: -10px;
width: calc(100% + 30px);
width: calc(100% - 10px)
}
}
@media (min-width:1240px) {
.row--full {
left: 50%;
margin-left: -630px;
max-width: 1230px;
position: relative;
width: calc(100% + 30px)
}
}
.col {
margin-left: 10px;
position: relative;
width: calc(99.99% - 9.999px)
}
@media (min-width:1024px) {
.col {
margin-left: 30px;
width: calc(99.99% - 29.997px)
}
}
.slick-slider {
-khtml-user-select: none;
-moz-user-select: none;
-ms-touch-action: pan-y;
-ms-user-select: none;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
-webkit-user-select: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
touch-action: pan-y;
user-select: none
}
.slick-list, .slick-slider {
display: block;
position: relative
}
.slick-list {
margin: 0;
overflow: hidden;
padding: 0
}
.slick-list:focus {
outline: none
}
.slick-list.dragging {
cursor: pointer;
cursor: hand
}
.slick-slider .slick-list, .slick-slider .slick-track {
-o-transform: translateZ(0);
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
.slick-track {
display: block;
left: 0;
margin-left: auto;
margin-right: auto;
position: relative;
top: 0
}
.slick-track:after, .slick-track:before {
content: "";
display: table
}
.slick-track:after {
clear: both
}
.slick-loading .slick-track {
visibility: hidden
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px
}
[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 {
border: 1px solid transparent;
display: block;
height: auto
}
.slick-arrow.slick-hidden {
display: none
}
table {
border-collapse: collapse;
border-spacing: 0
}
body.disable-scroll {
overflow: hidden
}
body.fonts-loaded {
font-family: Roboto Condensed, sans-serif;
font-size: 1.6rem;
letter-spacing: 0
}
body#tinymce {
background: none;
font-size: 1.6rem
}
.data-table, .table, .ts-table__body table {
border-top: 2px solid #80807a;
font-size: 2rem;
width: 100%
}
.data-table tr, .table tr, .ts-table__body table tr {
border-bottom: 1px solid hsla(60, 4%, 73%, .4)
}
.data-table td, .data-table th, .table td, .table th, .ts-table__body table td, .ts-table__body table th {
padding: 15px 0;
text-align: left
}
.data-table th, .table th, .ts-table__body table th {
color: #303030;
font-weight: 500;
width: 37.5%
}
.data-table td, .table td, .ts-table__body table td {
width: 62.5%
}
.internal__content ul {
list-style-type: none;
margin-bottom: 2rem
}
.internal__content ul ul {
margin: 1rem 0 0
}
@media (min-width:1024px) {
.internal__content ul ul {
margin-top: 1.2rem
}
}
.internal__content ul li:before {
background: #bd1c1c;
content: "";
display: block;
height: 4px;
left: 0;
position: absolute;
top: 9px;
width: 4px
}
@media (min-width:1024px) {
.internal__content ul li:before {
height: 6px;
top: 11px;
width: 6px
}
}
.internal__content .awesomplete ul li mark {
background: none;
font-weight: 500
}
.internal__content .awesomplete ul li:before {
content: none
}
.internal__content li {
margin-bottom: 1rem;
padding-left: 20px;
position: relative
}
@media (min-width:768px) {
.internal__content li {
font-size: 1.8rem
}
}
@media (min-width:1024px) {
.internal__content li {
font-size: 2rem;
margin-bottom: 1.2rem
}
}
.internal__content li:last-child {
margin: 0
}
.internal__content ol {
counter-reset: items;
margin-bottom: 2rem
}
.internal__content ol li {
counter-increment: items;
display: block;
padding-left: 34px
}
@media (min-width:1024px) {
.internal__content ol li {
padding-left: 48px
}
}
.internal__content ol li:before {
color: #191919 !important;
content: "0"counter(items);
font-family: neuzeit-grotesk, sans-serif;
font-weight: 700;
left: 0;
line-height: 1;
position: absolute;
top: 4px
}
@media (min-width:1024px) {
.internal__content ol li:before {
font-size: 2.4rem;
top: 3px
}
}
.internal__content ol li:nth-child(n+10):before {
content: counter(items)
}
.btn--secondary.btn--small {
padding: 12px 20px 10px
}
@media (min-width:768px) {
.btn--secondary.btn--small {
padding: 10px 20px 9px
}
}
.btn--secondary.btn--small.btn--icon {
padding-left: 44px
}
@media (min-width:768px) {
.btn--secondary.btn--small.btn--icon {
padding-bottom: 10px;
padding-top: 11px
}
}
.btn--primary {
background: #bd1c1c;
border: 0;
color: #fff;
padding: 22px 20px;
-webkit-transition: background .2s ease-in-out;
-o-transition: background .2s ease-in-out;
transition: background .2s ease-in-out
}
.btn--primary:focus, .btn--primary:hover {
background: #9a0c0c;
color: #fff
}
@media (min-width:768px) {
.btn--primary {
padding: 20px 20px 21px
}
}
.btn--primary.btn--small {
line-height: 1;
padding: 13px 15px
}
.btn--primary.btn--small.btn--icon {
padding-left: 44px
}
.btn--icon {
padding-left: 50px;
position: relative
}
@media (min-width:768px) {
.btn--icon {
padding-left: 60px
}
}
.btn__icon {
left: 25px;
position: absolute;
top: 50%;
-webkit-transform: scale(.75) translateX(-50%) translateY(-50%);
-o-transform: scale(.75) translateX(-50%) translateY(-50%);
transform: scale(.75) translateX(-50%) translateY(-50%);
-webkit-transform-origin: 0 0;
-o-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transition: -webkit-transform .2s ease-in;
transition: -webkit-transform .2s ease-in;
-o-transition: -o-transform .2s ease-in;
transition: transform .2s ease-in;
transition: transform .2s ease-in, -webkit-transform .2s ease-in, -o-transform .2s ease-in;
}
a.btn.btn--secondary.btn--icon {
color: #000;
background: none;
}
@media (min-width:768px) {
.btn__icon {
left: 30px;
-webkit-transform: scale(1) translateX(-50%) translateY(-50%);
-o-transform: scale(1) translateX(-50%) translateY(-50%);
transform: scale(1) translateX(-50%) translateY(-50%)
}
.btn--small .btn__icon {
left: 22px;
-webkit-transform: scale(.75) translateX(-50%) translateY(-50%);
-o-transform: scale(.75) translateX(-50%) translateY(-50%);
transform: scale(.75) translateX(-50%) translateY(-50%)
}
}
.btn:focus.btn--small .btn__icon, .btn:hover.btn--small .btn__icon {
-webkit-transform: scale(.9) translateX(-50%) translateY(-50%);
-o-transform: scale(.9) translateX(-50%) translateY(-50%);
transform: scale(.9) translateX(-50%) translateY(-50%)
}
.btn:focus .btn__icon, .btn:hover .btn__icon {
-webkit-transform: scale(1.1) translateX(-50%) translateY(-50%);
-o-transform: scale(1.1) translateX(-50%) translateY(-50%);
transform: scale(1.1) translateX(-50%) translateY(-50%)
}
.form-styles {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: 10px;
width: calc(100% + 10px);
width: calc(100% - 30px)
}
@media (min-width:1024px) {
.form-styles {
margin-left: -30px;
margin-left: -10px;
width: calc(100% + 30px);
width: calc(100% - 10px)
}
}
@media (min-width:1240px) {
.form-styles {
left: 50%;
margin-left: -630px;
max-width: 1230px;
position: relative;
width: calc(100% + 30px)
}
}
.form-styles__inner {
margin-left: 10px;
position: relative;
width: calc(99.99% - 9.999px)
}
@media (min-width:1024px) {
.form-styles__inner {
margin-left: 30px;
width: calc(99.99% - 29.997px)
}
}
.form-styles legend {
margin: 30px 0 10px
}
.form-styles form {
width: 300px
}
.form-input {
margin-bottom: 1.6rem;
position: relative
}
.form-input.c-select {
z-index: 1
}
.form-input.required:after {
background: #f31c57;
border-radius: 5px;
content: " ";
display: block;
height: 8px;
position: absolute;
right: -35px;
top: 35px;
width: 8px
}
@media (min-width:1024px) {
.form-input.required:after {
right: -45px
}
}
.sample_phone {
color: #939393;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 1.6rem;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
padding: 1rem 0
}
.not__sample--phone {
display: none
}
.c-input {
background: #fff;
border: 0;
border-bottom: 2px solid #bcbcb7;
border-radius: 2px 2px 0 0;
color: #303030;
font-family: Roboto Condensed, sans-serif;
font-size: 2rem;
font-weight: 400;
outline: 0;
padding: 3rem 2rem 1.3rem;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
width: 100%
}
.c-input--placeholder {
border-color: #9A4D00;
height: 68px
}
.c-input:focus {
border-color: #c02726;
color: #c02726
}
.c-input:focus~#gen-phone.c-input__error, .c-input:focus~#phone.c-input__error, .c-input:focus~#req-phone.c-input__error {
display: block;
text-align: right
}
.c-input:focus~#gen-phone.sample_phone, .c-input:focus~#phone.sample_phone, .c-input:focus~#req-phone.sample_phone {
display: none
}
.c-input:valid {
border-color: #9A4D00;
color: #303030
}
.c-input:valid~#gen-phone.c-input__error, .c-input:valid~#phone.c-input__error, .c-input:valid~#req-phone.c-input__error {
display: none
}
.c-input:valid~#gen-phone.sample_phone, .c-input:valid~#phone.sample_phone, .c-input:valid~#req-phone.sample_phone {
display: block;
text-align: right
}
.c-input.is-invalid {
border-color: #c02726;
color: #c02726
}
.c-input.c-input--js-validate {
border-bottom: 2px solid #bcbcb7
}
.c-input.c-input--js-validate.is-valid {
border-color: #9A4D00
}
textarea.c-input {
display: block;
min-height: 17rem;
resize: none
}
.c-input__lbl, .form-file__lbl {
color: rgba(48, 48, 48, .6);
font-family: Roboto Condensed, sans-serif;
font-size: 2rem;
left: 0;
padding: 3rem 2rem 1.3rem;
position: absolute;
top: 0;
-webkit-transform: translate3d(0, -1rem, 0);
transform: translate3d(0, -1rem, 0);
-webkit-transform-origin: 0 0;
-o-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
width: 100%
}
.awesomplete.is-focus+.c-input__lbl, .c-input.is-not-empty+.c-input__lbl, .c-input:focus+.c-input__lbl {
color: #80807a;
-webkit-transform: translate3d(.7rem, -1rem, 0) scale(.7);
transform: translate3d(.7rem, -1rem, 0) scale(.7)
}
.c-input.is-invalid~.sample_phone {
display: none
}
.c-input__error {
color: #303030;
display: none;
font-size: 1.6rem;
font-weight: 400;
padding: 1rem 0
}
.c-input.is-invalid * div[sample_phone] {
display: none
}
.c-input.is-invalid~.c-input__error {
display: block;
text-align: right
}
.form-msg {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 3rem 0
}
.form-msg svg {
height: 80px;
width: 80px
}
@media (min-width:1024px) {
.form-msg svg {
height: 100px;
width: 100px
}
}
.form-msg__title {
font-size: 3rem;
margin: 2rem 0
}
@media (min-width:1024px) {
.form-msg__title {
font-size: 4rem;
margin: 3.5rem 0 3rem
}
}
.form-msg__desc {
padding: 0 1rem;
text-align: center
}
@media (min-width:1024px) {
.form-msg__desc {
font-size: 2rem;
padding: 0 2rem
}
}
.grecaptcha-badge {
-webkit-transform: scale(0) !important;
-o-transform: scale(0) !important;
transform: scale(0) !important
}
.mob-hide {
display: none
}
@media (min-width:768px) {
.mob-hide {
display: inline
}
}
.checkbox input[type=checkbox], .radio input[type=radio] {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px
}
.checkbox input[type=checkbox]+label, .radio input[type=radio]+label {
display: inline-block;
padding: .7rem 0 .7rem 4rem;
position: relative
}
.checkbox input[type=checkbox]+label:before, .radio input[type=radio]+label:before {
border: 1px solid silver;
border-radius: 2px;
content: "";
display: inline-block;
height: 2.4rem;
left: 0;
position: absolute;
top: 4px;
width: 2.4rem
}
.checkbox input[type=checkbox]:checked+label:before, .radio input[type=radio]:checked+label:before {
content: ""
}
.checkbox input[type=checkbox]:checked+label:after, .radio input[type=radio]:checked+label:after {
background: #9A4D00;
border-radius: 2px;
content: "";
height: calc(2.4rem - 6px);
left: 4px;
position: absolute;
top: 8px;
width: calc(2.4rem - 6px)
}
.checkbox input[type=checkbox]:focus+label:before, .radio input[type=radio]:focus+label:before {
border-color: #191919
}
.checkbox input[type=checkbox]:disabled+label, .radio input[type=radio]:disabled+label {
color: #bfbdbd
}
.checkbox input[type=checkbox]:disabled+label:before, .radio input[type=radio]:disabled+label:before {
border-color: #bfbdbd;
opacity: .4
}
.checkbox input[type=checkbox][type=radio]+label:after, .checkbox input[type=checkbox][type=radio]+label:before, .radio input[type=radio][type=radio]+label:after, .radio input[type=radio][type=radio]+label:before {
border-radius: 50%
}
.checkbox, .radio {
min-height: 2.4rem
}
.alignnone {
height: auto;
margin-left: 0;
margin-right: 0;
max-width: 100%
}
.aligncenter {
display: block;
height: auto;
margin: 1rem auto
}
.alignleft, .alignright {
height: auto;
margin-bottom: 1rem
}
@media (min-width:30rem) {
.alignleft {
float: left;
margin-right: 1rem
}
.alignright {
float: right;
margin-left: 1rem
}
}
.screen-reader-text {
background: #fff;
border: 0;
clip: rect(0, 0, 0, 0);
color: #000;
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px
}
.search-trigger {
background: none;
border: none;
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 4rem;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0;
position: relative;
z-index: 1
}
.search-trigger:focus {
outline: 0
}
@media (min-width:1024px) {
.search-trigger .ico-search {
display: block;
height: 28px;
width: 28px
}
}
.search-trigger.is-active .ico-cross {
display: block
}
.search-trigger .ico-cross, .search-trigger.is-active .ico-search {
display: none
}
.masthead--simple .menu-trigger .ico-cross path, .masthead--simple .menu-trigger .ico-menu path, .masthead--simple .search-trigger .ico-cross path, .masthead--simple .search-trigger .ico-search path {
fill: #9A4D00
}
.instantsearch__dialog {
background: hsla(0, 0%, 100%, .95);
display: none;
left: 0;
margin-top: 60px;
min-height: calc(100vh - 60px);
position: absolute;
top: 0;
-webkit-transition: background .3s;
-o-transition: background .3s;
transition: background .3s;
width: 100%;
z-index: 5
}
.instantsearch__dialog.instantsearch--not-empty {
background: #fff
}
@media (min-width:1024px) {
.instantsearch__dialog {
margin-top: 120px;
min-height: calc(100vh - 120px)
}
}
body.search-is-open .instantsearch__dialog {
-webkit-box-shadow: 0 20px 20px rgba(0, 0, 0, .1);
box-shadow: 0 20px 20px rgba(0, 0, 0, .1);
display: block
}
.instantsearch__hits {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: 10px;
width: calc(100% + 10px);
width: calc(100% - 30px)
}
@media (min-width:1024px) {
.instantsearch__hits {
margin-left: -30px;
margin-left: -10px;
width: calc(100% + 30px);
width: calc(100% - 10px)
}
}
@media (min-width:1240px) {
.instantsearch__hits {
left: 50%;
margin-left: -630px;
max-width: 1230px;
position: relative;
width: calc(100% + 30px)
}
}
.instantsearch__hits h3 {
color: #bd1c1c;
font-family: Roboto Condensed, sans-serif;
font-size: 1.4rem;
font-weight: 400;
letter-spacing: 2px;
text-transform: uppercase
}
.instantsearch__hits em {
font-style: inherit
}
.instantsearch__hits.instantsearch--hide-results {
display: none
}
.instantsearch__hits.instantsearch--show-results {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.instantsearch__hits--pages {
margin-left: 10px;
position: relative;
width: calc(99.99% - 9.999px)
}
@media (min-width:1024px) {
.instantsearch__hits--pages {
margin-left: 30px;
margin-left: 10px;
position: relative;
width: calc(99.99% - 29.997px);
width: calc(49.99% - 9.998px)
}
}
@media (min-width:1024px) and (min-width:1024px) {
.instantsearch__hits--pages {
margin-left: 30px;
width: calc(49.99% - 29.994px)
}
}
.instantsearch__hits--resources {
margin-left: 10px;
position: relative;
width: calc(99.99% - 9.999px)
}
@media (min-width:1024px) {
.instantsearch__hits--resources {
margin-left: 30px;
margin-left: 10px;
position: relative;
width: calc(99.99% - 29.997px);
width: calc(49.99% - 9.998px)
}
}
@media (min-width:1024px) and (min-width:1024px) {
.instantsearch__hits--resources {
margin-left: 30px;
width: calc(49.99% - 29.994px)
}
}
.instantsearch__result {
border-bottom: 1px solid hsla(60, 4%, 73%, .3);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 20px 0
}
.instantsearch__result:last-child {
margin-bottom: 25px
}
@media (min-width:1024px) {
.instantsearch__result:last-child {
border-bottom: none;
margin-bottom: 0
}
}
.instantsearch__result h4 {
font-size: 1.8rem;
margin: 0 0 10px
}
@media (min-width:1024px) {
.instantsearch__result h4 {
font-size: 2rem;
margin-top: 2px
}
}
.instantsearch__result em {
background: #fff0d2;
font-style: normal
}
.instantsearch__result p {
font-size: 1.6rem;
margin: 0
}
@media (min-width:1024px) {
.instantsearch__result p {
font-size: 1.8rem
}
}
.instantsearch__result:hover h4 {
color: #191919
}
.instantsearch__result:hover p {
color: #76787e
}
.instantsearch__result.search-page {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
border-bottom: 1px solid hsla(60, 4%, 73%, .3);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row
}
@media (min-width:1024px) {
.instantsearch__result.search-page {
padding: 35px 0
}
}
.instantsearch__result.search-page .btn {
-ms-flex-negative: 0;
flex-shrink: 0
}
@media (min-width:1024px) {
.instantsearch__result.search-page h4 {
font-size: 2.8rem;
margin-bottom: 0;
margin-top: 1.5rem;
padding-right: 2rem
}
}
@media (min-width:1024px) {
.instantsearch__result.search-page p {
font-size: 2rem;
margin-top: 2.4rem;
padding-right: 2rem
}
}
.instantsearch__copy {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1
}
.instantsearch__thumb {
height: 60px;
width: 60px
}
@media (min-width:1024px) {
.instantsearch__thumb {
height: 100px;
width: 100px
}
}
.instantsearch__thumb+* {
padding-left: 20px
}
@media (min-width:1024px) {
.search-page .instantsearch__thumb+* {
padding-left: 40px
}
}
@media (min-width:1024px) {
.search-page.download .instantsearch__thumb+* {
padding-right: 35px
}
}
.instantsearch__thumb--default {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 58px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
@media (min-width:1024px) {
.search-page .instantsearch__thumb--default {
display: block;
height: 58px;
padding-left: 9px;
width: 60px
}
}
.instantsearch__thumb img {
border: 0;
display: block;
height: 60px;
width: 60px
}
@media (min-width:1024px) {
.instantsearch__thumb img {
height: 100px;
width: 100px
}
}
.instantsearch__thumb--default img {
height: 58px;
width: 41px
}
@media (min-width:1024px) {
.instantsearch__thumb--default img {
position: relative
}
}
.instantsearch__thumb--icon {
height: 60px;
width: 60px
}
.search-page .instantsearch__thumb--icon {
margin-right: 0
}
.instantsearch__thumb--icon img {
height: 60px;
width: 60px
}
.instantsearch {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-bottom: 1px solid #bcbcb7;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 85px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 0 auto 30px;
max-width: 1200px;
padding: 0;
position: relative;
-webkit-transition: height .3s;
-o-transition: height .3s;
transition: height .3s;
width: calc(100% - 40px)
}
@media (min-width:1240px) {
.instantsearch {
width: 1200px
}
}
@media (min-width:1024px) {
.instantsearch {
height: 265px
}
}
@media (min-width:1024px) {
.instantsearch--not-empty .instantsearch {
height: 115px
}
}
.instantsearch .ico-search {
display: block;
-ms-flex-negative: 0;
flex-shrink: 0;
height: 20px;
margin-right: 16px;
width: 20px
}
@media (min-width:1024px) {
.instantsearch .ico-search {
height: 27px;
margin-right: 30px;
width: 27px
}
}
.instantsearch .ico-search * {
fill: #bd1c1c
}
.instantsearch .hide-mobile {
display: none
}
@media (min-width:1024px) {
.instantsearch .hide-mobile {
display: inline
}
}
.instantsearch__search-box {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%
}
.instantsearch__form {
width: 100%
}
.instantsearch__viewall {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #303030;
display: block;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-negative: 0;
flex-shrink: 0;
font-size: 1.2rem;
font-weight: 400;
line-height: 1;
opacity: 0;
pointer-events: none;
text-transform: uppercase;
-webkit-transition: opacity .5s;
-o-transition: opacity .5s;
transition: opacity .5s;
visibility: hidden;
width: 0
}
.instantsearch__viewall svg {
margin-left: 20px;
width: 20px
}
@media (min-width:1024px) {
.instantsearch__viewall {
font-size: 1.6rem
}
.instantsearch__viewall svg {
margin-left: 30px;
width: auto
}
}
.instantsearch--not-empty .instantsearch__viewall {
opacity: 1;
pointer-events: all;
visibility: visible;
width: auto
}
.instantsearch--no-results .instantsearch__viewall {
opacity: 0;
pointer-events: none
}
.instantsearch__input-wrap {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
overflow: hidden
}
.instantsearch__input {
background: transparent;
border: 0;
color: #303030;
font-family: neuzeit-grotesk, sans-serif;
font-size: 2.8rem;
font-weight: 700;
outline: 0;
width: 100%
}
@media (min-width:1024px) {
.instantsearch__input {
font-size: 4rem
}
}
.instantsearch__input::-webkit-input-placeholder {
opacity: 1
}
.instantsearch__input:-ms-input-placeholder, .instantsearch__input::-ms-input-placeholder {
opacity: 1
}
.instantsearch__input::placeholder {
opacity: 1
}
input[type=text]::-ms-clear, input[type=text]::-ms-reveal {
display: none;
height: 0;
width: 0
}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-results-button, input[type=search]::-webkit-search-results-decoration {
display: none
}
.download-result__link {
display: none
}
@media (min-width:1024px) {
.search-page .download-result__link {
display: block;
margin-left: auto
}
}
.filterbar {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: 10px;
width: calc(100% + 10px);
width: calc(100% - 30px)
}
@media (min-width:1024px) {
.filterbar {
margin-left: -30px;
margin-left: -10px;
width: calc(100% + 30px);
width: calc(100% - 10px)
}
}
@media (min-width:1240px) {
.filterbar {
left: 50%;
margin-left: -630px;
max-width: 1230px;
position: relative;
width: calc(100% + 30px)
}
}
.filterbar__inner {
margin-left: 10px;
position: relative;
width: calc(99.99% - 9.999px)
}
@media (min-width:1024px) {
.filterbar__inner {
margin-left: 30px;
width: calc(99.99% - 29.997px)
}
}
.filterbar__dialog {
background: hsla(0, 0%, 100%, .9);
border: 2px solid #f0f;
display: none;
z-index: 2
}
.filterbar__dialog>* {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1
}
.filterbar__toggle:checked+.filterbar__dialog {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.filterbar__header {
border-bottom: 1px solid grey;
-ms-flex-preferred-size: 100%;
flex-basis: 100%
}
.filterbar__column {
border-right: 1px solid grey;
-ms-flex-preferred-size: 33.333%;
flex-basis: 33.333%;
padding: 0
}
.filterbar__column:last-child {
border: none
}
.filterbar__block {
border: 0;
border-bottom: 1px solid hsla(60, 4%, 73%, .3);
padding: 0 20px;
position: relative
}
@media (min-width:1024px) {
.filterbar__block {
background: #fff;
-webkit-box-shadow: none;
box-shadow: none;
left: 0;
padding: 70px 30px 0;
position: absolute;
top: 0;
width: 100%;
z-index: -2
}
}
.filterbar__block:last-child {
border: none
}
.filterbar__block--downloads {
background: inherit;
border: 0;
border-bottom: 1px solid hsla(60, 4%, 73%, .3);
padding: 0 20px;
position: static;
z-index: 0
}
@media (min-width:1024px) {
.filterbar__block--downloads {
padding: 0 30px
}
}
.filterbar__block--downloads h3 {
font-size: 2rem;
margin: 0;
padding: 24px 0
}
.filterbar__block--downloads:last-child {
border: none
}
.filterbar__block--downloads [data-toggle-target] {
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.filterbar__block--downloads [data-toggle-target]+* {
height: 0;
overflow: hidden
}
.filterbar__block--downloads [data-toggle-target]:after {
background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Ym94PSIwIDAgMjAgMTEiIHdpZHRoPSIyMCIgaGVpZ2h0PSIxMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMCA5LjYzOGwxLjIzOSAxLjIzOEwxMCAyLjExNmw4Ljc2MSA4Ljc2TDIwIDkuNjM4IDEwLjYyLjI1N2EuODc1Ljg3NSAwIDAgMC0xLjI0IDBMMCA5LjYzN3oiIGZpbGw9IiNCQ0JDQjciIGZpbGwtcnVsZT0ibm9uemVybyIvPjwvc3ZnPg==);
background-size: 20px 11px;
content: " ";
display: block;
height: 11px;
position: relative;
top: 5px;
-webkit-transform: scaleY(-1);
-o-transform: scaleY(-1);
transform: scaleY(-1);
width: 20px
}
.filterbar__block--downloads .block-active:after {
-webkit-transform: scaleY(1);
-o-transform: scaleY(1);
transform: scaleY(1)
}
.filterbar__block--downloads .block-active+* {
height: auto
}
@media (min-width:1024px) {
.filterbar__options {
height: auto
}
}
.filterbar__options label {
cursor: pointer;
display: block
}
.filterbar__options .checkbox:last-child {
margin-bottom: 25px
}
.slider__wrapper {
margin: 30px auto;
max-width: 1440px;
position: relative
}
@media (min-width:1024px) {
.slider__wrapper {
margin: 0 auto
}
}
.slider__slide {
height: 100%;
margin-bottom: 180px;
position: relative
}
@media (min-width:1024px) {
.slider__slide {
margin-bottom: 0
}
}
.slider__slide:before {
content: " ";
display: block;
height: 1px;
margin-top: -1px;
padding-bottom: 77%;
width: 100%
}
@media (min-width:1024px) {
.slider__slide:before {
padding-bottom: 59%;
padding-top: 0
}
}
.slider__slide-caption {
background: #bd1c1c;
color: #fff;
height: 180px;
padding: 23px 30px;
position: absolute;
width: 100%;
z-index: 1
}
.slider__slide-caption .created-with {
display: block;
font-family: Roboto Condensed, sans-serif;
font-size: 1rem;
letter-spacing: 3px;
text-transform: uppercase
}
@media (min-width:1024px) {
.slider__slide-caption .created-with {
font-size: 1.5rem;
letter-spacing: 5px
}
}
@media (min-width:1024px) {
.slider__slide-caption {
background: rgba(189, 28, 28, .8);
bottom: 0;
height: auto;
min-height: 220px;
padding: 56px 0 66px 72px;
right: 0;
width: 50%
}
}
.slider__slide-caption h1 {
color: #fff;
font-size: 2.7rem;
margin-top: 10px
}
@media (min-width:1024px) {
.slider__slide-caption h1 {
font-size: 4rem;
margin-top: 14px
}
}
.slider__slide-image {
height: 100%;
left: 0;
-o-object-fit: cover;
object-fit: cover;
overflow: hidden;
position: absolute;
top: 0;
width: 100%
}
.slider__slide-badge {
display: none !important
}
@media (min-width:1024px) {
.slider__slide-badge {
bottom: 71px;
display: block !important;
left: -28px;
position: absolute;
width: 56px
}
}
.slider__slide-link {
color: transparent;
font-size: 0
}
.slider__slide-link:before {
content: " ";
display: block;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 3
}
.slider__nav .slick-dots {
padding: 0
}
.slider__nav .slick-dots li {
display: inline-block;
height: 30px;
list-style: none;
margin: 0 4px 0 0;
overflow: hidden;
padding: 0;
position: relative;
width: 30px
}
.slider__nav .slick-dots li:last-child {
margin-right: 0
}
.slider__nav .slick-dots li.slick-active:before {
opacity: 1
}
.slider__nav .slick-dots li:before {
background: #fff;
border-radius: 99px;
content: "";
display: block;
height: 2px;
left: 0;
opacity: .4;
position: absolute;
top: 14px;
-webkit-transition: opacity .3s;
-o-transition: opacity .3s;
transition: opacity .3s;
width: 30px
}
.slider__nav .slick-dots button {
cursor: pointer;
opacity: 0
}
.slider__nav {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
bottom: 36px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
left: 30px;
padding: 0;
position: absolute
}
@media (min-width:1024px) {
.slider__nav {
bottom: 45px;
left: calc(50% + 72px)
}
}
.test-slider__wrapper {
margin: 30px auto;
max-width: 1440px;
position: relative
}
@media (min-width:1024px) {
.test-slider__wrapper {
margin: 0 auto
}
}
.test-slider__wrapper .slider__slide-image {
height: 100%;
left: 0;
-o-object-fit: cover;
object-fit: cover;
overflow: hidden;
position: absolute;
top: 0;
width: 100%
}
.test-slider__wrapper .test-slick-dots, .test-slider__wrapper .test-slider__nav {
padding: 0
}
.test-slider__wrapper .test-slick-dots li, .test-slider__wrapper .test-slider__nav li {
display: inline-block;
height: 30px;
list-style: none;
margin: 0;
overflow: hidden;
padding: 0;
position: relative;
width: 16px
}
.test-slider__wrapper .test-slick-dots li:before, .test-slider__wrapper .test-slider__nav li:before {
background: #9A4D00;
border-radius: 100%;
content: "";
display: block;
height: 6px;
left: 0;
opacity: .4;
position: absolute;
top: 8px;
-webkit-transition: opacity .3s;
-o-transition: opacity .3s;
transition: opacity .3s;
width: 6px
}
.test-slider__wrapper .test-slick-dots li:last-child, .test-slider__wrapper .test-slider__nav li:last-child {
margin-right: 0
}
.test-slider__wrapper .test-slick-dots li.slick-active:before, .test-slider__wrapper .test-slider__nav li.slick-active:before {
opacity: 1
}
.test-slider__wrapper .test-slick-dots button, .test-slider__wrapper .test-slider__nav button {
cursor: pointer;
opacity: 0
}
.test-slider__wrapper .test-slider__nav {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
left: 0;
margin: 73% auto auto;
padding: 0;
position: absolute;
right: 0;
z-index: 4
}
@media (min-width:1024px) {
.test-slider__wrapper .test-slider__nav {
bottom: 52px;
left: -33%;
margin: 0
}
}
.main-nav {
background: #fff;
-webkit-box-shadow: 0 15px 70px 0 rgba(0, 0, 0, .35);
box-shadow: 0 15px 70px 0 rgba(0, 0, 0, .35);
display: none;
left: 0;
position: absolute;
top: 60px;
width: 100%;
z-index: 10
}
.menu-is-open .main-nav {
display: block
}
@media (min-width:1024px) {
.main-nav {
background: none;
-webkit-box-shadow: none;
box-shadow: none;
display: inline-block;
margin-right: 20px;
position: static;
width: auto
}
}
.nav li {
border-bottom: 1px solid hsla(60, 4%, 73%, .4)
}
.nav li:last-child {
border: none
}
@media (min-width:1024px) {
.nav li {
border: 0;
display: inline-block;
font-size: 0
}
}
.nav .menu-item>a {
display: block;
font-size: 1.6rem;
font-weight: 400;
padding: 18px 24px;
text-transform: uppercase
}
@media (min-width:1024px) {
.nav .menu-item>a {
color: #fff;
margin: 0 20px;
padding: 0;
position: relative
}
.nav .menu-item>a:hover:after {
background: #59ded3;
bottom: -2px;
content: "";
height: 1px;
left: 0;
position: absolute;
width: 100%
}
}
.nav .menu-more>a {
display: none
}
@media (min-width:1024px) {
.nav .menu-more>a {
display: inline-block
}
.nav .menu-more>a:before {
background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgMTUgOSI+CiAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNLjM2OSAxLjQ5OUwxLjIzNi42M2w2LjEzMyA2LjEzM0wxMy41LjYzMWwuODY4Ljg2OC02LjU2NyA2LjU2NmEuNjEzLjYxMyAwIDAgMS0uODY3IDBMLjM2OSAxLjQ5OXoiLz4KPC9zdmc+Cg==);
background-size: 15px;
content: "";
display: inline-block;
float: right;
height: 9px;
margin-left: 12px;
position: relative;
top: 7px;
width: 15px
}
}
.masthead--simple .nav .menu-more>a:before {
background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgMTUgOSI+CiAgPHBhdGggZmlsbD0iIzMwMzAzMCIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNLjM2OSAxLjQ5OUwxLjIzNi42M2w2LjEzMyA2LjEzM0wxMy41LjYzMWwuODY4Ljg2OC02LjU2NyA2LjU2NmEuNjEzLjYxMyAwIDAgMS0uODY3IDBMLjM2OSAxLjQ5OXoiLz4KPC9zdmc+Cg==)
}
@media (min-width:1024px) {
.nav .menu-more .sub-menu {
background: #fff;
border-radius: 0 0 2px 2px;
-webkit-box-shadow: 0 15px 70px 0 rgba(0, 0, 0, .7);
box-shadow: 0 15px 70px 0 rgba(0, 0, 0, .7);
display: none;
position: absolute;
top: 100%;
width: 257px
}
.nav .menu-more .sub-menu li {
border-bottom: 1px solid hsla(60, 4%, 73%, .4);
display: block
}
.nav .menu-more .sub-menu li:last-child {
border: 0
}
.nav .menu-more .sub-menu a {
color: #303030;
display: block;
margin: 0;
padding: 20px 30px
}
.nav .menu-more .sub-menu a:hover {
color: #191919
}
.nav .menu-more .sub-menu a:hover:after {
content: none
}
}
@media (min-width:1024px) {
.nav .menu-more:hover>a:after {
background: #59ded3;
bottom: -2px;
content: "";
height: 1px;
left: 0;
position: absolute;
width: 100%
}
.nav .menu-more:hover:before {
content: "";
height: 100px;
position: absolute;
width: 200px
}
.nav .menu-more:hover .sub-menu {
display: block
}
}
.product-nav {
background: #fff;
-webkit-box-shadow: 0 15px 70px 0 rgba(0, 0, 0, .7);
box-shadow: 0 15px 70px 0 rgba(0, 0, 0, .7);
display: none;
left: 0;
position: absolute;
top: 120px;
width: 100%;
z-index: 10
}
.masthead--simple .product-nav {
-webkit-box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .1);
box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .1)
}
@media (min-width:768px) {
.product-nav {
padding-top: 26px
}
}
.main .product-nav {
-webkit-box-shadow: none;
box-shadow: none;
display: block;
padding: 0;
position: static;
-webkit-transform: none;
-o-transform: none;
transform: none
}
@media (min-width:1280px) {
.main .product-nav {
margin-top: -40px
}
}
.main-nav .menu-products:hover>a:after {
background: #59ded3;
bottom: -2px;
content: "";
height: 1px;
left: 0;
position: absolute;
width: 100%
}
@media (min-width:1024px) {
.main-nav .menu-products:hover:before {
content: "";
display: block;
height: 100px;
position: absolute;
right: 0;
width: 70%
}
}
@media (min-width:1680px) {
.main-nav .menu-products:hover:before {
width: 100%
}
}
@media (min-width:1024px) {
.main-nav .menu-products:hover .product-nav {
display: block
}
}
.product-nav__inner {
margin: 0 auto;
max-width: 1200px;
padding: 0 20px
}
@media (min-width:768px) {
.product-nav__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
}
@media (min-width:1220px) {
.product-nav__inner {
padding: 0
}
}
.product-nav__summary {
margin-left: 10px;
position: relative;
width: calc(24.99% - 9.996px)
}
@media (min-width:1024px) {
.product-nav__summary {
margin-left: 30px;
width: calc(24.99% - 29.988px)
}
}
.product-nav__item {
position: relative
}
.product-nav__hd {
font-size: 2.8rem
}
.product-nav__msg {
font-size: 1.8rem
}
.product-nav__product {
border-bottom: 1px solid hsla(60, 4%, 73%, .4);
color: #303030;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 2rem;
font-weight: 400;
margin: 0;
padding: 16px 0
}
.product-nav__product:before {
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%
}
@media (min-width:768px) {
.product-nav__product {
padding: 26px 0
}
}
.product-nav__product img {
height: 20vw;
margin-bottom: 0;
max-height: 116px;
-o-object-fit: cover;
object-fit: cover;
width: calc(33% - 5px)
}
@media (min-width:768px) {
.product-nav__product img {
height: auto;
max-height: 130px;
width: calc(33% - 15px)
}
}
.product-img__holder {
height: 76px;
max-height: 116px;
position: relative;
width: calc(33.33% - 5px)
}
@media (min-width:768px) {
.product-img__holder {
width: calc(33.33% - 15px)
}
}
@media (min-width:1024px) {
.product-img__holder {
height: auto
}
}
.product-img__holder img {
height: 100%;
left: 0;
margin: 0;
-o-object-fit: cover;
object-fit: cover;
position: absolute;
top: 0;
width: 100%
}
.product-nav__product:hover h3 {
text-decoration: underline
}
.product-nav__product:hover .product-img--alt {
opacity: 1
}
.product-nav__col-title {
color: #bd1c1c;
font-size: 24px;
line-height: 1;
margin-bottom: 10px;
position: relative
}
.product-nav__col-title:after {
background: hsla(60, 4%, 73%, .4);
bottom: 4px;
content: "";
height: 1px;
position: absolute;
-webkit-transform: translateX(12px);
-o-transform: translateX(12px);
transform: translateX(12px);
width: 100%
}
@media (min-width:768px) {
.product-nav__col-title:after {
-webkit-transform: translateX(28px);
-o-transform: translateX(28px);
transform: translateX(28px)
}
}
.masthead .product-nav__col-title:after {
content: none
}
@media (min-width:768px) {
.product-nav__col-title {
font-size: 28px
}
.main .product-nav__col-title {
font-size: 32px;
margin-bottom: 15px
}
}
.product-nav__item:last-child .product-nav__product {
border: 0
}
.product-nav__col {
margin-bottom: 30px;
overflow: hidden
}
@media (min-width:768px) {
.product-nav__col {
width: calc(50% - 15px)
}
}
.product-nav__product-body {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-left: 24px;
width: calc(66.66% - 5px)
}
@media (min-width:768px) {
.product-nav__product-body {
display: block;
padding-left: 40px;
width: calc(66.66% - 15px)
}
}
.product-nav__product-body h3 {
font-size: 20px;
line-height: 1.2;
margin: 0
}
@media (min-width:768px) {
.product-nav__product-body h3 {
font-size: 22px;
margin-bottom: 10px
}
}
.product-nav__product-body p {
display: none;
margin: 0
}
@media (min-width:768px) {
.product-nav__product-body p {
color: #76787e;
display: block;
font-size: 18px;
font-weight: 300
}
}
.product-img--alt {
opacity: 0;
-webkit-transition: opacity .25s ease-in-out;
-o-transition: opacity .25s ease-in-out;
transition: opacity .25s ease-in-out
}
.prod-navigator {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #fff;
-webkit-box-shadow: 0 2px 25px 0 rgba(0, 0, 0, .1);
box-shadow: 0 2px 25px 0 rgba(0, 0, 0, .1);
display: none;
height: 80px;
left: 0;
position: fixed;
top: 0;
-webkit-transform: translateY(-115%);
-o-transform: translateY(-115%);
transform: translateY(-115%);
width: 100%;
z-index: 100
}
@media (min-width:1024px) {
.prod-navigator {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
}
.prod-navigator--inline {
background: #fff;
-webkit-box-shadow: 0 2px 25px 0 rgba(0, 0, 0, .1);
box-shadow: 0 2px 25px 0 rgba(0, 0, 0, .1)
}
.template-tech-specs .prod-navigator--inline {
background: #f1f1f1;
-webkit-box-shadow: none;
box-shadow: none
}
.headroom {
-webkit-transition: -webkit-transform .5s ease-in-out;
transition: -webkit-transform .5s ease-in-out;
-o-transition: -o-transform .5s ease-in-out;
transition: transform .5s ease-in-out;
transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out, -o-transform .5s ease-in-out;
will-change: transform
}
.headroom--pinned {
-webkit-transform: translateY(-115%);
-o-transform: translateY(-115%);
transform: translateY(-115%)
}
.headroom--not-top {
-webkit-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
.prod-navigator__title {
font-size: 2rem;
margin: 0 0 0 18px
}
.prod-navigator__logo {
line-height: 1
}
.prod-navigator__body {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0 auto;
max-width: 1440px;
padding: 0 20px;
width: 100%
}
@media (min-width:1440px) {
.prod-navigator__body {
padding-left: 30px
}
}
@media (min-width:1680px) {
.prod-navigator__body {
padding-left: 0;
padding-right: 0
}
}
.prod-navigator__list {
list-style-type: none;
margin: 0 0 0 43px;
padding: 0
}
.prod-navigator__list, .prod-navigator__list--inline {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.prod-navigator__list--inline {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 0 0 10px;
padding: 15px 0;
position: relative;
width: calc(99.99% - 9.999px)
}
@media (min-width:1024px) {
.prod-navigator__list--inline {
margin-left: 30px;
width: calc(99.99% - 29.997px)
}
}
.prod-navigator__item {
margin-right: 3.5rem
}
.prod-navigator__item:last-child {
margin: 0
}
.prod-navigator__list--inline .prod-navigator__item {
margin: 3px 0;
width: 50%
}
@media (min-width:768px) {
.prod-navigator__list--inline .prod-navigator__item {
margin-right: 3.9rem;
width: auto
}
}
.prod-navigator__link {
color: #80807a;
font-weight: 400;
letter-spacing: .5px;
line-height: 1
}
.prod-navigator__link.active {
color: #303030;
position: relative
}
.prod-navigator__link.active:before {
background: #bd1c1c;
bottom: -1px;
content: "";
height: 1px;
position: absolute;
width: 100%
}
.prod-navigator__list--inline .prod-navigator__link {
font-size: 1.2rem
}
@media (min-width:768px) {
.prod-navigator__list--inline .prod-navigator__link {
font-size: 1.6rem
}
}
.prod-navigator__ctas {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-left: auto
}
.prod-navigator__ctas .btn:first-child {
display: none;
margin-right: 10px
}
@media (min-width:1280px) {
.prod-navigator__ctas .btn:first-child {
display: inline-block
}
}
.special-grid {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: wrap;
flex-flow: wrap;
margin: 0 -15px
}
.special-grid--item {
padding: 15px;
position: relative;
width: 100%
}
.special-grid--item:before {
content: " ";
display: block;
padding-bottom: 59.2%;
width: 100%;
z-index: 10
}
@media (min-width:1024px) {
.special-grid--item {
width: 50%
}
.special-grid--item:before {
padding-bottom: 59.2%
}
}
@media (min-width:1024px) {
.special-grid--item:nth-child(10n+1):nth-last-child(2)>* {
height: calc(100% - 30px)
}
.special-grid--item:nth-child(10n+1)>*, .special-grid--item:nth-child(10n+7)>* {
height: calc(200% - 30px)
}
.special-grid--item:nth-child(10n+3) {
width: 100%
}
.special-grid--item:nth-child(10n+3):before {
padding-bottom: calc(29.6% - 8.88px)
}
.special-grid--item:nth-child(10n+3)>* {
right: 15px;
width: calc(50% - 30px)
}
.special-grid--item:nth-child(10n+8) {
width: 100%
}
.special-grid--item:nth-child(10n+8):before {
padding-bottom: calc(29.6% - 8.88px)
}
.special-grid--item:nth-child(10n+8)>* {
left: 15px;
width: calc(50% - 30px)
}
.special-grid--item:last-child>* {
height: calc(100% - 30px)
}
}
.special-grid--tile {
height: calc(100% - 30px);
position: absolute;
top: 15px;
width: calc(100% - 30px);
z-index: 1
}
@media (min-width:1024px) {
.special-grid--three-col .special-grid--item {
width: 33.333%
}
.special-grid--three-col .special-grid--item:nth-child(10n+1)>* {
height: calc(200% - 30px)
}
.special-grid--three-col .special-grid--item:nth-child(10n+3) {
width: 33.333%
}
.special-grid--three-col .special-grid--item:nth-child(10n+3):before {
padding-bottom: 59.2%
}
.special-grid--three-col .special-grid--item:nth-child(10n+3)>* {
right: auto;
width: calc(100% - 30px)
}
.special-grid--three-col .special-grid--item:nth-child(10n+4) {
left: 33.333%
}
.special-grid--three-col .special-grid--item:nth-child(10n+5) {
margin-left: 33.333%
}
.special-grid--three-col .special-grid--item:nth-child(10n+7)>* {
height: calc(100% - 30px)
}
.special-grid--three-col .special-grid--item:nth-child(10n+8):before {
padding-bottom: 59.2%
}
.special-grid--three-col .special-grid--item:nth-child(10n+8)>* {
height: calc(200% - 30px);
width: calc(100% - 30px)
}
.special-grid--three-col .special-grid--item:nth-child(10n+8):last-child>* {
height: calc(100% - 30px)
}
.special-grid--three-col .special-grid--item:nth-child(10n+10) {
margin-right: 33.333%
}
}
.products-home__product {
margin: 30px auto;
max-width: 1440px;
overflow: hidden;
position: relative
}
@media (min-width:1024px) {
.products-home__product {
height: 800px;
margin: 100px auto
}
.products-home__product:last-child {
margin-bottom: 0
}
}
.products-home__product-bg {
display: block;
width: 100%
}
@media (min-width:1024px) {
.products-home__product-bg {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
position: absolute;
right: 0;
width: calc(100% - 230px)
}
}
@media (min-width:1280px) {
.products-home__product-bg {
width: calc(100% - 430px)
}
}
.products-home__product-link {
color: transparent;
font-size: 0;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%
}
.products-home__product-link:after {
content: " ";
display: block;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 2
}
.products-home__product-link:hover+* .products-home__product-tile:after {
clip: rect(0 80px 100vh 0);
clip: rect(8 0 100vh 0);
width: 80px
}
.products-home__product-title {
font-size: 3.4rem
}
@media (min-width:1024px) {
.products-home__product-title {
font-size: 4.8rem;
letter-spacing: 0
}
}
.products-home__product-body {
color: #76787e
}
@media (min-width:1024px) {
.products-home__product-body {
font-size: 2rem
}
}
.products-home__product-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
@media (min-width:1024px) {
.products-home__product-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
height: 100%;
margin-left: 10px;
width: calc(100% + 10px);
width: calc(100% - 30px)
}
}
@media (min-width:1024px) and (min-width:1024px) {
.products-home__product-content {
margin-left: -30px;
margin-left: -10px;
width: calc(100% + 30px);
width: calc(100% - 10px)
}
}
@media (min-width:1024px) and (min-width:1240px) {
.products-home__product-content {
left: 50%;
margin-left: -630px;
max-width: 1230px;
position: relative;
width: calc(100% + 30px)
}
}
.products-home__product-tile {
background: #fff;
margin: -90px 20px 0;
padding: 30px
}
@media (min-width:1024px) {
.products-home__product-tile {
margin: 5vh 0 0;
padding: 67px 0;
position: relative;
width: calc(41.657% - 9.99768px)
}
}
@media (min-width:1024px) and (min-width:1024px) {
.products-home__product-tile {
margin-left: 30px;
width: calc(41.657% - 29.99304px)
}
}
@media (min-width:1024px) {
.products-home__product-tile:after {
background: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Ym94PSIwIDAgMjggMjgiIHdpZHRoPSIyOCIgaGVpZ2h0PSIyOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0wIDEzaDI4djJIMHoiLz48cGF0aCBkPSJNMTUgMHYyOGgtMlYweiIvPjwvZz48L3N2Zz4=) rgba(189, 28, 28, .8) no-repeat;
background-position: 50% 50%;
background-size: 28px 28px;
clip: rect(0 0 100vh 0);
content: " ";
display: block;
height: 100%;
left: 100%;
position: absolute;
top: 0;
-webkit-transition: clip .1s ease-in-out;
-o-transition: clip .1s ease-in-out;
transition: clip .1s ease-in-out;
width: 80px
}
}
.products-home__product-promo {
color: #bd1c1c;
font-family: Roboto Condensed, sans-serif;
font-size: 1rem;
letter-spacing: 3px;
text-transform: uppercase
}
@media (min-width:1024px) {
.products-home__product-promo {
font-size: 1.4rem;
letter-spacing: 5px
}
}
@media (min-width:1024px) {
.products-home__product .products-home__product-inner {
padding-left: 10%;
padding-right: calc(10% + 20px)
}
}
@media (min-width:1280px) {
.products-home__product .products-home__product-inner {
padding-left: calc(10% - 10px);
padding-left: calc(10% - 45px);
padding-right: calc(10% + 45px)
}
}
.products-home__product .products-home__product-content {
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.products-home__product:nth-child(odd) .products-home__product-link:hover+* .products-home__product-tile:after {
clip: rect(0 80px 100vh 0)
}
@media (min-width:1024px) {
.products-home__product:nth-child(odd) .products-home__product-inner {
padding-left: 20%;
padding-right: calc(10% - 15px)
}
}
.products-home__product:nth-child(odd) .products-home__product-tile:after {
clip: rect(0 80px 100vh 80px);
left: auto;
right: 100%
}
@media (min-width:1024px) {
.products-home__product:nth-child(odd) .products-home__product-content {
-ms-flex-line-pack: end;
align-content: flex-end;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
}
.products-home__product:nth-child(odd) .products-home__product-bg {
right: auto
}
.index-layout {
color: #fff;
font-family: neuzeit-grotesk, sans-serif;
font-size: 1.7rem;
font-weight: 700;
letter-spacing: -.64px;
line-height: 1.267em;
margin: 0 auto;
max-width: 1200px;
padding: 0;
position: relative;
width: calc(100% - 40px)
}
@media (min-width:1240px) {
.index-layout {
width: 1200px;
margin: 0 auto;
}
}
@media (min-width: 1280px) {
.block-image-with-text__text .wrap {
margin-left: 110px;
margin-right: 150px;
}
}
@media (min-width: 768px) {
.block-image-with-text__text .wrap {
padding: 55px 0 60px;
}
}
@media (min-width: 375px) {
.block-image-with-text__text .wrap {
padding-top: 30px;
}
}
.index-layout__bg {
height: 100%;
left: 0;
-o-object-fit: cover;
object-fit: cover;
position: absolute;
top: 0;
width: 100%;
z-index: 0
}
.index-layout__date {
display: block;
font-family: Roboto Condensed, sans-serif;
font-size: 1rem;
letter-spacing: 1.6px;
line-height: 1em;
margin-bottom: 1em;
text-transform: uppercase
}
@media (min-width:1024px) {
.index-layout__date {
font-size: 1.2rem
}
}
.index-layout__text {
background-image: -webkit-linear-gradient(82deg, transparent 21%, rgba(0, 0, 0, .8));
background-image: -o-linear-gradient(82deg, transparent 21%, rgba(0, 0, 0, .8));
background-image: linear-gradient(8deg, transparent 21%, rgba(0, 0, 0, .8));
height: 100%;
padding: 25px;
position: absolute;
width: 100%;
z-index: 3
}
@media (min-width:1024px) {
.index-layout__text {
padding: 40px
}
}
.index-layout__link:before {
border-top: 0;
content: " ";
display: block;
height: 100%;
left: 0;
position: absolute;
top: 0;
-webkit-transition: border .1s ease-in-out;
-o-transition: border .1s ease-in-out;
transition: border .1s ease-in-out;
width: 100%
}
.index-layout__link:hover {
color: currentColor
}
.index-layout__link:hover:before {
border-top: 8px solid #191919
}
.index-layout .no-results__message {
display: none;
font-size: 20px;
left: 50%;
line-height: 110%;
margin-bottom: 0;
margin-top: 60px;
position: absolute;
text-align: center;
-webkit-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
width: 100%
}
.index-layout .no-results__message p {
color: #76787e;
font-size: 17px;
font-weight: 300;
line-height: 100%;
margin-top: 10px
}
.index-layout .no-results__message.show-message {
display: block
}
@media (min-width:1024px) {
.index-layout .no-results__message {
font-size: 25px
}
.index-layout .no-results__message p {
font-size: 20px
}
}
.pattern-placeholder {
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIHNsaWNlIj48ZGVmcz48cGF0aCBpZD0iYSIgZD0iTS4yOTIgMGg5OS4wMXYxMDBILjI5MnoiLz48L2RlZnM+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48bWFzayBpZD0iYiIgZmlsbD0iI2ZmZiI+PHVzZSB4bGluazpocmVmPSIjYSIvPjwvbWFzaz48dXNlIGZpbGw9IiMzOUJGQjQiIHhsaW5rOmhyZWY9IiNhIi8+PGcgb3BhY2l0eT0iLjUiIG1hc2s9InVybCgjYikiPjxwYXRoIGZpbGw9IiM1RkUxRDYiIGQ9Ik02Mi43ODIgNzkuMDF2LjAyMmw2NC4yOTMgMzUuMzk0IDMzLjA5NC0xNy42N0w5NS43ODIgNjEuMzF6Ii8+PHBhdGggZmlsbD0iIzEyOEQ4OCIgZD0iTTExMS40NzUgMi4yOTVMNjIuNzgyIDI4LjAzMVY2My4yNzlsNDguNjkzLTI1LjczNXoiLz48L2c+PGcgb3BhY2l0eT0iLjUiIG1hc2s9InVybCgjYikiPjxwYXRoIGZpbGw9IiM1RkUxRDYiIGQ9Ik0tNjAuNTc1IDQuMjU3di4wMjFMMy43MTggMzkuNjcybDMzLjA5NC0xNy42Ny02NC4zODctMzUuNDQ1eiIvPjxwYXRoIGZpbGw9IiMxRUEzOUUiIGQ9Ik0tMTEuODgxIDYzLjY4MnYzNS4zMzRsNDguNjktMjUuNjUuMDAzLS4wMDJ2LTM1LjMzbC0uMDAyLS4wMDF6Ii8+PC9nPjwvZz48L3N2Zz4=) no-repeat;
background-size: cover;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%
}
.three-page-links__block:nth-of-type(3n+2) .pattern-placeholder {
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIHNsaWNlIj48ZGVmcz48cGF0aCBpZD0iYSIgZD0iTTAgMGgxMDB2MTAwSDB6Ii8+PC9kZWZzPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PG1hc2sgaWQ9ImIiIGZpbGw9IiNmZmYiPjx1c2UgeGxpbms6aHJlZj0iI2EiLz48L21hc2s+PHVzZSBmaWxsPSIjMEU3Rjg4IiB4bGluazpocmVmPSIjYSIvPjxnIG9wYWNpdHk9Ii41IiBtYXNrPSJ1cmwoI2IpIj48cGF0aCBmaWxsPSIjMDMzQzQwIiBkPSJNNDAuNjg2LTcuNTQxbC4wMzYuMDY0TDE0LjU5IDQxLjYzOWgzNC44ODhMNzUuNTc0LTcuNTR6Ii8+PHBhdGggZmlsbD0iIzIwOUZBOSIgZD0iTTEwOC42OTQtMTUuNDFMNzMuMjc5IDQ5LjUyNmwxNy42NyAzMy40MjUgMzUuNDQ0LTY1LjAzeiIvPjxwYXRoIGZpbGw9IiMwNDU4NUYiIGQ9Ik00OS45MjQgNTcuNzA1SDE0LjU5bDI1LjY1MSA0OS4xNzguMDAxLjAwMmgzNS4zM2wuMDAyLS4wMDJ6Ii8+PC9nPjwvZz48L3N2Zz4=)
}
.three-page-links__block:nth-of-type(3n+3) .pattern-placeholder {
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIHNsaWNlIj48ZGVmcz48cGF0aCBpZD0iYSIgZD0iTTAgMGgxMDB2OTkuOTQxSDB6Ii8+PC9kZWZzPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PG1hc2sgaWQ9ImIiIGZpbGw9IiNmZmYiPjx1c2UgeGxpbms6aHJlZj0iI2EiLz48L21hc2s+PHVzZSBmaWxsPSIjMzlCRkI0IiB4bGluazpocmVmPSIjYSIvPjxnIG9wYWNpdHk9Ii41IiBtYXNrPSJ1cmwoI2IpIj48cGF0aCBmaWxsPSIjMUVBMzlFIiBkPSJNMS4xMTUgODIuNzU2bC4wNjMtLjAzNSA0OS4xMTcgMjYuMTMxVjczLjk2NUwxLjExNSA0Ny44Njl6Ii8+PHBhdGggZmlsbD0iIzVGRTFENiIgZD0iTTEuMTE1LTQuMjY4di4wMjJMNjYuMDUgMzEuMTQ4bDMzLjQyNS0xNy42Ny02NS4wMy0zNS40NDV6Ii8+PHBhdGggZmlsbD0iIzEyOEQ4OCIgZD0iTTUwLjI5NSAzOC43NjR2MzUuMzM0bDQ5LjE3OC0yNS42NS4wMDItLjAwMnYtMzUuMzNsLS4wMDItLjAwMXoiLz48L2c+PC9nPjwvc3ZnPg==)
}
.demogrid__container {
margin: 0 auto;
max-width: 1200px;
padding: 0;
position: relative;
width: calc(100% - 40px)
}
@media (min-width:1240px) {
.demogrid__container {
width: 1200px
}
}
.demogrid__container [class*=col] {
background: #ff0
}
[class*=demogrid] [class*=col] {
background: rgba(0, 0, 0, .05);
margin-bottom: 10px;
min-height: 100px
}
@media (min-width:1024px) {
[class*=demogrid] [class*=col] {
margin-bottom: 30px
}
}
.demogrid__example1 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: -10px;
width: calc(100% + 10px)
}
@media (min-width:1024px) {
.demogrid__example1 {
margin-left: -30px;
width: calc(100% + 30px)
}
}
.demogrid__example1-col {
margin-left: 10px;
position: relative;
width: calc(49.99% - 9.998px)
}
@media (min-width:1024px) {
.demogrid__example1-col {
margin-left: 30px;
width: calc(49.99% - 29.994px)
}
}
.demogrid__example2 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: -10px;
width: calc(100% + 10px)
}
@media (min-width:1024px) {
.demogrid__example2 {
margin-left: -30px;
width: calc(100% + 30px)
}
}
.demogrid__example2-col--a {
margin-left: 10px;
position: relative;
width: calc(99.99% - 9.999px)
}
@media (min-width:1024px) {
.demogrid__example2-col--a {
margin-left: 30px;
margin-left: 10px;
position: relative;
width: calc(99.99% - 29.997px);
width: calc(33.323% - 9.9969px)
}
}
@media (min-width:1024px) and (min-width:1024px) {
.demogrid__example2-col--a {
margin-left: 30px;
width: calc(33.323% - 29.9907px)
}
}
.demogrid__example2-col--b {
margin-left: 10px;
position: relative;
width: calc(33.323% - 9.9969px)
}
@media (min-width:1024px) {
.demogrid__example2-col--b {
margin-left: 30px;
width: calc(33.323% - 29.9907px)
}
}
@media (min-width:768px) {
.demogrid__example2-col--b {
margin-left: 10px;
position: relative;
width: calc(24.99% - 9.996px)
}
}
@media (min-width:768px) and (min-width:1024px) {
.demogrid__example2-col--b {
margin-left: 30px;
width: calc(24.99% - 29.988px)
}
}
@media (min-width:1024px) {
.demogrid__example2-col--b {
margin-left: 10px;
position: relative;
width: calc(8.323% - 9.9876px)
}
}
@media (min-width:1024px) and (min-width:1024px) {
.demogrid__example2-col--b {
margin-left: 30px;
width: calc(8.323% - 29.9628px)
}
}
.demogrid__example2-col--c {
margin-left: 10px;
position: relative;
width: calc(33.323% - 9.9969px)
}
@media (min-width:1024px) {
.demogrid__example2-col--c {
margin-left: 30px;
margin-left: 10px;
position: relative;
width: calc(33.323% - 29.9907px);
width: calc(16.657% - 9.9942px)
}
}
@media (min-width:1024px) and (min-width:1024px) {
.demogrid__example2-col--c {
margin-left: 30px;
width: calc(16.657% - 29.9826px)
}
}
.demogrid__example3 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: -10px;
width: calc(100% + 10px)
}
@media (min-width:1024px) {
.demogrid__example3 {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
margin-left: -30px;
width: calc(100% + 30px)
}
}
.demogrid__example3-col {
margin-left: 10px;
position: relative;
width: calc(99.99% - 9.999px)
}
@media (min-width:1024px) {
.demogrid__example3-col {
margin-left: 30px;
margin-left: calc(16.667% + 10px);
position: relative;
width: calc(99.99% - 29.997px);
width: calc(33.323% - 9.9969px)
}
}
@media (min-width:1024px) and (min-width:1024px) {
.demogrid__example3-col {
margin-left: 30px;
margin-left: calc(16.667% + 30px);
width: calc(33.323% - 29.9907px)
}
}
.demogrid__example3-col-j {
margin-left: 10px;
position: relative;
width: calc(99.99% - 9.999px)
}
@media (min-width:1024px) {
.demogrid__example3-col-j {
margin-left: 30px;
margin-left: 10px;
position: relative;
width: calc(99.99% - 29.997px);
width: calc(33.323% - 9.9969px)
}
}
@media (min-width:1024px) and (min-width:1024px) {
.demogrid__example3-col-j {
margin-left: 30px;
width: calc(33.323% - 29.9907px)
}
}
.demogrid__example4 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: 10px;
width: calc(100% + 10px);
width: calc(100% - 30px)
}
@media (min-width:1024px) {
.demogrid__example4 {
margin-left: -30px;
margin-left: -10px;
width: calc(100% + 30px);
width: calc(100% - 10px)
}
}
@media (min-width:1240px) {
.demogrid__example4 {
left: 50%;
margin-left: -630px;
max-width: 1230px;
position: relative;
width: calc(100% + 30px)
}
}
.demogrid__example4-col {
margin-left: 10px;
position: relative;
width: calc(49.99% - 9.998px)
}
@media (min-width:1024px) {
.demogrid__example4-col {
margin-left: 30px;
width: calc(49.99% - 29.994px)
}
} [data-modal] {
cursor: pointer
}
.video-player {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow: hidden;
position: relative
}
.video-player--wrap {
position: relative;
width: 100%
}
.video-player--wrap:after {
content: " ";
display: block;
padding-top: 56.25%
}
.video-player__screen {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
width: 100%;
z-index: 1
}
.video-player__screen img {
display: block;
min-height: 100%;
-o-object-fit: cover;
object-fit: cover;
position: absolute;
width: 100%;
z-index: 0
}
.video-player__play {
background: rgba(0, 0, 0, .7);
border: 0;
border-radius: 0;
cursor: pointer;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
padding: 29px 35px;
z-index: 1
}
.video-player__player {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
width: 100%
}
.app-gal {
margin: 0 auto;
max-width: 1440px;
overflow: hidden;
padding-bottom: 2.5%
}
@media (min-width:1024px) {
.app-gal {
margin-bottom: 90px
}
}
@media (min-width:1440px) {
.app-gal {
padding: 34px 0
}
}
.app-gal__slide {
margin: 0 1px;
outline: 0;
position: relative
}
.app-gal__slide:before {
background-image: -webkit-linear-gradient(267deg, transparent 43%, rgba(0, 0, 0, .8) 84%);
background-image: -o-linear-gradient(267deg, transparent 43%, rgba(0, 0, 0, .8) 84%);
background-image: linear-gradient(-177deg, transparent 43%, rgba(0, 0, 0, .8) 84%);
content: "";
height: 100%;
opacity: 0;
pointer-events: none;
position: absolute;
-webkit-transform: scale(.9);
-o-transform: scale(.9);
transform: scale(.9);
width: 100%;
z-index: 1
}
.app-gal__slide.slick-center {
margin: 0 1px
}
.app-gal__slide.slick-center:before {
background-image: -webkit-linear-gradient(267deg, transparent 43%, rgba(0, 0, 0, .8) 84%);
background-image: -o-linear-gradient(267deg, transparent 43%, rgba(0, 0, 0, .8) 84%);
background-image: linear-gradient(-177deg, transparent 43%, rgba(0, 0, 0, .8) 84%);
content: "";
height: 100%;
opacity: .9;
pointer-events: none;
position: absolute;
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
width: 100%;
z-index: 1
}
@media (min-width:1280px) {
.app-gal__slide.slick-center:before {
background-image: -webkit-linear-gradient(267deg, transparent 43%, rgba(0, 0, 0, .8) 84%);
background-image: -o-linear-gradient(267deg, transparent 43%, rgba(0, 0, 0, .8) 84%);
background-image: linear-gradient(-177deg, transparent 43%, rgba(0, 0, 0, .8) 84%);
opacity: .8
}
}
.app-gal__img {
height: 100%;
left: 0;
-o-object-fit: cover;
object-fit: cover;
position: absolute;
top: 0;
-webkit-transform: scale(.9);
-o-transform: scale(.9);
transform: scale(.9);
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease
}
.app-gal__info {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
bottom: 0;
bottom: -5%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
left: -5%;
pointer-events: none;
position: absolute;
z-index: 1
}
.app-gal__img--cta {
height: 60px;
opacity: 0;
width: 60px
}
@media (min-width:768px) {
.app-gal__img--cta {
height: 80px;
width: 80px
}
}
@media (min-width:1280px) {
.app-gal__img--cta {
height: 100px;
width: 100px
}
}
.slick-center .app-gal__img--cta {
opacity: 1;
-webkit-transition: opacity .5s ease-in-out .6s;
-o-transition: opacity .5s ease-in-out .6s;
transition: opacity .5s ease-in-out .6s
}
.app-gal__link {
display: block;
outline: 0;
padding-bottom: 59.0341382%;
position: relative
}
.slick-active .app-gal__link:before {
content: " ";
display: block;
height: 100%;
left: 0;
position: absolute;
top: 0;
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
width: 100%;
z-index: 1
}
.app-gal__cat-link {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
bottom: calc(-5% - 44px);
color: #191919;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
font-weight: 400;
opacity: 0;
position: absolute;
right: -5%;
z-index: 2
}
.app-gal__cat-link:before {
content: " ";
display: block;
height: 100%;
left: -75%;
position: absolute;
top: 0;
-webkit-transform: scaleX(1.5) scaleY(3);
-o-transform: scaleX(1.5) scaleY(3);
transform: scaleX(1.5) scaleY(3);
width: 100%
}
.app-gal__cat-link span {
display: none
}
@media (min-width:1024px) {
.app-gal__cat-link span {
display: inline
}
}
@media (min-width:1024px) {
.app-gal__cat-link {
bottom: calc(-5% + 29px);
color: #fff;
display: block;
right: calc(-5% + 30px);
z-index: 1
}
}
@media (min-width:1280px) {
.app-gal__cat-link {
bottom: calc(-5% + 40px);
right: calc(-5% + 40px)
}
}
.app-gal__cat-link svg {
height: 14px;
margin-left: 12px;
width: 8px
}
@media (min-width:1024px) {
.app-gal__cat-link svg {
height: 20px;
margin-left: 20px;
position: relative;
top: 5px;
width: 11px
}
.app-gal__cat-link svg path {
fill: #fff
}
}
.slick-center .app-gal__cat-link {
opacity: 1;
-webkit-transition: opacity .3s ease-in-out 1.5s;
-o-transition: opacity .3s ease-in-out 1.5s;
transition: opacity .3s ease-in-out 1.5s
}
.app-gal__title {
color: #fff;
font-size: 2.2rem;
font-weight: 300;
margin-bottom: 0;
margin-left: 20px;
opacity: 0;
-webkit-transform: translateY(30px);
-o-transform: translateY(30px);
transform: translateY(30px);
z-index: 2
}
.slick-center .app-gal__title {
opacity: 1;
-webkit-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
-webkit-transition: all .4s ease-in-out .9s;
-o-transition: all .4s ease-in-out .9s;
transition: all .4s ease-in-out .9s
}
@media (min-width:768px) {
.app-gal__title {
margin-left: 28px
}
}
@media (min-width:1280px) {
.app-gal__title {
font-size: 2.8rem;
margin-left: 38px
}
}
.slick-center .app-gal__img {
opacity: 1;
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1)
}
.app-gal__img {
width: 100%
}
.app-gal .slick-list {
overflow: visible
}
.app-gal .slick-dots {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
list-style-type: none;
margin-top: 2.5%;
padding-left: 4vw;
padding-top: 30px
}
@media (min-width:480px) {
.app-gal .slick-dots {
padding-left: 42px
}
}
@media (min-width:768px) {
.app-gal .slick-dots {
padding-left: 9vw
}
}
.app-gal .slick-dots button {
background: rgba(0, 0, 0, .2);
border: none;
-webkit-box-shadow: none;
box-shadow: none;
height: 2px;
margin-right: 4px;
text-indent: -9999em;
width: 20px
}
@media (min-width:375px) {
.app-gal .slick-dots button {
width: 29px
}
}
.app-gal .slick-dots .slick-active button {
background: #bd1c1c
}
.app-gal__controls {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 117px;
margin-bottom: 2.5%
}
@media (min-width:768px) {
.app-gal__controls {
margin-bottom: 2.3%
}
}
@media (min-width:1024px) {
.app-gal__controls {
display: none
}
}
.app-gal__arrow {
background: none;
border: none;
-webkit-box-shadow: none;
box-shadow: none
}
.app-gal__prev {
margin-left: 10px;
margin-right: auto
}
.app-gal__next {
margin-right: 10px
}
.app-gal__nav {
display: none
}
@media (min-width:768px) {
.app-gal__nav {
border-top: 1px solid #bcbcb7;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0 auto;
max-width: 1200px;
padding: 26px 0;
width: 85%
}
}
.app-gal__cat {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
bottom: 105%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 30px;
position: absolute;
text-align: center;
width: 100%
}
@media (min-width:1024px) {
.app-gal__cat {
margin: 0 30px;
position: static;
width: auto
}
.app-gal .app-gal__cat {
display: none
}
.app-gal__cat:first-child {
margin-left: 0
}
.app-gal__cat:last-child {
margin-right: 0
}
}
@media (min-width:1280px) {
.app-gal__cat {
margin: 0 60px
}
}
.app-gal__cat svg {
height: 32px;
width: 32px
}
.app-gal__cat svg path {
fill: #bcbcb7;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s
}
.slick-center .app-gal__cat svg path {
fill: #bd1c1c
}
.app-gal__cat-lbl {
color: #303030;
font-weight: 400;
margin-top: 10px;
text-transform: uppercase;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s
}
@media (min-width:1024px) {
.app-gal__cat-lbl {
color: #bcbcb7;
font-size: 1.4rem
}
}
.app-gal__cat.is-active .app-gal__cat-lbl, .app-gal__cat:hover .app-gal__cat-lbl {
color: #303030
}
.app-gal__cat.is-active svg path, .app-gal__cat:hover svg path {
fill: #bd1c1c
}
.app-start {
padding: 28px 30px;
text-align: center
}
@media (min-width:1024px) {
.app-start {
margin-top: 90px;
padding: 0 0 50px
}
}
.app-start__title {
font-size: 4.2rem
}
@media (min-width:1024px) {
.app-start__title {
font-size: 6.4rem;
margin-bottom: 4rem
}
}
.app-start__summary {
margin: 0
}
.app-start__summary a {
color: #191919;
font-weight: 400
}
.form-input .style-select {
height: 100%;
position: absolute;
top: 0;
width: 100%
}
.form-input .style-select:after {
background: #e5e5df;
content: "";
height: 3rem;
position: absolute;
right: 7rem;
top: 2rem;
width: 1px
}
.form-input .style-select:focus {
outline: none
}
.form-input .style-select .ss-selected-option {
background: none;
border: none;
font-size: 2rem;
font-weight: 400;
height: 100%;
line-height: 1.15;
outline: none;
padding: 3rem 2rem 1.3rem;
position: relative
}
.form-input .style-select .ss-dropdown {
border: none;
-webkit-box-shadow: none;
box-shadow: none;
font-size: 1.8rem;
top: 100%
}
.form-input .style-select .ss-dropdown .ss-option {
padding: 1rem 2rem
}
.form-input .style-select .ss-dropdown .ss-option.ticked:before {
content: none
}
.form-input .style-select .ss-dropdown .ss-option.highlighted {
background-color: #9A4D00;
color: #fff
}
.form-input .style-select .ss-selected-option:after {
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCAyMCAxMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNLS4wNjIgMS4zTDEuMTc3LjA2M2w4Ljc2MSA4Ljc2MUwxOC43LjA2MiAxOS45NCAxLjNsLTkuMzgxIDkuMzhhLjg3NS44NzUgMCAwIDEtMS4yNCAwbC05LjM4LTkuMzh6IiBmaWxsPSIjODA4MDdBIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L3N2Zz4=);
content: "";
height: 11px;
right: 2.5rem;
top: 2.8rem;
width: 20px
}
.form-input .style-select.open .ss-selected-option:after {
-webkit-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg)
}
.msg {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-weight: 400;
margin-bottom: 22px;
padding: 13px 17px
}
@media (min-width:1280px) {
.msg {
padding-right: 70px
}
}
.msg svg {
-ms-flex-negative: 0;
flex-shrink: 0;
position: relative;
top: 5px
}
.msg p {
font-size: 18px;
margin: 0;
padding-left: 12px
}
.msg--warning {
background: #ffefcf;
color: #4d483e
}
.sf-chat {
-webkit-backface-visibility: hidden;
bottom: 0;
height: 60px;
position: fixed;
right: 0;
-webkit-transform: translateZ(0);
transform: translateZ(0);
width: 80px;
z-index: 10
}
@media (min-width:768px) {
.sf-chat {
width: 292px
}
}
.sf-chat__btn {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #0e7f88;
color: #fff;
display: block;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 60px;
padding: 0 0 0 24px;
position: relative;
width: 100%
}
.sf-chat__btn:hover {
color: #fff
}
.sf-chat__btn--online:after {
background: #86ff65
}
.sf-chat__btn--offline:after, .sf-chat__btn--online:after {
border-radius: 50%;
content: "";
height: 6px;
position: absolute;
right: 20px;
top: 50%;
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
width: 6px
}
.sf-chat__btn--offline:after {
background: #42e6d8
}
.sf-chat__btn.hide-offline {
display: none !important
}
.sf-chat__lbl {
display: none;
font-family: neuzeit-grotesk, sans-serif;
font-size: 15px;
font-weight: 700;
line-height: 1;
margin-left: 15px
}
@media (min-width:768px) {
.sf-chat__lbl {
display: inline
}
}
.section-heading {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 50px;
margin-left: -10px;
margin-top: 50px;
width: calc(100% + 10px)
}
@media (min-width:1024px) {
.section-heading {
margin-left: -30px;
width: calc(100% + 30px)
}
}
.section-heading.contain {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: 10px;
width: calc(100% + 10px);
width: calc(100% - 30px)
}
@media (min-width:1024px) {
.section-heading.contain {
margin-left: -30px;
margin-left: -10px;
width: calc(100% + 30px);
width: calc(100% - 10px)
}
}
@media (min-width:1240px) {
.section-heading.contain {
left: 50%;
margin-left: -630px;
max-width: 1230px;
position: relative;
width: calc(100% + 30px)
}
}
@media (min-width:1024px) {
.section-heading {
margin-bottom: 90px;
margin-top: 90px
}
.section-heading.secondary {
margin-bottom: 75px
}
}
.section-heading--content {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-left: 10px;
position: relative;
width: calc(99.99% - 9.999px)
}
@media (min-width:1024px) {
.section-heading--content {
margin-left: 30px;
width: calc(99.99% - 29.997px)
}
}
.section-heading h2 {
color: #bd1c1c;
}
aside.index-layout {
margin-bottom: 75px;
}
.section-heading .line {
border-bottom: 1px solid hsla(60, 4%, 73%, .4);
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
margin: 0 37px
}
.section-heading .line:last-child {
margin-right: 0
}
.section-heading.index-heading {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: 10px;
width: calc(100% + 10px);
width: calc(100% - 30px)
}
@media (min-width:1024px) {
.section-heading.index-heading {
margin-left: -30px;
margin-left: -10px;
width: calc(100% + 30px);
width: calc(100% - 10px)
}
}
@media (min-width:1240px) {
.section-heading.index-heading {
left: 50%;
margin-left: -630px;
max-width: 1230px;
position: relative;
width: calc(100% + 30px)
}
}
.section-heading.index-heading h2 {
color: #303030;
font-size: 6.4rem
}
@media (min-width:1024px) {
.section-heading.index-heading h2 {
font-size: 6.4rem;
margin-bottom: -10px
}
}
.section-heading.tagline-heading .section-heading--content {
display: block
}
@media (min-width:1280px) {
.section-heading.tagline-heading .section-heading--content {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
}
.section-heading.search-heading {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 30px;
margin-left: 10px;
margin-top: 40px;
width: calc(100% + 10px);
width: calc(100% - 30px)
}
@media (min-width:1024px) {
.section-heading.search-heading {
margin-left: -30px;
margin-left: -10px;
width: calc(100% + 30px);
width: calc(100% - 10px)
}
}
@media (min-width:1240px) {
.section-heading.search-heading {
left: 50%;
margin-left: -630px;
max-width: 1230px;
position: relative;
width: calc(100% + 30px)
}
}
@media (min-width:1024px) {
.section-heading.search-heading {
margin-bottom: 0;
margin-top: 90px
}
}
.section-heading.search-heading .line {
display: none
}
.section-heading.search-heading h2 {
color: #303030;
font-size: 4rem
}
@media (min-width:1024px) {
.section-heading.search-heading h2 {
font-size: 6.4rem;
margin-bottom: -10px
}
}
@media (min-width:1024px) {
.section-heading.project-heading h2 {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: -60px;
position: relative;
width: 100%
}
.section-heading.project-heading h2:after {
background: hsla(60, 4%, 73%, .4);
content: " ";
display: block;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
height: 1px;
margin-left: 20px;
width: 100%
}
}
.section-heading__tagline {
display: block;
font-size: 1.8rem;
margin: 2rem 0 0
}
@media (min-width:1024px) {
.section-heading__tagline {
font-size: 2.4rem;
margin-top: 3rem
}
}
@media (min-width:1280px) {
.section-heading__tagline {
margin: 0;
position: relative;
top: 8px
}
}
.pricing {
margin: -30px auto 60px;
overflow: hidden
}
@media (min-width:1024px) {
.pricing {
margin: 0 auto;
padding-top: 168px
}
}
@media (min-width:1280px) {
.pricing.landing {
margin-bottom: -100px;
margin-top: 20px
}
}
.pricing__container {
margin: 0 auto;
max-width: 1200px;
padding: 0;
position: relative;
width: calc(100% - 40px)
}
@media (min-width:1240px) {
.pricing__container {
width: 1200px
}
}
.pricing__header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: -10px;
width: calc(100% + 10px)
}
@media (min-width:1024px) {
.pricing__header {
margin-left: -30px;
width: calc(100% + 30px)
}
}
@media (min-width:768px) {
.pricing__header {
padding-top: 50px
}
}
@media (min-width:1024px) {
.pricing__header {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse
}
}
.pricing__image {
margin-left: 10px;
position: relative;
width: calc(99.99% - 9.999px)
}
@media (min-width:1024px) {
.pricing__image {
margin-left: 30px;
width: calc(99.99% - 29.997px)
}
}
.pricing__image:before {
content: " ";
display: block;
height: 1px;
margin-top: -1px;
padding-bottom: 88%;
width: 100%
}
@media (min-width:768px) {
.pricing__image:before {
padding-bottom: 56%
}
}
.internal .pricing__image:before {
margin-top: 70px
}
@media (min-width:1024px) {
.internal .pricing__image:before {
margin-top: 0;
padding-bottom: 0
}
}
.pricing__image--img {
height: 100%;
left: -15%;
-o-object-fit: contain;
object-fit: contain;
position: absolute;
top: 0;
width: 130%
}
@media (min-width:375px) {
.pricing__image--img {
left: -30px;
width: 120%
}
}
@media (min-width:1024px) {
.pricing__image--img {
left: -100%;
top: -100px;
width: 250%
}
}
@media (min-width:1280px) {
.pricing__image--img {
height: auto;
left: -108%;
top: -130px;
width: 260%
}
}
@media (min-width:1024px) {
.internal .pricing__image--img {
left: auto;
right: 0;
top: -50px;
width: 160%
}
}
.pricing__image--powered-by {
bottom: 20%;
position: absolute;
width: 110px;
z-index: 2
}
@media (min-width:768px) {
.pricing__image--powered-by {
bottom: 30%;
width: 186px
}
}
@media (min-width:1024px) {
.pricing__image--powered-by {
display: none
}
}
.internal .pricing__image--powered-by {
display: none
}
@media (min-width:1024px) {
.pricing__image {
margin-left: 10px;
position: relative;
width: calc(33.323% - 9.9969px)
}
}
@media (min-width:1024px) and (min-width:1024px) {
.pricing__image {
margin-left: 30px;
width: calc(33.323% - 29.9907px)
}
}
@media (min-width:1024px) {
.pricing__image:before {
padding-bottom: 150%
}
}
.pricing__content {
margin-left: 10px;
position: relative;
width: calc(99.99% - 9.999px)
}
@media (min-width:1024px) {
.pricing__content {
margin-left: 30px;
width: calc(99.99% - 29.997px)
}
}
.pricing__content h2 {
font-size: 4.8rem
}
@media (min-width:1024px) {
.pricing__content h2 {
font-size: 4.8rem
}
}
@media (min-width:768px) {
.pricing__content p {
font-size: 2rem;
margin: 3.2rem 0 3.5rem
}
}
@media (min-width:1280px) {
.pricing__content p {
padding-right: 80px
}
}
@media (min-width:1024px) {
.pricing__content {
margin-left: 10px;
position: relative;
width: calc(66.657% - 9.99855px)
}
}
@media (min-width:1024px) and (min-width:1024px) {
.pricing__content {
margin-left: 30px;
width: calc(66.657% - 29.99565px)
}
}
@media (min-width:1280px) {
.internal .pricing__content h2 {
font-size: 4.8rem
}
}
.pricing__cta {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: -10px;
width: calc(100% + 10px)
}
@media (min-width:1024px) {
.pricing__cta {
margin-bottom: 67px;
margin-left: -30px;
margin-top: 67px;
width: calc(100% + 30px)
}
}
.pricing__cta--left {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-left: 10px;
position: relative;
width: calc(99.99% - 9.999px)
}
@media (min-width:1024px) {
.pricing__cta--left {
margin-left: 30px;
width: calc(99.99% - 29.997px)
}
}
.pricing__cta--left a:first-child {
margin-right: 10px
}
@media (min-width:1024px) {
.pricing__cta--left {
margin-left: 10px;
position: relative;
width: calc(62.49% - 9.9984px)
}
}
@media (min-width:1024px) and (min-width:1024px) {
.pricing__cta--left {
margin-left: 30px;
width: calc(62.49% - 29.9952px)
}
}
@media (min-width:1280px) {
.pricing__cta--left {
margin-left: 10px;
position: relative;
width: calc(49.99% - 9.998px)
}
}
@media (min-width:1280px) and (min-width:1024px) {
.pricing__cta--left {
margin-left: 30px;
width: calc(49.99% - 29.994px)
}
}
.pricing__cta--right {
display: none
}
@media (min-width:1024px) {
.pricing__cta--right {
border-left: 1px solid #d0d0cc;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-left: 10px;
padding-left: 35px;
position: relative;
width: calc(37.49% - 9.99733px)
}
}
@media (min-width:1024px) and (min-width:1024px) {
.pricing__cta--right {
margin-left: 30px;
width: calc(37.49% - 29.992px)
}
}
@media (min-width:1024px) {
.pricing__cta--right img {
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
width: 186px
}
}
@media (min-width:1280px) {
.pricing__cta--right {
margin-left: calc(12.5% + 10px);
position: relative;
width: calc(37.49% - 9.99733px)
}
}
@media (min-width:1280px) and (min-width:1024px) {
.pricing__cta--right {
margin-left: 30px;
margin-left: calc(12.5% + 30px);
width: calc(37.49% - 29.992px)
}
}
.internal .pricing__cta--right {
display: none
}
.pricing__steps {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
list-style: none;
margin-left: -10px;
width: calc(100% + 10px)
}
@media (min-width:1024px) {
.pricing__steps {
margin-left: -30px;
width: calc(100% + 30px)
}
}
@media (min-width:768px) {
.pricing__steps {
counter-reset: number;
font-size: 2rem;
padding-top: 50px
}
}
.pricing__step {
margin-left: 10px;
position: relative;
width: calc(99.99% - 9.999px)
}
@media (min-width:1024px) {
.pricing__step {
margin-left: 30px;
width: calc(99.99% - 29.997px)
}
}
.pricing__step h3 {
font-size: 2rem;
margin: 2.8rem 0
}
@media (min-width:768px) {
.pricing__step h3 {
font-size: 2.8rem
}
}
@media (min-width:1024px) {
.pricing__step h3 {
font-size: 2.8rem;
margin: .2rem 0 3.8rem
}
}
@media (min-width:768px) {
.pricing__step {
margin-bottom: 25px;
padding-left: 50px
}
.pricing__step:before {
border: 2px solid #9A4D00;
border-radius: 2px;
color: #9A4D00;
content: counter(number);
counter-increment: number;
display: block;
font-family: neuzeit-grotesk, sans-serif;
height: 28px;
left: 0;
line-height: 28px;
position: absolute;
text-align: center;
top: 2.5rem;
width: 28px
}
}
@media (min-width:1024px) {
.pricing__step {
margin-bottom: 0;
margin-left: 10px;
position: relative;
width: calc(33.323% - 9.9969px)
}
}
@media (min-width:1024px) and (min-width:1024px) {
.pricing__step {
margin-left: 30px;
width: calc(33.323% - 29.9907px)
}
}
@media (min-width:1024px) {
.pricing__step:before {
top: 0
}
}
.three-page-links {
margin: 0 auto;
max-width: 1200px;
padding: 0;
position: relative;
width: calc(100% - 40px)
}
@media (min-width:1240px) {
.three-page-links {
width: 1200px
}
}
@media (min-width:1024px) {
.three-page-links {
margin-bottom: 0
}
}
.three-page-links__block {
margin-bottom: 40px;
margin-left: 10px;
position: relative;
width: calc(99.99% - 9.999px)
}
@media (min-width:1024px) {
.three-page-links__block {
margin-bottom: 90px;
margin-left: 30px;
margin-left: 10px;
position: relative;
width: calc(99.99% - 29.997px);
width: calc(33.323% - 9.9969px)
}
}
@media (min-width:1024px) and (min-width:1024px) {
.three-page-links__block {
margin-left: 30px;
width: calc(33.323% - 29.9907px)
}
}
.three-page-links__img {
margin-bottom: 25px;
position: relative
}
@media (min-width:1024px) {
.three-page-links__img {
margin-bottom: 45px
}
}
.three-page-links__img:before {
content: " ";
display: block;
height: 1px;
margin-top: -1px;
padding-bottom: 70%
}
.three-page-links__img img {
height: 100%;
left: 0;
-o-object-fit: cover;
object-fit: cover;
position: absolute;
top: 0;
width: 100%
}
.three-page-links h5 {
font-size: 2.8rem;
margin-bottom: 16px
}
@media (min-width:1024px) {
.three-page-links h5 {
font-size: 2.8rem;
margin-bottom: 30px
}
}
.three-page-links p {
margin: 0
}
@media (min-width:1280px) {
.three-page-links p {
padding-right: 2.5rem
}
}
.three-page-links a:before {
content: " ";
display: block;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%
}
.quick-links {
margin: 0 auto 50px;
max-width: 1240px;
padding: 0 20px
}
.quick-links h3 {
color: #bd1c1c;
font-size: 32px;
line-height: 100%;
margin-bottom: 27px;
overflow: hidden;
position: relative;
width: 100%
}
.quick-links h3:after {
background-color: #d8d8d8;
bottom: 5px;
content: "";
height: 1px;
margin-left: 15px;
position: absolute;
width: 100%
}
.quick-links .quick-links__wrapper {
display: grid;
grid-gap: 30px;
grid-template-columns: 1fr;
justify-items: center
}
@media (min-width:600px) {
.quick-links .quick-links__wrapper {
grid-template-columns: 1fr 1fr
}
}
@media (min-width:1024px) {
.quick-links .quick-links__wrapper {
grid-template-columns: 1fr 1fr 1fr 1fr
}
}
.quick-links .quick-links__wrapper .quick-link {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border: 1px solid transparent;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
max-width: 277px;
padding: 37px 20px;
position: relative;
-webkit-transition: .2s;
-o-transition: .2s;
transition: .2s
}
.quick-links .quick-links__wrapper .quick-link:hover {
-webkit-box-shadow: 0 15px 35px 0 rgba(0, 0, 0, .15);
box-shadow: 0 15px 35px 0 rgba(0, 0, 0, .15)
}
.quick-links .quick-links__wrapper .quick-link img {
margin-bottom: 25px;
width: 73px
}
.quick-links .quick-links__wrapper .quick-link h5 {
font-size: 24px;
margin-bottom: 10px
}
.quick-links .quick-links__wrapper .quick-link p {
font-size: 18px;
margin-bottom: 2px;
text-align: center
}
.quick-links .quick-links__wrapper .quick-link a {
color: #191919;
font-size: 18px;
font-weight: 500
}
.quick-links .quick-links__wrapper .quick-link a:before {
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%
}
.home-banner {
display: block;
margin: 0 auto 40px;
max-width: 1200px;
overflow: hidden;
position: relative
}
.home-banner__img {
height: 100%;
left: 0;
-o-object-fit: cover;
object-fit: cover;
position: absolute;
top: 0;
-webkit-transition: -webkit-transform .7s ease-in-out;
transition: -webkit-transform .7s ease-in-out;
-o-transition: -o-transform .7s ease-in-out;
transition: transform .7s ease-in-out;
transition: transform .7s ease-in-out, -webkit-transform .7s ease-in-out, -o-transform .7s ease-in-out;
width: 100%;
z-index: 1
}
.home-banner:hover .home-banner__img {
-webkit-transform: scale(1.06);
-o-transform: scale(1.06);
transform: scale(1.06)
}
.home-banner__body {
left: 0;
position: relative;
top: 0;
z-index: 2
}
.home-banner__text {
margin-bottom: 8%;
margin-left: 7%;
margin-top: 9%;
max-width: 83%
}
@media (min-width:375px) {
.home-banner__text {
margin-bottom: 8%;
margin-left: 7%;
margin-top: 9%;
max-width: 77%
}
}
@media (min-width:600px) {
.home-banner__text {
margin-bottom: 8%;
margin-left: 7%;
margin-top: 9%;
max-width: 60%
}
}
@media (min-width:768px) {
.home-banner__text {
margin-bottom: 8%;
margin-left: 7%;
margin-top: 9%;
max-width: 69%
}
}
@media (min-width:1024px) {
.home-banner__text {
margin-bottom: 8%;
margin-left: 7%;
margin-top: 9%;
max-width: 50%
}
}
.home-banner__title {
color: #fff;
font-size: 34px;
letter-spacing: -.61px;
line-height: 34px;
margin-bottom: 0
}
@media (min-width:768px) {
.home-banner__title {
display: block;
font-size: 48px;
letter-spacing: 0;
line-height: 48px
}
}
.home-banner-cta {
bottom: 0;
height: 60px;
position: absolute;
right: 0;
width: 60px;
z-index: 3
}
@media (min-width:768px) {
.home-banner-cta {
height: 100px;
width: 100px
}
}
.home__banner__label {
background-color: #bd1c1c;
color: #fff;
display: inline-block;
-webkit-filter: opacity(80%);
filter: opacity(80%);
font-family: Roboto Condensed, sans-serif !important;
font-size: 14px;
font-weight: 400;
letter-spacing: 0;
-webkit-margin-after: 15px;
margin-block-end: 15px;
-webkit-margin-before: 0;
margin-block-start: 0;
padding: 7px
}
@media (min-width:768px) {
.home__banner__label {
font-size: 20px;
font-weight: 500;
margin: 0 0 10px
}
}
.page-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: 10px;
margin-top: 30px;
width: calc(100% + 10px);
width: calc(100% - 30px)
}
@media (min-width:1024px) {
.page-header {
margin-left: -30px;
margin-left: -10px;
width: calc(100% + 30px);
width: calc(100% - 10px)
}
}
@media (min-width:1240px) {
.page-header {
left: 50%;
margin-left: -630px;
max-width: 1230px;
position: relative;
width: calc(100% + 30px)
}
}
@media (min-width:1024px) {
.page-header {
margin-top: 90px
}
}
.page-header+* {
margin-top: 0 !important
}
.page-header h1 {
margin-left: 10px;
position: relative;
width: calc(99.99% - 9.999px)
}
@media (min-width:1024px) {
.page-header h1 {
margin-left: 30px;
margin-left: calc(16.667% + 10px);
position: relative;
width: calc(99.99% - 29.997px);
width: calc(66.657% - 9.99855px)
}
}
@media (min-width:1024px) and (min-width:1024px) {
.page-header h1 {
margin-left: 30px;
margin-left: calc(16.667% + 30px);
width: calc(66.657% - 29.99565px)
}
}
.landing-header {
display: -webkit-box;
}
@media (min-width:1024px) {
.landing-header {
margin-top: 100px
}
}
@media (min-width:1024px) {
.landing-header h1 {
margin-bottom: 4rem
}
}
.newsletter-signup {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 50px;
margin-left: 10px;
margin-top: 50px;
width: calc(100% + 10px);
width: calc(100% - 30px)
}
@media (min-width:1024px) {
.newsletter-signup {
padding-bottom: 100px;
margin-top: 100px
}
}
aside.newsletter-signup {
border-bottom: 1px solid #aaa;
padding-bottom: 100px;
}
section.layout--spacing--larger.pb-5 {
padding-top: 0px;
}
.newsletter-signup__image {
display: none;
margin-left: 10px;
position: relative;
width: calc(99.99% - 9.999px)
}
@media (min-width:1024px) {
.newsletter-signup__image {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-left: 30px;
margin-left: 10px;
padding-right: 30px;
position: relative;
width: calc(99.99% - 29.997px);
width: calc(24.99% - 9.996px)
}
}
@media (min-width:1024px) and (min-width:1024px) {
.newsletter-signup__image {
margin-left: 30px;
width: calc(24.99% - 29.988px)
}
}
@media (min-width:1024px) {
.newsletter-signup__image img {
-ms-flex-item-align: center;
align-self: center;
margin-top: -40px;
width: 100%
}
}
.newsletter-signup__copy {
margin-left: 10px;
position: relative;
width: calc(99.99% - 9.999px)
}
@media (min-width:1024px) {
.newsletter-signup__copy {
margin-left: 30px;
margin-left: 10px;
position: relative;
width: calc(99.99% - 29.997px);
width: calc(41.657% - 9.99768px)
}
}
@media (min-width:1024px) and (min-width:1024px) {
.newsletter-signup__copy {
margin-left: 30px;
width: calc(41.657% - 29.99304px)
}
}
.newsletter-signup__copy p {
padding-right: 20%
}
.newsletter-signup__form {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: 10px;
position: relative;
width: calc(99.99% - 9.999px)
}
@media (min-width:1024px) {
.newsletter-signup__form {
margin-left: 30px;
margin-left: 10px;
position: relative;
width: calc(99.99% - 29.997px);
width: calc(33.323% - 9.9969px)
}
}
@media (min-width:1024px) and (min-width:1024px) {
.newsletter-signup__form {
margin-left: 30px;
width: calc(33.323% - 29.9907px)
}
}
.newsletter-signup__form .input-wrapper {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1
}
.newsletter-signup__form h3 {
-ms-flex-preferred-size: auto;
flex-basis: auto;
margin: 0;
width: 100%
}
.newsletter-signup__form h3+p {
margin-top: -12px
}
.newsletter-signup__form input {
border: 0;
border-bottom: 2px solid #9A4D00;
font-size: 1.75rem;
height: 60px;
line-height: 60px;
width: 100%
}
.newsletter-signup__form button {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #9A4D00;
border: 0;
border-radius: 2px;
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-preferred-size: auto;
flex-basis: auto;
height: 60px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-left: 28px;
-webkit-transition: background .3s;
-o-transition: background .3s;
transition: background .3s;
}
.newsletter-signup__form button:focus, .newsletter-signup__form button:hover {
background: #191919
}
.newsletter-signup__form p a {
color: #9A4D00
}
.newsletter-signup__title span {
color: #9A4D00;
display: block;
font-family: Roboto Condensed, sans-serif;
font-size: 1.4rem;
font-weight: 500;
letter-spacing: 4px;
margin-bottom: .7em;
text-transform: uppercase
}
.welcome-message {
bottom: 0;
-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .2);
box-shadow: 0 0 20px rgba(0, 0, 0, .2);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
max-width: 380px;
position: fixed;
right: 0;
-webkit-transform: translateY(100%) translateY(100px);
-o-transform: translateY(100%) translateY(100px);
transform: translateY(100%) translateY(100px);
-webkit-transition: -webkit-transform .3s;
transition: -webkit-transform .3s;
-o-transition: -o-transform .3s;
transition: transform .3s;
transition: transform .3s, -webkit-transform .3s, -o-transform .3s;
width: 100vw;
z-index: 100000
}
@media (min-width:480px) {
.welcome-message {
border-top-left-radius: 4px;
overflow: hidden
}
}
.welcome-message__wrap {
position: relative
}
.welcome-message--show {
-webkit-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%)
}
@media (min-width:480px) {
.welcome-message--show {
-webkit-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
}
.welcome-message__mobile-toggle {
background: transparent;
border: 0;
cursor: pointer;
padding: 23px 20px;
position: absolute;
right: 0;
top: 0
}
@media (min-width:480px) {
.welcome-message__mobile-toggle {
display: none
}
}
.welcome-message__close {
background: transparent;
border: 0;
cursor: pointer;
display: none;
padding: 23px 20px;
position: absolute;
right: 0;
top: 0
}
@media (min-width:480px) {
.welcome-message__close {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 23px 30px
}
}
.welcome-message--mobile-show {
background: red;
-webkit-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
.welcome-message--mobile-show .welcome-message__close {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.welcome-message--mobile-show .welcome-message__mobile-toggle {
display: none
}
.welcome-message__top {
background: rgba(57, 191, 180, .9);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 100px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 20px 30px;
position: absolute;
top: -100px;
width: 100%
}
.welcome-message__top h2 {
color: #fff;
font-size: 2.4rem;
margin: 0
}
.welcome-message__top h3 {
color: #fff;
font-family: Roboto Condensed, sans-serif;
font-size: 2rem;
font-weight: 400;
margin: 0
}
@media (min-width:480px) {
.welcome-message__top {
position: relative;
top: 0
}
}
.welcome-message__bottom {
background: #fff;
padding: 30px 40px 30px 30px
}
.welcome-message__bottom p {
font-size: 1.8rem
}
.welcome-message__bottom p:last-child {
margin-bottom: 0
}
.welcome-message__bottom a {
color: #191919;
font-weight: 400
}
.pp-popdown {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #0e7f88;
color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 0;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0;
overflow: hidden;
padding: 0 30px;
position: relative;
-webkit-transition: height .3s ease-in-out;
-o-transition: height .3s ease-in-out;
transition: height .3s ease-in-out
}
.pp-popdown--show {
height: 30px
}
.pp-popdown p {
color: #fff;
font-size: 1.3rem;
margin: 0
}
.pp-popdown__close {
background: transparent;
border: 0;
cursor: pointer;
height: 100%;
position: absolute;
right: 0;
top: 0
}
.pp-popdown__bullet {
margin-right: 10px
}
.pp-popdown a {
border-bottom: 1px solid hsla(0, 0%, 100%, .7)
}
.project__results {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: wrap;
flex-flow: wrap;
margin: 0 auto;
max-width: 1000px
}
.project__result-item {
height: 300px;
padding: 20px;
position: relative;
width: 50%
}
.project__result-item:nth-child(10n+1)>*, .project__result-item:nth-child(10n+7)>* {
height: calc(200% - 40px)
}
.project__result-item:nth-child(10n+3) {
width: 100%
}
.project__result-item:nth-child(10n+3)>* {
right: 20px;
width: calc(50% - 40px)
}
.project__result-item:nth-child(10n+8) {
width: 100%
}
.project__result-item:nth-child(10n+8)>* {
left: 20px;
width: calc(50% - 40px)
}
.project__tile {
height: calc(100% - 40px);
padding: 15px;
position: absolute;
top: 20px;
width: calc(100% - 40px);
z-index: 1
}
.project__tile * {
position: relative;
z-index: 1
}
.project__tile img {
display: block;
height: 100%;
left: 0;
-o-object-fit: cover;
object-fit: cover;
position: absolute;
top: 0;
width: 100%;
z-index: 0
}
.project-results {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: 10px;
width: calc(100% + 10px);
width: calc(100% - 30px);
z-index: 2
}
@media (min-width:1024px) {
.project-results {
margin-left: -30px;
margin-left: -10px;
width: calc(100% + 30px);
width: calc(100% - 10px)
}
}
@media (min-width:1240px) {
.project-results {
left: 50%;
margin-left: -630px;
max-width: 1230px;
position: relative;
width: calc(100% + 30px)
}
}
.project__refinements {
margin-left: 10px;
position: relative;
width: calc(99.99% - 9.999px);
z-index: 2
}
@media (min-width:1024px) {
.project__refinements {
margin-left: 30px;
width: calc(99.99% - 29.997px)
}
}
.project__refinements .desktop-filters__column {
border-bottom: 1px solid hsla(60, 4%, 73%, .3);
position: relative
}
.project__refinements .desktop-filters__column:first-of-type .filterbar__block {
border-left: 1px solid hsla(60, 4%, 73%, .3)
}
@media (min-width:1024px) {
.project__refinements .desktop-filters__column {
border-bottom: none
}
}
.project__refinements .desktop-filters__column .filter-title {
font-size: 2rem;
line-height: 22px;
margin: 0;
padding: 24px 20px
}
@media (min-width:1024px) {
.project__refinements .desktop-filters__column .filter-title {
padding: 24px 30px
}
}
.project__refinements .desktop-filters__column .filter-title .column-filter-number {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #9A4D00;
border-radius: 2px;
color: #fff;
display: none;
font-size: 16px;
height: 22px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-left: auto;
margin-right: 20px;
width: 22px
}
.project__refinements .desktop-filters__column .filter-title .column-filter-number.show-filter-number {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex
}
.project__refinements .desktop-filters__column [data-toggle-target] {
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.project__refinements .desktop-filters__column [data-toggle-target]+* {
height: 0;
overflow: hidden
}
.project__refinements .desktop-filters__column [data-toggle-target]:after {
background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Ym94PSIwIDAgMjAgMTEiIHdpZHRoPSIyMCIgaGVpZ2h0PSIxMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMCA5LjYzOGwxLjIzOSAxLjIzOEwxMCAyLjExNmw4Ljc2MSA4Ljc2TDIwIDkuNjM4IDEwLjYyLjI1N2EuODc1Ljg3NSAwIDAgMC0xLjI0IDBMMCA5LjYzN3oiIGZpbGw9IiNCQ0JDQjciIGZpbGwtcnVsZT0ibm9uemVybyIvPjwvc3ZnPg==);
background-size: 20px 11px;
content: " ";
display: block;
height: 11px;
position: relative;
top: 5px;
-webkit-transform: scaleY(-1);
-o-transform: scaleY(-1);
transform: scaleY(-1);
width: 20px
}
.project__refinements .desktop-filters__column .block-active:after {
background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjEgMTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTS40MzggMTAuMmwxLjIzOSAxLjIzOCA4Ljc2MS04Ljc2MSA4Ljc2MSA4Ljc2MSAxLjI0LTEuMjM5TDExLjA1Ny44MmEuODc1Ljg3NSAwIDAgMC0xLjI0IDBsLTkuMzggOS4zOHoiIGZpbGw9IiMzOUJGQjQiIGZpbGwtcnVsZT0ibm9uemVybyIvPjwvc3ZnPg==);
-webkit-transform: scaleY(1);
-o-transform: scaleY(1);
transform: scaleY(1)
}
.project__refinements .desktop-filters__column .block-active+* {
height: auto
}
@media (min-width:1024px) {
.project__refinements .desktop-filters__column .block-active~fieldset.filterbar__block {
-webkit-box-shadow: 15px 15px 25px 0 rgba(0, 0, 0, .1);
box-shadow: 15px 15px 25px 0 rgba(0, 0, 0, .1);
z-index: -1
}
}
@media (min-width:1024px) {
.project__refinements .toggle-refinements {
display: none
}
.project__refinements .desktop-filters {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
height: auto;
margin-bottom: 30px;
position: relative
}
.project__refinements .filterbar__block {
border-bottom: none;
border-right: 1px solid hsla(60, 4%, 73%, .3)
}
.project__refinements .filterbar__block [data-toggle]+* {
height: auto
}
.project__refinements .filterbar__block [data-toggle]:after {
display: block
}
.project__refinements .filter-bar__header {
border-bottom: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
margin-bottom: 20px;
margin-top: -10px;
padding-right: 0
}
.project__refinements .filter-bar__header:after {
display: none
}
.project__refinements .filter-bar__header .filter-controls {
margin-right: 0
}
.project__refinements .filter-bar__header .filter-controls .clear-filters {
margin-left: 30px
}
}
.features-home {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 50px;
margin-left: 10px;
margin-top: 50px;
width: calc(100% + 10px);
width: calc(100% - 30px)
}
@media (min-width:1024px) {
.features-home {
margin-left: -30px;
margin-left: -10px;
width: calc(100% + 30px);
width: calc(100% - 10px)
}
}
@media (min-width:1240px) {
.features-home {
left: 50%;
margin-left: -630px;
max-width: 1230px;
position: relative;
width: calc(100% + 30px)
}
}
@media (min-width:768px) {
.features-home {
padding: 0 5px
}
}
@media (min-width:1024px) {
.features-home {
margin-bottom: 100px;
margin-top: 100px;
padding: 0 53px
}
}
.features-home__item {
margin-bottom: 30px;
margin-left: 10px;
position: relative;
text-align: center;
width: calc(99.99% - 9.999px)
}
@media (min-width:1024px) {
.features-home__item {
margin-left: 30px;
width: calc(99.99% - 29.997px)
}
}
.features-home__item:last-child {
margin-bottom: 0
}
@media (min-width:768px) {
.features-home__item {
margin-bottom: 0;
margin-left: 10px;
padding: 0 15px;
position: relative;
width: calc(33.323% - 9.9969px)
}
}
@media (min-width:768px) and (min-width:1024px) {
.features-home__item {
margin-left: 30px;
width: calc(33.323% - 29.9907px)
}
}
@media (min-width:1024px) {
.features-home__item {
padding: 0 20px
}
}
.features-home h5 {
margin-bottom: 1.5rem
}
@media (min-width:1024px) {
.features-home h5 {
margin-bottom: 3rem
}
}
.features-home__svg-wrap {
height: 70px;
margin-bottom: 30px;
text-align: center
}
.features-home__svg-wrap svg {
max-height: 100%
}
.home .masthead__image {
opacity: 0;
position: relative
}
.home .masthead:after {
opacity: 0 !important
}
@media (min-width:768px) {
.home .masthead__sub {
max-width: 600px
}
}
@media (min-width:1024px) {
.home .masthead__brand, .home .masthead__btn, .home .nav li {
opacity: 0
}
.home .search-trigger {
cursor: pointer;
opacity: 0
}
.home .masthead__controls:after {
-webkit-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%)
}
.home .masthead__sub, .home .masthead__title {
opacity: 0;
-webkit-transform: translateX(-50px);
-o-transform: translateX(-50px);
transform: translateX(-50px)
}
}
.p-load {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #000;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
width: 100%
}
.p-load__spinner {
display: none;
margin: 2rem 0
}
@media (min-width:1024px) {
.p-load__spinner {
display: block
}
}
.home.img-loaded .masthead__image {
opacity: 1;
-webkit-transition: opacity .7s;
-o-transition: opacity .7s;
transition: opacity .7s
}
.home.img-loaded .p-load {
opacity: 0;
-webkit-transition: opacity .4s;
-o-transition: opacity .4s;
transition: opacity .4s
}
.home.img-loaded .masthead:after {
opacity: 1 !important;
-webkit-transition: opacity .5s;
-o-transition: opacity .5s;
transition: opacity .5s
}
@media (min-width:1024px) {
.home.img-loaded .masthead__brand {
opacity: 1;
-webkit-transition: opacity .3s ease-in-out;
-o-transition: opacity .3s ease-in-out;
transition: opacity .3s ease-in-out;
-webkit-transition-delay: 2s;
-o-transition-delay: 2s;
transition-delay: 2s
}
.home.img-loaded .nav li {
opacity: 1;
-webkit-transition: opacity .5s ease-in;
-o-transition: opacity .5s ease-in;
transition: opacity .5s ease-in
}
.home.img-loaded .nav li:first-of-type {
-webkit-transition-delay: 2.1s;
-o-transition-delay: 2.1s;
transition-delay: 2.1s
}
.home.img-loaded .nav li:nth-of-type(2) {
-webkit-transition-delay: 2.2s;
-o-transition-delay: 2.2s;
transition-delay: 2.2s
}
.home.img-loaded .nav li:nth-of-type(3) {
-webkit-transition-delay: 2.3s;
-o-transition-delay: 2.3s;
transition-delay: 2.3s
}
.home.img-loaded .nav li:nth-of-type(4), .home.img-loaded .nav li:nth-of-type(5) {
-webkit-transition-delay: 2.4s;
-o-transition-delay: 2.4s;
transition-delay: 2.4s
}
.home.img-loaded .masthead__btn {
opacity: 1;
-webkit-transition: opacity .5s ease-in;
-o-transition: opacity .5s ease-in;
transition: opacity .5s ease-in;
-webkit-transition-delay: 2.5s;
-o-transition-delay: 2.5s;
transition-delay: 2.5s
}
.home.img-loaded .search-trigger {
opacity: 1;
-webkit-transition: opacity .5s ease-in;
-o-transition: opacity .5s ease-in;
transition: opacity .5s ease-in;
-webkit-transition-delay: 2.6s;
-o-transition-delay: 2.6s;
transition-delay: 2.6s
}
.home.img-loaded .masthead__sub, .home.img-loaded .masthead__title {
opacity: 1;
-webkit-transform: none;
-o-transform: none;
transform: none;
-webkit-transition: opacity .94s ease-in-out, -webkit-transform .94s ease-in-out;
transition: opacity .94s ease-in-out, -webkit-transform .94s ease-in-out;
-o-transition: opacity .94s ease-in-out, -o-transform .94s ease-in-out;
transition: opacity .94s ease-in-out, transform .94s ease-in-out;
transition: opacity .94s ease-in-out, transform .94s ease-in-out, -webkit-transform .94s ease-in-out, -o-transform .94s ease-in-out
}
.home.img-loaded .masthead__sub {
-webkit-transition-delay: .5s;
-o-transition-delay: .5s;
transition-delay: .5s
}
.home.img-loaded .masthead__controls:after {
-webkit-transform: none;
-o-transform: none;
transform: none;
-webkit-transition: -webkit-transform .8s ease-in-out;
transition: -webkit-transform .8s ease-in-out;
-o-transition: -o-transform .8s ease-in-out;
transition: transform .8s ease-in-out;
transition: transform .8s ease-in-out, -webkit-transform .8s ease-in-out, -o-transform .8s ease-in-out;
-webkit-transition-delay: 1.9s;
-o-transition-delay: 1.9s;
transition-delay: 1.9s
}
}
.editorial-single {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: 10px;
width: calc(100% + 10px);
width: calc(100% - 30px)
}
@media (min-width:1024px) {
.editorial-single {
margin-left: -30px;
margin-left: -10px;
width: calc(100% + 30px);
width: calc(100% - 10px)
}
}
@media (min-width:1240px) {
.editorial-single {
left: 50%;
margin-left: -630px;
max-width: 1230px;
position: relative;
width: calc(100% + 30px)
}
}
.editorial-single__column {
border-top: 1px solid hsla(60, 2%, 49%, .3);
margin-left: 10px;
padding-top: 20px;
position: relative;
width: calc(99.99% - 9.999px)
}
@media (min-width:1024px) {
.editorial-single__column {
margin-left: 30px;
margin-left: calc(16.667% + 10px);
position: relative;
width: calc(99.99% - 29.997px);
width: calc(66.657% - 9.99855px)
}
}
@media (min-width:1024px) and (min-width:1024px) {
.editorial-single__column {
margin-left: 30px;
margin-left: calc(16.667% + 30px);
width: calc(66.657% - 29.99565px)
}
}
.editorial-single__column img {
height: auto;
width: 100%
}
@media (min-width:1024px) {
.editorial-single__column img {
height: auto;
margin-left: -25%;
width: 150%
}
}
.editorial-single__footer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 40px;
margin-left: 10px;
padding-top: 20px;
width: calc(100% + 10px);
width: calc(100% - 30px)
}
@media (min-width:1024px) {
.editorial-single__footer {
margin-left: -30px;
margin-left: -10px;
width: calc(100% + 30px);
width: calc(100% - 10px)
}
}
@media (min-width:1240px) {
.editorial-single__footer {
left: 50%;
margin-left: -630px;
max-width: 1230px;
position: relative;
width: calc(100% + 30px)
}
}
@media (min-width:1024px) {
.editorial-single__footer {
margin-bottom: 80px;
padding-top: 40px
}
}
.editorial-single__tags {
margin-bottom: 20px;
margin-left: 10px;
position: relative;
width: calc(99.99% - 9.999px)
}
@media (min-width:1024px) {
.editorial-single__tags {
margin-left: 30px;
width: calc(99.99% - 29.997px)
}
}
.editorial-single__tags svg {
margin-right: 18px
}
.editorial-single__tags a {
color: #191919;
font-weight: 500;
margin-right: 5px
}
.editorial-single__tags a:hover {
text-decoration: underline
}
.editorial-single__tags a:after {
content: ","
}
.editorial-single__tags a:last-child:after {
content: ""
}
@media (min-width:1024px) {
.editorial-single__tags {
margin-left: 10px;
position: relative;
width: calc(62.49% - 9.9984px)
}
}
@media (min-width:1024px) and (min-width:1024px) {
.editorial-single__tags {
margin-left: 30px;
width: calc(62.49% - 29.9952px)
}
}
.editorial-single__share {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
margin-left: 10px;
position: relative;
width: calc(99.99% - 9.999px)
}
@media (min-width:1024px) {
.editorial-single__share {
margin-left: 30px;
width: calc(99.99% - 29.997px)
}
}
.editorial-single__share span {
color: #303030;
font-weight: 500;
margin-right: 20px
}
.editorial-single__share * {
fill: #9A4D00
}
@media (min-width:1024px) {
.editorial-single__share {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
margin-left: 10px;
position: relative;
width: calc(37.49% - 9.99733px)
}
}
@media (min-width:1024px) and (min-width:1024px) {
.editorial-single__share {
margin-left: 30px;
width: calc(37.49% - 29.992px)
}
}
.editorial-single-category {
font-size: 1rem;
letter-spacing: 1.3px;
margin-bottom: 20px;
margin-left: 10px;
position: relative;
width: calc(99.99% - 9.999px)
}
@media (min-width:1024px) {
.editorial-single-category {
margin-left: 30px;
width: calc(99.99% - 29.997px)
}
}
.editorial-single-category__title {
color: #bd1c1c;
display: inline-block;
text-transform: uppercase
}
.editorial-single-category__title+time {
border-left: 1px solid #76787e;
margin-left: 10px;
padding-left: 10px
}
.editorial-single-category time {
color: #76787e;
display: inline-block;
line-height: 1em;
text-transform: uppercase
}
@media (min-width:1024px) {
.editorial-single-category {
font-size: 1.4rem;
letter-spacing: 2px;
margin-left: calc(16.667% + 10px);
position: relative;
width: calc(83.323% - 9.99876px)
}
}
@media (min-width:1024px) and (min-width:1024px) {
.editorial-single-category {
margin-left: 30px;
margin-left: calc(16.667% + 30px);
width: calc(83.323% - 29.99628px)
}
}
.editorial-single-related .special-grid--item>* {
height: calc(100% - 40px) !important
}
.download-results, .search-results {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: 10px;
width: calc(100% + 10px);
width: calc(100% - 30px)
}
@media (min-width:1024px) {
.download-results, .search-results {
margin-left: -30px;
margin-left: -10px;
width: calc(100% + 30px);
width: calc(100% - 10px)
}
}
@media (min-width:1240px) {
.download-results, .search-results {
left: 50%;
margin-left: -630px;
max-width: 1230px;
position: relative;
width: calc(100% + 30px)
}
}
@media (min-width:1024px) {
.download-results, .search-results {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse
}
}
.search-results__refinements {
background: #f8f8f8;
margin-bottom: 20px;
margin-left: 10px;
position: relative;
width: calc(99.99% - 9.999px)
}
@media (min-width:1024px) {
.search-results__refinements {
margin-left: 30px;
margin-left: 10px;
position: relative;
width: calc(99.99% - 29.997px);
width: calc(33.323% - 9.9969px)
}
}
@media (min-width:1024px) and (min-width:1024px) {
.search-results__refinements {
margin-left: 30px;
width: calc(33.323% - 29.9907px)
}
}
.search-results__refinements-search {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #fff;
border-bottom: 2px solid #bcbcb7;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 60px;
margin-bottom: 20px;
overflow: hidden;
position: relative
}
@media (min-width:1024px) {
.search-results__refinements-search {
overflow: inherit
}
}
.search-results__refinements-search svg {
height: 20px;
margin: 0 17px;
width: 20px
}
.search-results__refinements-search svg * {
fill: #191919
}
.search-results__refinements-query {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
margin-right: 17px;
position: relative
}
.search-results__refinements-query input {
border: 0;
color: #303030;
font-family: Roboto Condensed, sans-serif;
font-size: 1.8rem;
width: 100%
}
.search-results__refinements-query input:placeholder {
opacity: .5
}
.search-results__list {
margin-left: 10px;
position: relative;
width: calc(99.99% - 9.999px)
}
@media (min-width:1024px) {
.search-results__list {
margin-left: 30px;
margin-left: 10px;
position: relative;
width: calc(99.99% - 29.997px);
width: calc(66.657% - 9.99855px)
}
}
@media (min-width:1024px) and (min-width:1024px) {
.search-results__list {
margin-left: 30px;
width: calc(66.657% - 29.99565px)
}
}
.search-results__query-status {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #76787e;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 2rem;
margin-bottom: 25px;
margin-left: 10px;
position: relative;
width: calc(99.99% - 9.999px)
}
@media (min-width:1024px) {
.search-results__query-status {
height: 110px;
margin-left: 30px;
width: calc(99.99% - 29.997px)
}
}
@media (min-width:1024px) {
.download-results .search-results__query-status {
height: 134px
}
}
.search-results__query-status strong {
color: #303030;
display: inline-block;
margin: 0 5px
}
.search-results__query-status .search-results__keyword:after, .search-results__query-status .search-results__keyword:before {
content: "`"
}
.load-more__holster {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.load-more__holster .load-more {
margin-bottom: 50px;
margin-top: 40px
}
@media (min-width:1280px) {
.load-more__holster .load-more {
margin-bottom: 60;
margin-top: 50px
}
}
.load-more__wrapper.load-more__holster {
width: 100%;
float: left;
}
.filter-bar__header {
padding: 20px;
position: relative
}
@media (min-width:1024px) {
.filter-bar__header {
padding: 25px 30px
}
}
.filter-bar__header:after {
background-color: #bcbcb7;
bottom: 0;
content: " ";
display: block;
height: 1px;
max-width: 1200px;
opacity: .3;
position: absolute;
right: 0;
width: 150%;
width: 100vw
}
.filter-controls {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-transition: opacity .3s;
-o-transition: opacity .3s;
transition: opacity .3s
}
.filter-controls.no-filters {
opacity: 0;
pointer-events: none
}
.filter-controls .active-filters {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 1.6rem
}
.filter-controls .active-filters span {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #9A4D00;
border-radius: 2px;
color: #fff;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
font-size: 2rem;
font-weight: 700;
height: 30px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-right: 14px;
width: 30px
}
.filter-controls .clear-filters {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #303030;
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-weight: 400;
line-height: 1.5rem;
-webkit-transition: opacity .3s;
-o-transition: opacity .3s;
transition: opacity .3s
}
.filter-controls .clear-filters.no-filters {
opacity: 0;
pointer-events: none
}
.filter-controls .clear-filters svg {
margin-left: 14px
}
.toggle-refinements {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #fff;
border: 1px solid rgba(48, 48, 48, .3);
border-radius: 2px;
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-family: Roboto Condensed, sans-serif;
font-weight: 400;
height: 60px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
outline: none;
padding: 0 20px;
position: relative;
text-transform: uppercase;
width: 100%;
z-index: 2
}
.toggle-refinements:after {
background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Ym94PSIwIDAgMjAgMTEiIHdpZHRoPSIyMCIgaGVpZ2h0PSIxMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMCA5LjYzOGwxLjIzOSAxLjIzOEwxMCAyLjExNmw4Ljc2MSA4Ljc2TDIwIDkuNjM4IDEwLjYyLjI1N2EuODc1Ljg3NSAwIDAgMC0xLjI0IDBMMCA5LjYzN3oiIGZpbGw9IiNCQ0JDQjciIGZpbGwtcnVsZT0ibm9uemVybyIvPjwvc3ZnPg==);
background-size: 20px 11px;
content: " ";
display: block;
height: 11px;
-webkit-transform: scaleY(-1);
-o-transform: scaleY(-1);
transform: scaleY(-1);
width: 20px
}
@media (min-width:1024px) {
.toggle-refinements {
display: none
}
}
@media (max-width:1023px) {
.toggle-refinements+form {
background: #f8f8f8;
-webkit-clip-path: inset(0 0 100vh 0);
clip-path: inset(0 0 100vh 0);
height: 80vh;
overflow-y: auto;
pointer-events: none;
position: absolute;
-webkit-transition: -webkit-clip-path .2s ease-in-out;
transition: -webkit-clip-path .2s ease-in-out;
-o-transition: clip-path .2s ease-in-out;
transition: clip-path .2s ease-in-out;
transition: clip-path .2s ease-in-out, -webkit-clip-path .2s ease-in-out;
width: 100%;
z-index: 2
}
}
.toggle-refinements+*+.veil {
background: transparent;
bottom: 0;
left: 0;
pointer-events: none;
position: fixed;
right: 0;
top: 0;
-webkit-transition: background .3s ease-in-out;
-o-transition: background .3s ease-in-out;
transition: background .3s ease-in-out;
visibility: hidden;
z-index: 1
}
.collapse-mobile:after {
-webkit-transform: scaleY(1);
-o-transform: scaleY(1);
transform: scaleY(1)
}
.collapse-mobile+form {
pointer-events: all
}
@media (max-width:1023px) {
.collapse-mobile+form {
-webkit-clip-path: inset(0 0 0 0);
clip-path: inset(0 0 0 0)
}
}
@media (max-width:1023px) {
.collapse-mobile+*+.veil {
background: rgba(0, 0, 0, .6);
visibility: visible
}
}
.apply-filters {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #303030;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-weight: 400;
margin: 25px 20px;
text-transform: uppercase;
width: calc(100% - 40px)
}
.apply-filters svg {
margin-right: 14px
}
@media (min-width:1024px) {
.apply-filters {
display: none
}
}
.project-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: 10px;
margin-top: 30px;
width: calc(100% + 10px);
width: calc(100% - 30px)
}
@media (min-width:1024px) {
.project-header {
margin-left: -30px;
margin-left: -10px;
width: calc(100% + 30px);
width: calc(100% - 10px)
}
}
@media (min-width:1240px) {
.project-header {
left: 50%;
margin-left: -630px;
max-width: 1230px;
position: relative;
width: calc(100% + 30px)
}
}
@media (min-width:1024px) {
.project-header {
margin-bottom: 65px;
margin-top: 90px
}
}
.project-header__copy {
margin-left: 10px;
position: relative;
width: calc(99.99% - 9.999px)
}
@media (min-width:1024px) {
.project-header__copy {
margin-left: 30px;
margin-left: calc(8.333% + 10px);
position: relative;
width: calc(99.99% - 29.997px);
width: calc(49.99% - 9.998px)
}
}
@media (min-width:1024px) and (min-width:1024px) {
.project-header__copy {
margin-left: 30px;
margin-left: calc(8.333% + 30px);
width: calc(49.99% - 29.994px)
}
}
.project-header__materials {
margin-left: 10px;
position: relative;
width: calc(99.99% - 9.999px)
}
@media (min-width:1024px) {
.project-header__materials {
margin-left: 30px;
margin-left: calc(8.333% + 10px);
position: relative;
width: calc(99.99% - 29.997px);
width: calc(33.323% - 9.9969px)
}
}
@media (min-width:1024px) and (min-width:1024px) {
.project-header__materials {
margin-left: 30px;
margin-left: calc(8.333% + 30px);
width: calc(33.323% - 29.9907px)
}
}
@media (min-width:1024px) {
.project-header__materials:before {
background: hsla(60, 4%, 73%, .4);
content: " ";
display: block;
height: 100%;
left: -70px;
position: absolute;
top: 0;
width: 1px
}
}
.project-header__materials-swatch {
border-radius: 99px;
display: inline-block;
height: 60px;
margin: 12px 12px 0 0;
width: 60px
}
.project-header__materials-title {
color: #9A4D00;
font-size: 1.2rem;
font-weight: 700;
letter-spacing: 2px;
margin-bottom: 0;
text-transform: uppercase
}
.project-header__materials-prodname {
color: #303030;
font-family: neuzeit-grotesk, sans-serif;
font-size: 2.4rem;
font-weight: 700;
line-height: 2.8rem;
margin-bottom: 40px
}
.project-header__materials-list {
margin-bottom: 40px
}
.project-header__materials-list span:after {
content: ", "
}
.project-header__materials-list span:last-child:after {
content: ""
}
.project-sections>[class^=block-full-image], .project-sections>[class^=block-image] {
margin-bottom: 20px;
margin-top: 20px
}
@media (min-width:1024px) {
.project-sections>[class^=block-full-image], .project-sections>[class^=block-image] {
margin-bottom: 40px;
margin-top: 40px
}
}
@media (min-width:1024px) {
.project__refinements .filterbar__block [data-toggle-target]:after {
display: none
}
}
.installer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: 10px;
margin-top: 50px;
width: calc(100% + 10px);
width: calc(100% - 30px)
}
@media (min-width:1024px) {
.installer {
margin-left: -30px;
margin-left: -10px;
width: calc(100% + 30px);
width: calc(100% - 10px)
}
}
@media (min-width:1240px) {
.installer {
left: 50%;
margin-left: -630px;
max-width: 1230px;
position: relative;
width: calc(100% + 30px)
}
}
@media (min-width:1024px) {
.installer {
margin-top: 100px
}
}
.installer__content, .installer__nav {
margin-left: 10px;
position: relative;
width: calc(99.99% - 9.999px)
}
@media (min-width:1024px) {
.installer__content, .installer__nav {
margin-left: 30px;
margin-left: calc(16.667% + 10px);
position: relative;
width: calc(99.99% - 29.997px);
width: calc(66.657% - 9.99855px)
}
}
@media (min-width:1024px) and (min-width:1024px) {
.installer__content, .installer__nav {
margin-left: 30px;
margin-left: calc(16.667% + 30px);
width: calc(66.657% - 29.99565px)
}
}
.installer__nav {
font-size: 1.4rem;
line-height: 16px;
margin-bottom: 20px;
text-transform: uppercase
}
.installer__nav a {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #303030;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 20px
}
@media (min-width:1024px) {
.installer__nav a {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex
}
}
.installer__nav a svg {
margin-right: 20px
}
.installer__nav span {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
margin-right: 20px
}
@media (min-width:1024px) {
.installer__nav span {
margin-left: 20px;
margin-right: 0
}
}
.installer__nav span svg {
margin-right: 10px
}
.installer__left {
margin-left: 10px;
position: relative;
width: calc(99.99% - 9.999px)
}
@media (min-width:1024px) {
.installer__left {
margin-left: 30px;
margin-left: 10px;
position: relative;
width: calc(99.99% - 29.997px);
width: calc(74.99% - 9.99866px)
}
}
@media (min-width:1024px) and (min-width:1024px) {
.installer__left {
margin-left: 30px;
width: calc(74.99% - 29.996px)
}
}
.installer__right {
margin-left: 10px;
position: relative;
width: calc(99.99% - 9.999px)
}
@media (min-width:1024px) {
.installer__right {
margin-left: 30px;
margin-left: 10px;
position: relative;
width: calc(99.99% - 29.997px);
width: calc(24.99% - 9.996px)
}
}
@media (min-width:1024px) and (min-width:1024px) {
.installer__right {
margin-left: 30px;
width: calc(24.99% - 29.988px)
}
}
.installer__right img {
border: 1px solid #d8d8d7;
border-radius: 2px;
display: block;
width: 100%
}
.installer__services {
margin-left: 10px;
position: relative;
width: calc(99.99% - 9.999px)
}
@media (min-width:1024px) {
.installer__services {
margin-left: 30px;
width: calc(99.99% - 29.997px)
}
}
.installer__table {
margin-left: 10px;
margin-top: 30px;
position: relative;
width: calc(99.99% - 9.999px)
}
@media (min-width:1024px) {
.installer__table {
margin-left: 30px;
width: calc(99.99% - 29.997px)
}
}
.installer__cta {
margin-top: 30px
}
@media (min-width:1024px) {
.installer__cta {
margin-top: 60px
}
}
.installer__cta a {
color: #303030
}
.installers-index {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: 10px;
margin-top: 40px;
position: relative;
width: calc(100% + 10px);
width: calc(100% - 30px)
}
@media (min-width:1024px) {
.installers-index {
margin-left: -30px;
margin-left: -10px;
width: calc(100% + 30px);
width: calc(100% - 10px)
}
}
@media (min-width:1240px) {
.installers-index {
left: 50%;
margin-left: -630px;
max-width: 1230px;
position: relative;
width: calc(100% + 30px)
}
}
@media (min-width:1024px) {
.installers-index {
margin-top: 90px
}
}
.installers-index:after {
background: hsla(60, 2%, 49%, .4);
bottom: -10px;
content: " ";
display: block;
height: 1px;
position: absolute;
right: 0;
width: 0
}
@media (min-width:1024px) {
.installers-index:after {
width: calc(100% - 30px)
}
}
.installers-index__filters, .installers-index__header {
margin-left: 10px;
position: relative;
width: calc(99.99% - 9.999px)
}
@media (min-width:1024px) {
.installers-index__filters, .installers-index__header {
margin-left: 30px;
margin-left: 10px;
position: relative;
width: calc(99.99% - 29.997px);
width: calc(49.99% - 9.998px)
}
}
@media (min-width:1024px) and (min-width:1024px) {
.installers-index__filters, .installers-index__header {
margin-left: 30px;
width: calc(49.99% - 29.994px)
}
}
.installers-index__filters .filterbar__options {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 15px
}
.installers-index__header h1 {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.installers-index__header h1:after {
background: hsla(60, 4%, 73%, .4);
content: " ";
display: none;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
height: 1px;
margin: 0 0 10px 20px
}
@media (min-width:1024px) {
.installers-index__header h1:after {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
}
.installers-index__search-box {
background: #f8f8f8;
margin-top: 20px;
padding: 20px;
position: relative
}
@media (min-width:1024px) {
.installers-index__search-box {
margin-top: 40px
}
}
.installers-index__search-box .search-results__refinements-search {
margin-bottom: 0
}
.state-checkboxes {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%
}
@media (min-width:1024px) {
.state-checkboxes {
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly
}
}
.checkbox-state {
display: none
}
.checkbox-state+label {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border: 1px solid #303030;
border-radius: 2px;
color: #303030;
cursor: pointer;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
font-size: 1.6rem;
height: 38px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
letter-spacing: .5px;
margin-bottom: 10px;
margin-right: 10px;
padding: 0 10px;
text-transform: uppercase
}
@media (min-width:1024px) {
.checkbox-state+label {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1
}
}
.checkbox-state+label:last-child {
margin-bottom: 0;
margin-right: 0
}
.checkbox-state:checked+label {
background: #9A4D00;
border-color: #9A4D00;
color: #fff
}
.installers-index__results {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: 10px;
width: calc(100% + 10px);
width: calc(100% - 30px)
}
@media (min-width:1024px) {
.installers-index__results {
margin-left: -30px;
margin-left: -10px;
width: calc(100% + 30px);
width: calc(100% - 10px)
}
}
@media (min-width:1240px) {
.installers-index__results {
left: 50%;
margin-left: -630px;
max-width: 1230px;
position: relative;
width: calc(100% + 30px)
}
}
.installers-index__result {
border-bottom: 1px solid hsla(60, 2%, 49%, .4);
margin-left: 10px;
padding: 40px 0;
position: relative;
width: calc(99.99% - 9.999px)
}
@media (min-width:1024px) {
.installers-index__result {
margin-left: 30px;
width: calc(99.99% - 29.997px)
}
}
.installers-index__result:first-child {
border-top: 1px solid hsla(60, 2%, 49%, .4);
margin-top: 30px
}
@media (min-width:1024px) {
.installers-index__result:first-child {
border-top: none;
margin-top: 0
}
}
.installers-index__result a, .installers-index__result img {
-webkit-transition: all .1s;
-o-transition: all .1s;
transition: all .1s
}
.installers-index__result:hover img {
-webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .15);
box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .15)
}
.installers-index__result:hover a {
color: #9A4D00
}
@media (min-width:1024px) {
.installers-index__result {
margin-left: 10px;
position: relative;
width: calc(49.99% - 9.998px)
}
}
@media (min-width:1024px) and (min-width:1024px) {
.installers-index__result {
margin-left: 30px;
width: calc(49.99% - 29.994px)
}
}
.installers-index__result-logo {
margin-left: 10px;
position: relative;
width: calc(33.323% - 9.9969px)
}
@media (min-width:1024px) {
.installers-index__result-logo {
margin-left: 30px;
width: calc(33.323% - 29.9907px)
}
}
.installers-index__result-logo img {
border: 1px solid #d8d8d7;
border-radius: 2px;
width: 100%
}
.installers-index__result-details {
margin-left: 10px;
padding-left: 10px;
position: relative;
position: static;
width: calc(66.657% - 9.99855px)
}
@media (min-width:1024px) {
.installers-index__result-details {
margin-left: 30px;
width: calc(66.657% - 29.99565px)
}
}
.installers-index__result-details a:before {
content: " ";
display: block;
height: calc(100% - 10px);
left: 0;
position: absolute;
top: 10px;
width: 100%;
z-index: 2
}
.installers-index__result-details h5 {
font-size: 2rem
}
@media (min-width:1024px) {
.installers-index__result-details h5 {
font-size: 2.8rem
}
}
.installers-index__result-details p {
font-size: 1.6rem
}
@media (min-width:1024px) {
.installers-index__result-details p {
font-size: 1.8rem
}
}
.installers-index__result-stats {
font-size: 1.4rem;
text-transform: uppercase
}
.installers-index__result-stats span {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
margin-right: 9px
}
.installers-index__result-stats span svg {
margin-right: 9px
}
.installers-index__no-result {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 50px;
margin-left: 10px;
margin-top: 100px;
position: relative;
width: calc(99.99% - 9.999px)
}
@media (min-width:1024px) {
.installers-index__no-result {
margin-left: 30px;
width: calc(99.99% - 29.997px)
}
}
.pd-top {
padding: 30px 25px 0 30px
}
@media (min-width:768px) {
.pd-top {
padding: 70px 70px 0 30px
}
}
@media (min-width:1024px) {
.pd-top {
margin-bottom: 90px;
margin-top: 90px;
padding: 0
}
}
.pd-top__title {
color: #303030;
font-size: 4rem;
margin-left: 10px;
position: relative;
width: calc(99.99% - 9.999px)
}
@media (min-width:1024px) {
.pd-top__title {
font-size: 6.4rem;
margin: 0;
margin-left: 30px;
position: relative;
width: calc(99.99% - 29.997px);
width: calc(49.99% - 9.998px)
}
}
@media (min-width:1024px) and (min-width:1024px) {
.pd-top__title {
margin-left: 30px;
width: calc(49.99% - 29.994px)
}
}
.pd-top__summary {
margin-left: 10px;
position: relative;
width: calc(99.99% - 9.999px)
}
@media (min-width:1024px) {
.pd-top__summary {
margin-left: 30px;
margin-left: 10px;
margin-top: 15px;
padding-right: 5%;
position: relative;
width: calc(99.99% - 29.997px);
width: calc(49.99% - 9.998px)
}
}
@media (min-width:1024px) and (min-width:1024px) {
.pd-top__summary {
margin-left: 30px;
width: calc(49.99% - 29.994px)
}
}
.prod-sublist {
color: #191919;
font-size: 18px;
font-weight: 500;
list-style-type: none;
margin-top: 2rem;
padding-top: 2rem
}
@media (min-width:1024px) {
.prod-sublist {
margin-top: 3rem;
padding-top: 3rem;
position: absolute;
top: 100%;
width: 100%
}
}
.prod-sublist--nav {
display: none;
position: static
}
@media (min-width:1024px) {
.prod-sublist--nav {
display: block;
margin-top: 2rem;
padding: 0
}
.prod-sublist--nav li {
display: block
}
}
.prod-sublist--border-top {
border-top: 1px solid #e4e4e2
}
.prod-sublist li {
font-size: 18px;
margin-bottom: .6rem
}
@media (min-width:1024px) {
.three-page-links--sublist {
margin-bottom: 230px
}
}
.four-oh-four {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: 10px;
width: calc(100% + 10px);
width: calc(100% - 30px)
}
@media (min-width:1024px) {
.four-oh-four {
margin-left: -30px;
margin-left: -10px;
width: calc(100% + 30px);
width: calc(100% - 10px)
}
}
@media (min-width:1240px) {
.four-oh-four {
left: 50%;
margin-left: -630px;
max-width: 1230px;
position: relative;
width: calc(100% + 30px)
}
}
.four-oh-four__col {
margin-left: 10px;
margin-top: 50px;
position: relative;
width: calc(99.99% - 9.999px)
}
@media (min-width:1024px) {
.four-oh-four__col {
margin-left: 30px;
margin-left: calc(16.667% + 10px);
margin-top: 90px;
position: relative;
width: calc(99.99% - 29.997px);
width: calc(66.657% - 9.99855px)
}
}
@media (min-width:1024px) and (min-width:1024px) {
.four-oh-four__col {
margin-left: 30px;
margin-left: calc(16.667% + 30px);
width: calc(66.657% - 29.99565px)
}
}
.c-contact {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: 10px;
width: calc(100% + 10px);
width: calc(100% - 30px)
}
@media (min-width:1024px) {
.c-contact {
margin-left: -30px;
margin-left: -10px;
width: calc(100% + 30px);
width: calc(100% - 10px)
}
}
@media (min-width:1240px) {
.c-contact {
left: 50%;
margin-left: -630px;
max-width: 1230px;
position: relative;
width: calc(100% + 30px)
}
}
.c-contact__inner {
margin-left: 10px;
position: relative;
width: calc(99.99% - 9.999px)
}
@media (min-width:1024px) {
.c-contact__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-left: 30px;
width: calc(99.99% - 29.997px)
}
}
.c-contact__map {
margin: 0 -2rem;
position: relative
}
.c-contact__map-img {
width: 100%
}
@media (min-width:1024px) {
.c-contact__map-img {
height: 100%;
-o-object-fit: cover;
object-fit: cover
}
}
@media (min-width:1024px) {
.c-contact__map {
margin: 0;
width: 50%
}
}
.c-contact__form {
background: #f1f1f1;
margin: 0 -2rem;
padding: 2rem
}
@media (min-width:1024px) {
.c-contact__form {
margin: 0;
padding: 3rem;
width: 50%
}
}
@media (min-width:1024px) {
.c-contact__form .c-form__bottom {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-top: 1rem
}
}
@media (min-width:1024px) {
.c-contact__form .c-form__bottom .btn {
margin-left: auto
}
}
.con-bubble {
background: #fff;
border-radius: 2px 2px 0 0;
bottom: 50%;
-webkit-box-shadow: 0 5px 25px 0 rgba(0, 0, 0, .15);
box-shadow: 0 5px 25px 0 rgba(0, 0, 0, .15);
color: #3e4142;
font-size: 1.6rem;
left: 50%;
padding: 15px 20px;
position: absolute;
-webkit-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
width: 100%;
width: 300px;
z-index: 1
}
@media (min-width:375px) {
.con-bubble {
bottom: calc(50% - 8vw);
padding: 25px;
width: 340px
}
}
@media (min-width:1024px) {
.con-bubble {
bottom: calc(50% - 60px);
padding: 27px 25px 30px
}
}
.con-bubble:after {
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-top: 9px solid #fff;
margin-left: -8px
}
.con-bubble:after, .con-bubble:before {
content: "";
height: 0;
left: 50%;
position: absolute;
top: 100%;
width: 0
}
.con-bubble:before {
border-left: 9px solid transparent;
border-right: 9px solid transparent;
border-top: 10px solid #fff;
margin-left: -9px
}
.con-bubble__item {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #80807a;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 1.4rem;
margin-bottom: 1rem;
vertical-align: top;
width: 100%
}
@media (min-width:375px) {
.con-bubble__item {
font-size: 1.6rem;
margin-bottom: 1.5rem
}
}
.con-bubble__item:last-child {
margin: 0
}
.con-bubble__item svg {
margin-right: 1.5rem
}
.con-bubble__item:first-child svg, .con-bubble__item:nth-child(2) svg {
margin-bottom: 20px
}
.con-bubble__item br {
display: none
}
.con-bubble__item strong {
color: #303030;
font-weight: 400
}
.ts-section:only-of-type .ts-header {
cursor: auto
}
.ts-section:only-of-type .ts-collapse, .ts-section:only-of-type .ts-expand, .ts-section:only-of-type .ts-header.closed .ts-collapse, .ts-section:only-of-type .ts-header.closed .ts-expand {
display: none
}
.ts-section:last-child {
padding-bottom: 30px
}
@media (min-width:1024px) {
.ts-section:last-child {
padding-bottom: 80px
}
}
.ts-page-head {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: 10px;
margin-top: 70px;
width: calc(100% + 10px);
width: calc(100% - 30px)
}
@media (min-width:1024px) {
.ts-page-head {
margin-left: -30px;
margin-left: -10px;
width: calc(100% + 30px);
width: calc(100% - 10px)
}
}
@media (min-width:1240px) {
.ts-page-head {
left: 50%;
margin-left: -630px;
max-width: 1230px;
position: relative;
width: calc(100% + 30px)
}
}
@media (min-width:1024px) {
.ts-page-head {
margin-top: 130px
}
}
.ts-page-head__inner {
margin-left: 10px;
position: relative;
width: calc(99.99% - 9.999px)
}
@media (min-width:1024px) {
.ts-page-head__inner {
margin-left: 30px;
width: calc(99.99% - 29.997px)
}
}
.ts-page-head h1 {
margin-bottom: 2rem;
position: relative
}
.ts-header {
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 20px;
margin-left: 10px;
margin-top: 20px;
position: relative;
width: calc(100% + 10px);
width: calc(100% - 30px)
}
@media (min-width:1024px) {
.ts-header {
margin-left: -30px;
margin-left: -10px;
width: calc(100% + 30px);
width: calc(100% - 10px)
}
}
@media (min-width:1240px) {
.ts-header {
left: 50%;
margin-left: -630px;
max-width: 1230px;
position: relative;
width: calc(100% + 30px)
}
}
.ts-count--1 .ts-header {
display: none
}
@media (min-width:1024px) {
.ts-header {
margin-bottom: 50px;
margin-top: 0;
padding-top: 90px
}
}
.ts-header__inner {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #191919;
border-radius: 2px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 70px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-left: 10px;
padding: 0 20px;
position: relative;
width: calc(99.99% - 9.999px)
}
@media (min-width:1024px) {
.ts-header__inner {
margin-left: 30px;
width: calc(99.99% - 29.997px)
}
}
.ts-header__inner h2 {
color: #fff;
font-size: 2.6rem;
margin: 0
}
@media (min-width:1024px) {
.ts-header__inner {
height: 110px;
padding: 0 40px
}
.ts-header__inner h2 {
font-size: 4.8rem
}
}
.ts-header.closed+div {
display: none
}
.ts-header.closed:first-of-type {
margin-bottom: -50px;
z-index: 1
}
.ts-header.closed .ts-expand {
display: block
}
.ts-header.closed .ts-collapse {
display: none
}
.ts-header .ts-collapse, .ts-header .ts-expand {
color: #fff;
display: none;
font-weight: 500
}
.ts-header .ts-collapse span, .ts-header .ts-expand span {
display: none
}
@media (min-width:768px) {
.ts-header .ts-collapse span, .ts-header .ts-expand span {
display: inline
}
}
.ts-header .ts-collapse svg, .ts-header .ts-expand svg {
margin-left: 20px;
-webkit-transform: scaleY(-1);
-o-transform: scaleY(-1);
transform: scaleY(-1)
}
.ts-header .ts-collapse {
display: block
}
.ts-header .ts-collapse svg {
-webkit-transform: scaleY(1);
-o-transform: scaleY(1);
transform: scaleY(1)
}
.ts-table__group {
overflow-y: auto
}
.ts-table__group .ts-table__row {
width: 75rem
}
@media (min-width:768px) {
.ts-table__group .ts-table__row {
width: 100%
}
}
@media (min-width:1024px) {
.ts-table__group .ts-table__row {
width: calc(100% + 30px)
}
}
.ts-subsection {
margin: 0 auto;
max-width: 1200px;
padding: 6rem 0 0;
position: relative;
width: calc(100% - 40px)
}
@media (min-width:1240px) {
.ts-subsection {
width: 1200px
}
}
@media (min-width:768px) {
.ts-subsection {
padding-top: 5rem
}
}
@media (min-width:1024px) {
.ts-subsection {
padding-top: 8rem
}
.ts-subsection--specieswidget {
padding-top: 10.5rem
}
}
.ts-img--full {
margin-left: 10px;
position: relative;
width: calc(99.99% - 9.999px)
}
@media (min-width:1024px) {
.ts-img--full {
margin-left: 30px;
margin-top: 4rem;
width: calc(99.99% - 29.997px)
}
}
.ts-img--full img {
-ms-flex-item-align: center;
align-self: center;
width: 100%
}
.ts-quicknav {
border-bottom: 1px solid hsla(60, 4%, 73%, .4);
position: -webkit-sticky;
position: sticky;
top: 0;
width: 100vw;
z-index: 10
}
@media (min-width:1024px) {
.ts-quicknav {
border-bottom: none;
position: fixed;
right: 0;
top: 200px;
-webkit-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
-webkit-transition: -webkit-transform .2s;
transition: -webkit-transform .2s;
-o-transition: -o-transform .2s;
transition: transform .2s;
transition: transform .2s, -webkit-transform .2s, -o-transform .2s;
width: 360px;
z-index: 3
}
}
.ts-quicknav button {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #191919;
border: 0;
-webkit-box-shadow: 2px 10px 35px rgba(0, 0, 0, .15);
box-shadow: 2px 10px 35px rgba(0, 0, 0, .15);
color: #fff;
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
font-family: neuzeit-grotesk, sans-serif;
font-weight: 700;
height: 60px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 10px 20px;
text-transform: uppercase;
-webkit-transition: background, right .2s;
-o-transition: background, right .2s;
transition: background, right .2s;
width: 100%;
z-index: 2;
z-index: 3
}
@media (min-width:1024px) {
.ts-quicknav button {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-bottom-left-radius: 2px;
border-top-left-radius: 2px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 90px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
left: -90px;
position: absolute;
width: 90px
}
.ts-quicknav button .hide-desktop {
display: none
}
}
.ts-quicknav button:hover {
background: #9A4D00
}
@media (min-width:1024px) {
.ts-quicknav button svg {
margin-bottom: 5px
}
}
.ts-quicknav .close {
display: none
}
.ts-quicknav__veil {
background: rgba(0, 0, 0, .6);
bottom: 0;
left: 0;
opacity: 0;
pointer-events: none;
position: fixed;
right: 0;
top: 0;
-webkit-transition: opacity .2s;
-o-transition: opacity .2s;
transition: opacity .2s;
z-index: 2
}
.ts-quicknav__tree {
background: #fff;
display: none;
width: 100vw;
z-index: 2
}
@media (min-width:1024px) {
.ts-quicknav__tree {
display: block;
position: fixed;
right: 0;
width: 360px
}
}
.ts-quicknav__tree li {
list-style: none;
max-height: 60vh;
overflow-y: auto
}
.ts-quicknav__subtree {
display: none;
padding-bottom: 15px
}
.ts-quicknav__section-toggle {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-top: 1px solid hsla(60, 4%, 73%, .4);
color: #303030;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-family: neuzeit-grotesk, sans-serif;
font-size: 2rem;
font-weight: 700;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 26px 20px 20px
}
@media (min-width:1024px) {
.ts-quicknav__section-toggle {
padding: 26px 30px 20px
}
}
.ts-quicknav__section-toggle svg {
-webkit-transform: scaleY(-1);
-o-transform: scaleY(-1);
transform: scaleY(-1)
}
.ts-quicknav__section-toggle.active svg {
-webkit-transform: scaleY(1);
-o-transform: scaleY(1);
transform: scaleY(1)
}
.ts-quicknav__section-toggle.active+* {
display: block
}
.ts-quicknav__subsection {
display: block;
font-size: 1.6rem;
padding: 6px 20px
}
@media (min-width:1024px) {
.ts-quicknav__subsection {
padding: 6px 30px
}
}
.ts-quicknav__subsection:before {
background: #9A4D00;
content: " ";
display: inline-block;
height: 4px;
margin-right: 15px;
position: relative;
top: -4px;
width: 4px
}
.ts-quicknav--open {
-webkit-box-shadow: 1px 2px 26px rgba(0, 0, 0, .15);
box-shadow: 1px 2px 26px rgba(0, 0, 0, .15);
-webkit-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
@media (min-width:1024px) {
.ts-quicknav--open+.ts-quicknav__veil {
opacity: 1;
pointer-events: all;
visibility: visible
}
}
@media (min-width:1024px) {
.ts-quicknav--open {
-webkit-box-shadow: none;
box-shadow: none
}
}
.ts-quicknav--open .ts-quicknav__tree {
display: block
}
.ts-quicknav--open .open {
display: none
}
.ts-quicknav--open .close {
display: block
}
@media (min-width:768px) {
.ts-tiles {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: 10px;
width: calc(100% + 10px);
width: calc(100% - 30px)
}
}
@media (min-width:768px) and (min-width:1024px) {
.ts-tiles {
margin-left: -30px;
margin-left: -10px;
width: calc(100% + 30px);
width: calc(100% - 10px)
}
}
@media (min-width:768px) and (min-width:1240px) {
.ts-tiles {
left: 50%;
margin-left: -630px;
max-width: 1230px;
position: relative;
width: calc(100% + 30px)
}
}
.ts-tile {
display: block;
position: relative
}
.ts-tile:first-child {
margin-bottom: 20px
}
@media (min-width:768px) {
.ts-tile:first-child {
margin-bottom: 0
}
}
.ts-tile:before {
background-image: -webkit-gradient(linear, right top, left top, color-stop(24%, transparent), to(rgba(0, 0, 0, .4)));
background-image: -webkit-linear-gradient(right, transparent 24%, rgba(0, 0, 0, .4));
background-image: -o-linear-gradient(right, transparent 24%, rgba(0, 0, 0, .4));
background-image: linear-gradient(270deg, transparent 24%, rgba(0, 0, 0, .4));
content: "";
display: block;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%
}
@media (min-width:768px) {
.ts-tile {
margin-left: 10px;
position: relative;
width: calc(49.99% - 9.998px)
}
}
@media (min-width:768px) and (min-width:1024px) {
.ts-tile {
margin-left: 30px;
width: calc(49.99% - 29.994px)
}
}
@media (min-width:768px) {
.ts-count--1 .ts-tile {
height: 160px;
margin-left: 10px;
position: relative;
width: calc(99.99% - 9.999px)
}
}
@media (min-width:768px) and (min-width:1024px) {
.ts-count--1 .ts-tile {
margin-left: 30px;
width: calc(99.99% - 29.997px)
}
}
.ts-tile__title {
color: #fff;
font-size: 20px;
left: 10px;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 1
}
@media (min-width:768px) {
.ts-tile__title {
left: 34px
}
}
@media (min-width:1024px) {
.ts-tile__title {
font-size: 28px
}
}
.ts-tile__icon {
position: relative;
top: 1px;
width: 16px
}
@media (min-width:768px) {
.ts-tile__icon {
margin-right: 5px
}
}
@media (min-width:1024px) {
.ts-tile__icon {
margin-right: 10px;
top: 3px;
width: 24px
}
}
.ts-tile__img {
display: block;
width: 100%
}
@media (min-width:768px) {
.ts-count--1 .ts-tile__img {
height: 100%;
-o-object-fit: cover;
object-fit: cover
}
}
.ts-tiles__top {
padding-bottom: 20px
}
@media (min-width:1024px) {
.ts-tiles__top {
margin-bottom: 20px
}
}
.product-enquiry {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: 10px;
padding-top: 50px;
width: calc(100% + 10px);
width: calc(100% - 30px)
}
@media (min-width:1024px) {
.product-enquiry {
margin-left: -30px;
margin-left: -10px;
width: calc(100% + 30px);
width: calc(100% - 10px)
}
}
@media (min-width:1240px) {
.product-enquiry {
left: 50%;
margin-left: -630px;
max-width: 1230px;
position: relative;
width: calc(100% + 30px)
}
}
@media (min-width:1024px) {
.product-enquiry {
padding-top: 100px
}
}
.product-enquiry__menu {
margin-left: 10px;
position: relative;
width: calc(99.99% - 9.999px)
}
@media (min-width:1024px) {
.product-enquiry__menu {
margin-left: 30px;
margin-left: 10px;
position: relative;
width: calc(99.99% - 29.997px);
width: calc(24.99% - 9.996px)
}
}
@media (min-width:1024px) and (min-width:1024px) {
.product-enquiry__menu {
margin-left: 30px;
width: calc(24.99% - 29.988px)
}
}
.product-enquiry__forms {
margin-left: 10px;
position: relative;
width: calc(99.99% - 9.999px)
}
@media (min-width:1024px) {
.product-enquiry__forms {
margin-left: 30px;
margin-left: 10px;
position: relative;
width: calc(99.99% - 29.997px);
width: calc(49.99% - 9.998px)
}
}
@media (min-width:1024px) and (min-width:1024px) {
.product-enquiry__forms {
margin-left: 30px;
width: calc(49.99% - 29.994px)
}
}
.product-enquiry__forms form {
background: #f0f0f0;
padding: 20px
}
.product-enquiry h2 {
margin: 0 0 1em
}
.product-enquiry h4 {
border-bottom: 1px solid hsla(60, 4%, 73%, .4);
line-height: 90px;
margin: 0;
padding: 0 30px
}
.product-enquiry__form {
display: none
}
.product-enquiry__form.form-show {
display: block
}
.product-enquiry__sample-options .modal__content {
background: #fff;
max-height: 100vh;
overflow: scroll;
width: 585px
}
@media (min-width:1024px) {
.product-enquiry__sample-options .modal__content {
border-radius: 2px;
overflow: unset
}
}
.product-enquiry__sample-options .modal__content .accordian-type {
margin: 0;
padding: 0 30px
}
.product-enquiry__sample-options .modal__content .accordian-type h4, .product-enquiry__sample-options .modal__content .accordian-type ul {
margin: 0
}
.product-enquiry__sample-options .modal__content .accordian-type label:after, .product-enquiry__sample-options .modal__content .accordian-type label:before {
margin-top: 3px
}
.product-enquiry__sample-options .modal__content .accordian-type li {
list-style-type: none;
margin: 0;
padding: 0
}
.product-enquiry__sample-options .modal__content .accordian-type li:before {
display: none
}
.product-enquiry__toggle-select {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: transparent;
border: 0;
border-bottom: 1px solid hsla(60, 4%, 73%, .4);
color: #303030;
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-family: neuzeit-grotesk, sans-serif;
font-size: 2rem;
font-weight: 700;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 15px 0;
width: 100%
}
.product-enquiry__toggle-select svg * {
fill: #80807a
}
.product-enquiry__toggle-select+* {
display: none
}
.product-enquiry__toggle-select.active svg {
-webkit-transform: scaleY(-1);
-o-transform: scaleY(-1);
transform: scaleY(-1)
}
.product-enquiry__toggle-select.active svg * {
fill: #9A4D00
}
.product-enquiry__toggle-select.active+* {
display: block
}
.product-enquiry .modal__close {
background: hsla(60, 4%, 73%, .2);
height: 90px;
right: 0;
top: 0;
-webkit-transform: none;
-o-transform: none;
transform: none;
width: 90px
}
.product-enquiry .modal__close svg * {
fill: #bcbcb7
}
.product-enquiry__tooltip {
height: 16px;
position: absolute;
right: 0;
top: 20px;
width: 16px
}
@media (min-width:1024px) {
.product-enquiry__tooltip {
margin-right: 10px;
position: relative;
top: 0
}
}
.product-enquiry__tooltip svg {
opacity: .7;
position: absolute
}
.product-enquiry__tooltip:hover svg * {
fill: #9A4D00
}
.product-enquiry__tooltip:hover:after {
background: #9A4D00;
border-radius: 2px;
color: #fff;
content: attr(data-information);
display: block;
font-size: 1.6rem;
padding: 20px;
position: absolute;
right: 0;
top: 21px;
width: 290px;
z-index: 10000
}
@media (min-width:1024px) {
.product-enquiry__tooltip:hover:after {
left: 0;
right: normal
}
}
.product-enquiry__cb {
border-bottom: 1px solid hsla(60, 4%, 73%, .4);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 10px 0 !important
}
@media (min-width:1024px) {
.product-enquiry__cb {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
height: 81px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
}
.product-enquiry__cb img {
height: 80px;
margin-top: 10px;
-o-object-fit: contain;
object-fit: contain;
width: 110px
}
@media (min-width:1024px) {
.product-enquiry__cb img {
margin-top: 0
}
}
.product-enquiry__cb--left {
padding-right: 30px
}
@media (min-width:1024px) {
.product-enquiry__cb--left {
padding-right: 0
}
}
.product-enquiry__cb--right {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.product-enquiry .dummy-input {
color: transparent
}
.product-enquiry .dummy-input-label {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 2rem;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 3rem 2rem 1.3rem;
-webkit-transform: translate3d(0, -1rem, 0) !important;
transform: translate3d(0, -1rem, 0) !important
}
.product-enquiry .dummy-input-label svg {
border-left: 1px solid hsla(60, 4%, 73%, .4);
margin-top: 6px;
padding: 0 0 0 24px;
width: 50px
}
.product-enquiry .input-shiv {
background: #fff;
font-size: 2rem;
padding: 3rem 2rem 1.3rem
}
.product-enquiry__nav {
border-top: 1px solid hsla(60, 4%, 73%, .4)
}
.product-enquiry__nav p {
padding-top: 2rem
}
.product-enquiry__toggle {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-bottom: 1px solid hsla(60, 4%, 73%, .4);
color: #bcbcb7;
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 1.6rem;
font-weight: 500;
margin-bottom: 0 !important;
padding: 25px 0 !important;
text-transform: uppercase;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s
}
.product-enquiry__toggle:before {
display: none !important
}
.product-enquiry__toggle svg {
margin-right: 15px
}
.product-enquiry__toggle .stroke-svg * {
stroke: #bcbcb7;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s
}
.product-enquiry__toggle .fill-svg * {
fill: #bcbcb7;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s
}
.product-enquiry__toggle--active, .product-enquiry__toggle:hover {
border-bottom: 1px solid #bd1c1c !important;
color: #303030
}
.product-enquiry__toggle--active .fill-svg *, .product-enquiry__toggle:hover .fill-svg * {
fill: #bd1c1c
}
.product-enquiry__toggle--active .stroke-svg *, .product-enquiry__toggle:hover .stroke-svg * {
stroke: #bd1c1c
}
.product-enquiry__continue {
padding: 30px;
text-align: center
}
.product-enquiry__custom-link {
display: block;
font-weight: 500;
padding: 23px 0
}
.product-enquiry__custom-link.npb {
padding-bottom: 0
}
.product-enquiry__custom-link.border {
border-bottom: 1px solid hsla(60, 4%, 73%, .4)
}
.product-enquiry__custom-link svg {
margin-right: 15px;
width: 24px
}
.c-form__bottom {
padding-top: 1.3rem
}
@media (min-width:1024px) {
.c-form__bottom {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
}
.c-form__reqiured {
font-style: italic;
padding: 15px 0 20px
}
@media (min-width:1024px) {
.c-form__reqiured {
padding: 0
}
}
.c-form__reqiured:before {
background: #f31c57;
border-radius: 5px;
content: " ";
display: inline-block;
height: 8px;
margin-right: 22px;
width: 8px
}
.block-body-copy__content>:first-child {
margin-top: 0;
padding-top: 0
}
.block-body-copy__content>:last-child {
margin-bottom: 0
}
.block-body-copy__content strong {
font-weight: 400
}
.block-full-image {
margin: 45px 0
}
@media (min-width:1024px) {
.block-full-image {
margin: 100px 0
}
}
.block-full-image__img {
display: block;
margin: 0 auto;
max-width: 1200px;
width: 100%
}
.block-full-image__caption {
border-bottom: 1px solid #bcbcb7;
display: block;
font-size: 1.6rem;
font-weight: 500;
margin: 0 20px;
max-width: 1200px;
padding: 10px 0;
width: calc(100% - 40px)
}
@media (min-width:1024px) {
.block-full-image__caption {
margin: 0 auto
}
}
.block-full-image__cta {
padding-top: 30px;
text-align: center
}
@media (min-width:1024px) {
.block-full-image__cta {
padding-top: 45px
}
}
.vertical .block-two-images__img:before {
display: none
}
.block-two-images__img img {
height: 100%;
left: 0;
-o-object-fit: cover;
object-fit: cover;
position: absolute;
top: 0;
width: 100%
}
.vertical .block-two-images__img img {
height: auto;
position: relative
}
@media (min-width:1024px) {
.testimonial {
margin-bottom: 100px;
margin-top: 100px
}
}
@media (min-width:1024px) {
.testimonial__column {
margin: 0 auto;
}
}
.testimonial__quote {
color: #303030;
font-family: NeutraText-Light;
font-size: 1.5rem
}
.testimonial__bottom {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
font-size: 1.2rem;
margin-top: 25px
}
@media (min-width:1024px) {
.testimonial__bottom {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
font-size: 1.2rem;
margin-top: 30px
}
}
.testimonial__line {
border-top: 3px solid #9A4D00;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
margin-bottom: 25px
}
@media (min-width:1024px) {
.testimonial__line {
margin: 14px 30px 0 0
}
}
.testimonial__name {
color: #303030;
font-weight: 700;
margin-bottom: 0
}
.testimonial__org {
margin: 0
}
.block-video-player--wrap {
position: relative;
width: 100%
}
.block-video-player--wrap:after {
content: " ";
display: block;
padding-top: 56.25%
}
.block-video-player__screen {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
position: absolute;
width: 100%;
z-index: 1
}
.block-video-player__screen:after {
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(55%, transparent), color-stop(87%, rgba(0, 0, 0, .8)));
background-image: -webkit-linear-gradient(top, transparent 55%, rgba(0, 0, 0, .8) 87%);
background-image: -o-linear-gradient(top, transparent 55%, rgba(0, 0, 0, .8) 87%);
background-image: linear-gradient(-180deg, transparent 55%, rgba(0, 0, 0, .8) 87%);
content: " ";
display: block;
height: 100%;
opacity: .8;
position: absolute;
width: 100%;
z-index: 2
}
.block-video-player__screen img {
display: block;
min-height: 100%;
-o-object-fit: cover;
object-fit: cover;
position: absolute;
width: 100%;
z-index: 0
}
.block-video-player__play {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: transparent;
border: 0;
border-radius: 0;
color: #fff;
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 1.8rem;
letter-spacing: 2px;
text-transform: uppercase;
z-index: 3
}
@media (min-width:1024px) {
.block-video-player__play {
font-size: 2.8rem
}
}
.block-video-player__play-bg {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: rgba(189, 28, 28, .8);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-negative: 0;
flex-shrink: 0;
height: 48px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-right: 22px;
width: 48px
}
.block-video-player__play-bg svg {
width: 11px
}
@media (min-width:1024px) {
.block-video-player__play-bg {
height: 100px;
margin-right: 36px;
width: 100px
}
.block-video-player__play-bg svg {
width: auto
}
}
.block-video-player__play:before {
content: "";
display: block;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%
}
.block-video-player__player {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
width: 100%
}
.block-gs {
border-top: 1px solid #bcbcb7;
margin: 0 auto;
max-width: 1200px;
padding: 35px 0;
position: relative;
width: calc(100% - 40px)
}
@media (min-width:1240px) {
.block-gs {
width: 1200px
}
}
@media (min-width:1024px) {
.block-gs {
margin-bottom: 66px;
margin-top: 40px;
padding: 66px 0 0
}
}
.block-gs__heading {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 20px;
margin-left: 10px;
position: relative;
width: calc(99.99% - 9.999px)
}
@media (min-width:1024px) {
.block-gs__heading {
margin-left: 30px;
width: calc(99.99% - 29.997px)
}
}
.block-gs__heading img {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 100px
}
@media (min-width:768px) {
.block-gs__heading {
margin-left: 10px;
position: relative;
width: calc(16.657% - 9.9942px)
}
}
@media (min-width:768px) and (min-width:1024px) {
.block-gs__heading {
margin-left: 30px;
width: calc(16.657% - 29.9826px)
}
}
@media (min-width:768px) {
.block-gs__heading img {
margin-left: 0;
width: 150px
}
}
@media (min-width:1024px) {
.block-gs__heading {
font-size: 2.8rem;
margin: 0;
position: relative;
width: calc(24.99% - 9.996px)
}
}
@media (min-width:1024px) and (min-width:1024px) {
.block-gs__heading {
margin-left: 30px;
margin-left: calc(8.333% + 30px);
width: calc(24.99% - 29.988px)
}
}
@media (min-width:1280px) {
.block-gs__heading {
margin-left: calc(8.333% + 10px);
position: relative;
width: calc(24.99% - 9.996px)
}
}
@media (min-width:1280px) and (min-width:1024px) {
.block-gs__heading {
margin-left: 30px;
margin-left: calc(8.333% + 30px);
width: calc(24.99% - 29.988px)
}
}
.block-gs__body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: left;
-ms-flex-pack: left;
justify-content: left;
margin-bottom: 20px;
margin-left: 10px;
position: relative;
width: calc(99.99% - 9.999px)
}
@media (min-width:1024px) {
.block-gs__body {
margin-left: 30px;
width: calc(99.99% - 29.997px)
}
}
.block-gs__body h4 {
font-size: 2.8rem;
margin: 0;
padding-bottom: 10px
}
@media (min-width:768px) {
.block-gs__body {
margin-left: 10px;
padding-left: 50px;
padding-right: 10px;
position: relative;
width: calc(58.323% - 9.99823px)
}
}
@media (min-width:768px) and (min-width:1024px) {
.block-gs__body {
margin-left: 30px;
width: calc(58.323% - 29.99468px)
}
}
@media (min-width:1024px) {
.block-gs__body {
margin: 0 !important;
margin-left: 10px;
padding: 0;
position: relative;
width: calc(41.657% - 9.99768px)
}
}
@media (min-width:1024px) and (min-width:1024px) {
.block-gs__body {
margin-left: 30px;
width: calc(41.657% - 29.99304px)
}
}
@media (min-width:1280px) {
.block-gs__body {
margin: 0;
padding: 0;
position: relative;
width: calc(33.323% - 9.9969px)
}
}
@media (min-width:1280px) and (min-width:1024px) {
.block-gs__body {
margin-left: 30px;
width: calc(33.323% - 29.9907px)
}
}
.block-gs__cta {
margin-left: 10px;
position: relative;
width: calc(99.99% - 9.999px)
}
@media (min-width:1024px) {
.block-gs__cta {
margin-left: 30px;
width: calc(99.99% - 29.997px)
}
}
@media (min-width:768px) {
.block-gs__cta {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: right;
-ms-flex-pack: right;
justify-content: right;
margin-left: 10px;
position: relative;
width: calc(24.99% - 9.996px)
}
}
@media (min-width:768px) and (min-width:1024px) {
.block-gs__cta {
margin-left: 30px;
width: calc(24.99% - 29.988px)
}
}
@media (min-width:1024px) {
.block-gs__cta {
-ms-flex-line-pack: center;
align-content: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0;
position: relative;
width: calc(24.99% - 9.996px)
}
}
@media (min-width:1024px) and (min-width:1024px) {
.block-gs__cta {
margin-left: 30px;
width: calc(24.99% - 29.988px)
}
}
@media (min-width:1280px) {
.block-gs__cta {
margin-left: calc(8.333% + 10px);
position: relative;
width: calc(24.99% - 9.996px)
}
}
@media (min-width:1280px) and (min-width:1024px) {
.block-gs__cta {
margin-left: 30px;
margin-left: calc(8.333% + 30px);
width: calc(24.99% - 29.988px)
}
}
.block-table {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 45px;
margin-left: 10px;
margin-top: 45px;
width: calc(100% + 10px);
width: calc(100% - 30px)
}
@media (min-width:1024px) {
.block-table {
margin-left: -30px;
margin-left: -10px;
width: calc(100% + 30px);
width: calc(100% - 10px)
}
}
@media (min-width:1240px) {
.block-table {
left: 50%;
margin-left: -630px;
max-width: 1230px;
position: relative;
width: calc(100% + 30px)
}
}
@media (min-width:1024px) {
.block-table {
margin-bottom: 100px;
margin-top: 100px
}
}
.block-table__column {
margin-left: 10px;
position: relative;
width: calc(99.99% - 9.999px)
}
@media (min-width:1024px) {
.block-table__column {
margin-left: 30px;
width: calc(99.99% - 29.997px)
}
}
.block-table__column td a {
color: #191919;
font-weight: 400
}
@media (min-width:1024px) {
.block-table__column {
margin-left: calc(16.667% + 10px);
position: relative;
width: calc(66.657% - 9.99855px)
}
}
@media (min-width:1024px) and (min-width:1024px) {
.block-table__column {
margin-left: 30px;
margin-left: calc(16.667% + 30px);
width: calc(66.657% - 29.99565px)
}
}
.block-table__link {
margin-top: 50px;
text-align: center
}
.block-proj-summ {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: 10px;
width: calc(100% + 10px);
width: calc(100% - 30px)
}
@media (min-width:1024px) {
.block-proj-summ {
margin-left: -30px;
margin-left: -10px;
width: calc(100% + 30px);
width: calc(100% - 10px)
}
}
@media (min-width:1240px) {
.block-proj-summ {
left: 50%;
margin-left: -630px;
max-width: 1230px;
position: relative;
width: calc(100% + 30px)
}
}
.block-proj-summ__plaque {
background: #fff;
margin-left: 10px;
padding-bottom: 35px;
padding-top: 35px;
position: relative;
width: calc(99.99% - 9.999px)
}
@media (min-width:1024px) {
.block-proj-summ__plaque {
margin-left: 30px;
margin-left: calc(33.333% + 10px);
margin-top: -140px;
padding-bottom: 70px;
padding-top: 70px;
position: relative;
width: calc(99.99% - 29.997px);
width: calc(66.657% - 9.99855px)
}
}
@media (min-width:1024px) and (min-width:1024px) {
.block-proj-summ__plaque {
margin-left: 30px;
margin-left: calc(33.333% + 30px);
width: calc(66.657% - 29.99565px)
}
}
@media (min-width:1024px) {
.block-proj-summ__plaque h3 {
margin-bottom: 60px
}
}
.block-proj-summ__img {
margin-left: 10px;
position: relative;
width: calc(99.99% - 9.999px)
}
@media (min-width:1024px) {
.block-proj-summ__img {
margin-left: 30px;
width: calc(99.99% - 29.997px)
}
}
.block-proj-summ__img img {
border: 0;
display: block;
width: 100%
}
.block-proj-summ__content {
margin-left: 10px;
position: relative;
width: calc(99.99% - 9.999px)
}
@media (min-width:1024px) {
.block-proj-summ__content {
margin-left: 30px;
margin-left: calc(12.5% + 10px);
position: relative;
width: calc(99.99% - 29.997px);
width: calc(74.99% - 9.99866px)
}
}
@media (min-width:1024px) and (min-width:1024px) {
.block-proj-summ__content {
margin-left: 30px;
margin-left: calc(12.5% + 30px);
width: calc(74.99% - 29.996px)
}
}
.block-proj-summ__items {
-webkit-column-count: 2;
column-count: 2;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: -10px;
width: calc(100% + 10px)
}
@media (min-width:1024px) {
.block-proj-summ__items {
margin-left: -30px;
width: calc(100% + 30px)
}
}
.block-proj-summ__item {
font-size: 1.8rem;
margin-left: 10px;
position: relative;
width: calc(49.99% - 9.998px)
}
.block-proj-summ__item h4 {
color: #9A4D00;
font-size: 1.2rem;
font-weight: 700;
letter-spacing: 2px;
margin-bottom: 1em;
text-transform: uppercase
}
@media (min-width:1024px) {
.block-proj-summ__item {
margin-left: 30px;
margin-left: 10px;
position: relative;
width: calc(49.99% - 29.994px);
width: calc(49.99% - 9.998px)
}
}
@media (min-width:1024px) and (min-width:1024px) {
.block-proj-summ__item {
margin-left: 30px;
width: calc(49.99% - 29.994px)
}
}
.pd {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: 10px;
width: calc(100% + 10px);
width: calc(100% - 30px)
}
@media (min-width:1024px) {
.pd {
margin-left: -30px;
margin-left: -10px;
width: calc(100% + 30px);
width: calc(100% - 10px)
}
}
@media (min-width:1240px) {
.pd {
left: 50%;
margin-left: -630px;
max-width: 1230px;
position: relative;
width: calc(100% + 30px)
}
}
.pd__tile {
border: 1px solid #d8d8d7;
border-radius: 2px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 30px;
margin-left: 10px;
padding: 20px;
position: relative;
-webkit-transition: -webkit-box-shadow .3s;
transition: -webkit-box-shadow .3s;
-o-transition: box-shadow .3s;
transition: box-shadow .3s;
transition: box-shadow .3s, -webkit-box-shadow .3s;
width: calc(99.99% - 9.999px)
}
@media (min-width:1024px) {
.pd__tile {
margin-left: 30px;
width: calc(99.99% - 29.997px)
}
}
.pd__tile:hover {
-webkit-box-shadow: 0 15px 35px 0 rgba(0, 0, 0, .15);
box-shadow: 0 15px 35px 0 rgba(0, 0, 0, .15);
color: #76787e
}
@media (min-width:768px) {
.pd__tile {
margin-left: 10px;
padding: 38px;
position: relative;
width: calc(49.99% - 9.998px)
}
}
@media (min-width:768px) and (min-width:1024px) {
.pd__tile {
margin-left: 30px;
width: calc(49.99% - 29.994px)
}
}
@media (min-width:1024px) {
.pd__tile {
margin-left: 10px;
position: relative;
width: calc(33.323% - 9.9969px)
}
}
@media (min-width:1024px) and (min-width:1024px) {
.pd__tile {
margin-left: 30px;
width: calc(33.323% - 29.9907px)
}
}
.pd__title {
font-size: 2.4rem;
margin-bottom: 0
}
.pd__summary {
font-size: 1.8rem;
margin-bottom: 30px
}
.pd__image {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0 auto;
max-height: 300px;
max-width: 300px;
min-height: 260px
}
@media (min-width:1024px) {
.pd__image {
height: 300px
}
}
@media (min-width:1024px) {
.pd__image--laptop {
height: 250px;
max-height: 250px;
min-height: 250px
}
}
.pd__image img {
width: 100%
}
.pd__meta {
-ms-flex-line-pack: center;
align-content: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: auto
}
.pd__meta span {
font-size: 1.2rem;
font-weight: 400;
letter-spacing: 4px;
margin-left: 10px;
margin-top: 1px;
text-transform: uppercase
}
.pd__sign {
margin-right: 5px
}
.pd__btn {
display: block;
width: 100%
}
.ft-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 45px 0 0 10px;
width: calc(100% + 10px);
width: calc(100% - 30px)
}
@media (min-width:1024px) {
.ft-block {
margin-left: -30px;
margin-left: -10px;
width: calc(100% + 30px);
width: calc(100% - 10px)
}
}
@media (min-width:1240px) {
.ft-block {
left: 50%;
margin-left: -630px;
max-width: 1230px;
position: relative;
width: calc(100% + 30px)
}
}
@media (min-width:1024px) {
.ft-block {
margin-bottom: 35px
}
}
.ft-block__img {
margin-left: 10px;
position: relative;
width: calc(99.99% - 9.999px)
}
@media (min-width:1024px) {
.ft-block__img {
margin-left: 30px;
width: calc(99.99% - 29.997px)
}
}
.ft-block__content {
margin-left: 10px;
padding: 30px 0;
position: relative;
width: calc(99.99% - 9.999px)
}
@media (min-width:1024px) {
.ft-block__content {
margin-left: 30px;
width: calc(99.99% - 29.997px)
}
}
@media (min-width:375px) {
.ft-block__content {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-left: 40px;
margin-right: 25px;
padding: 55px 0 35px
}
}
@media (min-width:768px) {
.ft-block__content {
padding: 70px 0 50px
}
}
@media (min-width:1024px) {
.ft-block__content {
background: #fff;
margin-left: calc(16.667% + 10px);
margin-top: -44px;
padding: 0 9% 30px;
position: relative;
width: calc(66.657% - 9.99855px)
}
}
@media (min-width:1024px) and (min-width:1024px) {
.ft-block__content {
margin-left: 30px;
margin-left: calc(16.667% + 30px);
width: calc(66.657% - 29.99565px)
}
}
.block-faqs {
background: #f8f8f8;
padding: 40px 0
}
@media (min-width:1024px) {
.block-faqs {
padding: 100px 0
}
}
.block-faqs__column {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: 10px;
width: calc(100% + 10px);
width: calc(100% - 30px)
}
@media (min-width:1024px) {
.block-faqs__column {
margin-left: -30px;
margin-left: -10px;
width: calc(100% + 30px);
width: calc(100% - 10px)
}
}
@media (min-width:1240px) {
.block-faqs__column {
left: 50%;
margin-left: -630px;
max-width: 1230px;
position: relative;
width: calc(100% + 30px)
}
}
.block-faqs__center {
margin-left: 10px;
position: relative;
width: calc(99.99% - 9.999px)
}
@media (min-width:1024px) {
.block-faqs__center {
margin-left: 30px;
margin-left: calc(16.667% + 10px);
position: relative;
width: calc(99.99% - 29.997px);
width: calc(66.657% - 9.99855px)
}
}
@media (min-width:1024px) and (min-width:1024px) {
.block-faqs__center {
margin-left: 30px;
margin-left: calc(16.667% + 30px);
width: calc(66.657% - 29.99565px)
}
}
.block-faqs__heading {
border-bottom: 2px solid #191919;
padding: 0 0 50px;
text-align: center
}
.block-faqs dt {
border-top: 1px solid hsla(60, 4%, 73%, .4);
color: #303030;
cursor: pointer;
font-size: 2.4rem;
padding: 30px 30px 30px 50px;
position: relative
}
.block-faqs dt:first-of-type {
border: 0
}
.block-faqs dt:before {
color: #303030;
content: "Q";
display: inline-block;
font-family: neuzeit-grotesk, sans-serif;
font-size: 2.4rem;
font-weight: 700;
height: 100%;
left: 0;
position: absolute;
width: 50px
}
.block-faqs dt svg {
position: absolute;
right: 0;
top: 40px;
-webkit-transform: scaleY(-1);
-o-transform: scaleY(-1);
transform: scaleY(-1)
}
.block-faqs dt.active:before {
color: #191919
}
.block-faqs dt.active svg {
-webkit-transform: scaleY(1);
-o-transform: scaleY(1);
transform: scaleY(1)
}
.block-faqs dt.active+dd {
display: block
}
.block-faqs dd {
color: #76787e;
display: none;
font-size: 2rem;
padding: 0 0 30px 50px;
position: relative
}
.block-faqs dd:before {
color: #bcbcb7;
content: "A";
display: block;
font-family: neuzeit-grotesk, sans-serif;
font-size: 2.4rem;
font-weight: 700;
height: 100%;
left: 0;
position: absolute;
width: 50px
}
.block-faqs+* {
border-top: none
}
.feat-test {
background: #393d46;
padding-bottom: 150px;
padding-top: 65px
}
@media (min-width:1024px) {
.feat-test {
padding-top: 130px
}
}
.feat-test__row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: 10px;
width: calc(100% + 10px);
width: calc(100% - 30px)
}
@media (min-width:1024px) {
.feat-test__row {
margin-left: -30px;
margin-left: -10px;
width: calc(100% + 30px);
width: calc(100% - 10px)
}
}
@media (min-width:1240px) {
.feat-test__row {
left: 50%;
margin-left: -630px;
max-width: 1230px;
position: relative;
width: calc(100% + 30px)
}
}
.feat-test__column {
margin-bottom: 100px;
margin-left: 10px;
position: relative;
width: calc(99.99% - 9.999px)
}
@media (min-width:1024px) {
.feat-test__column {
margin-left: 30px;
width: calc(99.99% - 29.997px)
}
}
.feat-test h2 {
color: #fff;
font-size: 3.4rem;
margin-bottom: 2.6rem;
text-align: center
}
@media (min-width:1024px) {
.feat-test h2 {
font-size: 4.8rem;
margin-bottom: 4rem
}
}
.feat-test p {
color: #b6bac1;
font-size: 2rem;
text-align: center
}
.feat-test-logos {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: distribute;
justify-content: space-around;
margin-top: 35px
}
.feat-test-logos img {
height: 150px;
margin: 0
}
.feat-test-profile {
margin-bottom: 100px;
margin-top: -210px;
position: relative
}
@media (min-width:1024px) {
.feat-test-profile-image {
margin-left: 10px;
position: relative;
width: calc(33.323% - 9.9969px)
}
}
@media (min-width:1024px) and (min-width:1024px) {
.feat-test-profile-image {
margin-left: 30px;
width: calc(33.323% - 29.9907px)
}
}
.feat-test-profile-image img {
border-radius: 1000px;
margin: 0 auto;
width: 75%
}
.feat-test-profile-quote {
position: relative
}
@media (min-width:1024px) {
.feat-test-profile-quote {
margin-left: 10px;
position: relative;
width: calc(66.657% - 9.99855px)
}
}
@media (min-width:1024px) and (min-width:1024px) {
.feat-test-profile-quote {
margin-left: 30px;
width: calc(66.657% - 29.99565px)
}
}
.feat-test-profile-quote-text {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #303030;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-family: neuzeit-grotesk, sans-serif;
font-size: 2rem;
font-weight: 700;
line-height: 1.28em;
margin-top: 20px;
padding-left: 20px
}
@media (min-width:1024px) {
.feat-test-profile-quote-text {
color: #fff;
font-size: 2.8rem;
height: 50%;
margin-bottom: 3.8rem;
margin-top: 0
}
}
.feat-test-profile-quote-attribution {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: 30px;
padding-left: 20px
}
.feat-test-profile-quote-attribution .line {
background: #9A4D00;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-box-flex: true;
-ms-flex-positive: true;
flex-grow: true;
height: 3px;
margin-left: 65px;
margin-right: 32px;
position: relative;
top: 11px
}
@media (min-width:1024px) {
.feat-test-profile-quote-attribution {
bottom: 10px;
margin-top: 0;
position: absolute;
width: 100%
}
}
.feat-test-profile-author {
color: #303030;
font-weight: 400
}
.feat-test-profile-company {
color: #76787e;
font-weight: 300
}
.feat-test--home {
background: #fff;
padding-bottom: 0;
padding-top: 10px
}
@media (min-width:1024px) {
.feat-test--home {
padding-top: 84px
}
}
.feat-test--home .feat-test--home__column {
margin-bottom: 30px;
margin-left: 10px;
position: relative;
width: calc(99.99% - 9.999px)
}
@media (min-width:1024px) {
.feat-test--home .feat-test--home__column {
margin-left: 30px;
width: calc(99.99% - 29.997px)
}
}
.feat-test--home h2 {
color: #303030;
margin-bottom: 15px
}
.feat-test--home p {
color: #79797b;
margin-bottom: 0
}
.feat-test--home .feat-test-logos {
margin: 10px auto;
width: 90%
}
@media (min-width:1024px) {
.feat-test--home .feat-test-logos {
margin: 20px auto;
width: 100%
}
}
.feat-test--home .feat-test-logos .featured--logo {
height: 75px;
margin-right: 4px;
width: 75px
}
@media (min-width:1024px) {
.feat-test--home .feat-test-logos .featured--logo {
height: 80px;
margin-right: 8px;
margin-top: 12px;
width: 80px
}
.feat-test--home .feat-test-logos .featured--logo :last-child {
margin-right: 0
}
}
.feat-test--home .feat-test-logos img {
height: 100%;
-o-object-fit: contain;
object-fit: contain;
width: 100%
}
.home-feat-test-profile {
background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(15%, #fff), color-stop(0, #f8f8f8));
background-image: -webkit-linear-gradient(#fff, #fff 15%, #f8f8f8 0);
background-image: -o-linear-gradient(#fff, #fff 15%, #f8f8f8 0);
background-image: linear-gradient(#fff, #fff 15%, #f8f8f8 0);
height: 100%;
padding-bottom: 50px;
position: relative
}
@media (min-width:1024px) {
.home-feat-test-profile .feat-test-profile-image {
margin-left: 10px;
position: relative;
width: calc(24.99% - 9.996px)
}
}
@media (min-width:1024px) and (min-width:1024px) {
.home-feat-test-profile .feat-test-profile-image {
margin-left: 30px;
width: calc(24.99% - 29.988px)
}
}
.home-feat-test-profile .feat-test-profile-image img {
border-radius: 1000px;
margin: 0 auto;
width: 75%
}
@media (min-width:1024px) {
.home-feat-test-profile .feat-test-profile-image img {
width: 100%
}
}
.home-feat-test-profile-quote {
margin: 0 auto;
position: relative
}
@media (min-width:1024px) {
.home-feat-test-profile-quote {
margin-left: 10px;
position: relative;
width: calc(74.99% - 9.99866px)
}
}
@media (min-width:1024px) and (min-width:1024px) {
.home-feat-test-profile-quote {
margin-left: 30px;
width: calc(74.99% - 29.996px)
}
}
.home-feat-test-profile .feat-test-profile-quote-text {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #303030;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
display: block;
font-family: neuzeit-grotesk, sans-serif;
font-size: 2rem;
font-weight: 700;
height: 100px;
line-height: 1.28em;
margin-top: 20px;
overflow: hidden;
padding-top: 30px;
position: relative;
text-align: center;
width: 100%
}
@media (min-width:1024px) {
.home-feat-test-profile .feat-test-profile-quote-text {
color: #303030;
font-size: 2.8rem;
height: 150px;
margin-bottom: 3.8rem;
margin-top: 70px;
padding-left: 20px;
text-align: left
}
}
.home-feat-test-profile .feat-test-profile-quote-attribution {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-left: 0;
margin-top: 30px;
padding-left: 10px;
text-align: center
}
.home-feat-test-profile .feat-test-profile-quote-attribution .line {
background: #9A4D00;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
-webkit-box-flex: true;
-ms-flex-positive: true;
flex-grow: true;
height: 3px;
margin-bottom: 30px;
margin-left: 0;
margin-top: 0;
position: relative;
width: 100%
}
@media (min-width:1024px) {
.home-feat-test-profile .feat-test-profile-quote-attribution .line {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
margin-bottom: 0;
margin-left: 15%;
margin-right: 32px;
text-align: left;
top: 19px
}
}
@media (min-width:1440px) {
.home-feat-test-profile .feat-test-profile-quote-attribution .line {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
margin-bottom: 0;
margin-left: 10%;
margin-right: 32px;
top: 19px
}
}
@media (min-width:1024px) {
.home-feat-test-profile .feat-test-profile-quote-attribution {
bottom: 0;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
margin-top: 0;
position: absolute;
text-align: left;
width: 100%
}
}
.home-feat-test-profile-author {
color: #303030;
font-weight: 400
}
.home-feat-test-profile-company {
color: #76787e;
font-weight: 300
}
.block-feat-ico {
margin-bottom: 50px;
margin-top: 50px
}
@media (min-width:1024px) {
.block-feat-ico {
margin-bottom: 100px;
margin-top: 100px
}
}
.block-feat-ico__row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: 10px;
width: calc(100% + 10px);
width: calc(100% - 30px)
}
@media (min-width:1024px) {
.block-feat-ico__row {
margin-left: -30px;
margin-left: -10px;
width: calc(100% + 30px);
width: calc(100% - 10px)
}
}
@media (min-width:1240px) {
.block-feat-ico__row {
left: 50%;
margin-left: -630px;
max-width: 1230px;
position: relative;
width: calc(100% + 30px)
}
}
.block-feat-ico__feature {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #303030;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
font-family: neuzeit-grotesk, sans-serif;
font-size: 2rem;
font-weight: 700;
height: 150px;
margin-bottom: 50px;
margin-left: 10px;
position: relative;
text-align: center;
width: calc(49.99% - 9.998px)
}
@media (min-width:1024px) {
.block-feat-ico__feature {
margin-left: 30px;
margin-left: 10px;
position: relative;
width: calc(49.99% - 29.994px);
width: calc(24.99% - 9.996px)
}
}
@media (min-width:1024px) and (min-width:1024px) {
.block-feat-ico__feature {
margin-left: 30px;
width: calc(24.99% - 29.988px)
}
}
.block-feat-ico__feature svg {
height: 62px;
margin-bottom: 30px
}
.feat-rows__bg {
padding: 40px 0
}
@media (min-width:1024px) {
.feat-rows__bg {
padding: 80px 0
}
}
.feat-rows__bg:nth-child(odd) {
background: #f8f8f8
}
.feat-rows__bg:nth-child(odd) .feat-rows__row {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse
}
@media (min-width:1024px) {
.feat-rows__bg:nth-child(odd) .feat-rows__text-column {
margin-left: calc(16.667% + 10px);
position: relative;
width: calc(83.323% - 9.99876px)
}
}
@media (min-width:1024px) and (min-width:1024px) {
.feat-rows__bg:nth-child(odd) .feat-rows__text-column {
margin-left: 30px;
margin-left: calc(16.667% + 30px);
width: calc(83.323% - 29.99628px)
}
}
.feat-rows__row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: 10px;
width: calc(100% + 10px);
width: calc(100% - 30px)
}
@media (min-width:1024px) {
.feat-rows__row {
margin-left: -30px;
margin-left: -10px;
width: calc(100% + 30px);
width: calc(100% - 10px)
}
}
@media (min-width:1240px) {
.feat-rows__row {
left: 50%;
margin-left: -585px;
max-width: 1230px;
position: relative;
width: calc(100% + 30px)
}
}
.feat-rows__image {
margin-left: 10px;
position: relative;
width: calc(99.99% - 9.999px)
}
@media (min-width:1024px) {
.feat-rows__image {
margin-left: 30px;
margin-left: 10px;
position: relative;
width: calc(99.99% - 29.997px);
width: calc(49.99% - 9.998px)
}
}
@media (min-width:1024px) and (min-width:1024px) {
.feat-rows__image {
margin-left: 30px;
width: calc(49.99% - 29.994px)
}
}
.feat-rows__image img {
width: 100%
}
.feat-rows__text {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-left: 10px;
position: relative;
width: calc(99.99% - 9.999px)
}
@media (min-width:1024px) {
.feat-rows__text {
margin-left: 30px;
margin-left: 10px;
position: relative;
width: calc(99.99% - 29.997px);
width: calc(49.99% - 9.998px)
}
}
@media (min-width:1024px) and (min-width:1024px) {
.feat-rows__text {
margin-left: 30px;
width: calc(49.99% - 29.994px)
}
}
.feat-rows__text h1, .feat-rows__text h2 {
margin-top: 0
}
.feat-rows__text-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: -10px;
width: calc(100% + 10px)
}
@media (min-width:1024px) {
.feat-rows__text-row {
margin-left: -30px;
width: calc(100% + 30px)
}
}
.feat-rows__text-column {
margin-left: 10px;
position: relative;
width: calc(99.99% - 9.999px)
}
@media (min-width:1024px) {
.feat-rows__text-column {
margin-left: 30px;
margin-left: 10px;
position: relative;
width: calc(99.99% - 29.997px);
width: calc(83.323% - 9.99876px)
}
}
@media (min-width:1024px) and (min-width:1024px) {
.feat-rows__text-column {
margin-left: 30px;
width: calc(83.323% - 29.99628px)
}
}
.feat-rows .block-image-with-text__btns {
display: block;
font-size: 0
}
@media (min-width:1024px) {
.feat-rows .block-image-with-text__btns a:first-child {
margin-right: 10px
}
}
@media (min-width:1024px) {
.feat-rows.internal__content {
margin-top: 66px
}
}
.block-tutorial {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 50px;
margin-left: 10px;
margin-top: 50px;
width: calc(100% + 10px);
width: calc(100% - 30px)
}
@media (min-width:1024px) {
.block-tutorial {
margin-left: -30px;
margin-left: -10px;
width: calc(100% + 30px);
width: calc(100% - 10px)
}
}
@media (min-width:1240px) {
.block-tutorial {
left: 50%;
margin-left: -630px;
max-width: 1230px;
position: relative;
width: calc(100% + 30px)
}
}
@media (min-width:1024px) {
.block-tutorial {
margin-bottom: 100px;
margin-top: 100px
}
}
.block-tutorial__header {
margin-bottom: 40px;
margin-left: 10px;
position: relative;
text-align: center;
width: calc(99.99% - 9.999px)
}
@media (min-width:1024px) {
.block-tutorial__header {
margin-left: 30px;
width: calc(99.99% - 29.997px)
}
}
.block-tutorial__header h1, .block-tutorial__header h2 {
margin-top: 0
}
.block-tutorial__step {
margin-left: 10px;
position: relative;
width: calc(99.99% - 9.999px)
}
@media (min-width:1024px) {
.block-tutorial__step {
margin-left: 30px;
margin-left: 10px;
position: relative;
width: calc(99.99% - 29.997px);
width: calc(33.323% - 9.9969px)
}
}
@media (min-width:1024px) and (min-width:1024px) {
.block-tutorial__step {
margin-left: 30px;
width: calc(33.323% - 29.9907px)
}
}
.block-tutorial__step img {
margin-bottom: 20px;
width: 100%
}
@media (min-width:1024px) {
.block-tutorial__step img {
margin-bottom: 40px
}
}
.page-break {
border: 0;
border-top: 1px solid hsla(60, 4%, 73%, .4);
margin: 75px auto;
width: calc(100% - 40px)
}
@media (min-width:1024px) {
.page-break {
margin-bottom: 150px;
margin-top: 150px;
max-width: 1200px
}
}
.featured-projects {
margin-bottom: 45px;
margin-top: 45px
}
@media (min-width:1024px) {
.featured-projects {
margin-bottom: 100px;
margin-top: 100px
}
}
.feature-projects__cta {
padding-top: 30px;
text-align: center
}
@media (min-width:1024px) {
.feature-projects__cta {
padding-top: 60px
}
}
.landing-form {
background: #f0f0f0;
margin: 20px;
padding: 20px 0
}
.landing-form .product-enquiry__form {
margin: 0 auto;
max-width: 1200px;
padding: 20px
}
@media (min-width:1024px) {
.landing-form {
margin: 100px 0;
padding: 100px 0 120px
}
.landing-form form {
margin: 0 auto;
width: 50%
}
}
.landing-form__heading {
font-size: 30px;
padding: 0 20px;
text-align: center
}
@media (min-width:1024px) {
.landing-form__heading {
font-size: 4.8rem
}
}
.landing-form__desc {
text-align: center
}
@media (min-width:1024px) {
.landing-form__desc {
margin: -2px auto 45px;
width: 50%
}
}
.landing-form--file {
padding-top: 0
}
@media (min-width:1024px) {
.landing-form--file {
padding-top: 100px
}
}
.landing-form--file .form-input {
margin-bottom: 1.6rem
}
.landing-form--file .landing-form__row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin: 0 auto;
max-width: 1200px
}
@media (min-width:1024px) {
.landing-form--file .landing-form__row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row
}
}
.landing-form--file .landing-form__main {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1
}
@media (min-width:1024px) {
.landing-form--file .landing-form__main {
width: 50%
}
}
@media (min-width:1024px) {
.landing-form--file .landing-form__desc, .landing-form--file .product-enquiry__form form {
width: 100%
}
}
.landing-form--file .landing-form__heading {
padding-top: 20px
}
@media (min-width:1024px) {
.landing-form--file .landing-form__heading {
padding-top: 0
}
}
.lnd-download {
background: #fff;
border-bottom: 2px solid #9A4D00;
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
text-align: center
}
@media (min-width:1024px) {
.lnd-download {
-ms-flex-item-align: start;
align-self: flex-start;
margin-left: auto;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
padding-top: 32px;
width: 41%
}
}
.lnd-download__img {
display: block;
margin: 0 auto;
max-width: 350px;
width: 100%
}
.lnd-download__label {
font-size: 16px;
margin-bottom: 28px;
margin-top: 0
}
@media (min-width:1024px) {
.lnd-download__label {
font-size: 18px;
margin-bottom: 45px;
margin-top: 10px;
padding: 0 20px
}
}
.banner-cta {
display: block;
height: 220px;
margin: 0 auto 40px;
max-width: 1200px;
overflow: hidden;
position: relative
}
@media (min-width:1024px) {
.banner-cta {
margin-bottom: 114px
}
}
.banner-cta__img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-webkit-transition: -webkit-transform .7s ease-in-out;
transition: -webkit-transform .7s ease-in-out;
-o-transition: -o-transform .7s ease-in-out;
transition: transform .7s ease-in-out;
transition: transform .7s ease-in-out, -webkit-transform .7s ease-in-out, -o-transform .7s ease-in-out
}
.banner-cta:hover .banner-cta__img {
-webkit-transform: scale(1.06);
-o-transform: scale(1.06);
transform: scale(1.06)
}
.banner-cta__body {
background: rgba(189, 28, 28, .9);
bottom: 0;
left: 0;
padding: 25px 0;
position: absolute;
text-align: center;
width: 100%
}
@media (min-width:1024px) {
.banner-cta__body {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 0;
height: 50%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
left: 50%;
padding: 0;
width: 50%
}
}
.banner-cta__title {
color: #fff;
font-size: 3.2rem;
margin: 0 0 10px
}
@media (min-width:1280px) {
.banner-cta__title {
display: inline;
margin: 0 15px 0 0
}
}
.banner-cta__sub {
color: #fff;
font-size: 2rem;
font-weight: 400
}
.banner-cta__ico {
margin-left: 10px;
position: relative;
top: 5px
}
@media (min-width:1280px) {
.banner-cta__ico {
margin-left: 18px
}
}
.data-table, .ts-table__body table {
border-top: none
}
.data-table *, .ts-table__body table * {
border: 0 transparent
}
.data-table tr, .ts-table__body table tr {
border: 0
}
.data-table th, .ts-table__body table th {
border-bottom: 2px solid #80807a;
color: #9A4D00;
font-size: 1.2rem;
font-weight: 700;
height: auto !important;
letter-spacing: 2.4px;
text-transform: uppercase
}
.data-table td, .ts-table__body table td {
border-bottom: 1px solid hsla(60, 4%, 73%, .4);
font-size: 1.6rem;
height: auto !important;
padding: 12px 2rem 12px 0;
vertical-align: top
}
@media (min-width:768px) {
.data-table td, .ts-table__body table td {
font-size: 2rem
}
}
.data-table td strong, .ts-table__body table td strong {
color: #303030;
font-weight: 400
}
.ts-table__row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: -10px;
padding-bottom: 20px;
padding-top: 20px;
position: relative;
width: calc(100% + 10px)
}
@media (min-width:1024px) {
.ts-table__row {
margin-left: -30px;
width: calc(100% + 30px)
}
}
@media (min-width:768px) {
.ts-table__row {
padding-bottom: 48px;
padding-top: 35px
}
}
@media (min-width:1024px) {
.ts-table__row {
padding-bottom: 0;
padding-top: 35px
}
}
.ts-table__row:after {
background: hsla(60, 4%, 73%, .4);
bottom: 0;
content: " ";
display: block;
height: 1px;
margin-left: 10px;
position: absolute;
width: calc(100% - 10px)
}
@media (min-width:1024px) {
.ts-table__row:after {
margin-left: 30px;
width: calc(100% - 30px)
}
}
.ts-table__row:last-child:after {
content: none
}
.ts-table__row--header {
font-size: 2rem;
padding-bottom: 50px;
padding-top: 0
}
@media (min-width:1024px) {
.ts-table__row--header {
padding-top: 35px
}
}
.ts-table__row--header:after {
background: #80807a;
height: 2px
}
.ts-table__row--no-border:after {
display: none
}
.ts-table__container {
margin: 0 auto 0 10px;
width: calc(100% - 10px)
}
@media (min-width:1024px) {
.ts-table__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
margin: 0;
width: 100%
}
}
.ts-table__title {
margin-left: 10px;
padding-bottom: 30px;
position: relative;
width: calc(99.99% - 9.999px)
}
@media (min-width:1024px) {
.ts-table__title {
margin-left: 30px;
margin-left: 10px;
padding-bottom: 0;
position: relative;
width: calc(99.99% - 29.997px);
width: calc(24.99% - 9.996px)
}
}
@media (min-width:1024px) and (min-width:1024px) {
.ts-table__title {
margin-left: 30px;
width: calc(24.99% - 29.988px)
}
}
.ts-table__title h5, .ts-table__title h6 {
line-height: 1.15;
margin: 0
}
.ts-table__warning {
background-color: #ffefcf;
border-radius: 2px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
margin-bottom: 30px;
padding: 13px 10px;
width: 100%
}
@media (min-width:1024px) {
.ts-table__warning {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 40px;
margin-left: 30px;
max-width: 893px;
padding: 13px 17px
}
}
.ts-table__warning p {
color: #4d483e;
font-family: Roboto Condensed;
font-size: 12px;
letter-spacing: 0;
line-height: 16px;
margin-bottom: 0
}
@media (min-width:1024px) {
.ts-table__warning p {
font-size: 18px;
line-height: 24px
}
}
.ts-table__warning .image {
margin-right: 10px
}
@media (min-width:1024px) {
.ts-table__warning .image {
margin-top: 2px
}
}
.ts-table__body {
margin-left: 10px;
position: relative;
width: calc(99.99% - 9.999px)
}
@media (min-width:1024px) {
.ts-table__body {
margin-left: 30px;
margin-left: 10px;
padding-bottom: 0;
position: relative;
width: calc(99.99% - 29.997px);
width: calc(74.99% - 9.99866px)
}
}
@media (min-width:1024px) and (min-width:1024px) {
.ts-table__body {
margin-left: 30px;
width: calc(74.99% - 29.996px)
}
}
.ts-table__body--flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.ts-table__body p:last-child {
margin: 0
}
.ts-table__body.ts-text--Small p {
font-size: 1.6rem
}
.ts-table__body table {
border: transparent
}
.ts-table__column {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
margin-right: 30px
}
.ts-table__column:last-child {
margin-right: 0
}
.ts-table__column strong {
display: inline;
font-weight: 400
}
.ts-table__column p {
font-size: 1.8rem
}
@media (min-width:1024px) {
.ts-table__column p {
font-size: 2rem
}
}
.ts-table__column p:last-child {
margin: 0
}
.ts-table__column img {
max-width: 100%;
width: auto !important
}
.ts-table__column.ts-img--small img {
max-height: 70px
}
.ts-table__column.ts-img--medium img {
max-height: 80px
}
.ts-table__column.ts-img--large img {
max-height: 120px
}
@media (min-width:1024px) {
.spw {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: -10px;
min-height: 60rem;
width: calc(100% + 10px)
}
}
@media (min-width:1024px) and (min-width:1024px) {
.spw {
margin-left: -30px;
width: calc(100% + 30px)
}
}
.spw__header {
background: #f8f8f8;
padding: 2rem 0 2rem 2rem
}
@media (min-width:1024px) {
.spw__header {
padding: 3.2rem 0 3.2rem 4rem
}
}
.spw__title {
font-size: 2rem
}
.spw__legend {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.spw__legend-lbl {
color: #80807a;
font-size: 1.4rem;
margin: 0 3rem 0 1.2rem
}
@media (min-width:375px) {
.spw__legend-lbl {
margin-right: 3.5rem
}
}
.spw__legend-lbl:last-child {
margin-right: 0
}
@media (min-width:1024px) {
.spw__menu {
background: #f8f8f8;
height: 100%;
position: static;
width: 30%
}
}
.spw__body {
border: 1px solid #dfdfdd;
margin-top: 2rem
}
@media (min-width:1024px) {
.spw__body {
margin-left: 10px;
margin-top: 4.5rem;
position: relative;
width: calc(99.99% - 9.999px)
}
}
@media (min-width:1024px) and (min-width:1024px) {
.spw__body {
margin-left: 30px;
width: calc(99.99% - 29.997px)
}
}
.sp-item {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #f8f8f8;
border-bottom: 1px solid hsla(60, 4%, 73%, .4);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-right: 9rem;
position: relative
}
.sp-item:last-of-type {
border: none
}
.sp-item .arrow {
position: absolute;
right: 5.4rem;
top: 3rem
}
@media (min-width:1024px) {
.sp-item .arrow {
display: none
}
}
.sp-item .icon-location {
position: absolute;
right: 2rem;
top: 2.5rem
}
.sp-item.is-active {
background: #fff
}
.sp-item.is-active+.spw__finishes {
display: block
}
@media (min-width:1024px) {
.sp-item.is-active+.spw__finishes {
height: 100%;
left: 30%;
position: absolute;
top: 0;
width: 70%
}
}
.sp-item.is-active+.spw__finishes.js-zoom {
overflow: visible
}
.sp-item.is-active .arrow {
-webkit-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg)
}
.sp-item.is-active .arrow path {
fill: #9A4D00
}
.sp-item__img {
height: 64px;
width: 64px
}
.sp-item__lbl {
margin-left: 2rem
}
@media (min-width:1024px) {
.sp-finish__title {
font-size: 2rem;
margin-bottom: 1.5rem
}
}
.spw__finishes {
display: none;
overflow-y: auto;
padding: 2rem
}
@media (min-width:1280px) {
.spw__finishes {
padding-left: 4rem;
padding-top: 3.2rem
}
}
.sp-finish__sub {
color: #303030;
font-weight: 400
}
@media (min-width:1024px) {
.sp-finish__sub {
font-size: 1.8rem
}
}
.sp-finish__img {
display: block;
margin-bottom: 1rem;
width: 100%
}
.sp-finish__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 2rem -5px
}
@media (min-width:1024px) {
.sp-finish__list {
margin: 3rem -20px 2rem -15px
}
}
.sp-finish__item {
margin: 0 5px 2rem;
position: relative;
width: 8.4rem
}
@media (min-width:1024px) {
.sp-finish__item {
margin: 0 1.5rem 3rem;
width: 12.8rem
}
}
.sp-finish__tooltip {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 30px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
left: 50%;
margin-left: -50px;
opacity: 0;
pointer-events: none;
position: absolute;
text-align: center;
top: 85px;
-webkit-transition: all .25s ease-in-out;
-o-transition: all .25s ease-in-out;
transition: all .25s ease-in-out;
visibility: hidden;
width: 100px
}
@media (min-width:1024px) {
.sp-finish__item:hover .sp-finish__tooltip {
opacity: 1;
visibility: visible
}
}
.sp-finish__tooltip-lbl {
color: #303030;
display: block;
font-size: 1.4rem;
font-weight: 400;
line-height: 1
}
.sp-finish__lbl {
display: block;
font-size: 1.2rem;
font-weight: 400
}
@media (min-width:1024px) {
.sp-finish__lbl {
font-size: 1.6rem
}
}
.masthead {
background: #333;
position: relative
}
.masthead:before {
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(2%, rgba(0, 0, 0, .8)), color-stop(33%, transparent), color-stop(88%, transparent), color-stop(99%, transparent));
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .8) 2%, transparent 33%, transparent 88%, transparent 99%);
background-image: -o-linear-gradient(top, rgba(0, 0, 0, .8) 2%, transparent 33%, transparent 88%, transparent 99%);
background-image: linear-gradient(-180deg, rgba(0, 0, 0, .8) 2%, transparent 33%, transparent 88%, transparent 99%);
content: "";
display: block;
height: 100%;
left: 0;
opacity: 1;
position: absolute;
top: 0;
width: 100%;
z-index: 1
}
.masthead--landing {
height: calc(270px + 48vw)
}
.masthead--landing:after {
background-image: -webkit-linear-gradient(250deg, transparent 42%, rgba(0, 0, 0, .8) 97%);
background-image: -o-linear-gradient(250deg, transparent 42%, rgba(0, 0, 0, .8) 97%);
background-image: linear-gradient(200deg, transparent 42%, rgba(0, 0, 0, .8) 97%);
bottom: 0;
content: "";
height: 100%;
left: 0;
opacity: .95;
pointer-events: none;
position: absolute;
width: 100%
}
@media (min-width:1280px) {
.masthead {
height: calc(400px + 10vw)
}
.masthead--landing {
height: calc(600px + 10vw)
}
}
@media (min-width:1280px) and (max-height:850px) {
.masthead {
height: calc(300px + 10vw)
}
.masthead--landing {
height: calc(450px + 10vw)
}
}
.masthead--simple {
background: none;
background: #fff;
overflow: visible;
z-index: 10
}
@media (min-width:1024px) {
.masthead--simple {
height: auto
}
}
.masthead--simple:before {
content: none
}
.masthead--simple .main-nav {
border-bottom: 1px solid rgba(0, 0, 0, .1);
-webkit-box-shadow: none;
box-shadow: none
}
@media (min-width:1024px) {
.masthead--simple .main-nav {
border: none;
-webkit-box-shadow: none;
box-shadow: none
}
}
.masthead--simple .masthead__controls {
border-bottom: transparent;
position: static
}
@media (min-width:1024px) {
.masthead--simple .masthead__controls:before {
background: #fff;
bottom: 0;
content: "";
height: 15px;
left: 0;
pointer-events: none;
position: absolute;
width: 100%;
z-index: 11
}
}
.masthead--simple .masthead__controls:after {
background: none;
bottom: 0;
-webkit-box-shadow: 0 2px 25px 0 rgba(0, 0, 0, .1);
box-shadow: 0 2px 25px 0 rgba(0, 0, 0, .1);
content: "";
height: 100%;
left: 0;
pointer-events: none;
position: absolute;
top: auto;
width: 100%;
z-index: 10
}
.template-tech-specs .masthead--simple .masthead__controls:after {
-webkit-box-shadow: none;
box-shadow: none
}
@media (min-width:1024px) {
.masthead--simple .nav .menu-item>a {
color: #303030
}
}
@media (min-width:1024px) {
.masthead--simple .nav .menu-more .sub-menu {
-webkit-box-shadow: 0 2px 25px 0 rgba(0, 0, 0, .1);
box-shadow: 0 2px 25px 0 rgba(0, 0, 0, .1)
}
}
.home .masthead {
height: calc(270px + 48vw)
}
.home .masthead:after {
background-image: -webkit-linear-gradient(250deg, transparent 42%, rgba(0, 0, 0, .8) 97%);
background-image: -o-linear-gradient(250deg, transparent 42%, rgba(0, 0, 0, .8) 97%);
background-image: linear-gradient(200deg, transparent 42%, rgba(0, 0, 0, .8) 97%);
bottom: 0;
content: "";
height: 100%;
left: 0;
opacity: .95;
pointer-events: none;
position: absolute;
width: 100%
}
@media (min-width:1024px) and (orientation:landscape) {
.home .masthead {
height: 100vh
}
.home .masthead:after {
background-image: -webkit-linear-gradient(250deg, transparent 42%, rgba(0, 0, 0, .8) 76%);
background-image: -o-linear-gradient(250deg, transparent 42%, rgba(0, 0, 0, .8) 76%);
background-image: linear-gradient(200deg, transparent 42%, rgba(0, 0, 0, .8) 76%);
bottom: auto;
height: 100%;
top: 0
}
}
.masthead__controls {
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 2
}
.masthead__controls:after {
background: hsla(0, 0%, 100%, .25);
content: "";
height: 1px;
left: 0;
position: absolute;
top: 60px;
width: 100%
}
@media (min-width:1024px) {
.masthead__controls:after {
top: 120px
}
}
.masthead__controls-inner {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 60px;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
padding-right: 10px
}
@media (min-width:1024px) {
.masthead__controls-inner {
height: 120px;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
margin: 0 auto;
max-width: 1200px;
padding: 0;
position: relative;
position: static;
width: calc(100% - 40px);
width: calc(100% - 80px)
}
}
@media (min-width:1024px) and (min-width:1240px) {
.masthead__controls-inner {
width: 1200px
}
}
.masthead__brand {
background: url(//ddk.com.au/app/themes/sculptform/dist/images/logo--white_638e3659.png) no-repeat;
background-size: 141px;
display: block;
height: 27px;
left: 18px;
position: absolute;
text-indent: -9999rem;
top: 18px;
width: 141px
}
.masthead--simple .masthead__brand {
background-image: url(//ddk.com.au/app/themes/sculptform/dist/images/logo--color_fe1d2d3f.png)
}
@media (min-width:1024px) {
.masthead__brand {
left: 0;
margin-right: auto;
position: relative;
top: 0;
z-index: 100
}
}
@media (min-width:1280px) {
.masthead__brand {
background-size: 240px;
height: 46px;
width: 240px
}
}
.masthead__btn {
display: none
}
@media (min-width:1024px) {
.masthead__btn {
display: inline-block;
margin-right: 40px;
position: relative;
z-index: 2
}
}
.masthead__image {
display: block;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
width: 100%
}
.masthead__headline {
bottom: 0;
position: absolute;
width: 100%;
z-index: 1
}
.masthead__title {
color: #fff;
font-size: 4.8rem
}
@media (min-width:768px) {
.masthead__title {
font-size: 7rem;
margin-bottom: 30px;
max-width: 100%
}
}
@media (min-width:1024px) {
.masthead__title {
max-width: 80%
}
.masthead--landing .masthead__title {
max-width: 75%
}
}
@media (min-width:1280px) {
.masthead__title {
font-size: 9.6rem;
margin-bottom: 34px
}
}
@media (min-width:1680px) {
.masthead__title {
font-size: calc(9.4rem + 1.3vw);
margin-bottom: calc(30px + .8vw);
max-width: 100%
}
}
.masthead__sub {
color: #fff;
font-size: 2rem;
font-weight: 400;
line-height: 1.5;
margin: 0
}
@media (min-width:768px) {
.masthead__sub {
font-size: 2.2rem;
}
}
@media (min-width:1024px) {
.masthead--landing .masthead__sub {
width: 60%
}
}
@media (min-width:1280px) {
.masthead__sub {
font-size: 2.4rem
}
}
@media (min-width:1680px) {
.masthead__sub {
font-size: calc(2rem + .32vw)
}
}
.masthead__headline-body {
padding: 0 40px 38px
}
@media (min-width:768px) {
.masthead__headline-body {
padding-bottom: 60px
}
}
@media (min-width:1280px) {
.masthead__headline-body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
display: block;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: 10px;
padding-bottom: 100px;
width: calc(100% + 10px);
width: calc(100% - 30px)
}
}
@media (min-width:1280px) and (min-width:1024px) {
.masthead__headline-body {
margin-left: -30px;
margin-left: -10px;
width: calc(100% + 30px);
width: calc(100% - 10px)
}
}
@media (min-width:1280px) and (min-width:1240px) {
.masthead__headline-body {
left: 50%;
margin-left: -630px;
max-width: 1230px;
position: relative;
width: calc(100% + 30px)
}
}
@media (min-width:1680px) {
.masthead__headline-body {
padding-bottom: calc(120px + 1.4vw)
}
.masthead--landing .masthead__headline-body {
padding-bottom: 85px
}
}
.menu-divider {
background: hsla(0, 0%, 100%, .25);
display: block;
height: 30px;
margin-left: 10px;
margin-right: 11px;
width: 1px
}
@media (min-width:1024px) {
.menu-divider {
display: none
}
}
.menu-trigger {
background: none;
border: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 4rem;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0;
position: relative;
width: 4rem
}
.menu-trigger:focus {
outline: 0
}
@media (min-width:1024px) {
.menu-trigger {
display: none
}
}
.menu-trigger.is-active .ico-cross {
display: block
}
.menu-trigger .ico-cross, .menu-trigger.is-active .ico-menu {
display: none
}
.footer {
border-top: 1px solid #d8d8d8;
margin: 0 auto 50px;
max-width: 1200px;
padding: 50px 0 0;
position: relative;
width: calc(100% - 40px)
}
@media (min-width:1240px) {
.footer {
width: 1200px
}
}
@media (min-width:1200px) {
.footer {
margin-top: 60px;
padding-top: 75px
}
}
.footer__col {
margin-bottom: 40px;
margin-left: 10px;
position: relative;
width: calc(99.99% - 9.999px)
}
@media (min-width:1024px) {
.footer__col {
margin-left: 30px;
width: calc(99.99% - 29.997px)
}
}
.footer__col--left {
margin-bottom: 0
}
.footer__col--left .row {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse
}
.footer__col--center {
color: #303030;
font-weight: 500
}
@media (min-width:1200px) {
.footer__col--left {
margin-left: 10px;
position: relative;
width: calc(33.323% - 9.9969px)
}
}
@media (min-width:1200px) and (min-width:1024px) {
.footer__col--left {
margin-left: 30px;
width: calc(33.323% - 29.9907px)
}
}
@media (min-width:1200px) {
.footer__col--left .row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row
}
.footer__col--center {
margin-left: 10px;
position: relative;
width: calc(16.657% - 9.9942px)
}
}
@media (min-width:1200px) and (min-width:1024px) {
.footer__col--center {
margin-left: 30px;
width: calc(16.657% - 29.9826px)
}
}
@media (min-width:1200px) {
.footer__col--right {
margin-left: 10px;
position: relative;
width: calc(49.99% - 9.998px)
}
}
@media (min-width:1200px) and (min-width:1024px) {
.footer__col--right {
margin-left: 30px;
width: calc(49.99% - 29.994px)
}
}
.footer__branding {
margin-left: 10px;
position: relative;
width: calc(16.657% - 9.9942px)
}
@media (min-width:1024px) {
.footer__branding {
margin-left: 30px;
width: calc(16.657% - 29.9826px)
}
}
.footer__branding svg {
margin-top: -10px;
max-width: 45px;
width: 100%
}
@media (min-width:480px) {
.footer__branding {
-ms-flex-line-pack: end;
align-content: flex-end;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end
}
}
@media (min-width:1200px) {
.footer__branding {
margin-left: 10px;
position: relative;
width: calc(24.99% - 9.996px)
}
}
@media (min-width:1200px) and (min-width:1024px) {
.footer__branding {
margin-left: 30px;
width: calc(24.99% - 29.988px)
}
}
@media (min-width:1200px) {
.footer__branding svg {
max-width: 58px
}
}
.footer__address {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-left: 10px;
position: relative;
width: calc(83.323% - 9.99876px)
}
@media (min-width:1024px) {
.footer__address {
margin-left: 30px;
width: calc(83.323% - 29.99628px)
}
}
@media (min-width:1200px) {
.footer__address {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
margin-left: 10px;
position: relative;
width: calc(74.99% - 9.99866px)
}
}
@media (min-width:1200px) and (min-width:1024px) {
.footer__address {
margin-left: 30px;
width: calc(74.99% - 29.996px)
}
}
.footer__nav {
color: #303030;
font-weight: 500;
list-style: none;
margin-bottom: 40px;
margin-left: 10px;
padding: 0;
position: relative;
width: calc(99.99% - 9.999px)
}
@media (min-width:1024px) {
.footer__nav {
margin-left: 30px;
width: calc(99.99% - 29.997px)
}
}
.footer__nav li {
display: inline-block;
margin-right: 20px;
padding: 0
}
.footer__nav li:last-child {
margin-right: 0
}
@media (min-width:1200px) {
.footer__nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
margin-bottom: 25px
}
}
.footer__copy {
color: #bcbcb7;
font-size: 14px;
margin-left: 10px;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
position: relative;
width: calc(99.99% - 9.999px)
}
@media (min-width:1024px) {
.footer__copy {
margin-left: 30px;
width: calc(99.99% - 29.997px)
}
}
@media (min-width:1200px) {
.footer__copy {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
margin-left: 10px;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
position: relative;
width: calc(49.99% - 9.998px)
}
}
@media (min-width:1200px) and (min-width:1024px) {
.footer__copy {
margin-left: 30px;
width: calc(49.99% - 29.994px)
}
}
@media (min-width:1200px) {
.footer__copy span {
margin-right: -90px;
margin-top: 5px
}
}
.footer__social {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 40px;
margin-left: 10px;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
position: relative;
width: calc(99.99% - 9.999px)
}
@media (min-width:1024px) {
.footer__social {
margin-left: 30px;
width: calc(99.99% - 29.997px)
}
}
@media (min-width:1200px) {
.footer__social {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
margin-bottom: 25px;
margin-left: 10px;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
position: relative;
width: calc(49.99% - 9.998px)
}
}
@media (min-width:1200px) and (min-width:1024px) {
.footer__social {
margin-left: 30px;
width: calc(49.99% - 29.994px)
}
}
.footer__svg-link {
display: block;
margin-bottom: 10px;
padding-left: 40px;
position: relative
}
.footer__svg-link svg {
left: 0;
position: absolute;
top: 4px
}
.footer__social-link {
cursor: pointer;
margin-right: 20px
}
.footer__social-link:last-child {
margin-right: 0
}
.logo--arch-daily {
width: 20px
}
body#tinymce {
margin: 12px !important
}
.site-content.container-fluid {
padding: 0px;
}
a.btn.btn--secondary {
color: #fff;
}
.content-area--fullwidth {
margin-left:0px;
margin-right:0px
}
.landing-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: 10px;
width: calc(100% + 10px);
width: calc(100% - 30px);
}
@media (min-width: 1024px) {
.landing-header {
margin-left: -30px;
margin-left: -10px;
width: calc(100% + 30px);
width: calc(100% - 10px);
}
}
@media (min-width: 1240px) {
.landing-header {
left: 50%;
margin-left: -588px;
max-width: 1230px;
position: relative;
width: calc(100% + 30px);
}
}
@media (min-width: 1024px) {
.landing-header {
margin-top: 100px;
}
}
@media (min-width: 1024px) {
.landing-header__body,
.landing-header__title {
margin-left: 30px;
margin-left: 10px;
position: relative;
width: calc(99.99% - 29.997px);
width: calc(49.99% - 9.998px);
}
}
@media (min-width: 1024px) and (min-width: 1024px) {
.landing-header__body,
.landing-header__title {
margin-left: 30px;
width: calc(49.99% - 29.994px);
}
}
@media (min-width: 1024px) {
.landing-header h1 {
margin-bottom: 4rem;
}
}
nav.navbar.navbar-expand-sm.navbar-dark {
z-index: 9;
}