#wc-stripe-upe-element{margin-bottom:4px}.stripe-gateway-checkout-email-field{position:relative}.stripe-gateway-checkout-email-field button.stripe-gateway-stripelink-modal-trigger{display:none;position:absolute;right:5px;width:64px;height:40px;background:no-repeat url(//www.tti.com.au/wp-content/plugins/woocommerce-gateway-stripe/assets/images/link.svg);background-color:transparent;cursor:pointer;border:none}.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8;
filter: alpha(opacity=80); }
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden; }
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle; }
.mfp-align-top .mfp-container:before {
display: none; }
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045; }
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto; }
.mfp-ajax-cur {
cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out; }
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in; }
.mfp-auto-cursor .mfp-content {
cursor: auto; }
.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none; }
.mfp-loading.mfp-figure {
display: none; }
.mfp-hide {
display: none !important; }
.mfp-preloader {
color: #CCC;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044; }
.mfp-preloader a {
color: #CCC; }
.mfp-preloader a:hover {
color: #FFF; }
.mfp-s-ready .mfp-preloader {
display: none; }
.mfp-s-error .mfp-content {
display: none; }
button.mfp-close, button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
-webkit-box-shadow: none;
box-shadow: none; }
button::-moz-focus-inner {
padding: 0;
border: 0; }
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
filter: alpha(opacity=65);
padding: 0 0 18px 10px;
color: #FFF;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace; }
.mfp-close:hover, .mfp-close:focus {
opacity: 1;
filter: alpha(opacity=100); }
.mfp-close:active {
top: 1px; }
.mfp-close-btn-in .mfp-close {
color: #333; }
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
color: #FFF;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%; }
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #CCC;
font-size: 12px;
line-height: 18px;
white-space: nowrap; }
.mfp-arrow {
position: absolute;
opacity: 0.65;
filter: alpha(opacity=65);
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); 
transform: translateY(-50%);
}
.mfp-arrow:active {
margin-top: -54px; }
.mfp-arrow:hover, .mfp-arrow:focus {
opacity: 1;
filter: alpha(opacity=100); }
.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent; }
.mfp-arrow:after, .mfp-arrow .mfp-a {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px; }
.mfp-arrow:before, .mfp-arrow .mfp-b {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7; }
.mfp-arrow-left {
left: 0; }
.mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
border-right: 17px solid #FFF;
margin-left: 31px; }
.mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
margin-left: 25px;
border-right: 27px solid #3F3F3F; }
.mfp-arrow-right {
right: 0; }
.mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
border-left: 17px solid #FFF;
margin-left: 39px; }
.mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
border-left: 27px solid #3F3F3F; }
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px; }
.mfp-iframe-holder .mfp-close {
top: -40px; }
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%; }
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000; } img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto; } .mfp-figure {
line-height: 0; }
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444; }
.mfp-figure small {
color: #BDBDBD;
display: block;
font-size: 12px;
line-height: 14px; }
.mfp-figure figure {
margin: 0; }
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto; }
.mfp-title {
text-align: left;
line-height: 18px;
color: #F3F3F3;
word-wrap: break-word;
padding-right: 36px; }
.mfp-image-holder .mfp-content {
max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer; }
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0; }
.mfp-img-mobile img.mfp-img {
padding: 0; }
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0; }
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px; }
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0; }
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px; }
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0; }
}
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75) translateY(-65%);
transform: scale(0.75) translateY(-65%); }
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0; }
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%; }
.mfp-container {
padding-left: 6px;
padding-right: 6px; }
}
.mfp-ie7 .mfp-img {
padding: 0; }
.mfp-ie7 .mfp-bottom-bar {
width: 600px;
left: 50%;
margin-left: -300px;
margin-top: 5px;
padding-bottom: 5px; }
.mfp-ie7 .mfp-container {
padding: 0; }
.mfp-ie7 .mfp-content {
padding-top: 44px; }
.mfp-ie7 .mfp-close {
top: 0;
right: 0;
padding-top: 0; }.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__placeholder{color:#999;margin-top:5px;float:left}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-top:5px;margin-right:10px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline{float:right}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{float:right}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb}@font-face {
font-family: 'Founders';
src: url(//www.tti.com.au/wp-content/themes/tti/fonts/founders/FoundersGrotesk-BoldItalic.eot);
src: url(//www.tti.com.au/wp-content/themes/tti/fonts/founders/FoundersGrotesk-BoldItalic.eot?#iefix) format('embedded-opentype'),
url(//www.tti.com.au/wp-content/themes/tti/fonts/founders/FoundersGrotesk-BoldItalic.woff2) format('woff2'),
url(//www.tti.com.au/wp-content/themes/tti/fonts/founders/FoundersGrotesk-BoldItalic.woff) format('woff');
font-weight: bold;
font-style: italic;
}
@font-face {
font-family: 'Founders';
src: url(//www.tti.com.au/wp-content/themes/tti/fonts/founders/FoundersGroteskLight.eot);
src: url(//www.tti.com.au/wp-content/themes/tti/fonts/founders/FoundersGroteskLight.eot?#iefix) format('embedded-opentype'),
url(//www.tti.com.au/wp-content/themes/tti/fonts/founders/FoundersGroteskLight.woff2) format('woff2'),
url(//www.tti.com.au/wp-content/themes/tti/fonts/founders/FoundersGroteskLight.woff) format('woff');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'Founders';
src: url(//www.tti.com.au/wp-content/themes/tti/fonts/founders/FoundersGroteskSemibold.eot);
src: url(//www.tti.com.au/wp-content/themes/tti/fonts/founders/FoundersGroteskSemibold.eot?#iefix) format('embedded-opentype'),
url(//www.tti.com.au/wp-content/themes/tti/fonts/founders/FoundersGroteskSemibold.woff2) format('woff2'),
url(//www.tti.com.au/wp-content/themes/tti/fonts/founders/FoundersGroteskSemibold.woff) format('woff');
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: 'Founders';
src: url(//www.tti.com.au/wp-content/themes/tti/fonts/founders/FoundersGrotesk-LightItalic.eot);
src: url(//www.tti.com.au/wp-content/themes/tti/fonts/founders/FoundersGrotesk-LightItalic.eot?#iefix) format('embedded-opentype'),
url(//www.tti.com.au/wp-content/themes/tti/fonts/founders/FoundersGrotesk-LightItalic.woff2) format('woff2'),
url(//www.tti.com.au/wp-content/themes/tti/fonts/founders/FoundersGrotesk-LightItalic.woff) format('woff');
font-weight: 300;
font-style: italic;
}
@font-face {
font-family: 'Founders';
src: url(//www.tti.com.au/wp-content/themes/tti/fonts/founders/FoundersGrotesk-Bold.eot);
src: url(//www.tti.com.au/wp-content/themes/tti/fonts/founders/FoundersGrotesk-Bold.eot?#iefix) format('embedded-opentype'),
url(//www.tti.com.au/wp-content/themes/tti/fonts/founders/FoundersGrotesk-Bold.woff2) format('woff2'),
url(//www.tti.com.au/wp-content/themes/tti/fonts/founders/FoundersGrotesk-Bold.woff) format('woff');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'Founders';
src: url(//www.tti.com.au/wp-content/themes/tti/fonts/founders/FoundersGroteskMedium.eot);
src: url(//www.tti.com.au/wp-content/themes/tti/fonts/founders/FoundersGroteskMedium.eot?#iefix) format('embedded-opentype'),
url(//www.tti.com.au/wp-content/themes/tti/fonts/founders/FoundersGroteskMedium.woff2) format('woff2'),
url(//www.tti.com.au/wp-content/themes/tti/fonts/founders/FoundersGroteskMedium.woff) format('woff');
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'Founders';
src: url(//www.tti.com.au/wp-content/themes/tti/fonts/founders/FoundersGrotesk-SemiboldItalic.eot);
src: url(//www.tti.com.au/wp-content/themes/tti/fonts/founders/FoundersGrotesk-SemiboldItalic.eot?#iefix) format('embedded-opentype'),
url(//www.tti.com.au/wp-content/themes/tti/fonts/founders/FoundersGrotesk-SemiboldItalic.woff2) format('woff2'),
url(//www.tti.com.au/wp-content/themes/tti/fonts/founders/FoundersGrotesk-SemiboldItalic.woff) format('woff');
font-weight: 600;
font-style: italic;
}
@font-face {
font-family: 'Founders';
src: url(//www.tti.com.au/wp-content/themes/tti/fonts/founders/FoundersGroteskRegular.eot);
src: url(//www.tti.com.au/wp-content/themes/tti/fonts/founders/FoundersGroteskRegular.eot?#iefix) format('embedded-opentype'),
url(//www.tti.com.au/wp-content/themes/tti/fonts/founders/FoundersGroteskRegular.woff2) format('woff2'),
url(//www.tti.com.au/wp-content/themes/tti/fonts/founders/FoundersGroteskRegular.woff) format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Founders';
src: url(//www.tti.com.au/wp-content/themes/tti/fonts/founders/FoundersGrotesk-MediumItalic.eot);
src: url(//www.tti.com.au/wp-content/themes/tti/fonts/founders/FoundersGrotesk-MediumItalic.eot?#iefix) format('embedded-opentype'),
url(//www.tti.com.au/wp-content/themes/tti/fonts/founders/FoundersGrotesk-MediumItalic.woff2) format('woff2'),
url(//www.tti.com.au/wp-content/themes/tti/fonts/founders/FoundersGrotesk-MediumItalic.woff) format('woff');
font-weight: 500;
font-style: italic;
}
@font-face {
font-family: 'Founders';
src: url(//www.tti.com.au/wp-content/themes/tti/fonts/founders/FoundersGrotesk-RegularItalic.eot);
src: url(//www.tti.com.au/wp-content/themes/tti/fonts/founders/FoundersGrotesk-RegularItalic.eot?#iefix) format('embedded-opentype'),
url(//www.tti.com.au/wp-content/themes/tti/fonts/founders/FoundersGrotesk-RegularItalic.woff2) format('woff2'),
url(//www.tti.com.au/wp-content/themes/tti/fonts/founders/FoundersGrotesk-RegularItalic.woff) format('woff');
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: 'Founders';
src: url(//www.tti.com.au/wp-content/themes/tti/fonts/founders/FoundersGrotesk-BoldItalic.eot);
src: url(//www.tti.com.au/wp-content/themes/tti/fonts/founders/FoundersGrotesk-BoldItalic.eot?#iefix) format('embedded-opentype'),
url(//www.tti.com.au/wp-content/themes/tti/fonts/founders/FoundersGrotesk-BoldItalic.woff2) format('woff2'),
url(//www.tti.com.au/wp-content/themes/tti/fonts/founders/FoundersGrotesk-BoldItalic.woff) format('woff');
font-weight: bold;
font-style: italic;
}
@font-face {
font-family: 'Founders';
src: url(//www.tti.com.au/wp-content/themes/tti/fonts/founders/FoundersGrotesk-RegularItalic.eot);
src: url(//www.tti.com.au/wp-content/themes/tti/fonts/founders/FoundersGrotesk-RegularItalic.eot?#iefix) format('embedded-opentype'),
url(//www.tti.com.au/wp-content/themes/tti/fonts/founders/FoundersGrotesk-RegularItalic.woff2) format('woff2'),
url(//www.tti.com.au/wp-content/themes/tti/fonts/founders/FoundersGrotesk-RegularItalic.woff) format('woff');
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: 'Founders';
src: url(//www.tti.com.au/wp-content/themes/tti/fonts/founders/FoundersGroteskSemibold.eot);
src: url(//www.tti.com.au/wp-content/themes/tti/fonts/founders/FoundersGroteskSemibold.eot?#iefix) format('embedded-opentype'),
url(//www.tti.com.au/wp-content/themes/tti/fonts/founders/FoundersGroteskSemibold.woff2) format('woff2'),
url(//www.tti.com.au/wp-content/themes/tti/fonts/founders/FoundersGroteskSemibold.woff) format('woff');
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: 'Founders';
src: url(//www.tti.com.au/wp-content/themes/tti/fonts/founders/FoundersGrotesk-SemiboldItalic.eot);
src: url(//www.tti.com.au/wp-content/themes/tti/fonts/founders/FoundersGrotesk-SemiboldItalic.eot?#iefix) format('embedded-opentype'),
url(//www.tti.com.au/wp-content/themes/tti/fonts/founders/FoundersGrotesk-SemiboldItalic.woff2) format('woff2'),
url(//www.tti.com.au/wp-content/themes/tti/fonts/founders/FoundersGrotesk-SemiboldItalic.woff) format('woff');
font-weight: 600;
font-style: italic;
}
@font-face {
font-family: 'Founders';
src: url(//www.tti.com.au/wp-content/themes/tti/fonts/founders/FoundersGrotesk-MediumItalic.eot);
src: url(//www.tti.com.au/wp-content/themes/tti/fonts/founders/FoundersGrotesk-MediumItalic.eot?#iefix) format('embedded-opentype'),
url(//www.tti.com.au/wp-content/themes/tti/fonts/founders/FoundersGrotesk-MediumItalic.woff2) format('woff2'),
url(//www.tti.com.au/wp-content/themes/tti/fonts/founders/FoundersGrotesk-MediumItalic.woff) format('woff');
font-weight: 500;
font-style: italic;
}
@font-face {
font-family: 'Founders';
src: url(//www.tti.com.au/wp-content/themes/tti/fonts/founders/FoundersGroteskMedium.eot);
src: url(//www.tti.com.au/wp-content/themes/tti/fonts/founders/FoundersGroteskMedium.eot?#iefix) format('embedded-opentype'),
url(//www.tti.com.au/wp-content/themes/tti/fonts/founders/FoundersGroteskMedium.woff2) format('woff2'),
url(//www.tti.com.au/wp-content/themes/tti/fonts/founders/FoundersGroteskMedium.woff) format('woff');
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'Founders';
src: url(//www.tti.com.au/wp-content/themes/tti/fonts/founders/FoundersGrotesk-LightItalic.eot);
src: url(//www.tti.com.au/wp-content/themes/tti/fonts/founders/FoundersGrotesk-LightItalic.eot?#iefix) format('embedded-opentype'),
url(//www.tti.com.au/wp-content/themes/tti/fonts/founders/FoundersGrotesk-LightItalic.woff2) format('woff2'),
url(//www.tti.com.au/wp-content/themes/tti/fonts/founders/FoundersGrotesk-LightItalic.woff) format('woff');
font-weight: 300;
font-style: italic;
}
@font-face {
font-family: 'Founders';
src: url(//www.tti.com.au/wp-content/themes/tti/fonts/founders/FoundersGroteskLight.eot);
src: url(//www.tti.com.au/wp-content/themes/tti/fonts/founders/FoundersGroteskLight.eot?#iefix) format('embedded-opentype'),
url(//www.tti.com.au/wp-content/themes/tti/fonts/founders/FoundersGroteskLight.woff2) format('woff2'),
url(//www.tti.com.au/wp-content/themes/tti/fonts/founders/FoundersGroteskLight.woff) format('woff');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'Founders';
src: url(//www.tti.com.au/wp-content/themes/tti/fonts/founders/FoundersGroteskRegular.eot);
src: url(//www.tti.com.au/wp-content/themes/tti/fonts/founders/FoundersGroteskRegular.eot?#iefix) format('embedded-opentype'),
url(//www.tti.com.au/wp-content/themes/tti/fonts/founders/FoundersGroteskRegular.woff2) format('woff2'),
url(//www.tti.com.au/wp-content/themes/tti/fonts/founders/FoundersGroteskRegular.woff) format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Founders';
src: url(//www.tti.com.au/wp-content/themes/tti/fonts/founders/FoundersGrotesk-Bold.eot);
src: url(//www.tti.com.au/wp-content/themes/tti/fonts/founders/FoundersGrotesk-Bold.eot?#iefix) format('embedded-opentype'),
url(//www.tti.com.au/wp-content/themes/tti/fonts/founders/FoundersGrotesk-Bold.woff2) format('woff2'),
url(//www.tti.com.au/wp-content/themes/tti/fonts/founders/FoundersGrotesk-Bold.woff) format('woff');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'bebas_neue_probold_italic';
src: url(//www.tti.com.au/wp-content/themes/tti/fonts/bebas-neue-pro/bebas_neue_pro_bold_italic-webfont.woff2) format('woff2'),
url(//www.tti.com.au/wp-content/themes/tti/fonts/bebas-neue-pro/bebas_neue_pro_bold_italic-webfont.woff) format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'bebas_neue_probold';
src: url(//www.tti.com.au/wp-content/themes/tti/fonts/bebas-neue-pro/bebas_neue_pro_bold-webfont.woff2) format('woff2'),
url(//www.tti.com.au/wp-content/themes/tti/fonts/bebas-neue-pro/bebas_neue_pro_bold-webfont.woff) format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'bebas_neue_probook_italic';
src: url(//www.tti.com.au/wp-content/themes/tti/fonts/bebas-neue-pro/bebas_neue_pro_book_italic-webfont.woff2) format('woff2'),
url(//www.tti.com.au/wp-content/themes/tti/fonts/bebas-neue-pro/bebas_neue_pro_book_italic-webfont.woff) format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'bebas_neue_proitalic';
src: url(//www.tti.com.au/wp-content/themes/tti/fonts/bebas-neue-pro/bebas_neue_pro_italic-webfont.woff2) format('woff2'),
url(//www.tti.com.au/wp-content/themes/tti/fonts/bebas-neue-pro/bebas_neue_pro_italic-webfont.woff) format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'bebas_neue_prolight_italic';
src: url(//www.tti.com.au/wp-content/themes/tti/fonts/bebas-neue-pro/bebas_neue_pro_light_italic-webfont.woff2) format('woff2'),
url(//www.tti.com.au/wp-content/themes/tti/fonts/bebas-neue-pro/bebas_neue_pro_light_italic-webfont.woff) format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'bebas_neue_proregular';
src: url(//www.tti.com.au/wp-content/themes/tti/fonts/bebas-neue-pro/bebas_neue_pro_regular-webfont.woff2) format('woff2'),
url(//www.tti.com.au/wp-content/themes/tti/fonts/bebas-neue-pro/bebas_neue_pro_regular-webfont.woff) format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'bebas_neue_prothin_italic';
src: url(//www.tti.com.au/wp-content/themes/tti/fonts/bebas-neue-pro/bebas_neue_pro_thin_italic-webfont.woff2) format('woff2'),
url(//www.tti.com.au/wp-content/themes/tti/fonts/bebas-neue-pro/bebas_neue_pro_thin_italic-webfont.woff) format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'bebas_neue_prothin';
src: url(//www.tti.com.au/wp-content/themes/tti/fonts/bebas-neue-pro/bebas_neue_pro_thin-webfont.woff2) format('woff2'),
url(//www.tti.com.au/wp-content/themes/tti/fonts/bebas-neue-pro/bebas_neue_pro_thin-webfont.woff) format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'bebas_neue_probook';
src: url(//www.tti.com.au/wp-content/themes/tti/fonts/bebas-neue-pro/bebas_neue_pro_book-webfont.woff2) format('woff2'),
url(//www.tti.com.au/wp-content/themes/tti/fonts/bebas-neue-pro/bebas_neue_pro_book-webfont.woff) format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'bebas_neue_prolight';
src: url(//www.tti.com.au/wp-content/themes/tti/fonts/bebas-neue-pro/bebas_neue_pro_light-webfont.woff2) format('woff2'),
url(//www.tti.com.au/wp-content/themes/tti/fonts/bebas-neue-pro/bebas_neue_pro_light-webfont.woff) format('woff');
font-weight: normal;
font-style: normal;
} article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
display: block;
}
audio,
canvas,
video {
display: inline-block;
*display: inline;
*zoom: 1;
}
audio:not([controls]) {
display: none;
}
[hidden] {
display: none;
}
html {
font-size: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased;
background: #ffffff;
}
html,
button,
input,
select,
textarea {
font-family: 'bebas_neue_proregular', Arial, Helvetica, sans-serif;
color: #222;
}
body {
margin: 0;
font-size: 1em;
line-height: 1.4;
}
::-moz-selection {
background: #2fbdff;
color: #fcfdf4;
text-shadow: none;
}
::selection {
background: #2fbdff;
color: #fcfdf4;
text-shadow: none;
}
a {
color: #232d39;
text-decoration: none;
}
a:visited { }
.no-touch a:hover {
filter: alpha(opacity=75); }
a:focus {
outline: none;
}
b,
strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
ins {
background: #ff9;
color: #000;
text-decoration: none;
}
mark {
background: #ff0;
color: #000;
font-style: italic;
font-weight: bold;
}
pre,
code,
kbd,
samp {
font-family: monospace, serif;
_font-family: 'courier new', monospace;
font-size: 1em;
}
pre {
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}
small {
font-size: 75%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
ul,
ol {
margin: 1em 0;
padding: 0 0 0 40px;
}
dd {
margin: 0 0 0 40px;
}
nav ul,
nav ol {
list-style: none;
list-style-image: none;
margin: 0;
padding: 0;
}
img {
border: 0;
-ms-interpolation-mode: bicubic;
vertical-align: middle;
max-width: 100%;
height: auto;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 0;
}
form {
margin: 0;
}
fieldset {
border: 0;
margin: 0;
padding: 0;
}
label {
cursor: pointer;
}
legend {
border: 0;
*margin-left: -7px;
padding: 0;
white-space: normal;
}
button,
input,
select,
textarea {
font-size: 100%;
margin: 0;
vertical-align: baseline;
*vertical-align: middle;
font-family: 'bebas_neue_proregular', Arial, Helvetica, sans-serif;
}
button,
input {
line-height: normal;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
cursor: pointer;
-webkit-appearance: button;
*overflow: visible;
}
button[disabled],
input[disabled] {
cursor: default;
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0;
*width: 13px;
*height: 13px;
}
input[type="search"] {
-webkit-appearance: textfield;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
vertical-align: top;
resize: vertical;
}
input:valid,
textarea:valid {}
input:invalid,
textarea:invalid {
background-color: #f0dddd;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td {
vertical-align: top;
} .slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
top: 0;
left: 0;
display: block;
}
.slick-track:before,
.slick-track:after {
display: table;
content: '';
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
outline: none;
}
.slick-slide.vheight-70 {
height: 70vh;
}
[dir='rtl'] .slick-slide {
float: right;
}
.slick-slide img {  }
.slick-slide.slick-loading img {
display: none;
}
.section--news-showcase .slick-slide.slick-loading img {
display: block;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
.section--news-showcase .slick-arrow.slick-hidden {
display: block;
} .slick-dots {
position: absolute;
bottom: 40px;
z-index: 9;
width: 100%;
text-align: center;
margin: 0px;
padding: 0px;
cursor: pointer;
}
.slick-dots button {
background: rgb(204, 204, 204);
}
.slick-dots li {
font-size: 0px;
display: inline-block;
margin: 0 5px;
}
.slick-dots li button {
border: 0px;
width: 14px;
height: 14px;
display: block;
border-radius: 20px;
padding: 0px;
outline: none;
text-indent: -9999px;
background-color: #e1e1e1;
border: solid 3px #e1e1e1;
}
.slick-dots li.slick-active {}
.slick-dots li.slick-active button {
background: #c6d92d;
background-color: #c7d92d;
color: #232d39;
border: solid 3px #c7d92d;
}
.slick-dotted.slick-slider {
margin-bottom: 0px;
padding-bottom: 0px;
}
@media screen and (max-width: 450px) {
.slick-dots button {}
} .slick-prev,
.slick-next {
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
margin-top: -17px;
display: block;
width: 45px;
height: 45px;
padding: 0;
cursor: pointer;
color: #ffffff;
border: none;
outline: none;
background: #39424b;
z-index: 1;
border-radius: 100px;
}
.slick-prev:hover,
.slick-next:hover {
outline: none;
background: #c6d92d;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before { }
.slick-prev:before,
.slick-next:before {
font-size: 45px;
line-height: 1;
opacity: 1;
color: fcfdf4;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: "Material Design Icons";
text-align: center;
font-size: 35px;
}
.slick-prev {
left: 20px;
}
[dir='rtl'] .slick-prev {
right: -25px;
left: auto;
}
.slick-prev:before {
content: "\F141";
}
[dir='rtl'] .slick-prev:before {
content: '>';
}
.slick-next {
right: 20px;
}
[dir='rtl'] .slick-next {
right: auto;
left: -25px;
}
.slick-next:before {
content: "\F142";
}
[dir='rtl'] .slick-next:before {
content: '<';
}
.slick-disabled,
.slick-disabled:hover {
pointer-events: none;
color: #ffffff;
background: #d7d9db;
opacity: 1;
}
.single-product-image .slick-prev,
.single-product-image .slick-next {
width: 32px;
height: 100%;
top: 0;
margin-top: 0;
border-radius: 0;
background-color: transparent;
min-width: auto;
}
.single-product-image .slick-prev::before,
.single-product-image .slick-next::before {
content: "";
position: absolute;
width: 10px;
height: 10px;
top: 50%;
left: 10px;
}
.single-product-image .slick-prev::before {
background-image: url(//www.tti.com.au/wp-content/themes/tti/img/Icons/Left.svg);
}
.single-product-image .slick-next::before {
background-image: url(//www.tti.com.au/wp-content/themes/tti/img/Icons/Right.svg);
}
.single-product-image .slick-prev {
left: 0;
}
.single-product-image .slick-next {
right: 0;
border-left: 1px solid #E5E5E5;
}
.single-product-image .slick-list {
margin: 0 32px;
}
.single-product-image .slick-slide img {
height: 120px;
width: auto;
object-fit: contain;
}
.single-product-image .slick-arrow:hover {
background-color: #F6F6F6;
} .flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
box-sizing: border-box;
}
.flex-nowrap {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.flex-col {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.flex-row-reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.flex-grow {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.flex-grow-none {
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
}
.flex-shrink {
-ms-flex-negative: 1;
flex-shrink: 1;
}
.flex-shrink-none {
-ms-flex-negative: 0;
flex-shrink: 0;
}
.flex-space-between {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.flex-align-right {
-webkit-box-align: end;
-ms-flex-align: end;
-ms-grid-row-align: flex-end;
align-items: flex-end;
}
.flex-align-start {
-webkit-box-align: end;
-ms-flex-align: end;
-ms-grid-row-align: flex-end;
align-items: flex-end;
}
.flex-align-center {
-webkit-box-align: center;
-ms-flex-align: center;
-ms-grid-row-align: center;
align-items: center;
}
.flex-justify-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
} .hidden {
display: none !important;
visibility: hidden;
} .wrap {
position: relative;
z-index: 2;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
@media screen and (max-width: 1200px) {
.nav-open .wrap {
box-shadow: 2px 0px 6px rgba(0, 0, 0, 0.14);
}
} *,
*:after,
*:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.col-1-1 {
width: 100%;
}
.col-1-2 {
width: 50%;
}
.col-1-3 {
width: 33.33%;
}
.col-2-3 {
width: 66.66%;
}
.col-1-4 {
width: 25%;
}
.col-2-4 {
width: 50%;
}
.col-3-4 {
width: 75%;
}
.grid.column-2 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.tiles .grid.column-2,
.cards .grid.column-2 {
margin-left: -10px;
margin-right: -10px;
}
.tiles .grid.column-2.tight,
.cards .grid.column-2.tight {
margin-left: -6px;
margin-right: -6px;
}
.grid.column-2 .col {
width: 50%;
}
.grid.column-2 .col.tile,
.grid.column-2 .col.card {
width: calc(50% - 20px);
margin-right: 10px;
margin-left: 10px;
}
.grid.column-2.tight .col.tile,
.grid.column-2.tight .col.card {
width: calc(50% - 12px);
margin-left: 6px;
margin-right: 6px;
}
.grid.column-3 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.tiles .grid.column-3,
.cards .grid.column-3 {
margin-left: -10px;
margin-right: -10px;
}
.tiles .grid.column-3.tight,
.cards .grid.column-3.tight {
margin-left: -6px;
margin-right: -6px;
}
.grid.column-3 .col {
width: 33.33%;
}
.grid.column-3 .col.tile,
.grid.column-3 .col.card {
width: calc(33.33% - 20px);
margin-right: 10px;
margin-left: 10px;
}
.grid.column-3.tight .col.tile,
.grid.column-3.tight .col.card {
width: calc(33.33% - 12px);
margin-right: 6px;
margin-left: 6px;
}
.grid.column-4 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.grid.column-6 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.tiles .grid.column-4,
.cards .grid.column-4 {
margin-left: -10px;
margin-right: -10px;
}
.tiles .grid.column-4.tight,
.cards .grid.column-4.tight {
margin-left: -6px;
margin-right: -6px;
}
.grid.column-4 .col {
width: 25%;
}
.grid.column-4 .col.tile,
.grid.column-4 .col.card {
width: calc(25% - 20px);
margin-left: 10px;
margin-right: 10px;
}
.grid.column-6 .col.tile,
.grid.column-6 .col.card {
width: calc(16.666% - 20px);
margin-left: 10px;
margin-right: 10px;
}
.grid.column-4.tight .col {
width: calc(25% - 12px);
margin-left: 6px;
margin-right: 6px;
}
@media screen and (max-width: 1200px) {
.grid.column-2 .col,
.grid.column-3 .col,
.grid.column-4 .col,
.grid.column-4 .col:last-child {
width: 50%;
}
.grid.column-2 .col.tile,
.grid.column-2 .col.card,
.grid.column-3 .col.tile,
.grid.column-3 .col.card,
.grid.column-4 .col.tile,
.grid.column-4 .col.card {
width: calc(50% - 28px);
}
.grid.column-2.tight .col.tile,
.grid.column-2.tight .col.card,
.grid.column-3.tight .col.tile,
.grid.column-3.tight .col.card,
.grid.column-4.tight .col.tile,
.grid.column-4.tight .col.card {
width: calc(50% - 12px);
}
}
@media screen and (max-width: 600px) {
.tiles .grid.column-2,
.cards .grid.column-2,
.tiles .grid.column-2.tight,
.cards .grid.column-2.tight,
.tiles .grid.column-3,
.cards .grid.column-3,
.tiles .grid.column-3.tight,
.cards .grid.column-3.tight,
.tiles .grid.column-4,
.cards .grid.column-4,
.tiles .grid.column-4.tight,
.cards .grid.column-4.tight {
margin-left: 0;
margin-right: 0;
}
.grid.column-2 .col,
.grid.column-3 .col,
.grid.column-4 .col,
.grid.column-4 .col:last-child,
.grid.column-2 .col.tile,
.grid.column-2 .col.card,
.grid.column-3 .col.tile,
.grid.column-3 .col.card,
.grid.column-4 .col.tile,
.grid.column-4 .col.card,
.grid.column-2.tight .col.tile,
.grid.column-2.tight .col.card,
.grid.column-3.tight .col.tile,
.grid.column-3.tight .col.card,
.grid.column-4.tight .col.tile,
.grid.column-4.tight .col.card {
width: 100%;
margin-left: 0;
margin-right: 0;
}
} .inner {
max-width: 1520px;
padding: 40px 40px 40px;
margin: 0 auto;
position: relative;
}
.inner-900 {
max-width: 900px;
}
.inner-700 {
max-width: 700px;
}
.inner.wide {
max-width: 100%;
padding: 0 60px;
}
.inner.medium {
max-width: 1400px;
}
.inner.thin {
max-width: 1210px;
} img.alignright {
float: right;
margin: 0 0 1em 1em;
max-width: 36%;
}
img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.alignright {
float: right;
}
.alignleft {
float: left;
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
font-size: 12px;
}
.alignleft.wp-caption {
margin: 10px 20px 10px 0px;
max-width: 100%;
max-width: 50%;
}
.alignright.wp-caption {
margin: 10px 0px 20px 20px;
}
.wp-caption img {
margin-bottom: 10px;
} .video-wrapper {
position: relative;
padding-bottom: 56.25%; padding-top: 25px;
height: 0;
}
.video-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
} body {
font-size: 1em;
font-family: 'bebas_neue_proregular', Arial, Helvetica, sans-serif;
line-height: 1.375em;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin-bottom: 0.8em;
margin-top: 0.7em;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 { }
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
margin-top: 0px;
font-weight: 600;
}
h1 {
font-size: 3em;
line-height: 1.05em;
}
h2 {
font-size: 40px;
line-height: 55px;
letter-spacing: -0.8px;
margin-top: 20px;
font-weight: 600;
color: #232D39;
}
h3 {
font-size: 1.9em;
line-height: 1.25em;
font-weight: 900;
}
h4 {
font-size: 2.125em;
line-height: 1em;
font-weight: 800;
}
h5 {
font-size: 1em;
line-height: 1.22em;
}
.h1 {
font-size: 3em;
line-height: 1.05em;
}
.h2 {
font-size: 40px;
line-height: 55px;
letter-spacing: -0.8px;
margin-top: 20px;
font-weight: 600;
}
.h3 {
font-size: 1.9em;
line-height: 1.25em;
font-weight: 900;
}
.h4 {
font-size: 2.125em;
line-height: 1.22em;
font-weight: 800;
}
.h5 {
font-size: 1em;
line-height: 1.22em;
}
p {
color: #000000;
line-height: 1.6em;
font-size: 20px;
font-weight: 300;
line-height: 1.3;
}
li {
color: #000000;
line-height: 1.6em;
font-weight: 300;
line-height: 1.4;
}
.dark h1,
.dark h2,
.dark h3,
.dark h4,
.dark h5,
.dark h6,
.dark p,
.dark li,
.dark span,
.dark strong {
color: #fcfdf4;
}
blockquote {
font-size: 1.5em;
line-height: 1.45833333em;
border-left: 4px solid #E6E6E6;
padding-left: 40px;
margin-left: 0px;
}
.dark blockquote {
border-left: 4px solid rgba(255, 255, 255, 0.2);
}
.text-center {
text-align: center;
margin-bottom: 0;
}
@media screen and (max-width: 1024px) {
h1 {
font-size: 2.5em;
line-height: 1.125em;
}
h2 {
font-size: 2em;
line-height: 1.25em;
}
h3 {
font-size: 1.5em;
line-height: 1.25em;
}
h4 {
font-size: 1.125em;
line-height: 1.22em;
}
.alternating .col-inner h2::after,
.alternating .col-inner h4::after {
margin-bottom: 32px;
height: 4px;
width: 60px;
}
.alternating h2 {
font-size: 32px;
line-height: 43px;
letter-spacing: -0.64px;
}
.alternating h4 {
font-size: 22px;
line-height: 32px;
letter-spacing: -0.44px;
margin: 0 0 24px;
}
}
@media screen and (max-width: 849px) {
body {
line-height: 1.25em;
}
h1 {
font-size: 2em;
line-height: 1.25em;
}
h2 {
font-size: 1.625em;
line-height: 1.15em;
}
h3 {
font-size: 1.375em;
line-height: 1.13em;
}
h4 {
font-size: 1.125em;
line-height: 1.11em;
}
h5 {
line-height: 1.11em;
}
p,
li {
font-size: 20px;
}
blockquote {
font-size: 1.25em;
line-height: 1.25em;
}
} i[class*="icon"] {
font-family: 'framework';
cursor: pointer;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
display: block;
line-height: inherit !important;
}
i.icon-play {
position: absolute;
color: fcfdf4;
left: 0;
right: 0;
margin: auto;
top: 0;
bottom: 0;
font-size: 5.625em;
width: 97px;
height: 90px;
line-height: 90px;
cursor: pointer;
} .search-form {
position: fixed;
display: none;
width: 100%;
background-color: #232d39 !important;
left: 0;
right: 0;
margin: 0px;
border-top: 0px;
z-index: 9999;
top: 47px;
height: 98px;
box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1);
}
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}
.search-form input {
border: 0;
color: rgba(255, 255, 255, 0.96);
font-size: 2em;
height: auto;
padding: 28px 20px 28px 20px;
margin: 1px 0 0;
width: calc(100% - 240px);
outline: 0;
box-sizing: border-box;
background-color: #232d39 !important;
font-weight: normal;
text-align: right;
}
.search-form input[type="submit"] {
display: none;
}
.search-form small {
position: absolute;
top: calc(38%);
right: 30px;
color: rgb(113, 113, 113);
font-size: 12px;
}
.search-form small a {
color: #c7d92d;
background-color: #000000;
display: inline-block;
padding: 2px 11px;
border-radius: 30px;
margin-left: 7px;
}
.no-touchevents header .icon-search:hover {
filter: alpha(opacity=60);
opacity: 0.6;
}
@media screen and (max-width: 1300px) {
.search-form input {
font-size: 1.8em;
padding: 29px 20px 28px 20px;
}
}
@media screen and (max-width: 520px) {
.search-form input {
font-size: 22px;
width: 100%;
text-align: center;
}
.search-form small {
position: relative;
top: initial;
display: block;
padding: 0px 20px 20px;
right: 0px;
font-size: 12px;
text-align: center;
}
} .ttiw-ms-only {
display: none;
width: 100%;
}
.ttiw-ls-only {
display: block;
width: 100%;
}
.ttiw-top-nav {
display: flex;
align-items: center;
width: 100%;
justify-content: space-between;
padding: 0 6px;
}
.header-inner .ttiw-top-nav,
.header-inner .ttiw-top-nav a,
.header-inner .ttiw-top-nav a:active,
.header-inner .ttiw-top-nav a:visited,
.header-inner .ttiw-top-nav a:hover {
color: #c7d92d;
font-size: 12px;
}
@media screen and (max-width: 520px) {
.ttiw-tagline span {
display: none;
}
}
.ttiw-user {}
@media screen and (max-width: 1200px) {
.ttiw-ms-only {
display: block;
}
.header {
border-bottom: 6px solid #242d39;
}
}
.admin-bar .mobile-nav {
top: 148px;
}
.menu-item-home {
display: none;
}
.mobile-nav {
width: 300px;
position: fixed;
z-index: 10;
right: -300px;
top: 102px;
background: #FFFFFF;
height: 100vh;
overflow-y: auto;
border-top: 1px solid #232d39;
border-bottom: 1px solid #232d39;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.mobile-nav .mdi-close {
color: #FFFFFF;
padding: 25px 19px 12px;
font-size: 36px;
cursor: pointer;
display: none;
}
.mdi-phone {
font-size: 36px !important;
height: 32px;
width: 60px;
}
.section--office-locations .phone .mdi-phone {
font-size: inherit !important;
height: auto;
width: auto;
display: block;
}
.mobile-nav ul {}
.mobile-nav li {
border-bottom: 1px solid #232d39;
background-color: #c7d82e;
font-size: 14px;
}
.mobile-nav li.menu-item-object-page,
.mobile-nav li.menu-item-39263 {
border-bottom: none;
background-color: #ffffff;
font-size: 14px;
font-weight: normal;
}
.mobile-nav li.menu-item-object-page>a,
.mobile-nav li.menu-item-39263>a {
font-weight: normal;
padding-bottom: 0;
}
.mobile-nav li.menu-item-object-page>a:before,
.mobile-nav li.menu-item-39263 a:before {
display: none;
}
.mobile-nav li.menu-item-39263 a {
padding: 10px 20px;
display: table;
width: 80%;
text-align: center;
font-weight: 600;
margin: 20px auto;
background-color: #232d39;
color: #c7d82e;
border-radius: 10px;
}
.mobile-nav li.current_page_item.menu-item-object-page a {
background-color: #ffffff;
color: #232d39;
font-weight: bold;
}
.mobile-nav li.current_page_item a,
.mobile-nav li.current_page_parent a,
.mobile-nav li.current_page_ancestor a {
color: #c7d82e;
background-color: #232d39;
}
.mobile-nav li.current-menu-parent a {
color: #c7d82e;
background-color: #232d39;
}
.mobile-nav li.current-menu-ancestor .current-menu-item a {
font-weight: 600;
}
.mobile-nav li a {
color: #232d39;
display: block;
padding: 8px 0 8px 28px;
font-size: 18px;
font-weight: 500;
}
.mobile-nav ul>li>a {
text-transform: uppercase;
font-weight: 600;
position: relative;
}
.mobile-nav ul>li.open>a {
color: #c7d82e;
background-color: #232d39;
}
.mobile-nav ul>li>a:before {
position: absolute;
left: 16px;
content: "";
background-color: #232d39;
width: 2px;
z-index: 100;
height: 26px;
transform: skew(-6deg);
}
.mobile-nav ul>li.current-menu-item>a:before,
.mobile-nav ul>li.current-menu-parent>a:before,
.mobile-nav ul>li.current-menu-ancestor>a:before {
background-color: #c7d82e;
width: 4px;
}
.mobile-nav .menu-item-has-children.open>a:before {
background-color: #c7d82e;
width: 4px;
}
.mobile-nav ul ul.sub-menu {
padding: 0;
padding-left: 40px;
}
.mobile-nav ul ul.sub-menu li a:before {
display: none;
}
.mobile-nav ul ul.sub-menu li {
border-bottom: 1px solid #c7d82e;
background-color: #ffffff;
}
.mobile-nav ul ul.sub-menu li:last-child {
border-bottom: none;
}
.mobile-nav ul ul.sub-menu li a {
text-transform: inherit;
padding-left: 0;
font-weight: normal;
background-color: inherit;
color: inherit;
}
.mobile-nav .menu-item-has-children>a:after {
content: '\f415';
margin-left: 10px;
font-size: 0.9em;
font-size: 25px;
line-height: 1.2em;
color: #000;
background-color: #c7d82e;
height: 24px;
width: 24px;
display: inline-block;
text-align: center;
border-radius: 50%;
cursor: pointer;
font-family: 'Material Design Icons';
position: absolute;
right: 10px;
}
.mobile-nav .menu-item-has-children.open>a:after {
content: '\f374'
}
.mobile-nav .menu-item-has-children>ul.sub-menu {
display: none;
background-color: #ffffff;
}
.mobile-nav .menu-item-has-children.open>ul-sub-menu {
display: block;
}
.mobile-nav:before {
position: absolute;
bottom: 0;
width: 250px;
background: black;
content: '';
}
@media screen and (max-width: 1200px) {
.nav-open .mobile-nav {
right: 0;
position: absolute;
-webkit-transform: translate(0px, 0px);
-moz-transform: translate(0px, 0px);
-o-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
transform: translate(0px, 0px);
}
.nav-open .mdi-menu:before {
content: "\F156";
}
.mdi-menu {
z-index: 1000;
}
} #header {
position: fixed;
background-color: #c7d92d !important;
top: 0;
z-index: 9999;
width: 100%;
}
.admin-bar #header {
top: 32px;
}
#header.transparent {
position: absolute;
z-index: 1;
width: 100%;
}
#header a.main-logo {
margin: 0;
float: left;
font-size: 0px;
line-height: 0px;
color: transparent;
display: block;
min-width: 319px;
height: 96px;
background-image: url(//www.tti.com.au/wp-content/themes/tti/img/tti-logo.svg);
background-size: 100%;
background-repeat: no-repeat;
position: relative;
}
.header-inner {
flex-grow: 2;
display: flex;
flex-direction: row;
justify-content: flex-end;
}
.header-inner nav {
display: flex;
align-items: center;
}
.header-inner nav>ul {
padding: 0;
}
.header-inner>nav>ul>li {
display: inline-block;
}
.header-inner nav a {
font-size: 17px;
}
.transparent .header-inner nav a {
color: #fcfdf4;
}
#header [class*="mdi"] {
font-size: 26px;
padding: 6px;
float: right;
font-weight: 400;
}
#header.transparent [class*="mdi"] {
color: fcfdf4;
}
#header .icon-search {}
#header .mdi-menu {
display: none;
}
#header img.xero {
width: 120px;
float: right;
margin-right: 19px;
}
@media screen and (max-width: 1200px) {
.header-inner nav { }
#header .mdi-menu {
display: block;
margin-top: 7px;
}
}
@media screen and (max-width: 782px) {
.admin-bar #header {
top: 40px;
}
}  .bg-grey {
background: #e2e2e2;
background: #fcfdf4;
}
.bg-white {
background: transparent;
}
.bg-black {
background: black;
}
.background-image {
background-size: cover;
background-position: center;
position: relative;
}
.background-image:before {
content: ' ';
display: block;
position: absolute;
background-color: rgba(0, 0, 0, 0.4);
width: 100%;
height: 100%;
left: 0;
top: 0;
}
.intro-default-page.layer.background-image {
background-color: #232d39;
}
.intro-default-page.layer.background-image::before {
display: none
}
.intro-default-page .flex .left {
position: relative;
}
.intro-default-page .flex .left::before {
content: ' ';
display: block;
position: absolute;
background-color: rgba(0, 0, 0, 0.1);
width: 100%;
height: 100%;
left: 0;
top: 0;
}
.slider-home .background-image:before {
display: none;
}
.background-image.no-overlay:before {
display: none;
}
.background-image h1,
.background-image h2,
.background-image h3,
.background-image h4,
.background-image h5,
.background-image h6,
.background-image p,
.background-image li,
.background-image span,
.background-image strong {
color: #fcfdf4;
} .intro {}
.intro-copy {}
.intro-copy h1,
.intro-copy h2,
.intro-copy h3 {
margin-top: 15px;
margin-bottom: 22px;
color: #c7d92d;
} .intro-default {}
.intro-default .inner {
padding: 100px 7% 60px;
max-width: 1700px;
}
.intro-default .inner .intro-copy {} .intro-home {}
.intro-home .inner {
padding: 0 7%;
min-height: 640px;
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;
}
.intro-home .intro-copy {} .slider-home {}
.slider-home .slide {}
.slider-home .slide .inner {
justify-content: flex-end;
max-height: 740px;
padding: 0;
display: none;
}
.slider-home .slide .intro-copy {
padding: 40px 0px;
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;
}
.slider-home .slick-dots button {
background: rgb(255, 255, 255);
}
.slider-home .slick-dots li.slick-active button { }
@media screen and (max-width: 800px) {
.intro-home .inner {
padding: 0 7%;
}
.intro-default .inner {
padding: 80px 7% 40px;
}
}
@media screen and (max-width: 400px) {
.slider-home .slide .intro-copy {
min-height: 510px;
}
.intro-home .inner {
padding: 0 7%;
min-height: 510px;
}
.intro-default .inner {
padding: 50px 7% 20px;
}
} .mobile-show {
display: none;
}
.product-copy {
margin-bottom: 35px;
}
.product-showcase-slider {
margin-bottom: 9px;
margin-top: 74px;
}
.product-showcase-slider img {}
.product-nav-slider {
margin-bottom: 74px !important;
}
.product-nav-slider img {
padding: 6px;
opacity: 0.4;
-ms-filter: "progid : DXImageTransform.Microsoft.Alpha(Opacity=40)";
}
.product-nav-slider img.slick-current {
opacity: 1;
-ms-filter: "progid : DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.product-nav-slider .slick-next {
right: -35px;
}
.product-nav-slider .slick-next:before {
color: #adadad;
}
.product-nav-slider .slick-prev {
left: -40px;
}
.product-nav-slider .slick-prev:before {
color: #adadad;
}
.product-nav-slider .slick-dots {
bottom: -28px;
}
.product-nav-slider .slick-dots button {
background: rgba(0, 0, 0, 0.13);
}
.product-nav-slider .slick-dots li.slick-active button {
background: #828282;
}
@media screen and (max-width: 1100px) {
.mobile-show {
display: block
}
.mobile-hide {
display: none;
}
.product-details .grid.column-2 {
margin: 0px;
}
.product-details .grid.column-2 .col {
width: 100%;
margin: 0;
}
.product-showcase-slider {
margin-top: 30px;
}
}
@media screen and (max-width: 650px) {
.product-copy p {
font-size: 13px;
line-height: 1.6em;
}
.product-option label {
width: 100%;
}
.product-option select {
width: 100%;
}
.product-showcase-slider {
margin-bottom: 5px;
}
.product-nav-slider img {
padding: 2px;
}
.variable-product-description p {
font-size: 14px;
line-height: 22px;
}
}
.product-cat-intro img {
max-width: 100%;
} .bg-vid-parent {
height: 100vh;
position: relative;
z-index: 1;
overflow: hidden;
width: 100%;
overflow-x: hidden;
max-height: 700px;
}
.bg-video {
display: block;
position: absolute;
width: 100%;
z-index: -1;
top: 0;
left: 0;
pointer-events: none;
top: -200px;
}
.bg-video[style*="display"] {
opacity: 1;
}
.bg-vid-parent .inner {
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
justify-items: right;
}
.bg-vid-parent .inner>.intro-copy {
background: rgba(255, 255, 255, 0.76);
background: transparent;
padding: 40px;
border-radius: 17px;
display: inline-block;
margin-top: -78px;
width: 800px;
text-shadow: 2px 2px 3px #232d39;
}
@media screen and (max-width: 1099px) {
.bg-vid-parent.background-image { }
.touchevents .bg-vid-parent.background-image {
background-attachment: scroll !Important;
} .alternating.home-product .inner {
top: -22px !important;
}
} table {
border-collapse: collapse;
border-spacing: 0;
empty-cells: show;
border: 1px solid #cbcbcb;
width: 100%;
}
table td,
table th {
border-left: 1px solid #cbcbcb;
border-width: 0 0 0 1px;
font-size: inherit;
margin: 0;
overflow: visible;
padding: 0.5em 1em
}
table th {
border-bottom: 1px solid #cbcbcb;
font-weight: 700;
}
table td:first-child,
table th:first-child {
border-left-width: 0
}
table thead {
background: #e0e0e0;
color: #000;
text-align: left;
vertical-align: bottom
}
table tr:nth-child(2n-1) td { }
table td {
border-bottom: 1px solid #cbcbcb
} hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #E4E4E4;
margin: 1em 0;
padding: 0;
}
hr.divider {
margin: 3em 0;
}
.dark hr {
border-top: 1px solid rgba(255, 255, 255, 0.2);
} .section-header {
padding-bottom: 1px;
}
.section-head {
margin-bottom: 60px;
position: relative;
}
.features .section-head {
margin-bottom: 65px;
position: relative;
}
.section-head.center {
margin-left: auto;
margin-right: auto;
max-width: 760px;
text-align: center;
}
.section-head h2,
.section-head h3,
.section-head h4,
.section-head h5 {
margin-top: 10px;
margin-bottom: 5px;
}
h5:empty {
display: none
}
.section-head h2 {
margin-top: 10px;
margin-bottom: 5px;
line-height: 55px;
}
.section-head.dark h2,
.section-head.dark h3,
.section-head.dark h4,
.section-head.dark h5 {
color: fcfdf4;
}
.section-head.center .button-group {
position: relative;
margin: 2em 0 0;
}
@media screen and (min-width: 650px) {
.section-head .button-group {
margin: 0;
bottom: 0;
}
}
@media screen and (max-width: 650px) {
.section-head h3,
.section-head h4,
.section-head h5 {
display: block;
margin-bottom: 20px;
}
} .single-column {}
.single-column>.inner {
padding: 60px 7% 50px;
max-width: 1700px;
}
.woocommerce-checkout .single-column {}
.woocommerce-checkout .single-column>.inner {
padding: 60px 7%;
}
@media screen and (max-width: 400px) {
.single-column>.inner {
padding: 30px 7% 20px;
}
} ul.tabs {
margin: 0px;
padding: 0px;
list-style: none;
background: fcfdf4;
text-align: center;
}
ul.tabs li {
color: #505050;
display: inline-block;
padding: 8px 16px;
cursor: pointer;
border-radius: 2px 2px 0px 0px;
font-size: 15px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.no-touch ul.tabs li:hover {
filter: alpha(opacity=70);
opacity: 0.7;
}
ul.tabs li.current {
border-bottom: 2px solid #15CD52;
}
.no-touch ul.tabs li.current:hover {
filter: alpha(opacity=100);
opacity: 1;
}
.tab-content {
display: none;
}
.tab-content.current {
display: inherit;
} .accordions {}
.accordions>.inner {
padding: 60px 7%;
max-width: 1390px;
}
.accordions .section-head {
margin-bottom: 20px;
}
.accordion-head {
cursor: pointer;
padding: 12px 62px 12px 20px;
margin: 0px 0px 0px 0px;
border: 1px solid #eee;
border-top: 0;
position: relative;
font-size: 28px;
line-height: 40px;
letter-spacing: -0.56px;
background: #F6F6F6;
}
.accordion-head:first-child {
border-top: 1px solid #eee;
}
.accordion-head:hover {
background: fcfdf4;
}
.accordion-head:before {
content: "\F415";
font-family: "Material Design Icons";
position: absolute;
right: 11px;
font-size: 21px;
top: 13px;
font-weight: 400;
}
.accordion-head.open:before {
content: "\F374";
}
.accordion-body {
display: none;
background: rgb(255, 255, 255);
padding: 5px 20px;
border: 1px solid #eee;
border-top: 0;
margin-bottom: 10px;
}
.accordion-body p {
font-size: 20px;
line-height: 28px;
font-weight: 400;
color: #232D39;
}
.accordion-body ul {
margin: 1em 0;
padding: 0px 0 0 18px;
}
.accordion-body ul li {
font-size: 16px;
line-height: 26px;
font-weight: 400;
color: #232D39;
}
.accordion-body.default {
display: block;
}
.layer-accordions .section-head.center h2::after {
margin: 0 auto;
}
@media screen and (max-width: 767px) {
.accordion-head {
font-size: 20px;
line-height: 30px;
letter-spacing: -0.4px;
padding: 10px 40px 10px 15px;
}
.accordion-body p {
font-size: 16px;
line-height: 26px;
}
.accordion-body ul li {
font-size: 16px;
line-height: 26px;
}
}
@media screen and (max-width: 600px) {
.accordions>.inner {
padding: 20px 7%;
}
} .breadcrumbs {
margin: 0 0 0px;
list-style: none;
padding: 0px;
display: flex;
flex-wrap: wrap;
}
.breadcrumbs li {
display: flex;
flex-wrap: wrap;
margin-right: 0;
position: relative;
color: #232D39;
font-size: 14px;
line-height: 19px;
font-weight: bold;
align-items: center;
padding: 0;
}
.breadcrumbs.light li {
color: #757575;
}
.breadcrumbs li:after {
display: block;
content: '/';
font-size: 14px;
line-height: 19px;
border-radius: 100px;
padding-left: 0;
color: #fcfdf4;
text-align: center;
margin-left: 8px;
margin-right: 8px;
}
.simple-product .breadcrumbs li:after {
color: #232D39;
opacity: 40%;
}
.breadcrumbs li:last-child:after {
display: none;
}
.breadcrumbs li a {
color: fcfdf4;
}
.breadcrumbs.light li a {
color: #EE4136;
}
.categories-wrap .layer:hover:after {
box-shadow: none;
content: '';
display: none;
} .tiles {
z-index: 10;
}
.tiles .inner { }
.grid .tile {}
.grid .tile img {
width: 100%;
}
.grid .tile.shadow {
overflow: hidden;
margin-bottom: 20px;
margin-top: 30px;
margin-bottom: 30px;
}
.grid .card .tile-copy {
padding: 20px 30px 20px;
}
.grid .tile .tile-copy {
padding: 20px;
padding: 0px;
padding-right: 20px;
}
.grid .tile-copy.transparent {
background: transparent;
}
.grid .tile-copy.transparent {
padding: 25px 0px 0px;
}
.grid .tile-copy p { }
.tile-copy p:last-child {
margin-bottom: 0px;
}
@media screen and (max-width: 849px) {
.tiles .inner {
padding: 30px 7%;
}
} @media screen and (max-width: 600px) {
.mobile-horizontal .grid .tile {
margin: 0;
padding: 20px 0;
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-align: start;
-ms-flex-align: start;
align-items: flex-start;
box-shadow: none;
border-top: 1px solid #eee;
}
.mobile-horizontal .tile img:first-child {
height: auto;
display: block !important;
max-width: 26%;
margin-right: 5%;
}
.mobile-horizontal .tile>a:first-child {
max-width: 26%;
margin-right: 5%;
}
.mobile-horizontal .tile>a:first-child>img {
width: 100%;
min-width: 100%;
}
.mobile-horizontal .tile .tile-copy {
padding: 0;
position: relative;
width: 73%;
}
.mobile-horizontal .tile .tile-copy h4 {
margin-bottom: 10px;
}
.mobile-horizontal .tile .tile-copy p {
font-size: 12px;
line-height: 1.5em;
margin: 0 0 11px;
}
.mobile-horizontal .tile .tile-copy .button-group {
margin-top: 0px;
}
}
@media screen and (max-width: 450px) {
.mobile-horizontal .grid .tile {
padding: 14px 0 9px;
}
.mobile-horizontal .tile img:first-child {
max-width: 23%;
margin-right: 6%;
}
.mobile-horizontal .tile>a:first-child {
max-width: 23%;
margin-right: 6%;
width: 23%;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.mobile-horizontal .tile .tile-copy h4 {
font-size: 15px;
margin-bottom: 7px;
}
.mobile-horizontal .tile .tile-copy .button-group {
margin-top: 2px;
}
.mobile-horizontal .tile .tile-copy .button-group a.button {
background: transparent;
color: #007FEF;
padding: 0;
margin-bottom: 0px;
} .mobile-horizontal .tile .tile-copy p {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 100%;
display: block;
width: 100%;
margin: 0;
}
} @media screen and (max-width: 600px) {
.mobile-slide.tiles .grid {
display: block;
margin-right: calc(-8%);
margin-left: calc(-8%);
}
.mobile-slide.tiles .grid .slick-list {
padding-left: 7%;
}
.mobile-slide.tiles .grid .tile {
width: 230px;
margin-right: 16px;
margin-bottom: 5px;
}
.mobile-slide.tiles .grid .tile-copy {
padding: 20px 10px 10px;
}
.mobile-slide.tiles .grid .tile img {
display: block !important;
}
.mobile-slide.tiles .tile-copy h4 {
margin-bottom: 10px;
}
.mobile-slide.tiles .tile-copy p {
font-size: 12px;
line-height: 1.5em;
margin: 0 0 11px;
}
.mobile-slide.tiles .tile-copy .button-group {
margin-top: 0px;
}
.mobile-slide.tiles .slick-dots {
position: relative;
bottom: 0;
text-align: left;
padding-left: 7%;
padding-top: 10px;
}
.mobile-slide.tiles .slick-dots button {
background: rgba(0, 0, 0, 0.16);
}
.mobile-slide.tiles .slick-dots li.slick-active button {
background: rgba(0, 0, 0, 0.41);
}
} .tiles-slider {}
.tile-slider {} .cards {}
.cards .inner {
padding: 60px 7% 100px;
max-width: 1660px;
}
.features-cards.cards .inner {
padding: 80px 40px 80px;
max-width: 1520px;
}
.grid .card {
position: relative;
margin-bottom: 20px;
display: block !important;
overflow: hidden;
border-radius: 3px;
}
.grid .card .button-group {
margin: 0px;
}
.card img {
width: 100%;
display: none !important;
}
.card .tile-copy {
position: absolute;
bottom: 0px;
background: transparent;
}
.card .tile-copy.dark a {
color: fcfdf4;
}
.card.background-image:before {
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 4%, rgba(0, 0, 0, 0.65) 100%);
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 4%, rgba(0, 0, 0, 0.65) 100%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 4%, rgba(0, 0, 0, 0.9) 100%);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
}
.card .date-meta {
font-size: 12px;
margin: -8px 0 -6px;
display: block;
}
@media screen and (min-width: 850px) {
.grid .card {
min-height: 330px;
margin-bottom: 20px;
}
}
@media screen and (max-width: 849px) {
.grid .card {
min-height: 300px;
}
.card {
min-height: 0px;
}
.cards .inner {
padding: 30px 7%;
}
}
@media screen and (max-width: 600px) {
.grid .card {
margin-bottom: 15px !important;
}
}
@media screen and (max-width: 460px) {
.card img {
width: auto;
height: 330px;
}
} @media screen and (max-width: 600px) {
.mobile-horizontal .grid .card {
margin: 0;
margin-bottom: 0 !important;
padding: 20px 0;
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
box-shadow: none;
border-top: 1px solid #eee;
min-height: 0;
background: transparent !important;
}
.mobile-horizontal .grid .card.background-image:before {
display: none;
}
.mobile-horizontal .card img:first-child {
height: auto;
display: block !important;
max-width: 26%;
margin-right: 5%;
}
.mobile-horizontal .card>a:first-child {
max-width: 26%;
margin-right: 5%;
}
.mobile-horizontal .card>a:first-child>img {
width: 100%;
min-width: 100%;
}
.mobile-horizontal .card .tile-copy {
padding: 0;
position: relative;
width: 73%;
}
.mobile-horizontal .card .tile-copy h4 {
margin-bottom: 10px;
}
.mobile-horizontal .card .tile-copy p {
font-size: 12px;
line-height: 1.5em;
margin: 0 0 5px;
}
.mobile-horizontal .card .tile-copy .button-group {
margin-top: 0px;
}
}
@media screen and (max-width: 450px) {
.mobile-horizontal .grid .card {
padding: 14px 0 9px;
}
.mobile-horizontal .card img:first-child {
max-width: 23%;
margin-right: 6%;
}
.mobile-horizontal .card>a:first-child {
max-width: 23%;
margin-right: 6%;
width: 23%;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.mobile-horizontal .card .tile-copy h4 {
font-size: 15px;
margin-bottom: 7px;
}
.mobile-horizontal .card .tile-copy .button-group {
margin-top: 2px;
}
.mobile-horizontal .card .tile-copy .button-group a.button {
background: transparent;
color: #007FEF;
padding: 0;
margin-bottom: 0px;
}
} @media screen and (max-width: 600px) {
.mobile-slide.cards .grid {
display: block;
margin-right: calc(-8%) !important;
margin-left: calc(-8%) !important;
}
.mobile-slide.cards .grid .slick-list {
padding-left: 7%;
}
.mobile-slide.cards .grid .card {
width: 230px !important;
margin-right: 8px !important;
margin-bottom: 1px !important;
border-radius: 3px;
overflow: hidden;
}
.mobile-slide.cards .grid .tile-copy {
padding: 20px 10px 10px;
}
.mobile-slide.cards .tile-copy h4 {
margin-bottom: 10px;
}
.mobile-slide.cards .tile-copy p {
font-size: 12px;
line-height: 1.5em;
margin: 0 0 11px;
}
.mobile-slide.cards .tile-copy .button-group {
margin-top: 0px;
}
.mobile-slide.cards .slick-dots {
position: relative;
bottom: 0;
text-align: left;
padding-left: 7%;
padding-top: 10px;
}
.mobile-slide.cards .slick-dots button {
background: rgba(0, 0, 0, 0.16);
}
.mobile-slide.cards .slick-dots li.slick-active button {
background: rgba(0, 0, 0, 0.41);
}
} .alternating {}
.alternating .grid:not(:last-child) {
margin-bottom: 70px;
}
.alternating img {
width: 100%;
}
.alternating .map_embed {
padding-bottom: 5%;
overflow: hidden
}
.alternating .col {}
.alternating .col-media {}
.alternating .col-text {
display: block;
}
@media screen and (min-width: 850px) {
.alternating .grid:nth-child(even) {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse; }
}
@media screen and (max-width: 849px) {}
@media screen and (min-width: 701px) {}
@media screen and (max-width: 700px) {} .alternating-flex {}
.alternating-flex>.inner {
max-width: 100%;
padding: 0;
}
.alternating-flex .section-head {
margin-bottom: 30px;
}
.alternating-flex .grid.column-2 {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
-ms-grid-row-align: stretch;
align-items: stretch;
}
.alternating-flex .grid.column-2>.col {
margin-bottom: 0px;
}
.alternating-flex .col-text {
background: #f5f5f5;
padding: 100px 5%;
}
.img-bg-swap {}
.alternating-flex .img-bg-swap img {
display: none;
} .intro-product a.popup-video {
position: relative;
}
a.popup-video {
position: absolute;
width: 100%;
height: 100%;
background: rgba(45, 45, 45, 0.17);
display: flex;
flex-direction: column;
overflow: hidden;
}
a.popup-video i.mdi {
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: fcfdf4;
font-size: 76px;
}
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@media screen and (min-width: 920px) {
.alternating-flex .grid:nth-child(even) {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
}
@media screen and (max-width: 919px) {
.alternating-flex .grid.column-2 {
-webkit-box-align: baseline;
-ms-flex-align: baseline;
-ms-grid-row-align: baseline;
align-items: baseline;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.alternating-flex .grid.column-2 .col {
width: 100%;
}
.alternating-flex .background-image.img-bg-swap {
background-image: none !important;
}
.alternating-flex .img-bg-swap img {
display: block;
width: 100%;
}
.alternating-flex .grid.column-2 .col {
margin-bottom: 0px;
}
.alternating-flex .col-text {
padding: 30px 7% 40px;
}
}
@media screen and (max-width: 450px) {
a.popup-video i.mdi {
font-size: 58px;
}
} .blog-filter {
background: #fcfdf4;
margin-bottom: 30px;
overflow: hidden;
border-bottom: 1px solid #eee;
}
.blog-filter ul {
text-align: center;
margin: 0;
padding: 10px;
}
.blog-filter li {
display: inline-block;
margin: 10px 20px;
}
.blog-filter .level-1 {
border-bottom: 1px dashed #EEE;
margin-bottom: -1px;
}
.blog-filter .level-1 a {
padding: 0 0 5px 0;
}
.blog-filter .level-1 a:after {
content: "+";
padding-left: 5px;
}
.blog-filter .level-1 a.open:after {
content: "-";
}
.blog-filter .level-2 li {
font-size: 14px;
margin: 10px;
}
.blog-filter a:hover {
opacity: 0.8;
}
.blog-filter a span {
display: inline-block;
font-size: 10px;
padding: 2px 4px;
min-width: 21px;
height: 21px;
border-radius: 100px;
background: #EEE;
} .comments-wrapper .navigation {
display: none;
}
ol.commentlist {
list-style: none;
margin: 0 0 1em;
padding: 20px 0 0;
text-indent: 0;
}
ol.commentlist li {}
ol.commentlist li.alt {}
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment {
padding: 1em;
border: 1px solid #eee;
}
ol.commentlist li.comment div.comment-author {}
ol.commentlist li.comment div.vcard cite.fn {
font-style: normal;
}
ol.commentlist li.comment div.vcard cite.fn a.url {}
ol.commentlist li.comment div.vcard img.avatar {
border: 5px solid #ccc;
float: right;
margin: 0 0 1em 1em;
}
ol.commentlist li.comment div.vcard img.avatar-32 {}
ol.commentlist li.comment div.vcard img.photo {}
ol.commentlist li.comment div.vcard span.says {}
ol.commentlist li.comment div.commentmetadata {}
ol.commentlist li.comment div.comment-meta {
font-size: 9px;
}
ol.commentlist li.comment div.comment-meta a {
color: #ccc;
}
ol.commentlist li.comment p {
margin: 0 0 1em;
font-size: 14px;
}
ol.commentlist li.comment ul {
font-size: 11px;
list-style: square;
margin: 0 0 1em 2em;
}
ol.commentlist li.comment div.reply {
font-size: 11px;
}
ol.commentlist li.comment div.reply a {
font-weight: bold;
}
ol.commentlist li.comment ul.children {
list-style: none;
margin: 1em 0 0;
text-indent: 0;
padding-left: 0px;
}
ol.commentlist li.comment ul.children li {}
ol.commentlist li.comment ul.children li.alt {}
ol.commentlist li.comment ul.children li.bypostauthor {}
ol.commentlist li.comment ul.children li.byuser {}
ol.commentlist li.comment ul.children li.comment {}
ol.commentlist li.comment ul.children li.comment-author-admin {}
ol.commentlist li.comment ul.children li.depth-2 {
border-left: 5px solid #eee;
margin: 0 0 .25em .25em;
}
ol.commentlist li.comment ul.children li.depth-3 {
border-left: 5px solid #999;
margin: 0 0 .25em .25em;
}
ol.commentlist li.comment ul.children li.depth-4 {
border-left: 5px solid #bbb;
margin: 0 0 .25em .25em;
}
ol.commentlist li.comment ul.children li.depth-5 {}
ol.commentlist li.comment ul.children li.odd {}
ol.commentlist li.even {
background: #fcfdf4;
}
ol.commentlist li.odd {
background: #f6f6f6;
}
ol.commentlist li.parent {
border-left: 5px solid #eee;
}
ol.commentlist li.thread-alt {}
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}
#commentform textarea,
#commentform input {
background: #EFEFEF;
border: 0px;
padding: 10px 10px;
outline: none;
width: 100%;
}
#commentform input[type="submit"] {
font-size: 12px;
padding: 4px 16px;
line-height: 26px;
width: auto;
border: 2px solid #222;
background: rgba(0, 0, 0, 0);
outline: none;
margin-top: 10px;
text-transform: uppercase;
}
p.comment-form-url {
display: none;
}
.content.blog .navigation {
display: flex;
justify-content: space-between;
}
.content.blog .navigation .post-next i {
margin-left: 5px;
font-style: normal;
}
.content.blog .navigation .post-prev i {
margin-right: 5px;
font-style: normal;
} .search-results {}
.search-results article {
display: block;
float: none;
width: 100%;
border-bottom: 1px solid fcfdf4;
background: fcfdf4;
padding: 17px 23px 16px;
display: flex;
margin: 0px 1% 4px;
flex-direction: row;
}
.search-results article h3 {
margin: 0px;
font-size: 18px;
}
.search-results article h5.date-meta {
margin: 5px 0px 0px;
}
.search-results article p {
margin: 10px 0px 0px;
font-size: 13px;
}
.search-results article img {
width: 150px;
float: left;
margin-right: 10px
}
.load-more-wrapper {
margin: 10px 0px;
text-align: center;
}
@media screen and (max-width: 450px) {
.search-results article h3 {
line-height: 1.3em;
}
.search-results article p {
font-size: 11px;
}
} .footer {
background-color: #212d38;
}
.footer .inner {
padding: 60px 40px 20px;
max-width: 1520px;
}
.footer .social i {
font-size: 20px;
display: inline-block;
margin: 0px 20px 0px 0;
}
.footer-meta {
border-top: 1px solid rgba(255, 255, 255, 0.11);
font-size: 15px;
padding: 10px 0px;
}
.footer .footer_meta_text {
display: inline-block;
} .gallery-slider img {
height: 400px;
}
.gallery-slider .slick-dots {
bottom: 16px;
}
@media screen and (max-width: 1024px) {
.gallery-slider img {
height: 300px;
}
}
@media screen and (max-width: 760px) {
.gallery-slider img {
height: 200px;
}
}
@media screen and (max-width: 450px) {
.gallery-slider img {
height: 110px;
}
.gallery-slider .slick-dots {
position: relative;
bottom: 0px;
background: #3a3a3a;
padding-top: 10px;
}
} .mfp-figure figcaption {
position: absolute;
width: 100%;
height: 100%;
bottom: 0;
}
.mfp-figure .mfp-bottom-bar {
padding: 14px;
background: transparent;
}
.mfp-bottom-bar .mfp-counter {
bottom: 23px;
right: 0px;
}
.mfp-title .author img.avatar {
width: 30px;
left: -40px;
top: -5px;
}
.mfp-title .author .name {
color: fcfdf4;
font-size: 12px;
}
.mfp-title .author .username,
.mfp-title .author .time {
color: rgba(255, 255, 255, 0.5);
}
.image-source-link {
color: #98C3D1;
}
.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg,
.mfp-animated-image {
opacity: 0;
-webkit-backface-visibility: hidden;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.mfp-with-zoom.mfp-ready .mfp-container {
opacity: 1;
}
.mfp-with-zoom.mfp-ready.mfp-bg {
opacity: 0.9;
}
.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
opacity: 0;
}
.mfp-ready .mfp-animated-image {
opacity: 1;
}
.mfp-wrap .mfp-arrow {
height: auto;
width: auto;
margin: 0 0 0;
}
.mfp-arrow:before {
display: none;
}
.mfp-arrow-right:after,
.mfp-arrow-left:after {
font-family: framework;
font-size: 0px;
color: fcfdf4;
width: 30px;
height: 30px;
display: block;
position: relative;
border: 0px;
margin: 0px;
top: 0px;
margin: 10px;
left: -2px;
}
.mfp-wrap .mfp-arrow-right {
right: 15px;
}
.mfp-wrap .mfp-arrow-left {
left: 15px;
}
.mfp-arrow.mfp-arrow-right:after {
content: '';
background: url(//www.tti.com.au/wp-content/themes/tti/img/right-arrow.svg);
background-position: center;
background-size: contain;
background-repeat: no-repeat;
top: 0
}
.mfp-arrow.mfp-arrow-left:after {
content: '';
background: url(//www.tti.com.au/wp-content/themes/tti/img/left-arrow.svg);
background-position: center;
background-size: contain;
background-repeat: no-repeat;
top: 0
}
@media screen and (max-width: 450px) {
.mfp-arrow-right:after,
.mfp-arrow-left:after {
font-size: 20px;
}
.mfp-wrap .mfp-arrow-right {
right: 5px;
}
.mfp-wrap .mfp-arrow-left {
left: 5px;
}
} .gallery-thumbnails {}
.gallery-thumbnails .inner {
padding: 60px 7%
}
.gallery-thumbnails .grid {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.gallery-thumbnails .gallery-thumbnail-image {
width: 20%;
}
.gallery-thumbnail-image {
display: block;
margin-top: 0px;
text-align: center;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
overflow: hidden;
background-size: cover;
background-position: center;
}
.no-touch .gallery-thumbnail-image:hover,
.gallery-thumbnail-image:hover {
-webkit-transform: scale(0.94);
-moz-transform: scale(0.94);
-o-transform: scale(0.94);
-ms-transform: scale(0.94);
transform: scale(0.94);
filter: alpha(opacity=100);
opacity: 1;
}
.gallery-thumbnail-image img {
width: 100%;
}
.gallery-thumbnail-image img.image-bg {
position: absolute;
}
.gallery-thumbnail-image img.image-spacer {
border: 0px solid #ecf1f7;
}
@media screen and (max-width: 450px) {
.gallery-thumbnails .gallery-thumbnail-image {
width: 25%;
}
} .gallery-columns {}
.gallery-columns .inner {
max-width: 1300px;
padding: 60px 7%;
}
.gallery-columns .section-head {
margin-bottom: 20px;
}
.gallery-columns .grid {
-webkit-columns: 3 220px;
-moz-columns: 3 220px;
columns: 3 220px;
-moz-column-fill: balance;
column-fill: balance;
}
.gallery-columns .grid>a {
display: inline-block;
}
.gallery-columns .grid>a img {
width: 100%;
display: block;
border-bottom: 10px solid rgba(255, 255, 255, 0);
}
@media screen and (max-width: 600px) {
.gallery-columns .inner {
padding: 30px 7%;
}
.gallery-columns .grid {
-webkit-columns: 2 50px;
-moz-columns: 2 50px;
columns: 2 50px;
}
} .content-slider {
position: relative;
}
.content-slider>.inner { }
.content-slider .section-head {
margin-bottom: 20px;
}
.content-slider .slide {
padding: 0 2px;
}
.content-slider .grid {
margin: 0;
}
.content-slider .col-media {}
.content-slider .col-text {
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;
padding-right: 5%;
}
.content-slider .col-text-inner { }
.content-slider .col-text-inner h2 {
margin-top: 0;
}
.content-slider .slick-dots {
position: relative;
bottom: 0px;
margin-top: 20px;
text-align: left;
}
.content-slider h2 {
margin-bottom: 10px;
}
.content-slider .name {
font-size: 23px;
}
@media screen and (max-width: 600px) {
.content-slider .col-text-inner { }
} .logo-strip {
text-align: center;
}
.logo-strip .inner {
padding: 85px 0 100px;
}
.logo-strip .section-head {
margin: 0 auto 18px;
}
.logo-strip img {
max-width: 195px;
margin: 10px 18px;
}
@media screen and (max-width: 400px) {
.logo-strip img {
max-width: 80px;
margin: 7px 10px;
}
} .testimonials { }
.testimonials .inner { }
.testimonial .author {
font-size: 12px;
}
.testimonial img {
width: 90px;
border-radius: 100px;
height: 90px;
margin: auto;
}
.testimonials .slick-dots {
position: relative;
bottom: 0;
margin: 15px 0 0 0;
}
.testimonials .slick-dots button {
background: rgba(0, 0, 0, 0.2);
}
.testimonials .slick-dots li.slick-active button {
background: #222222;
}
.testimonials .slick-slide {}
.testimonials a.popup-video {
background: none;
position: relative;
display: block;
width: 100%;
height: 200px;
background-color: rgba(0, 0, 0, 0.1);
}
.testimonials .tile-image-background {
position: relative;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
@media screen and (min-width: 1200px) {
.testimonials .slider {
display: flex;
}
.testimonials .slider .testimonial {
width: 25%;
}
}
@media screen and (min-width: 600px) {
.testimonial p {
font-size: 18px;
margin-right: 30px;
}
}
@media screen and (max-width: 600px) {} .content-columns {}
.content-columns>.inner { }
.content-columns .grid.column-2 {
-webkit-box-align: baseline;
-ms-flex-align: baseline;
-ms-grid-row-align: baseline;
align-items: baseline;
}
.content-columns .grid.column-2 .col {}
@media screen and (max-width: 849px) {}
@media screen and (max-width: 1024px) {
.content-columns>.inner {
padding: 30px 40px 30px;
}
.content-columns .grid.column-2 {
flex-direction: column;
}
.content-columns .grid.column-2 .col.column {
width: 100%;
padding: 0;
}
.data-form-frame .lp-ellipsis {
font-size: 11px;
line-height: 11px;
}
.data-form-frame input[type="text"],
.data-form-frame input[type="email"],
.data-form-frame textarea,
.data-form-frame input[type="tel"] {
margin-bottom: 16px;
font-size: 14px;
line-height: 24px;
padding: 11.5px 16.5px;
}
.data-form-frame .containerWrapper .columnContainer:nth-child(2) {
margin-right: 12px;
}
.data-form-frame .containerWrapper .columnContainer {
width: calc(50% - 6px) !important;
}
.data-form-frame form [data-layout="true"] {
max-width: 924px;
}
.data-form-frame input[type="submit"],
.data-form-frame button {
font-size: 14px;
line-height: 19px;
letter-spacing: -0.35px;
}
}
@media screen and (max-width: 767px) {
.content-columns>.inner {
padding: 20px 20px 20px;
}
.part>.inner,
.variants>.inner {
padding: 50px 20px 20px !important;
}
.content-columns .grid.column-2 .col:nth-child(2n+1) {
padding-right: 0;
}
.content-columns .grid.column-2 .col:nth-child(2n) {
padding-left: 0;
}
}
@media screen and (min-width: 601px) {
.content-columns .grid.column-2 .col.column.location:nth-child(odd) {
padding-right: 20px;
}
.content-columns .grid.column-2 .col.column.location:nth-child(even) {
padding-left: 20px;
}
}
@media screen and (max-width: 600px) {
.content-columns .grid.column-2 .col {
margin-bottom: 30px;
}
.content-columns .grid.column-2 .col:last-child {
margin-bottom: 0px;
}
} .pricing-columns .grid {}
.pricing-columns>.inner {
padding: 80px 7%;
}
.pricing-column {
padding-bottom: 4em;
position: relative;
padding: 2em;
border: 1px solid #dedede;
margin-bottom: 16px;
}
.pricing-column.selected {
border-color: #000;
z-index: 1;
-moz-box-shadow: 0px 0px 0px 10px #fcfdf4;
padding: 2em;
}
.pricing-column.selected:after {
content: "Most popular";
text-transform: uppercase;
text-align: center;
display: inline-block;
background: #000;
padding: 0.6em 1.2em;
font-size: 10px;
color: #fcfdf4;
position: absolute;
right: 0em;
top: 0;
font-weight: 700;
letter-spacing: 0.15em;
}
.pricing-column-header {
text-align: center;
}
.pricing-column .button-group {
text-align: center;
}
p.price {
font-size: 2.0em;
font-weight: 700;
}
p.price sup {
font-size: 0.5em;
top: -0.65em;
}
.outro {
padding: 2em 50% 4em 2em;
}
.horizontal .pricing-column {
width: 100% !Important;
text-align: left;
padding-bottom: 2em;
margin-left: 0px !Important;
margin-right: 0px !Important;
}
.horizontal .pricing-column-header {
float: left;
width: 30%;
text-align: left;
}
.horizontal .pricing-column-content {
float: left;
width: 70%;
padding: 1.8em 0 0 3em;
}
@media screen and (max-width: 650px) {
.horizontal .pricing-column-header,
.pricing-column-header {
width: 100%;
text-align: center;
}
.horizontal .pricing-column-price,
.pricing-column-price {
width: 100%;
text-align: center;
}
.horizontal .pricing-column-content,
.pricing-column-content {
clear: both;
width: 100%;
padding: 0;
}
}
@media screen and (max-width: 600px) {
.columns>.inner,
.pricing-columns>.inner {
padding: 30px 7%;
}
} section.layer.cta {
background: #f2f2f2;
background-size: cover;
background-position: center;
}
.cta-background.background-image::before {
display: none;
}
.cta>.inner {
padding: 67px 0;
max-width: 1390px;
}
.cta .section-head {
margin-bottom: 0px;
}
@media screen and (max-width: 600px) {
.cta>.inner {
padding: 27px 7%;
}
}  .popup {
background-color: rgba(8, 34, 53, 0.7);
position: fixed;
width: 100%;
height: 100%;
z-index: 99999;
top: 0;
left: 0;
overflow-x: hidden;
text-align: center;
}
.popup-inner {
padding: 80px;
height: auto;
width: inherit;
}
.popup-content-wrapper {
display: inline-block;
position: relative;
z-index: 2;
background: #FFFFFF;
max-width: 550px;
text-align: left;
padding: 20px;
-webkit-box-shadow: 0px 2px 50px rgba(8, 37, 60, 0.42);
-moz-box-shadow: 0px 2px 50px rgba(8, 37, 60, 0.42);
box-shadow: 0px 2px 50px rgba(8, 37, 60, 0.42);
width: 100%;
}
.popup-content-wrapper input[type="text"],
.popup-content-wrapper input[type="email"],
.popup-content-wrapper textarea {
width: 100%;
}
.popup .button-overlay {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
display: block;
color: transparent;
}
.popup .button-overlay span {
display: none;
}
.popup .button-x {
position: absolute;
top: -20px;
right: -20px;
text-decoration: none;
line-height: 40px;
width: 40px;
height: 40px;
display: inline-block;
text-align: center;
background: #000;
border-radius: 100px;
color: #fcfdf4;
text-align: center;
-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
.popup .button-x span {
display: none;
}
@media screen and (min-width: 700px) {
.popup-content-wrapper {
min-width: 300px;
}
}
@media screen and (max-width: 600px) {
.popup-inner {
padding: 20px;
}
.popup .button-x {
top: -6px;
right: -7px;
}
.popup-content-wrapper {
padding: 30px;
}
.popup-content-wrapper {
font-size: 12px;
}
}  .filtering {
overflow: hidden;
}
#filter_tiles #mix-filters .name-label {
display: inline-block;
min-width: 80px;
margin-right: 10px;
}
#filter_tiles .option-labels {
display: inline-block;
}
#filter_tiles .option-labels input[type="radio"],
#filter_tiles .option-labels input[type="checkbox"] {
display: none;
}
#filter_tiles .option-labels label {
background-color: rgb(255, 255, 255);
color: #717171;
display: inline-block;
line-height: 1em;
position: relative;
border: 0;
padding: 7px 20px;
margin-bottom: 10px;
outline: none;
margin: 0px 2px 5px 0px;
}
#filter_tiles .option-labels label.active {
background-color: #717171;
color: fcfdf4;
}
#filter_tiles #filter-container .fail-message {
text-align: center;
width: 100%;
padding: 20px;
-webkit-transition: 150ms;
-moz-transition: 150ms;
transition: 150ms;
display: none;
}
#filter_tiles #filter-container .fail-message span {
display: inline-block;
vertical-align: middle;
font-size: 20px;
font-weight: 700;
}
#filter_tiles #filter-container.no-results .fail-message {
display: block;
}
#filter_tiles #filter-container {
width: 100%;
clear: both;
display: block;
min-height: 100px;
}
.media_filtering#filter_tiles #filter-container {
display: flex;
margin: 0 auto;
}
#filter_tiles .controls {
margin-bottom: 20px;
}
#filter_tiles .controls.select .filter-group {}
#filter_tiles .controls.select .filter-group select { }
#filter_tiles .controls.radio .filter-group {}
#filter_tiles .controls.checkbox .filter-group {}
#filter_tiles #filter-load-more {
display: block;
width: 200px;
background-color: rgb(255, 255, 255);
padding: 10px;
text-align: center;
margin: 2em auto;
} .filtering-sidebar {}
.filtering-sidebar>.inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.filtering-sidebar .sidebar {
width: 260px;
margin-right: 40px;
}
.filtering-sidebar .filtered-group {
width: calc(100% - 300px);
}
#filter_tiles.filtering-sidebar .controls.select .filter-group {
display: block;
float: none;
padding-bottom: 20px;
}
@media screen and (max-width: 960px) {
.filtering-sidebar>.inner {
display: block;
}
.filtering-sidebar .sidebar,
.filtering-sidebar .filtered-group {
width: 100%;
}
} #filter_tiles.blog .filter-labels {
text-align: center;
}
#filter_tiles.blog .filter-labels a {
padding: 5px;
border: 1px solid #eaeaea;
display: inline-block;
margin: 0 10px;
}
#filter_tiles.blog .filter-groups {
text-align: center;
padding: 10px 0;
min-height: 60px;
}
#filter_tiles.blog .filter-groups .filter-group {
width: 100%;
padding: 10px 0;
}
#filter_tiles.blog .filter-labels a:after {
content: "+";
padding: 0 5px;
}
#filter_tiles.blog .filter-labels a.open:after {
content: "-";
} .select2-container {}
.select2-container {
min-width: 190px;
}
.select2-container:hover {}
.select2-container.select2-container--disabled {}
.select2-container--default.select2-container--disabled .select2-selection--single {}
.select2-container.select2-container--open {}
.select2-container .select2-selection--single {
outline: none;
}
.select2-container .select2-selection--single .select2-selection__rendered {
font-size: 14px;
}
.select2-dropdown {}
.select2-results__option {
font-size: 14px;
}
.select2-results__option span {}
.select2-container--open .select2-dropdown {}
.select2-search--dropdown {}
.select2-container--default .select2-search--dropdown .select2-search__field {}
.select2-container--default .select2-search--dropdown .select2-search__field:focus {}
.select2-container--default .select2-results__option[aria-selected=true] {}
.select2-container--default .select2-results__option--highlighted[aria-selected] {}
.select2-container--default .select2-selection--single .select2-selection__arrow {}
@media screen and (max-width: 900px) {
.controls {
width: 100% !important;
display: block;
float: left
}
}
@media screen and (max-width: 600px) {
.select2-container {}
} .woocommerce-result-count {
display: none;
}
.price,
.price p {
display: block;
font-size: 20px;
font-weight: 700;
}
p.form-row br {
display: none;
}
.shop_table {
margin-bottom: 10px;
text-align: left;
border: 0px;
empty-cells: show;
}
.shop_table thead {
background: transparent;
}
.cart-collaterals .shop_table {
background: fcfdf4;
}
.shop_table th {
border: 0px;
font-family: inherit;
font-weight: 300;
}
.shop_table th.product-price,
.shop_table th.product-name {
text-align: left;
}
.shop_table th.product-quantity,
.shop_table th.product-subtotal,
.shop_table td.product-quantity,
.shop_table td.product-subtotal { }
.wc-proceed-to-checkout p {
display: block;
text-align: right;
}
.wc-proceed-to-checkout p a.button {
width: 100%;
max-width: 300px;
text-align: center;
margin-left: 20px;
display: inline-block;
}
.shop_table tr {}
.shop_table td {
vertical-align: middle;
color: #000;
border: 0px;
border-top: 1px solid #f1f0ed;
}
.shop_table td br {
display: none;
}
.cart-collaterals .shop_table td,
.cart-collaterals .shop_table th {
background: fcfdf4;
border: 1px solid #f0efed;
border-left: 0;
border-right: 0;
}
.woocommerce-checkout-review-order-table td,
.woocommerce-checkout-review-order-table th {
border: 1px solid #f0efed;
}
.shop_table td.actions {
padding: 50px 0px 30px;
text-align: right;
}
.shop_table td.product-quantity input {
max-width: 100%;
padding: 12px 14px;
color: black;
font-size: 16px;
display: inline-block;
line-height: 1em;
position: relative;
text-decoration: none;
border: none;
margin-bottom: 9px;
font-family: "aktiv-grotesk", sans-serif;
outline: none;
margin: 0;
border: 1px solid #d2d2d2;
}
.shop_table td.product-quantity input:focus,
.shop_table td.product-quantity input:active {}
.content .shop_table img {
margin: 0px;
width: 70px;
}
.product-remove {}
.product-remove a {
color: #c7c7c7;
font-size: 30px;
margin: 0px;
padding: 0px;
text-decoration: none;
}
.product-remove a:hover {
color: black;
}
.coupon {
display: inline-block;
}
.coupon label {
display: inline-block;
margin-right: 17px;
}
.coupon input {
background: fcfdf4;
}
.coupon input[type="text"] {
max-width: 100%;
padding: 12px 14px;
color: black;
font-size: 16px;
display: inline-block;
line-height: 1em;
position: relative;
text-decoration: none;
border: none;
margin-bottom: 9px;
font-family: "aktiv-grotesk", sans-serif;
outline: none;
margin: 0;
border: 1px solid #d2d2d2;
margin-right: 17px;
}
.coupon input[type="submit"] {
text-decoration: underline;
border: 0;
background: transparent;
}
.wc-proceed-to-checkout {
text-align: right;
width: 960px;
margin: 0px auto 20px;
max-width: 100%;
}
.woocommerce-message,
.woocommerce-info,
.woocommerce-billing-fields,
.woocommerce-account-fields,
.woocommerce-shipping-fields,
.woocommerce-additional-fields {
background: fcfdf4;
margin-bottom: -1px;
padding: 20px;
border: 1px solid #eaeaea;
}
.woocommerce-shipping-fields { margin-bottom: 20px;
}
.woocommerce-shipping-fields br {
display: none;
}
.woocommerce-shipping-fields h3 {
line-height: 1em;
margin: 0;
}
.woocommerce-shipping-fields>.shipping_address {
padding-top: 20px;
}
.woocommerce-shipping-fields>p {
margin-top: 0;
margin-bottom: 10px;
}
.woocommerce-shipping-fields #ship-to-different-address label { }
#ship-to-different-address label input {
margin-right: 3px;
}
.woocommerce-account-fields {}
.woocommerce-account-fields p {
margin: 0 !important;
font-size: 16px !important;
font-weight: 400;
}
.woocommerce-message { }
.checkout_coupon,
.woocommerce-form.woocommerce-form-login.login {
background: fcfdf4;
margin-bottom: 30px;
padding: 20px;
border: 1px solid #eaeaea;
position: relative;
top: 0;
}
.checkout_coupon p.form-row {
display: inline-block;
}
.checkout_coupon p.form-row input[type="text"] {
max-width: 100%;
padding: 12px 14px;
color: black;
font-size: 16px;
display: inline-block;
line-height: 1em;
position: relative;
text-decoration: none;
border: none;
margin-bottom: 9px;
font-family: "aktiv-grotesk", sans-serif;
outline: none;
margin: 0;
border: 1px solid #d2d2d2;
margin-right: 17px;
}
.checkout_coupon p.form-row button[type="submit"] {
text-decoration: underline;
border: 0;
font-size: 16px;
background: transparent;
}
.woocommerce-billing-fields__field-wrapper,
.woocommerce-shipping-fields__field-wrapper {
display: flex;
flex-wrap: wrap;
}
.woocommerce-billing-fields__field-wrapper>*:last-child,
.woocommerce-shipping-fields__field-wrapper>*:last-child {
margin-bottom: 0 !important;
}
#customer_details p.form-row,
.woocommerce-form.woocommerce-form-login.login p.form-row {
width: 50%;
padding-right: 20px;
display: flex;
flex-direction: column;
justify-content: flex-end;
margin: 0 0 14px 0;
}
.woocommerce-account-fields .create-account {
margin-top: 16px;
}
#customer_details p#billing_country_field.form-row,
#customer_details p#shipping_country_field.form-row {
justify-content: center;
}
#customer_details p#billing_country_field.form-row>.woocommerce-input-wrapper,
#customer_details p#shipping_country_field.form-row>.woocommerce-input-wrapper {
height: 73px;
padding-top: 16px;
}
.woocommerce-form.woocommerce-form-login.login p.form-row {
display: inline-block;
width: calc(50% - 4px);
}
.form-row.terms {
margin-bottom: 20px;
}
.woocommerce-form.woocommerce-form-login.login .clear+p.form-row {
width: 100%;
padding-right: 0px;
}
.woocommerce-form.woocommerce-form-login.login p.form-row button,
button#place_order {}
.woocommerce-billing-fields {
margin: auto auto 20px;
}
.woocommerce-message a.button {
margin-right: 20px;
padding: 7px 15px;
font-size: 12px;
box-shadow: none;
text-transform: capitalize;
letter-spacing: 0px;
}
.woocommerce-form.woocommerce-form-login.login p.form-row label {
font-size: 14px;
font-weight: 400;
font-family: "aktiv-grotesk", sans-serif;
}
.woocommerce-billing-fields label,
#customer_details label {
font-family: "aktiv-grotesk", sans-serif;
font-size: 12px;
line-height: 12px;
font-weight: bold;
color: #232D39;
text-transform: uppercase;
margin-bottom: 3px;
}
.woocommerce-form.woocommerce-form-login.login p.form-row label {
display: block;
padding-bottom: 13px;
}
.woocommerce-form.woocommerce-form-login.login p.form-row label input[type=checkbox] {
width: auto;
margin-right: 5px;
position: relative;
top: 2px;
} .woocommerce-form.woocommerce-form-login.login p.form-row input, {
width: 100%;
padding: 12px 14px;
color: black;
font-size: 16px;
display: inline-block;
line-height: 1em;
position: relative;
text-decoration: none;
border: none;
margin-bottom: 9px;
font-family: "aktiv-grotesk", sans-serif;
outline: none;
margin: 0;
border: 1px solid #d2d2d2;
}
.woocommerce-billing-fields input:focus {
border-color: black;
}
.woocommerce-billing-fields>p,
.woocommerce-shipping-fields .shipping_address>p {
margin: 0;
}
.woocommerce-billing-fields input,
#customer_details input:not([type=submit]):not([type=checkbox]):not([type=radio]), #customer_details textarea,
.single-column form input:not([type=submit]):not([type=checkbox]):not([type=radio]) {
width: 100%;
background: #FFFFFF;
font-size: 16px;
line-height: 26px;
padding: 13.5px 20.5px;
border-radius: 0;
border: 1px solid #E5E5E5;
margin-bottom: 0;
}
#customer_details input:not([type=submit]):not([type=checkbox]):not([type=radio]) {
margin-bottom: 14px !important;
}
.single-column form input:not([type=submit]):not([type=checkbox]):not([type=radio]) {
height: auto;
text-indent: 0;
margin-top: 4px;
margin-bottom: 26px !important;
}
.single-column form .cart_item input:not([type=submit]):not([type=checkbox]):not([type=radio]) {
margin-top: 0;
margin-bottom: 0 !important;
}
.woocommerce-billing-fields input:focus,
#customer_details input[type="password"]:focus,
#customer_details input[type="text"]:focus,
#customer_details input[type="email"]:focus,
#customer_details input[type="tel"]:focus,
#customer_details textarea:focus,
.single-column form input:not([type=submit]):focus {
outline: 0;
}
.single-column form .lp-form-field {
font-size: 12px;
line-height: 12px;
font-weight: bold;
text-transform: uppercase;
}
.single-column form [type=submit] {
color: #232d39;
height: 49px;
border: 2px solid #C7D92D;
}
.single-column .cart th.product-quantity { font-size: inherit;
line-height: inherit;
}
.single-column .cart td.product-quantity input:not([type=submit]) { width: 70px;
padding: 6px 17px;
font-family: 'Founders', Arial, Helvetica, sans-serif;
}
.single-column .cart td.product-quantity .quantity-fields {
border: 0;
}
.single-column .cart td.product-quantity .quantity-fields .quantity-button { }
.single-column .coupon [type=submit] {
min-width: 142px;
}
.single-column .coupon input:not([type=submit]):not([type=checkbox]):not([type=radio]) {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.single-column .shipping li::marker,
.single-column .shipping li::before {
display: none;
color: transparent;
}
.single-column form [type=submit]:hover {
color: #C7D92D;
background-color: transparent;
}
.single-column form .columnContainer {
padding: 0 !important;
}
.single-column form>div>div:nth-child(3)>div>div:not(.columnContainer),
.single-column form>div>div:nth-child(4)>div>div:not(.columnContainer),
.single-column form>div>div:nth-child(6)>div>div:not(.columnContainer) {
display: none;
}
.single-column form>div>div:nth-child(3)>div>div.columnContainer,
.single-column form>div>div:nth-child(4)>div>div.columnContainer,
.single-column form>div>div:nth-child(6)>div>div.columnContainer {
width: calc(50% - 8px) !important;
}
.single-column form>div>div>div {
justify-content: space-between;
}
.woocommerce form .form-row .required {
color: rgb(255, 0, 0);
text-decoration: none;
}
#customer_details .select2-container { margin-top: 4px; margin-bottom: 14px;
padding-bottom: 4px;
color: black;
font-size: 16px;
}
#customer_details .select2-container--default .select2-selection--single {
border: 1px solid transparent;
border-radius: 0;
}
.currency-nzd .woocommerce-billing-fields .select2-container:nth-child(3) {
display: block;
}
.currency-nzd .woocommerce-billing-fields .select2-container:nth-child(4) {
display: none;
}
.currency-aud .woocommerce-billing-fields .select2-container:nth-child(3) {
display: none;
}
.currency-aud .woocommerce-billing-fields .select2-container:nth-child(4) {
display: block;
}
#customer_details .select2-container--focus,
body .shipping-calculator-form .select2-container--focus { border-color: #E5E5E5;
}
#customer_details .select2-container .select2-selection--single,
body .shipping-calculator-form .select2-container .select2-selection--single {
height: auto;
border-radius: 0;
border-color: #E5E5E5;
}
body #customer_details .select2-container .select2-selection__rendered,
body .shipping-calculator-form .select2-container .select2-selection__rendered { padding: 18px 14px 19px;
line-height: 1em !important;
color: black;
font-size: 16px;
text-align: left;
}
body #customer_details .select2-container--default .select2-selection--single .select2-selection__arrow,
body .shipping-calculator-form .select2-container--default .select2-selection--single .select2-selection__arrow { top: 13px;
}
body .single-column .shipping-calculator-form>p:first-child {
margin-top: 0;
}
body .single-column .shipping-calculator-form>p,
body .single-column .shipping-calculator-form>p>input:not([type=submit]):not([type=checkbox]):not([type=radio]) {
margin-bottom: 0 !important;
}
.woocommerce-checkout .select2-container--open .select2-dropdown--below {
border: 1px solid black;
margin-top: -1px;
}
.wc-proceed-to-checkout .checkout-button:hover {
background: transparent;
border-color: #c7d92d;
}
.woocommerce-error {
background: #fcfdf4;
border-radius: 4px;
padding: 13px 24px 13px;
margin: 0 0 10px;
list-style: none;
}
.woocommerce-error li {
color: #c12e0a;
}
.woocommerce-checkout-payment {}
.woocommerce-checkout-payment ul {
background: fcfdf4;
padding: 0px;
}
.woocommerce-checkout-payment li {
list-style: none;
border-bottom: 1px solid #eee;
padding: 20px 0;
}
.woocommerce-checkout-payment li:last-child {
border: 0px;
}
.woocommerce-checkout-payment li label {}
.woocommerce-cart {}
.woocommerce-cart .intro-copy h1,
.woocommerce-checkout .intro-copy h1 {
margin-bottom: 0px;
}
.woocommerce-cart-form {
margin: auto;
max-width: 100%;
}
.woocommerce-cart-form tr:last-child {}
.cart-collaterals .shop_table th:first-child,
.woocommerce-checkout-review-order-table th:first-child,
.woocommerce-checkout-review-order-table td:first-child {
text-align: left;
padding-left: 0px;
border-right: 0px;
}
.woocommerce-checkout-review-order-table .order-total th,
.woocommerce-checkout-review-order-table .order-total td {
border-bottom: none;
}
.woocommerce-checkout-review-order-table .shipping th,
.woocommerce-checkout-review-order-table .shipping td {
border-bottom: 1px solid black;
}
.woocommerce-checkout-review-order-table td.product-name {
padding-left: 10px;
}
.woocommerce-checkout-review-order-table thead th {
border-color: transparent;
border-bottom: 1px solid black;
}
.woocommerce-checkout-review-order-table td:first-child:last-child {
text-align: right;
}
.cart-collaterals .shop_table th,
.cart-collaterals .shop_table td,
.woocommerce-checkout-review-order-table td {
padding: 16px 0;
font-weight: 300;
border-left: 0px;
}
.woocommerce-checkout-review-order-table td:last-child,
.woocommerce-checkout-review-order-table th:last-child {
text-align: right;
border-right: 0px;
border-left: 0px;
padding-right: 0px;
}
.woocommerce-cart-form tr:last-child td.actions:after {
content: ' ';
display: block;
clear: both;
}
.woocommerce-cart-form tr:last-child td.actions .coupon {
float: left;
display: flex;
align-items: center;
}
.woocommerce-cart-form tr:last-child td.actions p {
margin: 0;
}
.woocommerce-cart-form tr:last-child td.actions p button[name="update_cart"] {
padding: 14px 30px;
color: black;
font-size: 15px;
display: inline-block;
line-height: 1em;
position: relative;
text-decoration: none;
font-family: 'Playfair Display', serif;
font-weight: 700;
border: 0;
background: transparent;
border: 1px solid black;
}
.woocommerce-cart-form tr:last-child td.actions p button[name="update_cart"] {}
.woocommerce-cart-form tr:last-child td.actions p button[name="update_cart"][disabled] {
display: none;
}
.woocommerce-cart-form tr:last-child td.actions p:last-child {
display: none;
}
.cart-collaterals .shop_table p {
font-size: 16px !important;
font-weight: 400;
}
.reset_variations {
display: none !important;
}
#pa_size {
display: none;
}
.size-label,
.size-value {
display: block;
background: none !important;
border: 0px !important;
}
.variations {
border: 0px !important;
}
#customer_details {}
#customer_details .col-1 {
width: 100%;
float: none;
}
.cart_totals {
padding-top: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.cart_totals .shop_table {
text-align: right;
width: auto;
width: 960px;
margin: 30px auto;
max-width: 100%;
}
.content.blog .comments-wrapper {
display: none;
}
@media screen and (max-width: 1024px) {
.cart thead {
display: none;
}
.shop_table.cart,
.shop_table.cart tbody {
display: block;
}
.woocommerce-cart-form__contents tr.cart_item tr.cart_item {
border-top: 1px solid #e8e8e8;
padding: 23px 0px 19px;
display: block;
width: 100%;
margin-bottom: -1px;
position: relative;
padding-left: 116px;
}
.woocommerce-cart-form__contents tr.cart_item tr.cart_item td {
display: block;
border: 0;
padding: 0;
font-weight: 300;
}
.shop_table tr.cart_item {
position: relative;
display: flex;
width: 100%;
max-width: 100%; justify-content: space-between;
margin-bottom: 0;
padding: 0.
}
.shop_table tr.cart_item td {
border: none;
padding: 0; padding: 5px;
margin-bottom: 0;
}
.shop_table tr.cart_item td.product-name {
display: inline-flex;
align-items: center;
max-width: 300px;
width: 100%;
}
.shop_table tr.cart_item td.product-name a {
margin-top: 6px;
}
.shop_table tr.cart_item td.product-quantity {
padding-right: 50px;
}
.woocommerce-cart .shop_table tr.cart_item td.product-price:before,
.woocommerce-cart .shop_table tr.cart_item td.product-quantity:before,
.woocommerce-cart .shop_table tr.cart_item td.product-subtotal:before {
display: flex;
line-height: 12px;
height: 16px;
}
.woocommerce-cart .shop_table tr.cart_item td.product-price .amount,
.woocommerce-cart .shop_table tr.cart_item td.product-subtotal .amount {
display: flex; height: 40px;
line-height: 40px;
}
.shop_table tr.cart_item td.product-remove { order: 1;
display: inline-flex;
align-items: center;
}
.shop_table tr.cart_item td.product-remove a {
padding: 0;
display: block;
width: 40px;
height: 50px;
line-height: 47px;
text-align: center;
font-size: 37px;
color: black;
margin-top: 6px;
}
.shop_table tr.cart_item td.product-thumbnail {
position: absolute;
left: 20px;
display: none;
}
.shop_table tr.cart_item td.product-name a {
margin-bottom: 0;
font-size: 17px;
font-weight: 700;
text-decoration: none;
display: block;
}
.shop_table tr.cart_item td.product-price {}
.shop_table tr.cart_item td.product-quantity:before,
.shop_table tr.cart_item td.product-price:before,
.shop_table tr.cart_item td.product-subtotal:before {
display: inline-block;
width: 100px;
font-size: 14px;
font-weight: 300;
}
.shop_table tr.cart_item td.product-price:before {
content: 'Price : ';
}
.shop_table tr.cart_item td.product-quantity {
margin-bottom: 9px;
}
.shop_table tr.cart_item td.product-quantity:before {
content: 'Quanitity : ';
}
.shop_table tr.cart_item td.product-quantity .quantity {
display: inline-block
}
.shop_table tr.cart_item td.product-subtotal {}
.shop_table tr.cart_item td.product-subtotal:before {
content: 'Subtotal : ';
}
.woocommerce-cart-form tr:last-child {
width: 100%;
display: block;
}
.woocommerce-cart-form tr:last-child td.actions:after {
display: none;
}
.woocommerce-cart-form tr:last-child td {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
border: 0;
padding: 30px 0px 20px;
}
}
@media screen and (max-width: 768px) {
.woocommerce-cart .single-column>.inner {
padding-left: 20px;
padding-right: 20px;
}
.woocommerce-cart .shop_table tr.cart_item td.product-name {
padding-left: 0;
}
.woocommerce-cart .shop_table tr.cart_item td.product-name {
padding-left: 0;
}
.woocommerce-cart .shop_table tr.cart_item td.product-price {
max-width: 100px;
}
.shop_table tr.cart_item td.product-remove {
padding-right: 0;
}
.shop_table tr.cart_item td.product-remove a { width: 20px;
height: 66px;
line-height: 62px;
}
.shop_table tr.cart_item td.product-name a,
.shop_table tr.cart_item td.product-remove a {
margin-top: 3px;
}
.shop_table tr.cart_item td.product-quantity {
padding-right: 40px;
}
.shop_table td.actions {
padding: 34px 0px 30px;
}
.cart .product-thumbnail,
.product-subtotal {
display: none;
}
.woocommerce-cart-form tr:last-child td.actions .coupon {
text-align: left;
display: block !important;
}
.coupon label {
display: none;
margin-bottom: 7px;
}
.coupon input,
.coupon input[type="submit"],
form input[disabled],
.wc-proceed-to-checkout a.button {
margin-bottom: 10px;
}
.coupon input[type="submit"] {
display: block;
padding: 18px 0px 0;
}
.cart_totals {
padding-top: 0px;
}
.single-column .coupon input:not([type=submit]):not([type=checkbox]):not([type=radio]) {
margin-bottom: 17px !important;
}
}
@media screen and (max-width: 550px) {
.woocommerce-page:not(.woocommerce-cart) .single-column {
padding: 30px 20px 20px;
}
#customer_details p.form-row,
.woocommerce-form.woocommerce-form-login.login p.form-row {
width: 100%;
padding-right: 0;
}
.shop_table tr.cart_item { }
.shop_table tr.cart_item td.product-quantity:before,
.shop_table tr.cart_item td.product-price:before,
.shop_table tr.cart_item td.product-subtotal:before {
font-size: 11px;
}
.shop_table tr.cart_item td.product-thumbnail {
display: none;
}
.shop_table tr.cart_item td.product-name a {
font-size: 16px;
font-weight: 600;
}
.shop_table td.product-quantity input {
width: 170px;
}
.shop_table tr.cart_item td.product-name { }
.woocommerce-cart-form tr:last-child td {
display: flex;
flex-direction: column-reverse;
text-align: left;
}
.woocommerce-cart-form tr:last-child td.actions p {
margin-bottom: 20px;
}
.woocommerce-cart-form tr:last-child td.actions p button[name="update_cart"] {
width: 100%;
}
} .woocommerce-ResetPassword {
width: 400px;
max-width: 100%;
margin: auto;
}
.woocommerce-ResetPassword p {}
.woocommerce-ResetPassword p:first-child { }
.woocommerce-ResetPassword label {
font-weight: 400;
}
.woocommerce-ResetPassword input[type="text"] {
width: 100%;
padding: 12px 14px;
color: black;
font-size: 16px;
display: inline-block;
line-height: 1em;
position: relative;
text-decoration: none;
border: none;
margin-bottom: 9px;
outline: none;
margin: 0;
border: 1px solid #d2d2d2;
}
.woocommerce-ResetPassword button[type="submit"] {} .layer.portal {
background: #f7f7f7;
}
[class*="template-portal"] .portal>.inner {
max-width: 100%;
padding: 0px;
}
.portal .tab-content .inner {
padding: 60px 0 30px;
}
.login-wrap {
padding: 50px 7% 30px;
max-width: 970px;
margin: auto;
}
.login-wrap+p {
margin: 0;
text-align: center;
color: #949494;
font-size: 14px;
padding-bottom: 40px;
}
.login-form {
background: fcfdf4;
padding: 13px 5%;
max-width: 400px;
box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.16);
margin: auto;
}
.login-form form#loginform {}
.login-form form#loginform p {
position: relative;
}
.login-form>p {
text-align: center;
font-size: 14px;
color: #9c9c9c;
}
.form-wrap {
background: fcfdf4;
padding: 32px 35px;
max-width: 688px;
}
.login-form form#loginform p label,
.form-wrap label {
display: block;
font-size: 14px;
font-weight: 700;
margin-bottom: 2px;
color: #545454;
}
.login-form form#loginform p.login-remember label {
font-weight: 400;
color: #9c9c9c;
}
.login-form form#loginform p.login-remember label input {}
.login-form form#loginform p input[type="text"],
.login-form form#loginform p input[type="password"],
.form-wrap input[type="text"],
.form-wrap input[type="email"],
.form-wrap textarea,
.form-wrap input[type="password"] {
background-color: rgb(255, 255, 255);
border: none;
color: #616161 !important;
padding: 14px 16px;
font-family: inherit;
width: 100%;
border: 1px solid #e0e0e0;
font-size: 16px;
border-radius: 2px;
}
.wp-editor-wrap {
border: 1px solid #e0e0e0;
padding: 0px;
}
.wp-editor-tools {
padding: 10px;
}
.form-wrap input[type="text"],
.form-wrap input[type="email"],
.form-wrap input[type="password"],
.form-wrap textarea {
margin-bottom: 20px;
}
.login-form form#loginform p input[type="submit"],
.form-wrap input[type="submit"] {
background-color: #898989;
color: fcfdf4;
padding: 13px 20px;
border-radius: 3px;
border: 0px;
font-size: 13px;
width: 100%;
}
.form-wrap input[type="submit"] {
width: auto;
min-width: 160px
}
.no-touch .login-form form#loginform p input[type="submit"]:hover,
.no-touch .form-wrap input[type="submit"]:hover {
opacity: 0.7;
}
.form-wrap .button-group {
margin: 10px 0 0;
}
.portal form input[type="checkbox"] {
position: absolute;
opacity: 0;
width: 20px;
height: 20px;
margin-top: 6px;
z-index: 1;
cursor: pointer;
}
.portal form input[type="checkbox"]:focus+label:before {
border: 2px solid #a6c8ff;
}
.portal form input[type="checkbox"]+label:before {
content: '';
margin-right: 10px;
display: inline-block;
vertical-align: text-top;
width: 20px;
height: 20px;
background: #ffffff;
border: 1px solid #dadada;
font-size: 16px;
border-radius: 2px;
position: relative;
top: 0px;
}
.portal form input[type="checkbox"]:checked+label:before {
background: #898989;
border-color: #898989;
}
.portal form input[type="checkbox"]+label:after {
content: '';
display: block;
position: absolute;
top: 1px;
left: 3px;
font-family: "Material Design Icons";
}
.portal form input[type="checkbox"]:checked+label:after {
content: "\F12C";
color: fcfdf4;
}
input[type="radio"] {
margin-right: 8px;
transform: scale(1.4);
margin-bottom: 13px;
}
ul#menu-portal-menu {
margin: 0px;
padding: 0px;
list-style: none;
background: fcfdf4;
text-align: center;
}
ul#menu-portal-menu li {
color: #505050;
display: inline-block;
padding: 8px 16px;
cursor: pointer;
border-radius: 2px 2px 0px 0px;
font-size: 15px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
ul#menu-portal-menu li a {
color: #888;
}
.no-touch ul#menu-portal-menu li:hover {
filter: alpha(opacity=70);
opacity: 0.7;
}
ul#menu-portal-menu li.current-menu-item {
border-bottom: 2px solid #000000;
}
.no-touch ul#menu-portal-menu li.current-menu-item:hover {
filter: alpha(opacity=100);
opacity: 1;
}
@media screen and (max-width: 400px) {
.login-wrap {
padding: 0px;
}
.login-form {
box-shadow: none;
}
.login-form form#loginform p input[type="text"],
.login-form form#loginform p input[type="password"] {
padding: 11px 14px;
}
} html.iphone.popup-open body,
html.ipad.popup-open body {
width: 100%;
height: 100%;
overflow: hidden;
position: fixed;
} @media print,
(-o-min-device-pixel-ratio: 5/4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {}
@media print {
* {
background: transparent !important;
color: black !important;
box-shadow: none !important;
text-shadow: none !important;
filter: none !important;
-ms-filter: none !important;
} a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " ("attr(href) ")";
}
abbr[title]:after {
content: " ("attr(title) ")";
}
.ir a:after,
a[href^="javascript : "]:after,
a[href^="#"]:after {
content: "";
} pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group;
}
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
@page {
margin: 0.5cm;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
}
.portal-nav {
display: block;
overflow: hidden;
background: #c7d92d;
padding: 0px 7%;
}
.header {
display: flex;
flex-direction: row;
padding: 13px 7% 10px;
height: 120px;
align-items: center;
max-width: 1689px;
margin: 0 auto;
}
nav .menu>ul {
display: block;
}
nav .menu>ul>li {
display: inline-block;
}
.home-hero-slide {}
.home-hero-slide .inner {}
.home-product {
background: #131920
}
.home-product .grid .tile-copy {
background: #131920;
flex-direction: row;
padding: 20px 40px;
}
.home-product .grid .tile-copy div.title-button {
display: flex;
padding-bottom: 20px;
}
.home-product a.button {
margin-bottom: 0;
}
.alternating.home-product {
margin-top: 0px;
}
.alternating.home-product .bg-dark {
background: #232d37;
}
.alternating.home-product .grid {
padding: 50px;
position: relative;
top: -72px;
z-index: 100;
margin-bottom: -75px;
background: #232d37;
background: #131920 !important;
}
.alternating.home-product .inner {
max-width: 1412px;
position: relative;
top: -83px;
margin-bottom: -218px;
}
.alternating.home-product .inner .col-text {
padding-left: 60px
}
.tiles.home-product .grid .tile-copy h4 a {
font-size: 26px;
color: #fcfdf4;
color: #c7d92d;
font-weight: 600;
}
.tiles.home-product .button-group {
margin-top: 0;
flex-grow: 2;
text-align: right;
margin-top: 4px;
margin-bottom: 4px;
}
.tiles.home-product .tile>a {
border-bottom: solid 5px #c7d92d;
overflow: hidden;
display: block;
background: #e2ff00;
position: relative;
z-index: 2;
}
.tiles.home-product .tile>a:hover::before {
content: '';
display: block;
position: absolute;
width: 73px;
height: 73px;
z-index: 3;
top: 0;
left: 0;
background-image: url(//www.tti.com.au/wp-content/themes/tti/img/tti-title-white.svg);
background-repeat: no-repeat;
background-position: center;
opacity: 1;
left: 50%;
top: 50%;
margin: -37px 0 0 -37px;
}
.tiles.home-product .tile>a img {
display: block;
width: 100%
}
.tiles.home-product .tile>a:hover img {
opacity: .3;
position: relative;
z-index: 0;
transition: opacity ease .1s
} a.button {
padding: 12px 31px;
background-color: #000;
color: fcfdf4;
font-size: 16px;
display: inline-block;
line-height: 1em;
position: relative;
}
a.button.small {  }
a.button.round {
border-radius: 100px;
}
a.button.rounded {
border-radius: 4px;
}
a.button.bg-white {
background: fcfdf4;
color: black;
}
a.button.bg-blue {
background: #007FEF;
color: fcfdf4;
}
a.button.bg-green {
background: #00ca6e;
color: fcfdf4;
}
a.button.ghost {
background: transparent;
border: 2px solid;
}
.button-group {
margin: 1.5em 0;
}
.button-group a,
.button-group button {
margin: 0 10px 10px 0px;
}
.button-group:last-child {
margin-bottom: 0;
}
a.button,
input[type="submit"],
button,
.button {
background-color: transparent;
background-color: #c7d92d;
border-radius: 8px;
padding: 18px 32px 18px 32px;
color: #232d39;
font-size: 16px;
line-height: 22px;
letter-spacing: -0.0025em;
font-weight: 600;
text-align: center;
border: solid 1px #c7d92d;
transition: all 0.6s ease;
min-width: 180px;
}
a.button:hover,
input[type="submit"]:hover,
button:hover {
background-color: #c7d92d;
}
.dark a.button,
.dark input[type="submit"],
.dark button {
background-color: #c7d92d;
color: #232d39;
border: solid 3px #c7d92d;
}
.dark a.button:hover,
.dark input[type="submit"]:hover,
.dark button:hover {
background-color: transparent;
color: #232d39;
border: solid 3px #c7d92d;
color: #c7d92d;
}
a.button:hover,
input[type="submit"]:hover,
button:hover {}
.button.dark {
color: #fcfdf4;
color: #c7d92d;
background: #232d37;
border-color: #232d37
}
.button.dark:hover {
color: #232d37;
border-color: #232d37;
background: transparent;
}
a.button--dark:hover {
color: #232d39;
}
.button.green {
background: #c7d92d;
border-color: #c7d92d
}
.button.green:hover {
background: transparent;
border-color: #c7d92d
}
.button.center {
text-align: center !important;
}
.button.button--dark {
background-color: #232D39;
color: #fff;
font-size: 16px;
line-height: 26px;
letter-spacing: -0.4px;
border: 3px solid #232d39;
border-radius: 8px;
padding: 12px 24px 12px;
text-align: center;
}
h5,
.home-product .tile h4 {
position: relative;
line-height: 48px;
margin-bottom: 0;
text-align: left;
font-size: 22px;
padding-top: 3px;
padding-bottom: 12px;
}
h5:after,
.home-product .tile h4:after {
content: '';
height: 6px;
width: 80px;
position: absolute;
bottom: 10px;
display: block;
background: #c7d92d;
}
.dark h5 {}
.dark h5:before,
.dark.home-product .tile h4:before {
background-image: url(//www.tti.com.au/wp-content/themes/tti/img/tti-title-reverse.svg);
}
h3::after,
h2::after {
content: '';
height: 6px;
width: 80px;
position: relative;
bottom: 0;
display: block;
background: #c7d92d;
margin-top: 0;
margin-bottom: 0;
}
.h3::after,
.h2::after {
content: '';
height: 6px;
width: 80px;
position: relative;
bottom: 0;
display: block;
background: #c7d92d;
margin-top: 0;
margin-bottom: 18px;
}
.intro-product h2:after,
.content-slider-wrap h2:after,
.intro-copy h2::after {
margin-top: 11px;
margin-bottom: 30px;
}
.alternating h2:after {
margin-top: 0;
margin-bottom: 40px;
}
.alternating .col-inner h2 {
color: #232D39;
}
.intro-product h2 {
margin-bottom: 27px;
}
.intro-product h2:after {
margin-bottom: 4px
}
section.dark {
background: #131920;
background: #232d39 !important;
}
.testimonials .testimonial-inner {
padding: 0 10px;
}
.testimonials .testimonial h4,
.features .tile-copy h4 {
padding: 0;
font-size: 32px;
margin-bottom: 10px;
}
.features .tile-copy {
font-size: 18px;
padding: 23px 5px 34px
}
.features .tile-copy p {
font-size: 18px;
}
.features .inner {
padding-bottom: 20px;
padding-top: 70px;
}
.features img {
border-bottom: solid 5px #c7d92d;
}
.testimonials svg {
pointer-events: none;
opacity: 0;
}
.testimonials .preview-image {
background-position: center;
background-size: cover;
border-bottom: 5px solid #c7d92d;
}
.testimonials .slick-prev,
.testimonials .slick-next {
top: 101px;
}
.testimonials .slick-list {
margin: 0;
}
.video-slider {
background-color: #131920;
position: relative;
}
.slider-nav {
display: block;
position: absolute;
text-align: center;
top: 50%;
right: 0;
list-style: none;
margin-right: 20px;
margin-top: -5%;
height: 300px;
}
.slider-nav li {
min-width: 210px;
overflow: hidden;
}
.slider-nav a {
display: flex;
position: relative;
flex-direction: row;
justify-content: flex-end;
margin-bottom: 7px;
float: right;
clear: both;
}
.slider-nav a b {
border-radius: 100px;
width: 40px;
height: 40px;
line-height: 40px;
font-weight: 700;
display: block;
background: #fcfdf4;
color: #232d37;
}
.slider-nav a span {
display: none;
color: #fcfdf4;
line-height: 40px;
font-weight: 700;
}
.slider-nav a.active,
.slider-nav a:hover {
width: auto;
background: #232d37;
color: #fcfdf4;
line-height: 40px;
border-radius: 100px;
}
.slider-nav a.active span,
.slider-nav a:hover span {
display: block;
padding: 0 20px;
font-weight: 700;
}
.slider-nav a.active b,
.slider-nav a:hover b {
display: block;
background: #c6d92d;
}
.slider-nav a:hover {}
.logo-slider .slick-next { }
.logo-slider .slick-prev { }
.logo-slider .slick-prev,
.logo-slider .slick-next {
top: 50%;
margin-top: -30px;
}
.logo-slider a {
text-align: center;
}
.logo-slider a img {
-webkit-filter: grayscale(100%); filter: grayscale(100%);
opacity: 3.8;
transition: all ease .3s;
margin: 0 auto;
max-width: 162px;
}
.logo-slider a:hover img {
-webkit-filter: grayscale(0); filter: grayscale(0);
opacity: 1;
}
.logo-slider .slick-track {
align-items: center;
display: flex;
}
.slider-home .slick-prev,
.slider-home .slick-next {
background: #fcfdf4;
}
.slider-home .slick-prev:before,
.slider-home .slick-next:before {
color: #131920;
}
.slider-home .slick-prev:hover,
.slider-home .slick-next:hover {
background: #c7d92d;
}
.slider-home .slick-prev:hover:before,
.slider-home .slick-next:hover:before {
color: #fcfdf4;
}
.slider-home .slick-next {
right: 60px;
}
.slider-home .slick-prev {
left: 60px;
}
footer .grid {
display: flex;
}
footer .logo-wrap {
width: 100%;
padding: 60px 0 60px;
}
footer .logo-wrap img {
max-width: 220px;
}
footer .col {}
footer .col.type-logo {}
footer .col.type-links {
padding-right: 20px;
flex-grow: 2;
width: 50%;
}
footer .col.type-newsletter {
flex-grow: 2;
width: 100%;
}
footer .col.type-social {}
footer .col ul {
padding: 0;
margin: 0
}
footer .col ul li {
list-style: none;
}
footer a {
color: #fcfdf4;
}
footer a:hover {
color: #c7d92d;
}
footer .type-newsletter input[type="text"],
footer .type-newsletter input[type="email"] {
display: block;
min-width: 320px;
margin-bottom: 10px;
background: #D3D5D7;
border: none;
line-height: 40px;
padding: 0 12px;
font-weight: 700;
}
footer .type-newsletter .contact-number {
position: relative;
color: #c7d92d;
font-size: 35px;
top: -106px;
margin-bottom: -44px;
margin-bottom: -43px;
weight: 700;
padding-left: 42px;
}
footer .type-newsletter .contact-number:before {
content: '';
display: block;
background: url(//www.tti.com.au/wp-content/themes/tti/img/icon-mobile.svg);
width: 30px;
height: 40px;
position: absolute;
float: left;
top: -7px;
background-size: contain;
background-repeat: no-repeat;
margin-right: 9px;
left: 0;
}
footer .button.login {
position: relative;
top: -44px;
margin-bottom: 0px;
padding: 13px;
font-size: 16px;
}
footer .login-button-wrap {
height: 0;
min-height: 40px;
}
footer h4 {
font-size: 18px;
font-weight: 500;
margin-bottom: 12px;
line-height: 24px;
}
footer .footer-social {
display: flex;
align-items: baseline;
margin-top: 10px;
margin-bottom: 30px;
}
footer .footer-social .social {
margin: 0;
position: relative;
margin-left: -5px;
bottom: 0;
}
footer .footer-social p {
padding: 0;
font-size: 19px;
}
footer .mdi:before {
font-size: 21px;
transition: all 0.3s ease;
}
footer .mdi:hover:before {
color: #232d39;
opacity: 0.5;
}
.logo-strip.perks {
padding: 30px 0 20px;
overflow-x: auto;
}
.logo-strip .subtitle {
display: none;
}
.logo-strip.perks .subtitle {
text-align: center;
display: block;
margin-top: 33px;
padding: 0 10px;
font-size: 24px;
color: rgb(85, 85, 85);
line-height: 1.2;
font-weight: 600;
}
#menu-mega-menu .sub-menu {
z-index: 1000;
}
#menu-mega-menu {}
#menu-mega-menu a { }
#menu-mega-menu>li {  }
#menu-mega-menu>li>a {
text-transform: uppercase;
padding: 21px 21px;
padding: 50px 35px 5px 35px;
height: 92px;
display: block;
margin-top: 25px;
margin-right: -0.4em;
position: relative;
font-weight: 500;
color: #232d39;
font-size: 16px;
letter-spacing: 1px;
}
#menu-mega-menu>li.current-menu-parent>a:after {}
#menu-mega-menu>li>a>i {
width: 0;
height: 0;
border-style: solid;
border-width: 5px 4px 0 4px;
border-color: #232d39 transparent transparent transparent;
display: inline-block;
position: relative;
top: -2px;
margin-left: 4px;
}
#menu-mega-menu>li:hover i {
border-color: #c7d92d transparent transparent transparent;
}
#menu-mega-menu>li.menu-item-has-children:hover>a {
background: #232d39;
border-radius: 6px 6px 0 0;
color: #c7d92d !important;
}
#menu-mega-menu>li.current-menu-ancestor>a:after,
#menu-mega-menu>li.current-menu-item>a:after,
#menu-mega-menu>li.current-menu-item:hover>a:after {
content: '';
display: block;
position: absolute;
height: 4px;
background: #c7d92d;
box-shadow: none;
bottom: auto;
top: 77px;
width: auto;
left: 20px;
right: 20px;
pointer-events: none;
}
#menu-mega-menu>li.menu-item-has-children:hover>a:before {
display: block;
position: absolute;
background: #c7d92d;
width: 12px;
height: 12px;
bottom: 0;
left: -12px;
border-radius: 6px;
box-shadow: 6px 5px 3px #131920;
}
#menu-mega-menu>li.menu-item-has-children:hover>a:after {
display: block;
position: absolute;
background: #c7d92d;
width: 12px;
height: 12px;
bottom: 0;
right: -12px;
border-radius: 6px;
box-shadow: -6px 5px 3px #131920;
top: auto;
margin-right: 0;
left: auto;
}
#menu-mega-menu>li.menu-item-has-children.current_page_item>a:before,
#menu-mega-menu>li.menu-item-has-children:hover>a:before {
content: ''
}
#menu-mega-menu>li.menu-item-has-children.current_page_item>a:after,
#menu-mega-menu>li.menu-item-has-children:hover>a:after {
content: ''
}
#menu-mega-menu>li:hover a {}
#menu-mega-menu>li>.sub-menu {
opacity: 0;
pointer-events: none;
}
#menu-mega-menu>li:hover>.sub-menu {
opacity: 1;
pointer-events: all
} #menu-mega-menu>li>.sub-menu {
background-color: #232d39;
width: 100%;
position: absolute;
left: 0;
padding: 0 7%;
display: flex;
text-align: center;
margin-top: 0;
justify-content: center;
padding-top: 15px;
}
#menu-mega-menu>li>.sub-menu>li {
display: inline-block;
padding: 20px;
}
#menu-mega-menu>li>.sub-menu>li {
line-height: 1.2;
}
#menu-mega-menu>li>.sub-menu>li>a {
text-transform: uppercase;
height: 45px;
display: block;
letter-spacing: 1px;
font-size: 16px;
font-weight: 500;
color: #fcfdf4 !important;
padding: 0px 10px 0px 10px;
}
#menu-mega-menu>li>.sub-menu>li:hover>a,
#menu-mega-menu>li>.sub-menu>li.current-menu-item>a {
line-height: 1.2;
border-bottom: solid 7px #c7d92d;
font-size: 105%;
}
#menu-mega-menu>li>.sub-menu>li a:hover {
color: #fcfdf4;
}
#menu-mega-menu>li>.sub-menu>li>.sub-menu {
display: none;
z-index: 1000;
width: 100%;
flex-direction: row;
position: absolute;
left: 0;
flex-wrap: wrap;
background: #232d37;
top: 96px;
padding: 0px 0px 15px 0px;
}
#menu-mega-menu>li>.sub-menu>li:hover>.sub-menu {
display: flex;
justify-content: center;
}
#menu-mega-menu>li>.sub-menu>li>div>.sub-menu:before {
display: block;
background: #232d37;
width: 100%;
height: 100%;
top: 0;
bottom: 0;
left: 0;
right: 0;
position: absolute;
z-index: 0;
}
#menu-mega-menu>li>.sub-menu>li>.sub-menu>li {
z-index: 10;
padding: 15px 20px 15px 20px;
}
#menu-mega-menu>li>.sub-menu>li>.sub-menu>li:last-child {
border: none
}
#menu-mega-menu>li>.sub-menu>li>.sub-menu>li>a {
font-size: 20px;
display: block;
position: relative;
line-height: 32px;
font-size: 18px;
font-weight: 600;
border-radius: 10px 10px 0 0;
margin-top: 20px;
padding: 0 10px;
text-align: center;
color: #232d37;
background-color: #c7d92d;
}
#menu-mega-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu {
display: flex;
align-items: baseline;
border-radius: 0 0 10px 10px;
border: 1px solid #c7d92d;
justify-content: center;
}
#menu-mega-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li {
margin-left: 0px;
text-align: center;
min-height: 100px;
color: #c7d92d;
padding: 0 7px;
}
#menu-mega-menu img {
max-height: 75px;
padding: 0;
margin: 0 auto;
display: block;
}
#menu-mega-menu img:hover {
-ms-transform: rotate(5deg); transform: rotate(-3deg);
}
#menu-mega-menu .menu-image-title-after.menu-image-title {
padding-left: 0;
white-space: nowrap;
font-size: 15px;
}
#menu-mega-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>a {
display: block;
padding: 5px;
min-height: 100px;
}
#menu-mega-menu>li>.sub-menu>li a:hover {
color: #c7d92d;
}
.menu-item a.menu-image-title-below.menu-image-not-hovered img,
.menu-item a.menu-image-hovered.menu-image-title-below .menu-image-hover-wrapper {
max-height: 65px;
max-width: 75px;
}
#menu-mega-menu .sub-menu a {
color: #fcfdf4;
}
nav.nav_three li a {
padding: 0 15px;
font-weight: 400;
}
nav.nav_three li a:hover {
text-decoration: underline;
}
.wpc-header {
font-size: 14px;
height: 47px;
padding: 15px 19px;
} #menu-mega-menu .menu-item.parts .menu-image-title-after.menu-image-title { }
#menu-mega-menu>li.parts>.sub-menu>li>.sub-menu>li>a {
background-color: #232d37;
border: 2px solid #c7d92d;
border-radius: 15px;
padding: 0;
min-width: 120px;
}
#menu-mega-menu>li.parts>.sub-menu>li>.sub-menu>li>a span.menu-image-title-before {
background-color: #c7d92d;
display: block;
padding: 6px;
border-radius: 10px 10px 0 0;
}
#menu-mega-menu>li.parts>.sub-menu>li>.sub-menu>li>a img.menu-image-title-before {
margin: 10px auto;
}
#header .wpc-header i[class*="mdi"] {
position: relative;
float: left;
padding: 0;
margin-right: 10px;
}
.wpc-header .cart-amount {
border-radius: 6px;
margin-right: 7px;
font-weight: 500;
}
.wpc-header.enquiry {
font-weight: 500;
}
.wpc-header.enquiry .cart-amount { }
.wpc-header.cart {
background: #232d39;
font-weight: 500;
}
.wpc-header.cart .cart-amount {
background: #c7d82e;
color: #232d39
}
.wpc-header .span {}
.bg-vid-parent .playbutton {
display: block;
height: 150px;
width: 150px;
top: 50%;
left: 50%;
margin: -90px 0 0 -75px;
background: red;
position: absolute;
background: url(//www.tti.com.au/wp-content/themes/tti/img/video-playbutton-white.png);
background-size: contain;
cursor: pointer;
z-index: 10;
} .content-slider.dark .slick-dots {
text-align: left;
bottom: -13px;
margin-bottom: -44px;
left: -4px;
}
.header-phone {
font-size: 28px;
position: relative;
top: 0;
margin-left: 0;
color: #232d39;
font-weight: 500;
display: flex;
justify-content: center;
align-items: center;
}
.header-inner nav .header-phone a {
font-size: 28px;
}
.alternating .grid .col-text {
padding-right: 5%;
display: flex;
align-items: center;
}
.alternating .grid .col+.col-text {
padding-left: 5%;
padding-right: 0;
}
.section-head>p {
max-width: 700px
}
.perks .logo-slider {
text-align: center;
display: flex;
}
.perks .logo-slider>div {
display: inline-block;
padding: 0px 29px;
}
.perks .logo-slider>div:first-child {
padding-left: 0px !important;
}
.perks .logo-slider>div:last-child {
padding-right: 0px !important;
}
.footer-meta .inner {
padding: 0px 40px;
}
.menu-image-title {
font-size: 14px;
line-height: 1.1;
}
.button.login {
text-transform: uppercase;
padding: 11px 15px;
}
.button.login:after {
content: '';
display: inline-block;
width: 12px;
height: 12px;
background: url(//www.tti.com.au/wp-content/themes/tti/img/lock-solid.svg);
background-repeat: no-repeat;
position: relative;
right: -10px;
margin-right: 6px;
}
.logo-strip.partners a img {
max-width: 139px;
}
.mdi-magnify:before {
content: '' !important;
background: url(//www.tti.com.au/wp-content/themes/tti/img/search.svg);
background-size: contain;
background-repeat: no-repeat;
display: block;
height: 16px;
width: 16px;
position: relative;
margin-left: 0;
}
.slick-next:before { }
.slick-prev:before { }
.slider-home .intro-copy p {
font-size: 24px;
font-weight: 300;
line-height: 30px;
}
footer ul>li {
padding: 0;
font-size: 16px;
}
footer ul>li a {
font-size: 16px;
line-height: 26px;
font-weight: normal;
transition: opacity 0.3s ease;
}
.footer-li-text a:hover {
opacity: 0.5;
}
.footer_meta_text a {
font-weight: 500
}
.footer_meta_text {
font-size: 16px
}
.galleryslider .inner {
max-width: 1382px;
padding-top: 40px;
padding-bottom: 0px;
}
.galleryslider .slick-prev {
left: 0;
background: #c7d92d;
border-right: 1px solid #232D39;
}
.galleryslider .slick-next {
left: 60px;
background: #c7d92d
}
.galleryslider .slick-prev,
.galleryslider .slick-next {
transition: all 0.6s ease;
}
.galleryslider .slick-next:hover,
.galleryslider .slick-prev:hover {
background-color: #232D39;
}
.testimonials .slider {
margin-top: 55px;
}
.home-product.alternating .col-img {
width: 55%;
}
.home-product.alternating .col-text {
width: 45%;
}
a.tos {
font-weight: normal;
float: right;
}
.perks .logo-slider a {
display: block;
min-height: 170px;
}
.intro-copy p {
font-size: 24px;
font-size: 20px;
line-height: 28px;
margin: 0 0 20px;
}
.intro-product.dark {
background: #232d37;
}
.intro-product .grid {
padding: 0;
position: relative
}
.intro-product .inner {
max-width: 100%;
position: relative;
padding: 0;
}
.intro-product.product-cat-intro img {
max-width: 100%;
object-fit: cover;
width: 100%;
height: 100%;
opacity: 80%;
}
.intro-product.single-product .inner {
max-width: 1700px;
position: relative;
padding: 11px 0 40px 0;
}
.intro-product .inner .col-text {
display: flex;
align-items: center;
padding-left: 60px;
padding-right: 20px;
margin: 63px 0px;
}
.product-variant-header.intro-product .inner .col-text {
margin: 124px 0px;
}
.intro-product .inner .col-text .col-inner {
max-width: 660px;
}
.intro-product .inner .col-img {
padding-left: 0;
display: flex;
align-items: center;
min-height: 450px;
}
.intro-product .inner .col-img .wistia_embed { }
.intro-product .grid .tile-copy h4 a {
font-size: 23px;
color: #fcfdf4;
font-weight: 600;
}
.intro-product .button-group {
margin-top: 0;
flex-grow: 2;
margin-top: 32px;
}
.intro-product .button-group a {
margin: 0;
}
.intro-product .tile>a {
border-bottom: solid 5px #c7d92d;
overflow: hidden;
display: block;
background: #e2ff00;
position: relative;
z-index: 2;
}
.intro-product .tile>a:hover::before {
content: '';
display: block;
position: absolute;
width: 73px;
height: 73px;
z-index: 3;
top: 0;
left: 0;
background-image: url(//www.tti.com.au/wp-content/themes/tti/img/tti-title-white.svg);
background-repeat: no-repeat;
background-position: center;
opacity: 1;
left: 50%;
top: 50%;
margin: -37px 0 0 -37px;
}
.intro-product .tile>a:hover img {
opacity: .3;
position: relative;
z-index: 0;
transition: opacity ease .1s
}
.intro-product .brochure-download {
font-weight: 600;
color: #fcfdf4;
font-size: 20px;
position: relative;
line-height: 40px;
padding-left: 50px;
}
.intro-product .brochure-download:before {
content: '';
display: block;
position: absolute; width: 16px;
height: 20px;
left: 24px;
top: 20px; background-image: url(//www.tti.com.au/wp-content/themes/tti/img/icon-pdf-dark.svg);
background-repeat: no-repeat;
background-size: contain;
transition: background-image 0.6s ease;
}
.intro-product .brochure-download:hover:before {
background-image: url(//www.tti.com.au/wp-content/themes/tti/img/icon-pdf-green.svg);
}
.intro-product .button-group {
padding-bottom: 0;
margin-bottom: 0;
display: flex;
flex-wrap: wrap;
}
.part>.inner,
.variants>.inner {  padding: 50px 40px 20px;
}
.product-matches h3 a {
transition: 0.3s ease;
}
.product-matches h3 a:hover {
opacity: 0.5;
}
.configurator {
position: relative;
}
.configurator.simple .variation-tabs {
margin-top: 40px;
}
.configurator.simple .product-variants {
display: none;
}
.configurator .product-cart {
width: 370px;
position: absolute;
top: 0;
right: 0;
height: 100%;
}
.configurator .product-cart .layer {
width: 370px;
padding: 20px 35px 20px;
background: #f2f2f2;
border-radius: 8px;
z-index: 6;
}
.configurator .tab-body iframe {
width: 100%;
height: auto;
min-height: 450px;
}
.configurator .slick-list {
width: 100%;
}
.configurator .product-cart {
height: 100%;
}
@media screen and (min-width: 1200px) {
#sidebar {
position: sticky;
top: 0;
}
.admin-bar #sidebar {
top: 40px;
}
}
.layer-yotpo .inner {
padding-bottom: 50px;
}
.layer-intro_product_video .col-img {
position: relative;
}
.layer-intro_product_video a.popup-video {
flex-direction: inherit;
margin-left: 0;
padding: 0 50px;
display: block;
}
.layer-intro_product_video a.popup-video img {
display: block;
margin: 0 auto;
width: 100%;
max-height: 100%;
}
.tabs {
background: #f2f2f2;
background: #ecf1f6;
padding: 10px 30px 15px;
border-radius: 8px;
}
.tabs .tabs-head ul {
display: flex;
padding: 0;
flex-wrap: nowrap;
border-bottom: 2px solid #c9d0d6;
margin: 0;
}
.tabs .tabs-head ul li {
list-style: none;
padding: 0;
cursor: pointer;
color: #232d37;
font-size: 19px;
font-weight: 600;
border-bottom: 4px solid transparent;
margin-bottom: -2px;
}
.tabs .tabs-head ul li a {
padding: 20px;
display: block;
}
.tabs .tabs-head ul li.active,
.tabs .tabs-head ul li:hover,
.tabs .tabs-head ul li:hover a,
.tabs .tabs-head ul a:hover,
.categories-wrap .tabs .tabs-head ul li:first-child,
.categories-wrap .tabs .tabs-head ul li:first-child a {
border-bottom-color: #c7d92d;
background: #232d37;
color: #fcfdf4;
}
.product-info-tabs .tabs .tabs-head ul li {
padding: 20px;
}
.tabs .tabs-body>div {
display: none;
max-height: 500px;
padding: 30px 0 0px;
}
.tabs .tabs-body>div.active {
display: block;
overflow-y: scroll;
}
.tabs.category-tabs {
background: #fcfdf4;
padding: 0
}
.product-variants {
background-color: #c7d92d;
display: flex;
flex-wrap: wrap;
}
.product-variants .col.tile {
margin: 0;
overflow: visible;
width: 12.5%;
}
@media screen and (max-width: 1500px) {
.product-variants .col.tile {
width: 16.6%;
}
}
@media screen and (max-width: 1200px) {
.product-variants .col.tile {
width: 25%;
}
}
@media screen and (max-width: 800px) {
.product-variants .col.tile {
width: 50%;
}
}
.variant-wrap {
text-align: center;
margin-right: 10px;
margin-left: 10px;
cursor: pointer;
border-radius: 7px;
position: relative;
margin-bottom: 28px;
background: #fcfdf4;
}
.product-variants .col.tile.active .variant-wrap {
background-color: #232d37;
color: #c7d92d;
}
.green.variants {
background-color: #c7d92d;
}
.green.variants.simple {
display: none;
}
.product-variants .col .image {
padding-top: 20px;
white-space: nowrap;
text-align: center;
}
.product-variants .col .image img {
vertical-align: middle;
overflow-y: auto;
max-width: 100%;
}
.product-variants .col .tile-copy {
padding: 10px;
}
.product-variants .col .tile-copy h4 {
font-weight: 700;
font-size: 18px;
margin-bottom: 0;
}
.product-variants .col .tile-copy .sku {
font-size: 12px;
text-transform: uppercase;
color: #9d9fa0;
}
.product-variants .col .tile-copy .amount {
font-size: 18px;
}
.configurator .product-spec {
margin-right: 485px;
}
.configurator .slick-disabled {
visibility: visible;
}
.configurator .slick-list {
position: relative;
}
.configurator .product-spec h5 {
padding-left: 0;
}
.configurator .product-spec h5:before {
content: none;
display: none;
} .configurator .accessories {
display: flex;
flex-wrap: wrap;
}
.configurator .accessories .tile {
text-align: center;
}
.configurator .accessories .tile p {
margin: 5px 0;
}
.configurator .accessories .tile img {}
.configurator .accessories .col.tile {
margin: 0;
overflow: visible;
}
.configurator .accessories .variant-wrap {
margin-bottom: 10px;
}
.configurator .accessories .col.active .variant-wrap {
position: relative;
overflow: hidden;
background-color: #232d37;
color: #c7d92d;
}
.single-product .configurator .accessories .col.active .tile-copy p,
.single-product .configurator .accessories .col.active .tile-copy h4,
.single-product .configurator .accessories .col.active .tile-copy {
color: #c7d92d;
}
.configurator .accessories .col .image {
width: 100%;
padding-top: 20px;
white-space: nowrap;
text-align: center;
}
.configurator .accessories .col .image img {
width: 100%;
vertical-align: middle;
}
.configurator .accessories .col .tile-copy {
min-height: 100px;
padding: 5px;
}
.configurator .accessories .col .tile-copy h4 {
font-weight: 700;
font-size: 18px;
margin-bottom: 0;
}
.configurator .accessories .col .tile-copy,
.single-product .configurator .accessories .col .tile-copy p {
color: #000;
}
.configurator .accessories .col .tile-copy .sku {
font-size: 12px;
text-transform: uppercase;
color: #9d9fa0;
}
.configurator .accessories .col .tile-copy .amount {
font-size: 18px;
}
.configurator .slick-list {
position: relative;
}
.configurator .accessories:before {
content: '';
display: block;
height: calc(100% - 28px);
width: 2px;
position: absolute;
top: 0%;
left: -20px;
}
.configurator .accessories:after {
content: '';
display: block;
height: calc(100% - 28px);
width: 2px;
position: absolute;
top: 0%;
right: -20px;
}
.configurator .gallery {
margin: 0 0 20px;
padding: 0;
list-style: none;
display: flex;
flex-wrap: wrap;
}
.configurator .gallery li {
width: 33.33%;
padding: 0 5px 5px 0;
overflow: hidden;
}
.configurator .product-spec {
margin-right: 485px;
}
.configurator .slick-disabled {
visibility: visible;
}
.product-list {
display: flex;
}
.no-slider .product-list {
flex-wrap: wrap;
}
.product-list .tile {}
.product-list .tile img { }
.product-list .col.tile {
margin: 0;
margin-bottom: 15px;
overflow: visible;
}
.product-list .variant-wrap {
margin-right: 10px;
margin-left: 10px;
cursor: pointer;
border-radius: 7px;
position: relative;
margin-bottom: 10px;
background: #ededed;
}
.accessories .slide-wrap {
margin-right: 10px;
margin-left: 10px;
cursor: pointer;
border-radius: 7px;
position: relative;
margin-bottom: 28px;
background: #f2f2f2;
}
.product-variants .col.tile.active .variant-wrap {
background-color: #232d37;
color: #c7d92d;
}
.related .product-list .slide-wrap {
background: transparent;
}
.product-list .col.active .slide-wrap {
position: relative;
overflow: hidden;
;
}
.product-list .col.active .slide-wrap:after {
background: #c7d92d;
content: '';
position: absolute;
bottom: 0;
width: 100%;
height: 7px;
}
.product-list .col .image {
height: 160px;
padding-top: 10px;
white-space: nowrap;
text-align: center;
display: flex;
align-items: flex-end;
justify-items: center;
justify-content: center;
}
.product-list .col .image .tti-product-tag {
top: -10px;
right: -20px;
padding: 9px 20px;
font-size: 12px;
line-height: 12px;
}
.product-list .col .image:before {
display: inline-block;
height: 100%;
vertical-align: middle;
}
.product-list .col .image img {
vertical-align: bottom;
margin-top: 20px;
mix-blend-mode: multiply;
}
.product-list .col .tile-copy {}
.product-list .col .tile-copy h4 {
font-weight: 700;
font-size: 18px;
margin-bottom: 0;
margin-bottom: 20px;
}
.dealer-btn {
padding: 0 20px;
} .categories-wrap .product-list .col .tile-copy h4 {
font-size: 24px;
text-align: center;
}
.categories-wrap .product-list .col .tile-copy h4 a {
color: #131920
}
.categories-wrap .category-products .product-list .slick-list {
width: 100%;
}
.categories-wrap .category-products .product-list .slick-track {
width: 100%;
}
.product-list .col {
margin-bottom: 20px;
background: #ededed;
border-radius: 6px;
}
.categories-wrap .related .product-list .col .tile-copy .woocommerce-Price-amount {
display: block;
}
.categories-wrap .related .product-list .col .tile-copy h4 {
font-size: 18px;
}
.categories-wrap .product-list .col .tile-copy {
min-height: 100px;
padding-right: 25px;
padding-bottom: 0;
}
@media screen and (max-width: 800px) {
.categories-wrap .category-products .product-list .col {
max-width: 100%;
width: 100%;
}
}
.product-list .col .tile-copy .sku {
font-size: 12px;
text-transform: uppercase;
color: #9d9fa0;
}
.product-list .col .tile-copy .amount {
font-size: 18px;
}
.product-list .slick-disabled {
visibility: visible;
}
.product-list .slick-dots {
bottom: -30px;
}
input[type="text"],
input[type="email"],
textarea {
display: block;
margin-bottom: 10px;
background: #ececec;
border: none;
line-height: 40px;
padding: 0 12px;
font-weight: 300;
border-radius: 3px;
}
.product-extras { }
.product-extras .inner {
padding: 15px 0 0 0;
}
.button-group.full-width .button {
width: 100%;
text-align: center;
position: relative;
} .wistia_click_to_play:after {
content: '';
display: block;
height: 60px;
width: 40px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
position: absolute;
background-size: contain;
cursor: pointer;
z-index: 0;
background-color: #232D39;
}
.intro-product .mdi-play-circle-outline::before {
display: none;
}
.product-cart {
position: -webkit-sticky;
position: static;
}
ul.selection-list {
margin: 0;
padding: 0;
list-style: none;
font-size: 22px;
font-weight: 300;
}
ul.selection-list li {
border-bottom: solid 1px #fcfdf4;
padding: 15px 0 20px;
}
ul.selection-list li .price {
float: right;
font-weight: 400;
margin-left: 12px;
}
ul.selection-list li.total {
border: none;
}
ul.selection-list li.total .price {
float: right;
font-weight: 700
} .ttiw-product-description {
line-height: 1.2;
clear: both;
display: block;
font-size: 18px;
font-weight: 500;
}
.product-info-tabs .section-head {
margin-bottom: 0;
}
.product-info-tabs .section-head .h5 {
color: #232d39;
}
.product-info-tabs .section-head .h5:after {
content: '';
height: 6px;
width: 77px;
position: relative;
bottom: 0;
display: block;
background: #232d39;
margin-top: 23px;
margin-bottom: 18px;
margin-top: 7px;
margin-bottom: 30px;
}
.configurator .product-extras .accessories .col .image {
min-height: 122px;
padding: 20px 20px 0;
}
.configurator .accessories .col .image img {
width: auto;
height: 122px;
}
.ttiw-product-sku {
float: left;
font-size: small;
padding-top: 4px;
}
ul.selection-list li.total .price {
font-size: 18px;
}
ul.selection-list li .price.ttiw-product-price {
float: right;
font-size: 18px;
}
ul.selection-list li {
padding: 8px 0 8px;
clear: both;
overflow: hidden;
border-bottom: dashed 2px #c7d92d;
}
ul.selection-list li.total {
border: none;
font-size: 18px;
font-weight: 700;
} .button.icon:before {
content: '';
display: block;
position: absolute;
width: 20px;
height: 16px;
background-size: contain;
background-repeat: no-repeat;
right: 20px;
margin-top: 2px;
}
.button.icon.icon-cart:before {
background-image: url(//www.tti.com.au/wp-content/themes/tti/img/icon-cart-arrow.svg);
}
.button.icon.icon-basket:before {
background-image: url(//www.tti.com.au/wp-content/themes/tti/img/icon-cart-plus.svg);
}
.button.icon.icon-checkout:before {
background-image: url(//www.tti.com.au/wp-content/themes/tti/img/icon-basket.svg);
}
.wistia_click_to_play {
height: 100% !important;
cursor: pointer;
}
.wistia_click_to_play:hover:after { }
.map-wrap {
padding: 50px 0;
}
.white {
background: #fcfdf4;
}
.gray {
background: #f2f2f2;
}
.inner.tabs-wrap {
padding: 60px 0 90px;
}
.categories-wrap .alternating>.inner {
padding-top: 80px;
padding-bottom: 0;
}
.categories-wrap .tiles .inner {
padding: 10px 0 10px;
margin-top: 0;
}
.categories-wrap .related.tiles .inner {
padding: 70px 0 75px;
}
.categories-wrap .inner.tabs-wrap {
padding: 55px 0 0;
}
.categories-wrap .tabs-wrap+.alternating .inner {
padding-top: 60px
}
.light-gray {
background: #f3f3f3;
}
.home-slider .slick-dots {
bottom: 101px;
}
@media screen and (max-width: 1500px) {
.inner { }
.alternating.home-product .grid {
padding: 30px;
top: 0;
margin-bottom: 70px;
}
.footer-meta .inner { }
.slider-home .slick-prev {
left: 40px;
}
.slider-home .slick-next {
right: 40px;
}
#menu-mega-menu>li>.sub-menu>li>.sub-menu {
padding: 0px 60px;
}
.header-inner nav a {
font-size: 14px;
}
.features .inner {
padding: 30px 7%;
}
}
.mobile-add-button {
display: none
}
@media screen and (max-width: 1380px) {
.categories-wrap .tiles .inner {
padding: 30px 7% 60px;
}
.tabs {
padding: 10px 20px 15px;
}
.product-variants .col.active .slide-wrap {
padding-bottom: 54px;
}
.mobile-add-button {
display: block;
text-align: center;
padding-top: 20px;
}
.mobile-add-button a {
font-size: 16px;
}
.configurator .slick-dots {
bottom: 0
}
.header {
padding: 13px 2% 10px;
}
.portal-nav {
padding: 0px;
}
.slider-home .slick-prev {
left: -16px;
}
.slider-home .slick-next {
right: -14px;
}
#menu-mega-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu {
flex-wrap: wrap;
}
.slick-next {
right: 20px;
}
.slick-prev {
left: 20px;
}
.home-product .grid .tile-copy {
flex-direction: column;
padding: 15px;
}
.part>.inner {
padding: 40px 7% 0px;
}
.tabs .tabs-head {
overflow-x: auto;
}
.testimonials .inner { }
.tiles .inner { }
.cta>.inner {
padding: 30px 7% 30px;
}
.configurator .product-spec {
margin-right: 0;
}
.tiles.home-product .button-group {
text-align: center;
margin-top: 15px;
margin-bottom: 0
}
.home-product .tile h4 {
height: auto;
line-height: 1.1;
min-height: 53px;
display: flex;
align-items: center;
}
.tiles.home-product .grid .tile-copy h4 a {
display: block;
} .configurator .product-cart {
position: relative;
width: 100%;
}
}
.configurator .product-cart.product-nodata {
position: relative;
width: 100%;
} .j-popup-video-troubleshooting {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 9998;
}
.page-id-40319 .grid .tile .tile-copy .h4 {
font-size: 1.2em;
} .single-product .tti-page-cart {
margin-top: 11px;
} .ttiw-team-box img {
margin-right: 30px;
}
@media screen and (max-width: 849px) {
.ttiw-team-box {
display: flex;
flex-direction: column;
}
}
@media (min-width: 64em) {
.ttiw-team-box {
display: flex;
}
.ttiw-team-img {
width: 200px;
}
.ttiw-team-des {
width: 60%;
}
.ttiw-team-box em {
font-size: 20px;
}
.page-id-16686 .button-group {
padding-left: 200px;
}
}  .ttiw-grid {
display: flex;
justify-content: center;
align-items: center;
}
.ttiw-lp .bg-green,
.ttiw-body-lp .bg-green {
background-color: #232d39 !important;
}
.ttiw-lp .green {
color: #232d39 !important;
}
.ttiw-lp a.ttiw-lp-button {
color: #c7d92d;
background: #232d37;
border-color: #232d37;
transition: background-color ease .2s;
}
.ttiw-lp .hs-form-iframe {
margin: 0 auto !important;
width: 100% !important;
}
.ttiw-lp .b--light-green {
border-color: #c7d92d;
}
.ttiw-lp-intro {
min-height: 546px;
}
.ttiw-body-lp .alternating .col-inner .ttiw-lp h2 {
color: #232d39 !important;
text-shadow: none !important;
}
.ttiw-body-lp .layer.logo-strip .section-head {
padding-top: 20px !important;
padding-bottom: 0 !important;
}
.ttiw-body-lp .layer.logo-strip h2:after {
padding-bottom: 10px;
}
.ttiw-body-lp .intro:before {
display: none;
}
#ttiw-lp-box-form h2 {
display: none;
}
#ttiw-lp-box-brochure h2,
#ttiw-lp-box-brochure h5 {
display: none;
}
#ttiw-lp-box-testimonials .col-inner h2 {
text-align: center;
}
#ttiw-lp-box-testimonials .col-inner h2:after {
display: none;
}
#ttiw-lp-box-testimonials .col {
width: 100%;
padding-right: 0;
text-align: center;
}
.ttiw-body-lp .intro-default .inner {
padding-top: 6px !important;
padding-bottom: 6px !important;
}
.ttiw-body-lp .intro-copy h1,
.ttiw-body-lp .intro-copy .breadcrumbs,
.ttiw-body-lp .intro-copy .button-group {
display: none;
} .ttiw-body-lp .intro {
background-color: #c7d92d !important;
background-position: center -126px;
} .ttiw-body-lp .wrap .intro:first-child {
background-color: #232d39 !important;
}
.ttiw-body-lp .wrap .intro:nth-child(3n) {
background-color: #232d39 !important;
}
.ttiw-body-lp .ttiw-lp-topbar {
font-size: 1rem;
color: #FFF;
}
.ttiw-body-lp .ttiw-lp-topbar img {
width: 36px;
} .ttiw-body-lp .wrap .layer:last-child {
background-color: #c7d92d !important;
}
.ttiw-body-lp .wrap .single-column.layer:last-child>.inner {
padding-top: 0 !important;
padding-bottom: 0 !important;
} .ttiw-body-lp .section-head h2 {
color: #232d39 !important;
}
.ttiw-body-lp .cards .inner {
padding-top: 20px !important;
}
.ttiw-body-lp .cards .inner h2:after {
margin-bottom: 10px;
}
.ttiw-body-lp .cards .section-head {
margin-bottom: 30px;
}
.ttiw-body-lp .card.background-image:before {
display: none;
}
.ttiw-body-lp .card .tile-copy {
position: relative;
}
.ttiw-body-lp .card img {
display: block !important;
height: 196px;
margin: 20px auto 0;
width: auto;
}
.ttiw-body-lp .col.card {
background: #232d39 !important;
}
.ttiw-body-lp .col.card ul {
min-height: 236px;
}
.ttiw-body-lp .col.card h3 {
min-height: 90px;
} .ttiw-body-lp .ttiw-testimonials-comment,
.ttiw-body-lp .ttiw-lp-testimonials strong {
background: none !important;
color: white !important;
}
.ttiw-body-lp #lpform {
height: 1px;
}
.ttiw-body-lp .single-column>.inner {
padding-top: 56px !important;
padding-bottom: 56px !important;
}
.ttiw-body-lp .alternating>.inner {
padding-top: 56px !important;
padding-bottom: 56px !important;
}
.page-id-40970 .layer-alternating:last-child .grid.column-2 .col {
width: 100%;
} body .mfp-wrap:not(.mfp-gallery) .mfp-iframe-holder .mfp-content {
max-width: 77%;
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045;
line-height: 0;
width: 100%;
}
@media screen and (max-width: 1200px) {
.ttiw-lp-intro {
min-height: inherit;
}
}
@media screen and (max-width: 1024px) {
.ttiw-body-lp .intro {
background-position: center center;
}
}
@media screen and (max-width: 600px) {
.ttiw-body-lp .single-column>.inner {
padding-top: 20px !important;
padding-bottom: 20px !important;
}
.ttiw-body-lp .alternating>.inner {
padding-top: 20px !important;
padding-bottom: 20px !important;
}
.ttiw-body-lp .cards .inner {
padding-top: 20px !important;
padding-bottom: 20px !important;
}
.ttiw-body-lp .col.card h3 {
min-height: inherit;
}
.ttiw-body-lp .col.card ul {
min-height: inherit;
}
.ttiw-body-lp .alternating .grid .col+.col-text {
padding-left: 0 !important;
}
}
.ttiw-body-lp .logo-strip .inner {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.ttiw-body-lp .video-container {
padding-top: 0;
}
.ttiw-body-lp .ttiw-notice-inner .ttiw-col-logo {
display: flex;
align-items: center;
}
.ttiw-body-lp .ttiw-notice-inner img {
height: 60px;
width: auto;
}
.ttiw-body-lp .ttiw-notice-inner ul,
.ttiw-body-lp .ttiw-notice-inner p {
margin: 0;
padding: 0;
}
.ttiw-body-lp .ttiw-notice-inner ul,
.ttiw-body-lp .ttiw-notice-inner li {
list-style: none;
}
.ttiw-body-lp .ttiw-notice-inner .ttiw-col-content {
padding: 0 20px;
}
.ttiw-body-lp #layer_1 {
background: #232d39;
color: #fff;
}
.ttiw-body-lp #layer_1 p {
color: #fff !important;
}
.ttiw-body-lp #layer_1 li {
color: #c7d92d !important;
}
.ttiw-body-lp #layer_3 p,
.ttiw-body-lp #layer_3 li {
color: #fff !important;
}
.ttiw-body-lp ul {
padding-left: 0 !important;
list-style: none;
}
.ttiw-body-lp li {
position: relative;
padding-left: 32px;
list-style: none;
}
.ttiw-body-lp li:before {
content: "\f5e0";
padding-right: 6px;
font-family: "Material Design Icons";
position: absolute;
margin-left: -26px;
}
.ttiw-body-lp li:before,
.ttiw-body-lp li {
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.ttiw-testimonials-stars:before {
content: "\f4ce";
padding-right: 6px;
font-family: "Material Design Icons";
position: absolute;
}
.ttiw-testimonials-stars,
.ttiw-testimonials-stars:before {
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 16px;
height: 32px;
display: inline-block;
} @media screen and (max-width: 450px) { .variants .product-variants .col.tile {
width: 50%;
} section.intro-product .inner,
section.variants .inner,
section.part .inner { } section.intro-product .inner .col-img {
min-height: 100px;
}
section.intro-product h1 {
font-size: 1.6em;
}
section.intro-product .button-group {
margin-bottom: 0px;
} section.variants .product-variants .col.tile {
margin-bottom: 10px;
} section.part .product-spec h3 {
font-size: 2em;
}
section.part .product-info-tabs .font-size-24 {
font-size: 1.5em !important;
}
.section-head {
margin-bottom: 0;
}
} @media screen and (max-width: 1200px) {
.intro-product .grid {
flex-direction: column-reverse;
}
.intro-product .grid .col {
width: 100%;
}
.intro-product .grid .col-img {
align-items: flex-end;
}
.intro-product .inner .col-text {
padding-left: 40px;
padding-right: 0;
max-width: 840px;
margin: 60px 0px;
}
.bg-vid-parent .playbutton {
margin: -90px 300px 0 -25%;
}
.intro-product .inner .col-img .wistia_embed {
margin: 0 auto 30px;
}
.wistia_click_to_play {
margin-left: 0;
}
.categories-wrap .inner.tabs-wrap {
padding: 10px 0 0;
}
.categories-wrap .alternating>.inner {
padding-top: 40px;
padding-bottom: 0;
}
}
@media screen and (max-width: 1000px) {
footer .grid {
display: flex;
flex-direction: row;
flex-flow: wrap;
}
.tabs {
padding: 10px
}
.configurator .gallery li {
width: 50%;
padding: 0 5px 5px 0;
}
.perks .logo-slider>div { }
.logo-strip.perks a img {
max-width: 100px;
}
.logo-strip.perks .subtitle {
font-size: 16px;
margin: 0;
}
.perks .logo-slider a {
min-height: 100px;
}
.perks .inner {
padding: 30px 7%
}
footer .footer-social {
flex-direction: column;
}
.footer .inner {
padding: 24px 40px;
}
footer .col.type-links {
min-width: 100%;
margin-bottom: 16px;
padding: 0 0 16px;
border-bottom: 1px solid rgba(35, 45, 57, 0.15);
}
footer.footer .logo-wrap {
padding: 0px 0 30px;
}
footer .logo-wrap img {
max-width: 160px;
}
footer .type-newsletter .contact-number {
font-size: 35px;
top: 0;
margin-bottom: 40px;
margin-top: 20px;
font-weight: 700;
padding-left: 42px;
}
footer .footer-social .social {
margin: 0;
margin-left: -5px;
}
footer .type-newsletter input[type="text"],
footer .type-newsletter input[type="email"] {
min-width: 100%;
width: 100%;
}
footer .button.login {
top: 0;
margin-top: 10px;
margin-bottom: 30px;
}
footer h4 {
font-size: 15px;
line-height: 20px;
margin-bottom: 0;
}
footer ul>li a {
font-size: 14px;
line-height: 24px;
}
.footer-meta .footer_meta_text {
line-height: 24px;
font-size: 14px;
}
.footer-meta .footer_meta_text .tos {
font-size: 14px;
}
.footer-meta .tos {
font-size: 14px;
line-height: 24px;
}
footer .col ul {
display: none;
margin-top: 18px;
}
footer .type-links h4.mb {
position: relative;
cursor: pointer;
transition: opacity 0.3s ease;
}
footer .type-links h4.mb:hover {
opacity: 0.5;
}
footer .col.type-links:last-child {
border: none;
}
footer .type-links h4.mb::after {
content: "";
position: absolute;
right: 0;
top: 0;
background-image: url(//www.tti.com.au/wp-content/themes/tti/img/Icons/down-green.svg);
width: 15px;
height: 14px;
}
footer .col.type-links.is-active h4::after {
transform: rotate(180deg);
}
footer .col.type-links:first-child ul {
display: block;
}
}
@media screen and (max-width: 900px) {
.intro-product .inner .col-text {
padding-left: 0;
display: flex;
align-items: center;
padding: 0px 40px;
}
.slider-home .slide .inner {
margin-bottom: 30px;
}
.bg-vid-parent .inner>.intro-copy {
width: 100%;
max-width: 100%;
position: absolute;
border: 0;
bottom: 0;
left: 0;
padding-bottom: 70px;
}
.clear-wrap {
text-align: center;
}
.bg-vid-parent .playbutton {
top: -7px;
margin: 30px 0 0 -25px;
height: 50px;
width: 50px;
}
.slider-home .slick-dots {
bottom: 73px;
}
.slider-home .slick-dots li button {
background: #c1c1c1;
}
.slider-home .slick-dots li.active button {
background: #c7d92d;
}
}
.intro-product a.button {
font-size: 16px;
line-height: 22px;
letter-spacing: -0.4px;
color: #232D39;
min-width: 175px;
text-align: center;
margin-right: 16px;
margin-bottom: 16px;
}
@media screen and (max-width: 600px) {
.slider-nav {
margin-top: -23%;
}
.configurator .gallery li {
width: 100%;
padding: 0px 5px 5px 0px;
}
.tiles .grid.column-2 .col {
width: 100%;
margin: 0;
margin-bottom: 15px;
}
.alternating.home-product .inner {
margin-bottom: -195px;
}
.content-slider>.inner { }
.content-slider .grid.column-2 {
display: flex;
flex-direction: column-reverse;
}
.content-slider .grid.column-2 .col {
width: 100%;
}
a.button {
font-size: 16px;
}
.tiles.home-product .grid .tile-copy h4 a {
font-size: 22px;
}
footer .button.login {
width: 100%;
text-align: center;
}
footer input[type="submit"] {
width: 100%;
}
.dark a.button,
.dark input[type="submit"],
.dark button {
font-size: 16px;
}
}
.button-group .button:only-child {
margin-right: 0;
}
.header-phone span {
float: left;
padding: 6px;
}
.header-phone i {
display: none;
}
@media screen and (max-width: 560px) {
.header-phone span {
display: none;
}
.header-phone {
width: 60px;
}
.header-phone i {
display: block;
color: #c8d92d;
padding: 26px 0px 0 12px !important;
}
.header-inner nav .header-phone a {
font-size: 28px;
position: absolute;
width: 60px;
height: 86px;
left: 0;
top: -36px;
background: #242d39;
}
}
.cta .slick-dots {
bottom: 13px;
margin: 0;
text-align: center;
left: 0;
}
.slider-home .button-group {
margin-bottom: 0;
}
.alert {
width: 80%;
align-items: center;
margin: auto;
padding: 10px;
}
.alert.success {
border: 3px solid #c7d92d;
}
.alert.fail {
border: 3px solid #b20000;
}
.single-product .finance-offer {
margin: 5px 0;
font-size: 14px;
font-style: italic;
}
.products-enquiry-products-submit {
display: none;
}
.products-enquiry-products-display {}
.products-enquiry-products-display p {
margin-bottom: 0;
font-size: 18px;
}
.products .filters {
display: flex;
margin: 0 0;
border-top: 6px solid #232D39;
border-left: 1px solid #E5E5E5;
border-right: 1px solid #E5E5E5;
}
.products .filters .filter {
width: 100%;
padding: 0 0;
margin: 52px 0;
display: flex;
align-items: center;
}
.filters-panel>.filter:nth-child(2) {
width: 35%;
}
.products .filters .filter {
font-size: 18px;
font-weight: 600;
line-height: 18px;
color: #232D39;
}
.products .filters .filter .range {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
padding: 10px 0;
}
.products .filters .filter .range input {
width: 100px;
margin: 0;
text-align: center;
}
.products .filters .filter .rangeslider {
width: 100%;
max-width: calc(52% - 20px);
margin: 0px 0 0px 44px;
border: none;
position: relative;
display: flex;
justify-content: space-between;
}
.products .filters .filter .rangeslider.ui-slider-horizontal .ui-slider-handle {
background: #232D39;
border: none;
border-radius: 50%;
width: 16px;
height: 16px;
top: 0;
cursor: pointer;
}
.products .filters .filter .rangeslider.ui-slider-horizontal .ui-slider-handle:focus {
outline: none;
}
.products .filters .filter .rangeslider:before {
content: " ";
display: block;
position: absolute;
top: 5px;
width: 100%;
background-color: #E5E5E5;
height: 6px;
}
.products .filters .filter .rangeslider .ui-slider-range {
height: 6px;
background: #C7D92D;
border: none;
margin-top: 5px;
}
.products .filters .filter .checkboxes {
padding: 0px 0;
width: 100%;
}
.products .filters .filter .checkboxes label {
font-weight: normal;
font-size: inherit;
margin: 0 0px 0px 0;
min-width: auto;
width: 28%;
float: left;
}
.filters-panel {
width: 100%;
display: flex;
padding: 0 32px;
}
.option-main {
width: 65%;
display: flex;
flex-wrap: wrap; margin: 20px 0;
}
.products .filters .option-main .filter { margin: 0 0 15px;
}
.products .filters .option-main .filter:last-child {
margin: 0 0 0;
}
.products .filters .option-main .filter,
.products .filters .option-main .filter+.filter {
align-items: flex-start;
}
.option-main .filter label {
min-width: 121px;
}
.return-to-shop {
display: none;
}
.nav_three .sub-menu {
display: none;
position: absolute;
z-index: 100;
background: #232d39;
padding: 12px 20px 12px 20px;
top: 47px;
box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1);
min-width: 200px;
}
.nav_three .menu-item-has-children {
position: relative;
}
.nav_three .menu-item-has-children a {}
.nav_three>ul>li.menu-item-has-children>a::after {
width: 0;
content: '';
height: 0;
border-style: solid;
border-width: 5px 4px 0 4px;
border-color: #c7d92d transparent transparent transparent;
display: inline-block;
position: relative;
top: -1px;
left: 5px;
}
.nav_three .menu-item-has-children:hover::after {
border-color: #fff transparent transparent transparent;
}
.nav_three .menu-item-has-children:hover .sub-menu {
z-index: 100;
min-width: 200px;
background: #232d39 !important;
border-radius: 0 !important;
}
.nav_three .sub-menu li {}
.nav_three .sub-menu li a {
white-space: nowrap;
}
.header-bottom.portal-nav {
overflow: visible;
}
.intro-buttons.dark a:hover {
color: #131920;
}
.ui-autocomplete { position: fixed;
top: 100%;
right: 0;
z-index: 1000;
display: none;
min-width: 160px;
padding: 4px 0;
margin: 2px 0 0 0;
list-style: none;
background-color: #f3f3f3;
max-width: 400px;
}
#autocomplete {
max-width: 400px;
width: 100%;
}
.ui-autocomplete .ui-menu-item>a.ui-corner-all {
display: block;
padding: 3px 15px;
clear: both;
font-weight: normal;
line-height: 18px;
color: #555555;
white-space: nowrap;
}
.ui-autocomplete .ui-menu-item>a.ui-corner-all.ui-state-hover,
.ui-autocomplete .ui-menu-item>a.ui-corner-all.ui-state-active {
color: #ffffff;
text-decoration: none;
background-color: #0088cc;
border-radius: 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
background-image: none;
}
.ajax-search-result {
display: flex;
padding: 5px 10px;
cursor: pointer;
border-bottom: 1px solid #eee;
align-items: center;
min-height: 60px;
}
.ajax-search-result:hover {
background-color: #fcfdf4;
}
.ajax-search-result h5 {
height: auto;
padding-left: 0; font-size: 16px;
line-height: 18px;
margin: 0;
padding: 0;
}
.ajax-search-result h5:before {
display: none;
content: none;
}
.ajax-search-result h5:after {
bottom: -7px;
}
.ajax-search-result img {
max-width: 50px;
height: auto;
margin-right: 10px;
} .acf-map {
width: 100%;
height: 500px;
border: #ccc solid 1px;
margin: 20px 0;
} .acf-map img {
max-width: inherit !important;
}
.acf-map .marker {
display: none;
}
.dealer-info {
width: 100%;
max-width: 480px;
min-width: 380px;
}
.dealer-info .website {
font-size: 16px;
line-height: 22px;
font-weight: bold;
letter-spacing: -0.2px;
color: #232D39;
margin: 0 0 8px;
}
.dealer-products input[type="checkbox"] {
height: 16px;
width: 16px;
}
.dealer-products h5 {
font-size: 18px;
padding-left: 0;
}
.dealer-products h5:before {
display: none;
}
.dealer-products li {
font-size: 16px;
}
.dealer-locator #results .results-wrap {
display: flex;
}
.dealer-locator .dealerTile {
width: 25%;
background-color: #fff;
padding: 24.5px;
margin-right: 10px;
border-top: 1px solid #E5E5E5;
}
.dealer-locator .dealerTile:first-child {
border-top: none;
}
.dealer-locator .dealerTile:hover {
background-color: #F6F6F6;
}
.dealer-locator .dealerTile {
position: relative;
}
.dealer-popup-holder {
position: absolute;
top: 10px;
left: 0;
right: 0;
background-color: #fff;
width: 100%;
height: 100%;
max-width: 440px; 
padding: 24.5px;
margin: 0 auto;
box-shadow: 0 2px 7px 1px rgba(0,0,0,.3);
opacity: 0;
visibility: hidden;
border-radius: 8px;
transition: all 0.3s ease-in-out;
z-index: 99;
}
.dealer-popup-holder.dealer-model-show {
opacity: 1;
visibility: visible;
}
.mdi.mdi-close {
font-size: 20px;
position: absolute;
right: 8px;
top: 5px;
cursor: pointer;
}
.media_post {
padding: 40px 0;
}
.tile>.tile-pic,
.thumbnail.tile-pic {
display: grid;
background-position: center;
background-size: contain;
position: relative;
max-height: 188px;
width: 100%;
}
.tile>.tile-pic.placeholder {
background-size: contain;
}
.tile>a.tile-pic:before { }
#filter_tiles.media_filtering .option-labels {
padding-top: 30px;
}
#filter_tiles.media_filtering .option-labels label {
border: 3px solid #c7d92d;
box-sizing: border-box;
border-radius: 6px;
font-weight: 500;
line-height: 16px;
text-align: center;
color: #222222;
}
#filter_tiles.media_filtering .option-labels label.active {
background: #c7d92d;
border-radius: 6px;
}
.footer .hs-form label span {
color: #fff !important;
}
.footer .hs-form label span.hs-form-required {
color: red !important;
}
a>svg {
pointer-events: none;
}
.product-gallery-thumbnail {
margin: 5px;
display: inline-block;
overflow: hidden;
width: 30%;
}
.product-locator .inner {
padding-top: 30px;
padding-bottom: 30px;
}
.inner {
padding: 40px 40px 40px;
}
@media screen and (max-width: 600px) {
.product-list .col .image {
height: auto;
}
.home-product .grid .tile-copy div.title-button {
flex-direction: column;
}
.categories-wrap .alternating>.inner { }
.bg-grey .slick-dots li button {
background-color: #fcfdf4;
border: solid 3px #fcfdf4;
}
.logo-slider .slick-dots {
bottom: 7px;
left: 0;
}
.logo-slider .slick-dots .slick-active button {
background-color: #c7d92d;
border: solid 3px #c7d92d;
}
.content-slider .slick-dots {
bottom: 10px;
}
.content-slider.dark .slick-dots {
bottom: 10px;
}
.intro-product .inner .col-img {
min-height: 200px;
}
.intro-product .grid {
padding: 0;
position: relative;
}
.alternating .grid.column-2 .col.col-img { }
}
@media screen and (max-width: 1024px) {
.tiles .slick-prev,
.tiles .slick-next {
display: block
}
.tiles .slick-next {
right: -44px;
}
.tiles .slick-prev {
left: -44px;
}
}
.grecaptcha-badge {
visibility: hidden;
}
.variant.active a.button {
color: #fcfdf4;
margin: 0;
}
.single-product .tiles.layer_tiles {
background: #c7d92d;
color: #000;
}
.single-product .tiles.layer_tiles .inner {
margin-bottom: 0;
}
.single-product .tiles.layer_tiles .inner .grid .tile.shadow {
background: #fcfdf4;
border-radius: 6px;
}
.single-product .tiles.layer_tiles .inner .grid.product-list:before {
content: none;
}
.single-product .tiles.layer_tiles .inner .grid.product-list:after {
content: none;
}
.single-product .tiles.layer_tiles.mobile-slide {
background: #232d39;
color: #c7d92d;
font-size: 12px;
}
.single-product .tiles.layer_tiles.mobile-slide .inner .grid .tile.shadow {
background: transparent;
border-radius: 0;
}
.single-product .layer_tiles .tile-copy p {
background: transparent;
color: #fcfdf4;
}
.tti-page-cart {
background: #f1f1f1;
background: #ecf1f6;
padding: 30px;
margin-top: 30px;
border-radius: 10px;
}
.bg-even { }
.woocommerce-order-overview {
padding: 30px;
border-radius: 6px;
background: #e1e1e1;
}
section ul li {
font-size: 18px;
padding: 4px 0;
}
.comments-wrapper .comments-area {
padding: 40px 40px 0;
margin-top: 60px;
background: #f8f8f8;
}
.comments-wrapper .comments-area ul {
list-style: none;
}
.comments-wrapper .comments-area .comment-reply-title {
font-size: 16px;
}
.comments-wrapper .comments-area .comment-reply-title small {
float: right;
}
.comments-wrapper .comments-area .comment-respond {
padding: 20px 0;
}
.comments-wrapper .comments-area .commentmetadata {
font-size: 13px;
margin-bottom: 10px;
}
.comments-wrapper .comments-area .children {
border-left: solid 1px #ccc;
}
.comments-wrapper .comments-area .comment-author.vcard img {
display: none;
}
.comments-wrapper .comments-area .comment-author.vcard {
font-size: 14px;
}
.comments-wrapper .comments-area .comment-list {
list-style: none;
padding-left: 0;
}
.comments-wrapper .comments-area .comment-body {
padding-bottom: 15px;
}
.comments-wrapper .comments-area .comment-body p {
padding: 10px;
border-radius: 3px;
background-color: #fcfdf4;
margin-top: 0;
font-weight: 400;
}
.comments-wrapper .comments-area .logged-in-as {
margin: 0;
}
.comments-wrapper .comments-area .logged-in-as a {
font-size: 14px;
margin: 0;
}
.comments-wrapper .comments-area .comment-form-comment .comment-form-comment {
margin-top: 12px;
}
.comments-wrapper .comments-area .fn {
font-style: normal;
font-weight: 500;
}
.comments-wrapper .comments-area .comment-reply-link {
background: transparent;
font-weight: 500;
}
.search-results article:nth-child(odd) {
background: #e1e1e1;
}
.search-results .post-thumbnail {
margin-right: 20px;
}
.search-results .search-copy p {
padding-bottom: 20px;
}
.search-results .search-copy .button {
padding: 5px 10px;
font-size: 14px;
}
.about_paypal {
clear: both;
float: none;
}
.payment_method_paypal img {
display: block
}
.single-product .tiles.layer_tiles.product-extras {
background: #fcfdf4;
background: #fcfdf4;
} .font-size-18 {
font-size: 18px !important;
}
.font-size-24 {
font-size: 24px !important;
}
.font-weight-700 {
font-weight: 700 !important;
}
.margin-20-b {
margin-bottom: 20px !important;
}  .mb {
color: #232d39 !important;
}
.sg {
color: #c7d92d !important;
}
.rd {
color: #ec0000 !important;
}
.wt {
color: #ffffff !important;
}
.single-column {
background-color: whitesmoke;
} .header {
display: flex;
flex-direction: row;
height: 120px;
align-items: center;
max-width: 1689px;
margin: 0 auto;
background-color: #c7d92d !important;
}
.wrap {
position: relative;
z-index: 2;
margin-top: 143px;
}
.portal-nav {
display: block;
overflow: hidden;
background: #232d39 !important;
padding: 0px 60px;
}
.header-inner nav a {
font-size: 14px;
line-height: 19px;
color: #c7d92d;
}
#header a.main-logo {
transition: all 0.3s ease;
background-image: url(//www.tti.com.au/wp-content/themes/tti/img/Logo-ols.svg) !important;
background-size: 100%;
background-repeat: no-repeat;
position: relative;
z-index: 3;
}
.wpc-header .cart {
color: #c7d92d;
} .part {
background-color: fcfdf4;
}
.part>.inner {
padding: 70px 0 70px;
background-color: fcfdf4;
}
.layer .bg-white .layer-yotpo {
background-color: fcfdf4;
} .footer {
background-color: #c7d92d !important;
margin-top: auto;
}
.fx-logo-footer {
width: 100%;
max-width: 281px;
max-height: 85px;
}
footer .logo-wrap {
width: 100%;
padding: 0px 0 40px;
}
footer .type-newsletter .contact-number {
color: #232d39;
font-weight: bolder;
}
.footer-meta {
FONT-VARIANT: none !important;
font-size: 15px;
padding-top: 18px !important;
padding: 1px 0px !important;
background-color: #232d39 !important;
}
.footer_meta_text {
font-size: 16px;
color: #c7d92d !important;
}
.tos {
font-size: Large;
color: #c7d92d !important;
}
.col .type-links .footer a {
color: #232d39 !important;
}
footer a {
color: #232d39 !important;
}
.footer-li-text {
color: #232d39 !important;
line-height: 1.4em;
}
.col .type-links .mb h4 {
color: #232d39;
}
#menu-mega-menu>li>a {
text-transform: uppercase;
padding: 15px 35px 0px 35px;
padding: 21px 21px;
height: 60px;
display: block;
margin-top: 25px;
margin-right: -0.4em;
position: relative;
top: 20px;
font-weight: 500;
color: #232d39;
font-size: 16px;
letter-spacing: 1px;
}
#menu-mega-menu>li>.sub-menu {
background-color: #232d39;
width: 100%;
position: absolute;
left: 0;
padding: 0 7%;
display: flex;
text-align: center;
top: 168px;
justify-content: center;
padding-top: 15px;
box-shadow: 2px 5px 10px #1c2229;
display: block ruby !important;
}
.col-inner h2 {
color: #c7d92d;
}
.content-slider-wrap h2 {
color: #c7d92d;
}
.green .inner h3::after {
content: '';
height: 6px;
width: 77px;
position: relative;
bottom: 0;
display: block;
background: #c7d92d;
background: #232d39 !important;
margin-top: 7px;
margin-bottom: 30px;
}
.product-spec h3 {
color: #c7d92d;
font-size: 48px;
}
.product-info-tabs .h5 {
padding-bottom: 20px;
}
.product-info-tabs .font-size-24 {
font-size: 40px !important;
}
.section-head .h5 {
font-size: x-large;
color: #c7d92d;
font-weight: bold;
}
.hide {
display: none;
}
.layer .content-slider .dark {
background-color: #232d39 !important;
}
.sub-menu>li:hover i {
border-color: #c7d92d transparent transparent transparent;
}
.sub-menu>li>a>i {
width: 0;
height: 0;
border-style: solid;
border-width: 5px 4px 0 4px;
border-width: 20px 20px 0 20px;
border-color: #232d39 transparent transparent transparent;
display: inline-block;
position: relative;
top: -2px;
margin-left: 4px;
}
*,
*:after,
*:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.layer-alternating.dark {
background-color: #232d39 !important;
}
.alternating.dark .col-inner h2 {
color: #c7d92d !important;
text-shadow: 4px 4px 2px #232d39;
}
.alternating .col-inner h2::after {
color: #c7d92d !important;
text-shadow: 4px 4px 2px #232d39;
}
.alternating.dark .col-inner p {
color: #232d39 !important;
color: #fcfdf4 !important;
}
.categories-wrap .product-list .col .tile-copy {
text-align: left!important;
}
.tabs .tabs-head ul {
text-align: center !important;
color: #c7d92d !important;
}
.tabs .tabs-head ul li.active,
.tabs .tabs-head ul li:hover,
.tabs .tabs-head ul li:hover a,
.tabs .tabs-head ul a:hover,
.categories-wrap .tabs .tabs-head ul li:first-child,
.categories-wrap .tabs .tabs-head ul li:first-child a {
border-bottom-color: #c7d92d;
background: #232d37;
color: #c7d92d;
text-align: center !important;
}
.dark h5 {
color: #fcfdf4;
color: #c7d92d !important;
}
.handbook .tile-copy h4 {
font-size: x-large !important;
margin-bottom: 0px;
}
.handbook .button-group {
margin-bottom: 0;
position: relative;
top: -7px;
}
.handbook .tag-group {
display: none;
visibility: none
}
.filtered-group .tile-copy h4 {
font-size: x-large !important;
margin-bottom: 0px;
}
.blog .tile-copy h4 {
font-size: x-large !important;
margin-bottom: 0px;
}
.blog .tile-copy p {
text-align: left;
}
.filtered-group .tile-copy .tag-group {
display: none;
visibility: none;
}
.breadcrumbs li a {
color: #232D39 !important;
opacity: 0.4;
}
.page-id-39611 .galleryslider {
background-color: #c7d92d;
padding-top: 20px;
padding-bottom: 20px;
}
.page-id-39611 .galleryslider h3::after,
.page-id-39611 .galleryslider h2::after {
background: #232d39;
}
.page-id-39611 .section-head {
display: none;
}
.page-id-39611 .column-2 #col-1 h3 {
display: none;
}
.page-id-39611 .content-columns .grid.column-2 {
align-items: initial;
}
html .page-id-39611 .hs-form-field label {
color: white !important;
}
.page-id-39611 #layer_0.single-column {
background: #232d39;
}
.page-id-39611 #layer_3.single-column {
background: #232d39;
}
.page-id-39611 #layer_0.section-head {
color: white;
}
.page-id-39611 .grid #layer_0.col column h3 {
color: white !important;
}
.page-id-39611 .intro-copy h1 {
text-shadow: 4px 4px #232d39;
}
.page-id-39611 .hs_firstname {
color: white !important;
}
.col .column h3 {}
.pad10 {
padding: 10px;
}
.pad15 {
padding: 15px;
}
.pad20 {
padding: 20px;
} .tax-product_cat .stripes .col-inner h5 {
text-indent: -10000px;
height: 1px;
}
.tax-product_cat .stripes .col-inner h5:after {
display: none;
}
.tax-product_cat .alternating .col-inner p {
color: #232d39 !important;
}
.tax-product_cat .alternating .col-inner h2 {
color: #232d39 !important;
text-shadow: 0 0 0 #c7d92d;
}
.product-list .col .image {
height: auto;
}
.col.tile.product,
.product-list .col.tile .image {
position: relative;
}  .term-538 .intro-product .inner .col-img {
min-height: 262px;
}
.term-538 .intro-product .inner {
padding: 30px 0;
}
.term-538 .product-cat-intro img {
height: 260px;
object-fit: cover;
} .ttiw-warranty-form {
padding: 40px 20px 20px;
margin: 26px 0 0;
background-color: #ecf1f6;
border-radius: 6px;
}
.ttiw-warranty-form .hs-form-iframe {
margin: 0 auto !important;
width: 90% !important;
} .page-id-16324.woocommerce-edit-account .woocommerce-EditAccountForm fieldset {
display: none;
} .product-extras .grid.column-4 .col.tile {
position: relative;
margin-bottom: 20px;
margin-right: 10px;
}
.product-extras .grid.column-4 .col.tile a {
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
background: none;
border-width: 1px;
}
.product-extras .tile.active a span {
content: "-";
color: #232d37;
background-color: #c7d92d;
}
.product-extras .tile a span {
position: absolute;
content: "+";
width: 32px;
height: 32px;
color: white;
background-color: #232d37;
border-radius: 50%;
text-align: center;
vertical-align: middle;
display: table-cell;
padding: 3px;
font-weight: bold;
font-size: 26px;
line-height: 0.9;
left: calc(50% - 14px);
top: -16px;
right: 50%;
}
.configurator .accessories .col .image {
padding: 20px;
}
.configurator .accessories {
justify-content: flex-start;
}
.configurator .accessories .variant-wrap {
margin: 0;
height: 100%;
display: flex;
flex-direction: column;
}
@media screen and (max-width: 600px) {
.product-extras .grid.column-4 .col.tile {
width: calc(50% - 10px);
}
}  .page-id-17179 .mfp-image-holder .mfp-close,
.page-id-17179 .mfp-iframe-holder .mfp-close,
.page-id-40319 .mfp-image-holder .mfp-close,
.page-id-40319 .mfp-iframe-holder .mfp-close {
width: 46px;
text-align: center;
padding-right: 0;
}  .mobile-show {
display: none;
}
@media screen and (max-width: 600px) {
.mobile-show {
display: block;
}
.intro-copy p {
font-size: 18px;
}
.intro-product .inner .col-text {
padding: 0px 20px;
}
.intro-product .inner .col-text {
margin: 40px 0px;
}
.intro-product .button-group {
border-bottom: none;
padding-bottom: 0;
}
.intro-product.dark a.button,
.intro-product.dark input[type="submit"],
.intro-product.dark button {
font-size: 14px;
padding: 9px 16px 12px;
}
.intro-product a[href^="tel:"].product-enquiry-call {
padding: 12px 2px 12px 28px;
min-width: 176px;
}
.intro-product.dark a.button.button.watch-button {
min-height: 50px;
}
.intro-product.dark a.button.button.product-enquiry-btn {
padding: 12px 16px 12px;
}
.intro-product .button-group a,
.intro-product .button-group button {
margin: 0 6px 10px 0px;
}
.intro-product .intro-copy .button-group .button:last-child {
margin-top: 0px !important;
}
.wistia_click_to_play::after {
height: 20px;
width: 20px;
}
.tabs-head { }
.tabs .tabs-body>div {
display: block;
max-height: initial;
padding: 0;
}
.tabs .tabs-body ul {
margin: 0;
padding: 0 0 0 20px;
}
.tabs .tabs-body table {
width: 100% !important;
}
.tabs .tabs-body .tabs-body-title:first-child {
display: none;
}
section.part .product-spec h3 {
font-size: 1.6em;
color: #222;
margin-bottom: 0.2em;
}
.tabs h3::after {
margin-bottom: 10px;
}
.configurator .tab-body iframe {
min-height: 176px;
}
.variants .mobile-add-button {
display: none;
}
.variants h3 { }
.variants.green .inner h3::after {
margin-bottom: 10px;
}
.variants .variant-wrap {
margin-bottom: 10px;
}
.product-resources-body p {
text-align: center;
}
.product-resources-body a,
.product-resources-body a:active,
.product-resources-body a:visited,
.product-resources-body a:link,
.product-resources-body a:hover {
color: #c7d92d;
background: #232d37;
border-color: #232d37;
display: block;
padding: 6px;
text-align: center;
border-radius: 6px;
}
.layer-yotpo {
display: none;
}
.tti-page-cart {
padding: 16px;
}
.layer-intro_product_video a.popup-video img {
width: auto;
height: auto;
}
.product-extras .section-head {
padding-bottom: 0;
}
.product-extras .tiles .inner {
margin: 10px auto;
padding: 10px;
}
.product-gallery-body ul.gallery {
padding: 0;
}
.product-gallery-body ul.gallery li {
padding: 0;
}
.product-gallery-body ul.gallery img {
width: 90%;
}
.product-gallery-body ul.gallery a {
border: 1px solid #222;
border-radius: 6px;
margin: 0;
text-align: center;
}
.slick-prev,
.slick-next {
background-color: #c7d92d;
}
.slick-prev:hover,
.slick-next:hover {
background-color: #c7d92d;
}
.product-gallery-body ul.gallery a:hover {
border: 1px solid #c7d92d;
border-radius: 6px;
}
.product-gallery a.slick-slide,
.product-gallery a.slick-slide img {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transition: -webkit-transform .25s ease-out;
transition: transform .25s ease-out;
transition: transform .25s ease-out, -webkit-transform .25s ease-out;
width: 256px;
}
.product-gallery a.slick-active,
.product-gallery a.slick-active img {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
.configurator .accessories .col .image {
min-height: 120px;
padding: 20px 6px 0;
}
.single-product .tiles.layer_tiles .inner {
margin-top: 10px;
}
.mfp-wrap .mfp-arrow-right:after,
.mfp-wrap .mfp-arrow-left:after {
top: 0;
bottom: 0;
background-color: #c7d92d;
background-size: initial;
padding: 16px;
width: 46px;
height: 46px;
font-size: 20px;
border-radius: 6px;
}
.mfp-close-btn-in .mfp-close {
color: #fff;
font-size: 2.5em;
}
.mfp-counter {
font-size: 1em;
}
}
@media screen and (max-width: 320px) {
.intro-product.dark a.button,
.intro-product.dark input[type="submit"],
.intro-product.dark button {
padding: 9px 6px 12px;
}
.intro-product a[href^="tel:"].product-enquiry-call {
padding: 12px 2px 12px 28px;
}
#header a.main-logo {
height: 66px;
}
.product-gallery a.slick-slide,
.product-gallery a.slick-slide img {
width: 206px;
}
}   .wpc-header.contact {
display: none;
}
.menu-image-title-hide .menu-image-title,
.menu-image-title-hide.menu-image-title {
display: inline-block;
}
.menu-image-title {
font-size: 16px;
}
.menu-image-title-before.menu-image-not-hovered img,
.menu-image-hovered.menu-image-title-before .menu-image-hover-wrapper,
.menu-image-title-after.menu-image-title {
padding-left: 0;
}
.header-inner nav a.ttiw-cart {
padding-left: 6px;
padding-right: 6px;
display: block;
}
#header .wpc-header i[class*="mdi"] {
margin-right: 0px;
}
@media screen and (max-width: 1200px) {
.header {
height: 76px;
}
.portal-nav {
padding: 0px 0% !important;
}
.wpc-header {
font-size: 14px;
height: 32px;
padding: 5px 12px;
}
.wpc-header.phonenumber {
border: 1px solid #c7d92d;
border-radius: 4px;
}
.wpc-header.contact {
display: block;
font-weight: bold;
border: 1px solid #c7d92d;
border-radius: 4px;
margin-right: 6px;
}
#header .mobile-hotline {
display: none;
}
#header a.main-logo {
background-size: contain;
height: 76px;
width: 186px;
}
}
@media screen and (max-width: 1200px) {
.mdi-magnify:before {
top: 0;
}
.header-phone {
top: -4px;
}
.mobile-nav .menu-item-has-children>a:after {
font-size: 21px;
}
.mdi-menu {
font-size: 45px !important;
position: relative;
top: -4px;
}
}  .term-parts-and-accessories .ttiw-upgrades-tab,
.term-parts-and-accessories .ttiw-upgrades-title,
.term-parts-and-accessories .ttiw-upgrades-section {
display: none;
}
.tile>.tile-pic {
background-size: cover !important;
}
.grid .tile .tile-copy {
font-size: 1.2rem;
}
.grid .tile .tile-copy .h4 {
font-size: 1.6em;
line-height: 1.22em;
font-weight: 800;
}
.ttiw-tile-content {
color: #fff;
}
.categories-wrap .ttiw-product-parts .product-list .col .tile-copy {
padding-right: 0;
min-height: inherit;
}
.categories-wrap .ttiw-product-parts .product-list small {
font-size: 100%;
}
.categories-wrap .ttiw-product-parts .product-list .col .image img { } .tax-product_cat .alternating .col-inner p {
color: #232d39 !important;
} .ttiw-filter-testimonials.media_filtering .col.tile {
display: none;
}
.ttiw-filter-testimonials.media_filtering .post_tag_weed-spraying-equipment {
display: block !important
}
.ttiw-filter-testimonials.media_filtering .tile>.tile-pic {
background-size: cover;
}
.ttiw-filter-testimonials.media_filtering .tile-copy h4 {
font-size: x-large !important;
}
.ttiw-filter-testimonials.media_filtering .tag-group {
display: none;
}  .home-hero-slide.bg-vid-parent {
height: auto;
}
.home-hero-slide.bg-vid-parent .bg-video {
position: relative !important;
top: 0 !important;
width: 100% !important;
height: auto !important;
}
.product-list .col .image img {
height: 116px;
width: auto;
}
.product-list .slide-wrap {
padding: 20px;
text-align: left;
position: relative;
z-index: 1;
} .page-id-40218 .background-image:before {
background-color: transparent;
}
.page-id-40218 .bg-vid-parent {
height: auto;
}
.page-id-40218 .bg-video {
display: block;
}
.page-id-40218 .bg-video {
position: relative !important;
top: 0 !important;
width: 100% !important;
height: auto !important;
}
.page-id-40218 .bg-vid-parent .inner {
display: none;
}
.page-id-40218 .product-list .col .tile-copy .product-price {
display: none;
}
.page-id-40218 .product-list .col .image img {
mix-blend-mode: normal;
} .page-id-40218 .content-slider .col-text {
padding-right: 2%;
}
.page-id-40218 .content-slider-wrap h2 {
font-size: 2.625em;
}
.page-id-40218 .content-slider>.inner {
padding: 36px 0;
} .page-id-40218 .content-slider .col-media {
display: flex;
display: inline-block !important;
}
.page-id-40218 .content-slider .col-media img {
min-height: 326px;
object-fit: cover;
} .page-id-40218 .content-columns.light-gray {
background: #232d39 !important;
padding-bottom: 36px;
}
.page-id-40218 .content-columns>.inner {
padding: 0 !important;
max-width: 1412px;
}
.page-id-40218 .content-columns .section-head {
border-top: 3px solid #c7d92d;
padding-top: 50px;
}
.page-id-40218 .content-columns .button-group {
display: none;
}
.page-id-40218 .content-columns h3:after,
.page-id-40218 .cta h3:after {
display: none;
}
.page-id-40218 .section-head {
margin-bottom: 20px;
}
.page-id-40218 .content-columns h2 {
color: #c7d92d;
font-size: 2.625em;
}
.page-id-40218 .content-columns h3 {
color: #fff;
margin-bottom: 24px;
font-weight: normal;
font-size: 1.46em;
}
.page-id-40218 .content-columns ul {
padding: 0;
}
.page-id-40218 .content-columns li {
font-weight: 600;
color: #c7d92d;
font-size: 1.46em;
padding: 0px !important;
margin-left: 0 !important;
height: 46px;
line-height: 0.9;
list-style: none;
}
.page-id-40218 .content-columns h2:after {
background: #c7d92d;
}
.page-id-40218 .tti-icon-tick {
display: inline-block;
background: #c8d92d;
color: #242d39;
padding: 4px;
border-radius: 50%;
font-size: 14px;
width: 22px;
height: 22px;
font-weight: bold;
margin-right: 6px;
}
.page-id-40218 .tti-icon-tick:before {
content: "";
} .page-id-40218 .galleryslider>.inner {
display: none;
}
.page-id-40218 .gallery-slider {
background: #c7d92d;
padding-bottom: 30px;
}
.page-id-40218 .gallery-slider#layer_6 {
background: #232d39;
padding-bottom: 30px;
} .page-id-40218 .cta>.inner {
max-width: 708px;
}
.page-id-40218 .cta .section-head h2 {
font-size: 2.625em;
} .page-id-40218 .layer_tiles {
background: #232d39 !important;
}
.page-id-40218 .layer_tiles .section-head h2 {
color: #c7d92d;
font-size: 2.625em;
}
.page-id-40218 .layer_tiles#layer_3 .grid .tile.shadow,
.page-id-40218 .layer_tiles#layer_7 .grid .tile.shadow {
background: #232d39 !important;
}
.page-id-40218 .layer_tiles#layer_3 .grid .tile.shadow a,
.page-id-40218 .layer_tiles#layer_7 .grid .tile.shadow a {
color: #c7d92d !important;
}
.page-id-40218 #layer_3.layer_tiles,
.page-id-40218 #layer_7.layer_tiles {
background: #c7d92d !important;
}
.page-id-40218 #layer_3.layer_tiles .section-head h2,
.page-id-40218 #layer_7.layer_tiles .section-head h2 {
color: #232d39;
}
.page-id-40218 #layer_3.layer_tiles .section-head h2:after,
.page-id-40218 #layer_7.layer_tiles .section-head h2:after {
background: #232d39;
}
.page-id-40218 .layer_tiles .slide-wrap {
padding: 6px;
border-radius: 6px;
height: 100%;
}
.page-id-40218 .grid .tile .tile-copy {
text-align: center;
padding: 0px;
}
.page-id-40218 .tiles .inner {
margin: 0 auto;
}
.page-id-40218 .product-list:before,
.page-id-40218 .product-list:after {
display: none;
}
.page-id-40218 .layer_tiles .section-head h5,
.page-id-40218 .cta .section-head h5 {
display: none !important;
}
.page-id-40218 .tiles.home-product .tile>a {
background: #131920ab !important;
position: relative;
}
.page-id-40218 .tiles.home-product .tile>a img {
display: block;
max-height: 275px;
object-fit: contain;
margin: 0 auto;
background-color: white;
}
.page-id-40218 .home-product>.inner {
padding: 36px 0;
margin: 0 auto;
}
.page-id-40218 .col-text-inner p {
font-size: 1.36em;
}
.page-id-40218 .home-product {
background: #c7d92d !important;
display: none;
}
.page-id-40218 .home-product .tile h4:after {
position: absolute;
bottom: -10px;
}
.page-id-40218 .slick-slider .slick-list {
margin: 0 25px;
}
.page-id-40218 .slick-prev,
.page-id-40218 .slick-next {
-webkit-box-shadow: 0px 0px 2px 1px rgba(36, 45, 57, 0.56);
-moz-box-shadow: 0px 0px 2px 1px rgba(36, 45, 57, 0.56);
box-shadow: 0px 0px 2px 1px rgba(36, 45, 57, 0.56);
}
@media screen and (max-width: 600px) {
.page-id-40218 .content-slider .col-media {
display: none;
}
.page-id-40218 .content-slider>.inner {
padding: 0px 7% !important;
}
.page-id-40218 .tiles .inner,
.page-id-40218 .content-columns>.inner,
.page-id-40218 .cta>.inner {
padding: 16px 7% !important;
}
.page-id-40218 .section-head {
margin-bottom: 6px;
}
.page-id-40218 .content-columns .grid.column-2 .col {
width: 50%;
}
.page-id-40218 .content-columns p {
font-size: 14px;
}
.page-id-40218 .tti-icon-tick {
padding: 3px;
font-size: 14px;
width: 20px;
height: 20px;
}
.page-id-40218 .content-columns .grid.column-2 .col:nth-child(even) {
padding-left: 0 !important;
}
.page-id-40218 .layer_tiles {
margin-top: 10px;
}
.page-id-40218 .layer_tiles .section-head h2,
.page-id-40218 .content-slider-wrap h2,
.section-head h2 {
font-size: 1.625em;
}
.page-id-40218 .content-slider .col-media img {
min-height: 186px;
object-fit: cover;
}
}
@media screen and (max-width: 800px) {
.page-id-40218 .content-columns .grid.column-2 .col {
width: 100% !important;
margin-bottom: 0 !important;
padding-left: 0 !important;
}
.page-id-40218 .content-columns ul {
padding: 0;
margin: 10px 0 30px;
}
.page-id-40218 .content-columns li {
height: auto;
line-height: 1.2;
}
.page-id-40218 .content-columns .section-head {
border-top: 3px solid #c7d92d;
padding-top: 20px;
}
}
@media screen and (max-width: 1024px) {
.tiles .slick-prev {
left: -14px;
}
.tiles .slick-next {
right: -14px;
}
}
@media screen and (max-width: 1500px) {
.page-id-40218 .content-columns>.inner {
padding: 0 7% 50px !important;
}
}  body.noStickyFooter {
padding-bottom: 0 !important;
}
.stickyFooter {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
background: #c7d92d;
text-align: center;
z-index: 99;
border-top: solid 1px rgba(0, 0, 0, 0.12);
display: none;
}
.stickyFooter .stickyfooterContent {
display: flex;
flex-flow: row wrap;
justify-content: space-around;
padding: 5px 15px;
align-items: center;
}
.stickyFooter .stickyfooterContent .txtSection {
padding: 15px 0;
max-width: 1040px;
text-align: left;
}
.stickyFooter .stickyfooterContent .txtSection span {
color: #000;
display: block;
line-height: 26px;
font-weight: 600;
font-size: 16px;
text-align: center;
}
.stickyFooter .closeBtn {
position: absolute;
top: -35px;
right: 20px;
}
.stickyFooter .closeBtn a {
display: flex;
height: 35px;
width: 35px;
background: #c7d92d;
color: #000;
align-items: center;
justify-content: center;
text-align: center;
border: solid 1px rgba(0, 0, 0, 0.12);
border-bottom: none;
}
@media(min-width: 992px) {
.stickyFooter .stickyfooterContent .txtSection span {
font-size: 18px;
text-align: left
}
}
.stickyFooter .stickyfooterContent .btnSection a {
background-color: none;
border: solid 2px #000;
color: #000;
border-radius: 4px;
padding: 8px 2rem;
font-weight: bold;
display: inline-block;
font-size: 16px;
}  @media screen and (max-width: 560px) {
.mobile-hotline {
font-weight: bold;
color: #fcfdf4 !important;
text-decoration: none !important;
}
.mobile-only {
display: block;
visibility: visible;
}
.desktop-only {
display: none;
visibility: hidden;
}
.mdi-magnify:before {
position: relative;
top: 0px;
right: 1px;
}
.mdi-menu {
font-size: 45px !important;
position: relative;
top: -5px;
right: -5px;
display: block;
}
}
@media screen and (max-width: 400px) {
#header a.main-logo,
#header a.main-logo.mega-menu-hover {
min-width: 40vw !important;
max-width: 160px;
}
#header .mdi-magnify.tti-search-mobile {
margin: 0 5vw !important;
}
} @media screen and (min-width: 560px) {
.mobile-hotline {
font-weight: bold;
}
.mobile-only {
display: none;
visibility: hidden;
}
.desktop-only {
display: block;
visibility: visible;
}
}
@media screen and (min-width: 960px) {
.dtw40 {
width: 40% !important;
}
.dtw30 {
width: 30% !important;
}
}
@media screen and (max-width: 520px) {}
@media screen and (max-width: 600px) {}
@media screen and (max-width: 650px) {}
@media screen and (max-width: 800px) {}
@media screen and (max-width: 849px) {}
@media screen and (max-width: 1024px) {}
@media screen and (max-width: 1099px) {}
@media screen and (max-width: 1100px) {}
@media screen and (max-width: 1200px) {}
@media screen and (max-width: 1300px) {}
.svg-inline--fa.fa-circle.fa-w-16.nitro.nitro-status.nitro-status-ok {
height: 20% !important;
} .content-slider .slick-list {
position: unset;
height: 100%;
}
.content-slider .slick-slider {
position: unset;
height: 100%;
}
.content-slider .grid {
max-width: 1520px;
margin: 0 auto;
padding: 40px 40px 40px;
height: 100%;
}
.content-slider > .inner {
padding: 117px 40px;
}
.content-slider .slick-dots {
display: none;
}
.slick-track {
position: unset;
height: 100%;
}
.content-slider {
height: 100%;
}
.content-slider .slide {
height: 100%;
}
.content-slider .inner {
width: 100%;
max-width: 100%;
padding: 0;
height: 100%;
}html[lang="en"] {
margin-top: 0 !important;
}
#wpadminbar {
opacity: 0;
transition: opacity 2s;
width: 50vw;
}
#wpadminbar:hover {
transition: opacity 2s;
opacity: 1;
}
.admin-bar #header {
top: 0;
}
html.popup-open,
html.popup-open body {
overflow-x: hidden !important;
}
.header {
max-width: 2040px;
padding: 0px 60px 0px;
min-height: 96px;
height: auto;
position: relative;
z-index: 2;
transition: opacity 0.3s ease-in-out;
}
.header.tti-menu-hide {
opacity: 0;
z-index: -1;
}
.main-logo::before {
content: "";
border: 10px solid #c7d92d;
width: 116px;
height: 116px;
position: absolute;
left: -10px;
top: -10px;
border-radius: 50%;
z-index: -1;
transition: all 0.3s ease;
}
.header-phone p {
font-size: 14px;
line-height: 19px;
color: #C7D92D;
text-transform: uppercase;
font-weight: 600;
margin: 3px 0 0;
}
.header-inner nav .header-phone a {
font-size: 22px;
line-height: 30px;
color: #fff !important;
display: flex;
justify-content: center;
align-items: center;
}
.nav-top-bar .menu {
display: flex;
height: 100%;
}
.header-inner>nav.nav-top-bar>ul>li {
margin-right: 28px;
padding-top: 13px;
}
nav.nav_three.nav-top-bar>ul>li>a {
padding: 0 0 16px;
}
nav.nav_three.nav-top-bar ul li:last-child {
margin-right: 6px;
}
nav.nav_three.nav-top-bar li a>span {
padding: 0px 0 0px 0;
margin-right: 0;
font-size: 14px;
line-height: 19px;
font-weight: 400;
}
.nav_three .menu-item-has-children .sub-menu li a {
margin-bottom: 8px;
display: flex;
}
.nav_three>ul>li.menu-item-has-children:hover>a::after {
border-color: #fff transparent transparent transparent;
}
nav.nav_three.nav-top-bar li:hover>a {
color: #fff;
text-decoration: none;
}
nav.nav_three.nav-top-bar li.current_page_item>a {
color: #fff;
}
#header .mdi.mdi-magnify {
font-size: 14px;
padding: 0 20px;
border-left: 1px solid rgba(229, 229, 229, 0.2);
border-right: 1px solid rgba(229, 229, 229, 0.2);
height: 100%;
display: flex;
justify-content: center;
align-items: center;
margin-right: 20px;
cursor: pointer;
}
#menu-mega-menu-new>li>a>span::after,
#menu-mega-menu-new>li>a::after {
display: block;
position: absolute;
right: 0;
left: 0;
height: 6px;
content: "";
transition: transform .8s ease, background-color .8s ease;
transform: scaleX(0);
transform-origin: 100%;
background-color: #232d39;
bottom: 0;
}
#menu-mega-menu-new.menu-type-center>li>a>span::after {
bottom: 0px;
}
#menu-mega-menu-new>li>a:hover>span::after,
#menu-mega-menu-new>li>a:hover::after {
transform: scaleX(1);
transform-origin: 0;
}
#menu-mega-menu-new .sub-menu {
z-index: 1000;
}
#menu-mega-menu-new {
display: flex;
}
#menu-mega-menu-new>li>a {
white-space: nowrap;
}
.header-inner nav .header-phone a {
white-space: nowrap;
margin-left: 10px;
}
.tti-header-phone span {
padding: 0;
} .header-option-two .header-inner {
justify-content: space-between;
padding-left: 87px;
}
.header-option-two .main-logo::before {
border: none;
}
.header-option-two #header .main-logo {
min-width: 147px !important;
height: 54px !important;
top: 0 !important;
}
.header-option-two .ttiw-nav>.menu>li {
padding-right: 28.5px;
padding-left: 28.5px;
position: relative;
}
.header-option-two .ttiw-nav>.menu>li::before {
display: none;
}
.header-option-two .ttiw-nav>.menu>li:after {
content: '';
height: 64px;
width: 1px;
position: absolute;
background-color: #000;
top: 16px;
right: 0;
opacity: 0.1;
}
.header-option-two .ttiw-nav>.menu>li:last-child:after {
width: 0;
background-color: transparent;
}
.header-option-two .ttiw-nav>.menu>li:first-child {
padding-left: 0;
}
.header-option-two .ttiw-nav>.menu>li:last-child {
padding-right: 0;
}
.header-option-two .ttiw-nav>.menu>li>a {
position: relative;
color: #232D39;
font-size: 16px;
line-height: 22px;
letter-spacing: 0.2px;
font-family: 'Open Sans', sans-serif;
font-weight: 700;
height: 96px;
display: flex;
align-items: center;
}
.header-option-two .ttiw-nav>.menu>li>a:after {
display: block;
position: absolute;
right: 0;
left: 0;
height: 6px;
content: "";
transition: transform .8s ease, background-color .8s ease;
transform: scaleX(0);
transform-origin: 100%;
background-color: #232d39;
bottom: 0;
}
.header-option-two .ttiw-nav>.menu>li>a:hover::after {
-moz-transform: scaleX(1);
-webkit-transform: scaleX(1);
-o-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
transform-origin: 0;
}
.header-option-two .ttiw-nav>.menu>li>a.active::after {
-moz-transform: scaleX(1);
-webkit-transform: scaleX(1);
-o-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
}
.header-option-two .ttiw-nav>.menu>li>a>i {
width: 0;
height: 0;
border-style: solid;
border-width: 4px 3px 0px 3px;
border-color: #232d39 transparent transparent transparent;
display: inline-block;
position: relative;
top: 2px;
margin-left: 6px;
}
.header-option-two .header-inner-right {
display: flex;
align-items: center;
}
.header-option-two .mdi.mdi-magnify {
background-color: #232D39;
height: 48px !important;
width: 48px;
border-radius: 100%;
padding: 0 !important;
margin-right: 32px !important;
}
.header-option-two .header {
padding-right: 0px;
}
.header-option-two .header-phone {
height: 100%;
background-color: #232D39;
flex-direction: column;
align-items: flex-start;
padding: 0 60px 0 32px;
}
.header-option-two .header-phone a,
.cta-text a {
opacity: 1;
transition: 0.3s ease;
}
.header-option-two .header-phone a:hover,
.cta-text a:hover {
opacity: 0.5;
}
.header-option-two .header-phone p {
margin: 0;
font-family: 'Open Sans', sans-serif;
font-weight: 700;
font-size: 12px;
line-height: 17px;
letter-spacing: -0.15px;
}
.header-option-two .header-phone .mb {
color: #FFFFFF !important;
font-family: 'Open Sans', sans-serif;
font-weight: 700;
font-size: 28px;
line-height: 38px;
}
.header-option-two .search-form {
position: absolute;
top: 96px;
box-shadow: none;
}
.header-option-two .header.tti-menu-hide {
opacity: 1;
z-index: 2;
}
.browse-models.browse-models-sticky {
top: 96px;
}
.header-option-two .menu li>.sub-menu {
position: absolute;
width: 20vw;
max-width: 360px;
background-color: #fff;
display: none;
}
.header-option-two .menu li>.sub-menu>li>a {
display: flex;
align-items: center;
font-size: 14px;
line-height: 19px;
color: #232D39;
font-family: 'Open Sans', sans-serif;
font-weight: 700;
box-shadow: inset 0 -1px 0 0 #E5E5E5;
padding: 20px 58px 22px 24px;
position: relative;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.header-option-two .menu li>.sub-menu>li:last-child>a {
box-shadow: none;
}
.header-option-two .menu li>.sub-menu>li>.sub-menu li a::before {
content: '';
position: absolute;
top: 50%;
right: 30px;
border-style: solid;
border-width: 4px 0 4px 6px;
border-color: transparent transparent transparent #232d39;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
opacity: 0;
}
.header-option-two .menu li>.sub-menu>li>.sub-menu li a:hover::before {
opacity: 1;
right: 25px;
}
.header-option-two .menu li>.sub-menu>li>a::after,
.header-option-two #menu-header-menu-two>.menu-item-has-children>.sub-menu>.menu-item-has-children .sub-menu>li:nth-child(2) .menu-image-title-after:after,
.header-option-two .header-inner .ttiw-nav .menu>.menu-item-has-children>.sub-menu>.menu-item-has-children .sub-menu>li:nth-child(2) .menu-image-title-after:after {
content: '';
position: absolute;
top: 50%;
right: 24px;
border-style: solid;
border-width: 4px 0 4px 6px;
border-color: transparent transparent transparent #232d39;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.header-option-two #menu-header-menu-two>.menu-item-has-children>.sub-menu>.menu-item-has-children .sub-menu>li:nth-child(2) .menu-image-title-after:after,
.header-option-two .header-inner .ttiw-nav .menu>.menu-item-has-children>.sub-menu>.menu-item-has-children .sub-menu>li:nth-child(2) .menu-image-title-after:after {
right: 32px;
display: none;
}
.header-option-two #menu-header-menu-two>.menu-item-has-children>.sub-menu>.menu-item-has-children .sub-menu>li:nth-child(2) a:hover .menu-image-title-after:after,
.header-option-two .header-inner .ttiw-nav .menu>.menu-item-has-children>.sub-menu>.menu-item-has-children .sub-menu>li:nth-child(2) a:hover .menu-image-title-after:after {
right: 24px;
}
.header-option-two .menu li>.sub-menu>li>a:hover:after,
.header-option-two .menu li>.sub-menu>li>a.active-sub:after {
right: 12px;
border-color: transparent transparent transparent #ffffff;
}
.header-option-two .menu li>.sub-menu>li>a.active-sub:after {
right: 24px;
}
.header-option-two .menu li>.sub-menu>li>a:hover,
.header-option-two .menu li>.sub-menu>li>a.active-sub {
background-color: #232d39;
color: #C7D92D;
}
.header-option-two .grey-panel {
position: static;
margin-bottom: 20px;
grid-column: 1 / span 2;
max-width: 840px;
min-height: 60px;
}
.header-option-two .menu li>.sub-menu li .sub-menu {
grid-template-rows: repeat(6, 1fr);
grid-auto-flow: column;
display: grid;
}
.header-option-two #menu-header-menu-two>.menu-item-has-children>.sub-menu>.menu-item-has-children .sub-menu,
.header-option-two .header-inner .ttiw-nav .menu>.menu-item-has-children>.sub-menu>.menu-item-has-children .sub-menu {
position: absolute;
left: 100%;
top: 0;
width: auto;
min-width: 420px;
max-width: 840px;
height: 100%;
padding-bottom: 15px;
}
.header-option-two #menu-header-menu-two>.menu-item-has-children>.sub-menu>.menu-item-has-children .sub-menu li a:after,
.header-option-two .header-inner .ttiw-nav .menu>.menu-item-has-children>.sub-menu>.menu-item-has-children .sub-menu li a:after {
display: none;
}
.header-option-two .grey-panel .category--panel a.category--title,
.header-option-two .header-inner nav a.category--link {
font-size: 18px;
line-height: 24px;
color: #232D39;
font-weight: 700;
font-family: 'Open Sans', sans-serif;
}
.header-option-two .grey-panel .category--panel {
padding: 0 34px 0 24px;
}
.header-option-two .header-inner nav a.category--link {
font-size: 14px;
line-height: 19px;
}
.header-option-two .menu-item-has-children .sub-menu .menu-image-title-after img {
width: 80px;
height: 53px;
object-fit: contain;
padding-right: 0;
}
.header-option-two .menu-item-has-children .sub-menu .menu-image-title {
font-size: 14px;
line-height: 19px;
margin-left: 15px;
margin-right: 20px;
width: 20vw;
display: inline-block;
position: relative;
}
.header-option-two .menu-item-has-children .sub-menu .menu-image-title-after:hover .menu-image {
transform: translateY(0);
}
.header-option-two .menu li>.sub-menu>li>.sub-menu li a {
margin: 0 0 20px 24px;
padding: 0 20px 0px 0px;
box-shadow: none;
max-width: 364px;
}
.header-option-two .menu li>.sub-menu>li>.sub-menu li a:hover {
background-color: transparent;
color: #232D39;
}
.header-option-two .menu li>.sub-menu>li>.sub-menu li a:hover:after {
border-color: transparent transparent transparent #232D39;
}
.product-details .price-summry {
margin-top: 32px;
}
.product-details .price-summry p {
font-size: 12px;
line-height: 12px;
color: #232D39;
font-weight: bold;
text-transform: uppercase;
opacity: 40%;
margin-bottom: 5px;
}
.product-details .price-summry p:last-child {
margin-bottom: 0;
}
@media screen and (max-width: 1590px) and (min-width: 1200px) {
.header-option-two #header .main-logo {
min-width: 147px !important;
height: 54px !important;
}
.header-option-two .ttiw-nav>.menu>li {
padding-right: 14px;
padding-left: 14px;
}
.header-option-two .ttiw-nav>.menu>li>a {
font-size: 14px;
line-height: 19px;
}
.header-option-two .mdi.mdi-magnify {
height: 36px !important;
width: 36px;
margin-right: 15px !important;
}
.header-option-two .header-phone {
padding: 0 35px 0 20px;
}
.header-option-two .header-phone .mb {
font-size: 22px;
line-height: 26px;
}
.header-option-two .header-inner {
padding-left: 40px;
}
}
@media screen and (min-width: 1591px) {
.header-option-two .ttiw-nav>.menu>li>a>i {
border-width: 5px 4px 0 4px;
top: 1px;
}
}
@media screen and (max-width: 1500px) {
#menu-mega-menu-new>li>a>i {
display: none !important;
}
}
#menu-mega-menu-new.menu-type-center>li {
height: 96px;
overflow: hidden;
}
#menu-mega-menu-new>li>a>span.menu-image-title-after.menu-image-title,
#menu-mega-menu-new>li>a {
font-size: 14px;
line-height: 19px;
font-weight: 600;
text-transform: uppercase;
color: #232d39;
padding: 0px 0 0px 0px;
height: 96px;
display: flex;
justify-content: center;
align-items: center;
margin-top: 0;
margin-right: 2vw;
position: relative;
}
#menu-mega-menu-new.menu-type-center>li>a>span.menu-image-title-after.menu-image-title {
margin-top: -27px;
height: 123px;
}
#menu-mega-menu-new>li:last-child a {
margin-right: 0;
}
#menu-mega-menu-new>li:last-child a>span.menu-image-title-after.menu-image-title {
margin-right: 0;
}
#menu-mega-menu-new>li.current-menu-parent>a:after {}
#menu-mega-menu-new>li>a>i,
#menu-mega-menu-new>li>a>span>i {
width: 0;
height: 0;
border-style: solid;
border-width: 5px 4px 0 4px;
border-color: #232d39 transparent transparent transparent;
display: inline-block;
position: relative;
top: 1px;
margin-left: 4px;
}
.menu-type {
position: absolute;
bottom: 27px;
text-transform: capitalize;
text-align: center;
left: 0;
right: 0;
}
.nav_three.nav-top-bar .ttiw-user-login {
display: none;
}
#menu-mega-menu-new>li.menu-item-has-children.current_page_item>a:before,
#menu-mega-menu-new>li.menu-item-has-children:hover>a:before {
content: ''
}
#menu-mega-menu-new>li.menu-item-has-children.current_page_item>a:after,
#menu-mega-menu-new>li.menu-item-has-children:hover>a:after {
content: ''
}
#menu-mega-menu-new>li:hover a {} #smooth-content {
padding-top: var(--header-height);
}
@media screen and (max-width: 767px) {
#smooth-content {
padding-top: 0;
}
} .grey-panel .category--panel a.category--title {
font-size: 28px;
line-height: 40px;
color: #232D39;
letter-spacing: -0.56px;
font-weight: 500;
}
.grey-panel {
position: absolute;
width: 100%;
left: 0;
height: 40px;
background-color: #F6F6F6;
z-index: 9999;
top: -40px;
margin-top: 0px;
min-height: 88px;
display: flex;
}
.category--panel {
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 7%;
width: 100%;
}
.header-inner nav a.category--link {
font-size: 14px;
line-height: 19px;
font-weight: 500;
}
.category--link {
position: relative;
transition: all 0.3s ease;
}
.category--link::after {
width: 8px;
height: 7px;
display: inline-block;
top: 7px;
content: "";
position: absolute;
transition: all 0.3s ease;
margin-left: 5px;
background-image: url(//www.tti.com.au/wp-content/themes/tti/img/Icons/Solid-Right.svg);
background-size: contain;
background-repeat: no-repeat;
}
.category--link:hover::after {
margin-left: 10px;
}
.blue-panel {
position: absolute;
bottom: -84px;
left: 0;
width: 100%;
background-color: #232D39;
z-index: 9999;
min-height: 84px;
display: flex;
justify-content: center;
align-items: center;
}
.blue-panel p {
margin: 0;
font-size: 20px;
line-height: 27px;
color: #fff;
font-weight: 500;
}
#menu-mega-menu-new .sub-menu .blue-panel p a {
color: #C7D92D;
font-size: 20px;
line-height: 27px;
}
.sub-menu-wrap {
position: fixed;
left: 0;
width: 100%;
overflow: hidden;
height: 0;
transition: height .6s ease;
z-index: -1;
background-color: #ffffff;
}
.menu-type-center .sub-menu-wrap { }
.sub-menu-wrap.sub-menu-full-height {
z-index: 2;
}
.opacity-overlay,
.menu-overlay,
.menu-overlay-mobile {
z-index: 999;
position: fixed;
width: 100%;
height: 100%;
background-color: #000;
opacity: 0;
visibility: hidden;
-webkit-transition: all .7s ease;
transition: all .7s ease;
}
.opacity-overlay-show {
opacity: 50%;
visibility: visible;
}
.menu-overlay-show,
.menu-overlay-mobile-show {
opacity: 60%;
visibility: visible;
}
#menu-mega-menu-new>li>.sub-menu {
position: absolute;
overflow: hidden;
display: flex;
visibility: hidden;
}
#menu-mega-menu-new>li>.sub-menu-wrap>.sub-menu {
background-color: #FFF;
width: 100%;
position: absolute;
left: 0;
padding: 0 7%;
display: flex;
text-align: center;
margin-top: 40px;
justify-content: center;
padding-top: 68px;
padding-bottom: 40px;
height: auto;
}
#menu-mega-menu-new>li>.sub-menu-wrap>.sub-menu>li {
display: inline-block;
padding: 0;
}
#menu-mega-menu-new>li>.sub-menu-wrap>.sub-menu>li {
line-height: 1.2;
position: relative;
max-width: 250px;
margin-right: 48px;
flex: 1 1 100%;
display: -ms-grid;
display: grid;
-ms-grid-rows: 0.5fr 0.9fr;
grid-template-rows: 1fr 1.1fr;
}
#menu-mega-menu-new>li>.sub-menu-wrap>.sub-menu>li>a {
height: auto;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
color: #232D39;
padding: 0px 0px 0px 0px;
border-bottom: solid 1px #E5E5E5;
-ms-grid-row: 1;
grid-row: 1;
}
#menu-mega-menu-new .menu-image-title-after.menu-image-title {
padding-left: 0;
font-size: 20px;
line-height: 27px;
font-weight: 500;
text-align: left;
padding-bottom: 16px;
}
#menu-mega-menu-new>li>.sub-menu-wrap>.sub-menu>li>.sub-menu {
display: flex;
z-index: 1000;
width: auto;
flex-direction: column;
position: relative;
left: 0;
flex-wrap: wrap;
background: #fff;
top: 0;
padding: 0px 0px 0 0px;
margin-top: 20px;
height: 100%;
flex: 1 1 auto;
-ms-grid-row: 2;
grid-row: 2;
}
#menu-mega-menu-new>li>.sub-menu-wrap>.sub-menu>li>div>.sub-menu:before {
display: block;
background: #232d37;
width: 100%;
height: 100%;
top: 0;
bottom: 0;
left: 0;
right: 0;
position: absolute;
z-index: 0;
}
#menu-mega-menu-new>li>.sub-menu-wrap>.sub-menu>li>.sub-menu>li {
z-index: 10;
margin-bottom: 12px;
margin-top: 0px;
}
#menu-mega-menu-new .sub-menu>li>a>span>i,
#menu-mega-menu-new .sub-menu>li>a>i {
width: 8px;
height: 7px;
border-style: none;
display: inline-block;
position: relative;
top: 0px;
margin-left: 4px;
transition: all 0.3s ease;
background-image: url(//www.tti.com.au/wp-content/themes/tti/img/Icons/Solid-Right.svg);
background-size: contain;
background-repeat: no-repeat;
}
#menu-mega-menu-new .sub-menu>li>a:hover>span>i,
#menu-mega-menu-new .sub-menu>li>a:hover>i {
margin-left: 10px;
}
.last-menu-item {
border: none;
flex: 1 1 auto;
display: flex;
align-items: flex-end;
margin-top: 20px;
margin-bottom: 0;
}
.last-menu-item a>span::before,
.last-menu-item a::before {
display: none !important;
}
.last-menu-item a:hover>span,
.last-menu-item a:hover {
margin-left: 0 !important;
}
#menu-mega-menu-new>li>.sub-menu-wrap>.sub-menu>li>.sub-menu>li>a,
#menu-mega-menu-new>li>.sub-menu-wrap>.sub-menu>li>.sub-menu>li>a>.menu-image-title-after.menu-image-title {
font-size: 16px;
line-height: 22px;
font-weight: 600;
display: block;
position: relative;
border-radius: 0px 0px 0 0;
margin-top: 0px;
padding: 0 4px;
text-align: left;
color: #232D39;
background-color: transparent;
transition: all 0.3s ease;
}
#menu-mega-menu-new>li>.sub-menu-wrap>.sub-menu>li>.sub-menu>li>a:hover>.menu-image-title-after.menu-image-title,
#menu-mega-menu-new>li>.sub-menu-wrap>.sub-menu>li>.sub-menu>li>a:hover {
margin-left: 20px;
}
#menu-mega-menu-new>li>.sub-menu-wrap>.sub-menu>li>.sub-menu>li>a>.menu-image-title-after.menu-image-title::before,
#menu-mega-menu-new>li>.sub-menu-wrap>.sub-menu>li>.sub-menu>li>a::before {
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 6px 4px 0 4px;
border-color: #232d39 transparent transparent transparent;
display: inline-block;
position: relative;
top: -2px;
transform: rotate(-90deg);
margin-left: -10px;
transition: all 0.3s ease;
left: -10px;
opacity: 0;
}
#menu-mega-menu-new>li>.sub-menu-wrap>.sub-menu>li>.sub-menu>li>a:hover>.menu-image-title-after.menu-image-title::before,
#menu-mega-menu-new>li>.sub-menu-wrap>.sub-menu>li>.sub-menu>li>a:hover::before {
opacity: 1;
}
#menu-mega-menu-new sup {
font-size: 55%;
}
#menu-mega-menu-new>li>.sub-menu-wrap>.sub-menu>li>.sub-menu>li>.sub-menu {
display: flex;
align-items: baseline;
border-radius: 0 0 10px 10px;
border: 1px solid #c7d92d;
justify-content: center;
}
#menu-mega-menu-new>li>.sub-menu-wrap>.sub-menu>li>.sub-menu>li>.sub-menu>li {
margin-left: 0px;
text-align: center;
min-height: 100px;
color: #c7d92d;
padding: 0 7px;
}
#menu-mega-menu-new img {
max-height: 140px;
height: 140px;
width: 140px;
padding: 0;
transition: all 0.3s ease;
object-fit: contain;
}
.menu-image-title-after:hover .menu-image {
transform: translateY(-10px);
}
#menu-mega-menu-new>li>.sub-menu-wrap>.sub-menu>li>.sub-menu>li>.sub-menu>li>a {
display: block;
padding: 5px;
min-height: 100px;
}
.menu-item a.menu-image-title-below.menu-image-not-hovered img,
.menu-item a.menu-image-hovered.menu-image-title-below .menu-image-hover-wrapper {
max-height: 65px;
max-width: 75px;
}
#menu-mega-menu-new .sub-menu a {
color: #232D39;
}
nav.nav_three li a {
padding: 0 15px;
font-weight: 400;
}
nav.nav_three li a:hover {
text-decoration: underline;
} #menu-mega-menu-new>li.parts>.sub-menu>li>.sub-menu>li>a {
background-color: #232d37;
border: 2px solid #c7d92d;
border-radius: 15px;
padding: 0;
min-width: 120px;
}
#menu-mega-menu-new>li.parts>.sub-menu>li>.sub-menu>li>a span.menu-image-title-before {
background-color: #c7d92d;
display: block;
padding: 6px;
border-radius: 10px 10px 0 0;
}
#menu-mega-menu-new>li.parts>.sub-menu>li>.sub-menu>li>a img.menu-image-title-before {
margin: 10px auto;
}
#header.tti-bg-menu-hide {
background-color: transparent !important;
}
#header.menu-z-index {
z-index: 1000;
}
.tti-mobile-icon {
width: 24px;
height: 24px;
position: relative;
top: 0;
margin: 0 auto;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
cursor: pointer;
}
.tti-mobile-icon span {
display: block;
position: absolute;
height: 2px;
width: 100%;
background-color: #232D39;
border-radius: 9px;
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}
.tti-mobile-icon span:nth-child(1) {
top: 5px;
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
}
.tti-mobile-icon span:nth-child(2) {
top: 11px;
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
}
.tti-mobile-icon span:nth-child(3) {
top: 17px;
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
width: 70%;
}
.tti-mobile-icon.open span:nth-child(1) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
top: 2px;
left: 0px;
}
.tti-mobile-icon.open span:nth-child(2) {
width: 0%;
opacity: 0;
}
.tti-mobile-icon.open span:nth-child(3) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
top: 19px;
left: 0px;
width: 100%;
}
#menu-mega-menu-mobile {
position: absolute;
display: flex;
flex-direction: column;
width: 100%;
min-height: calc(100vh - 100px);
z-index: 9999;
background-color: #C7D92D;
left: 0;
justify-content: flex-start;
align-items: center;
top: 60px;
padding: 80px 0 68px;
opacity: 0;
visibility: hidden;
transition: all 0.6s ease-in-out;
overflow-y: auto;
scrollbar-width: none;
-ms-overflow-style: none;
}
#menu-mega-menu-mobile::-webkit-scrollbar {
width: 0;
height: 0;
}
#menu-mega-menu-mobile.tti-menu-open {
opacity: 1;
visibility: visible;
}
#menu-mega-menu-mobile>li>a {
font-size: 14px;
color: #232D39;
line-height: 19px;
font-weight: 500;
margin-bottom: 32px;
display: flex;
}
.sub-menu-panel {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: calc(100vh - 100px);
display: flex;
flex-direction: column;
justify-content: space-between;
opacity: 0;
visibility: hidden;
background-color: #fff;
transition: all 0.6s ease-in-out;
}
#menu-mega-menu-mobile>li>.sub-menu-panel.sub-menu-show {
opacity: 1;
visibility: visible;
}
#menu-mega-menu-mobile>li>.sub-menu-panel>.sub-menu {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
margin: 0 auto;
position: relative;
top: 46px;
background-color: #fff;
width: 100%;
left: 0;
height: auto;
padding: 80px 40px;
border-top: 4px solid #232D39;
}
#menu-mega-menu-mobile>li>.sub-menu-panel>.sub-menu>li {
border-bottom: 1px solid #E5E5E5;
max-width: 480px;
width: 44%;
margin-right: 35px;
margin-bottom: 10px;
padding-bottom: 12px;
}
#menu-mega-menu-mobile>li>.sub-menu-panel>.sub-menu>li:last-child {
border-bottom: none;
}
#menu-mega-menu-mobile>li>.sub-menu-panel>.sub-menu>li>a {
color: #232D39;
display: flex;
justify-content: flex-start;
align-items: center;
}
#menu-mega-menu-mobile>li>.sub-menu-panel>.sub-menu>li>.sub-menu>li>.sub-menu {
display: none;
}
#menu-mega-menu-mobile .menu-image.menu-image-title-after {
width: 64px;
height: 64px;
object-fit: contain;
padding-right: 0;
margin-right: 16px;
transition: all 0.3s ease;
}
#menu-mega-menu-mobile>li>.sub-menu-panel>.sub-menu>li>a>span,
#menu-mega-menu-mobile>li>.sub-menu-panel>.sub-menu>li>a {
font-size: 17px;
line-height: 23px;
font-weight: 500;
}
#menu-mega-menu-mobile>li>.sub-menu-panel>.sub-menu li>.sub-menu>li {
line-height: 0;
}
#menu-mega-menu-mobile>li>.sub-menu-panel>.sub-menu li>.sub-menu>li>a>span,
#menu-mega-menu-mobile>li>.sub-menu-panel>.sub-menu li>.sub-menu>li>a {
font-size: 12px;
line-height: 12px;
color: #232D39;
margin-left: 80px;
font-weight: 500;
}
#menu-mega-menu-mobile>li>.sub-menu-panel>.sub-menu li>.sub-menu>li>a>span>i,
#menu-mega-menu-mobile>li>.sub-menu-panel>.sub-menu li>.sub-menu>li>a>i {
width: 0;
height: 0;
border-style: solid;
border-width: 6px 4px 0 4px;
border-color: #232d39 transparent transparent transparent;
display: inline-block;
position: relative;
top: 0;
margin-left: 4px;
transform: rotate(-90deg);
transition: all 0.3s ease;
}
#menu-mega-menu-mobile>li>.sub-menu-panel>.sub-menu li>.sub-menu>li>a:hover>span>i,
#menu-mega-menu-mobile>li>.sub-menu-panel>.sub-menu li>.sub-menu>li>a:hover>i {
transform: translateX(10px) rotate(-90deg);
}
#menu-mega-menu-mobile>li>.sub-menu-panel>.sub-menu>li>.sub-menu>li>.sub-menu {
position: absolute;
top: 0;
display: flex;
flex-direction: column;
background-color: #fff;
width: 100%;
left: 0;
justify-content: flex-start;
align-items: flex-start;
padding-top: 0;
z-index: 9;
height: 100%;
opacity: 0;
visibility: hidden;
transition: all 0.6s ease-in-out;
}
#menu-mega-menu-mobile>li>.sub-menu-panel>.sub-menu>li>.sub-menu>li>.sub-menu.sub-menu-show-lavel3 {
opacity: 1;
visibility: visible;
}
#menu-mega-menu-mobile>li>.sub-menu-panel>.sub-menu>li>.sub-menu>li>.sub-menu>li {
width: 100%;
text-align: center;
margin-bottom: 0;
padding: 10px 0px;
transition: all 0.6s ease-in-out;
}
#menu-mega-menu-mobile>li>.sub-menu-panel>.sub-menu>li>.sub-menu>li>.sub-menu>li.back-second-level-menu {
padding: 13.3px 0px;
background-color: #C7D92D;
}
#menu-mega-menu-mobile>li>.sub-menu-panel>.sub-menu>li>.sub-menu>li>.sub-menu>li:hover {
background-color: #C7D92D;
}
#menu-mega-menu-mobile>li>.sub-menu-panel>.sub-menu>li>.sub-menu>li>.sub-menu>li>a>span,
#menu-mega-menu-mobile>li>.sub-menu-panel>.sub-menu>li>.sub-menu>li>.sub-menu>li>a {
font-size: 14px;
line-height: 24px;
margin-left: 0;
padding: 14px 0px;
}
#menu-mega-menu-mobile>li>.sub-menu-panel>.sub-menu>li>.sub-menu>li>.sub-menu>li.back-second-level-menu a>span,
#menu-mega-menu-mobile>li>.sub-menu-panel>.sub-menu>li>.sub-menu>li>.sub-menu>li.back-second-level-menu a {
font-size: 14px;
line-height: 19px;
text-transform: uppercase;
}
#menu-mega-menu-mobile>li>.sub-menu-panel>.sub-menu>li>.sub-menu>li>.sub-menu>li.back-second-level-menu a>span>i,
#menu-mega-menu-mobile>li>.sub-menu-panel>.sub-menu>li>.sub-menu>li>.sub-menu>li.back-second-level-menu a>i {
width: 0;
height: 0;
border-style: solid;
border-width: 6px 4px 0 4px;
border-color: #232d39 transparent transparent transparent;
display: inline-block;
position: absolute;
top: 21px;
margin-left: 40px;
transform: rotate(90deg);
left: 0;
}
.show-all-product {
position: absolute;
top: 20px;
left: 0;
right: 0;
text-align: center;
}
.show-all-product a.show-all-product-link {
font-size: 14px;
line-height: 19px;
color: #232D39;
font-weight: 500;
}
.show-all-product-link::after {
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 6px 4px 0 4px;
border-color: #232d39 transparent transparent transparent;
display: inline-block;
position: relative;
top: -1px;
margin-left: 4px;
transform: rotate(-90deg);
transition: all 0.3s ease;
}
.show-all-product-link:hover::after {
transform: translateX(10px) rotate(-90deg);
}
.tti-mobile-icon {
display: none;
}
.menu-item-hide {
opacity: 0;
visibility: hidden;
}
.back-second-level-menu {
position: absolute;
top: -50px;
}
#menu-mega-menu-mobile>li>.sub-menu-panel>.sub-menu>li.back-first-level-menu {
position: absolute;
top: -50px;
left: 0;
right: 0;
margin: 0 auto;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
border: none;
max-width: 1200px;
padding: 13.3px 40px;
background-color: #C7D92D;
}
#menu-mega-menu-mobile>li>.sub-menu-panel>.sub-menu>li.back-first-level-menu a {
font-size: 14px;
line-height: 19px;
font-weight: 500;
text-transform: uppercase;
}
#menu-mega-menu-mobile>li>.sub-menu-panel>.sub-menu>li.back-first-level-menu a>i {
width: 0;
height: 0;
border-style: solid;
border-width: 6px 4px 0 5px;
border-color: #232d39 transparent transparent transparent;
display: inline-block;
position: absolute;
top: 21px;
margin-left: 40px;
left: 0px;
transform: rotate(90deg);
transition: all 0.3s ease;
}
.mega-mobile-menu,
.quicklinks-menu,
#header .mdi-magnify.tti-search-mobile,
.nav-phone-mobile {
display: none;
}
#header a.main-logo.mega-menu-hover,
#header a.mega-menu-hover-scroll {
min-width: 213px;
height: 64px;
}
.main-logo.mega-menu-hover::before,
#header a.mega-menu-hover-scroll::before {
opacity: 0;
border-color: transparent;
top: -9px;
height: 80px;
width: 80px;
}
#menu-mega-menu-mobile>li>.sub-menu-panel>.sub-menu>li.menu-item-type-taxonomy>a>span {
margin-left: 80px;
margin-top: 22px;
margin-bottom: 20px;
}
#menu-mega-menu-mobile>li>.sub-menu-panel>.sub-menu>li.menu-item-type-taxonomy>a>img+span {
margin-left: 0;
margin-top: 0;
margin-bottom: 0;
}
@media screen and (max-width: 600px) {
#wpadminbar {
position: fixed;
}
}
@media screen and (min-width: 1201px) {
#menu-header-menu-two,
.header-option-two .header-inner .ttiw-nav .menu {
display: block !important;
}
.header-inner nav {
display: flex !important;
}
.banner-slider__content {
padding-left: 60px;
}
.nav_three .menu-item-has-children:hover .sub-menu { padding: 12px 20px 12px 20px;
top: 47px;
box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1);
z-index: 100;
}
.nav-top-bar>ul>li>.sub-menu.sub-menu-fadein>li {
opacity: 1;
}
.nav-top-bar>ul>li>.sub-menu>li {
opacity: 0;
transition: all 0.6s ease-in-out;
}
.menu-overlay-mobile {
display: none;
}
}
@media screen and (max-width: 1200px) {
.header.tti-menu-hide {
opacity: 1;
z-index: 0;
}
.mega-mobile-menu {
display: block;
}
#header .mdi-menu,
#menu-mega-menu-new,
.menu-overlay {
display: none;
}
.tti-mobile-icon {
display: block;
}
.blue-panel p {
font-size: 17px;
line-height: 23px;
}
.blue-panel p a {
display: inline-block;
}
.blue-panel p a span {
font-size: 17px;
line-height: 23px;
color: #fff;
}
.blue-panel {
position: relative;
bottom: 0;
min-height: 71px;
padding: 0 20px;
text-align: center;
}
.header {
padding: 0px 40px 0px !important;
min-height: 66px;
}
#header a.main-logo,
#header a.main-logo.mega-menu-hover {
height: 48px;
min-width: 160px;
width: auto;
}
.nav_three.nav-top-bar {
display: none;
flex-direction: column;
width: 100%;
position: absolute;
top: 40px;
left: 0;
z-index: 999;
background-color: #232D39;
padding: 0 40px 40px;
border-top: 1px solid rgba(229, 229, 229, 0.2);
}
.nav_three.nav-top-bar .sub-menu {
display: none;
position: relative;
}
.nav-top-bar .menu {
display: flex;
flex-direction: column;
margin-top: 16px;
}
.header-inner>nav.nav-top-bar>ul>li {
margin-right: 0;
margin-bottom: 0;
padding-top: 0;
font-size: 12px;
line-height: 17px;
}
.header-inner nav a.wpc-header {
font-size: 12px;
line-height: 17px;
padding: 0;
}
nav.nav_three.nav-top-bar li a,
nav.nav_three.nav-top-bar li a>span {
font-size: 12px;
line-height: 17px;
display: flex;
font-weight: 400;
}
#header .mdi.mdi-magnify.tti-search {
display: none;
}
.header-phone.tti-header-phone {
display: none;
}
.header-inner.tti-topbar-menu {
display: flex;
flex-direction: column;
}
.quicklinks-menu {
min-height: 40px;
display: flex;
justify-content: flex-start;
align-items: center;
padding: 0 40px;
}
.quicklinks-menu a {
font-size: 12px;
line-height: 17px;
color: #C7D92D;
position: relative;
font-weight: 500;
}
.quicklinks-menu a::after {
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 6px 4px 0 5px;
border-color: #C7D92D transparent transparent transparent;
display: inline-block;
position: absolute;
top: 6px;
right: -16px;
transition: all 0.3s ease;
}
.main-logo::before {
display: none;
}
#header .mdi-magnify.tti-search-mobile {
padding: 0;
margin: 0 20px;
border: none;
display: flex;
}
.tti-search-mobile::before {
background: url(//www.tti.com.au/wp-content/themes/tti/img/search-dark.svg);
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
}
.nav-phone-mobile {
display: flex;
background-color: #232D39;
width: 36px;
height: 36px;
border-radius: 50%;
}
.nav-phone-mobile a {
background-image: url(//www.tti.com.au/wp-content/themes/tti/img/phone-green.svg);
width: 16px;
height: 16px;
position: relative;
top: 10px;
left: 10px;
background-size: contain;
}
.nav_three>ul>li.menu-item-has-children>a.submenu-open {
color: #FFFFFF;
}
.nav_three>ul>li.menu-item-has-children>a.submenu-open::after {
top: 7px;
transform: rotate(180deg);
border-color: #fff transparent transparent transparent;
}
.nav_three .menu-item-has-children .sub-menu li a {
margin-bottom: 12px;
}
.nav_three .menu-item-has-children .sub-menu {
padding: 0px 10px 0px 10px;
top: 0;
box-shadow: none;
}
.nav_three>ul>li.menu-item-has-children>a::after {
top: 7px;
}
.nav-top-bar>ul>li>.sub-menu>li {
opacity: 0;
transition: all 0.6s ease-in-out;
}
.nav-top-bar>ul>li>.sub-menu.sub-menu-fade>li {
opacity: 1;
}
.quicklink-open::after {
transform: rotate(180deg);
}
.search-form {
top: 100px;
}
.wrap {
margin-top: 100px;
}
.banner-slider__content {
padding-left: 40px;
}
.banner-slider {
height: calc(100vh - 194px) !important;
} .header-option-two #menu-header-menu-two,
.header-option-two .header-inner .ttiw-nav .menu {
display: none;
position: fixed;
top: 64px;
right: 0;
height: 100%;
min-width: 384px;
background-color: #C7D92D;
border-top: 1px solid #232D39;
}
.header-option-two .ttiw-nav>.menu>li {
display: block;
}
.header-option-two .header-inner {
justify-content: flex-end;
padding-left: 0;
}
.header-option-two .ttiw-nav>.menu>li {
padding: 0;
}
.header-option-two #header .main-logo {
min-width: 160px !important;
height: 64px !important;
background-position: center;
}
.header-option-two .nav-phone-mobile {
height: 64px;
width: 64px;
border-radius: 0;
align-items: center;
}
.header-option-two .header {
padding-right: 0 !important;
}
.header-option-two .nav-phone-mobile a { background-image: url(//www.tti.com.au/wp-content/themes/tti/img/Phone-white-icon.svg);
background-repeat: no-repeat;
width: 24px;
height: 24px;
background-position: center;
margin: 0 auto;
top: 0;
left: 0;
}
.header-option-two #header .mdi.mdi-magnify {
height: 36px !important;
width: 36px;
margin: 0 16px !important;
}
.header-option-two .mdi-magnify:before {
width: 16px;
height: 16px;
background: url(//www.tti.com.au/wp-content/themes/tti/img/search.svg);
}
.header-option-two .header {
border: none;
min-height: 64px;
}
.header-option-two .ttiw-nav>.menu>li>a {
min-height: 56px;
height: auto;
font-size: 14px;
line-height: 19px;
padding: 0 20px 0 29px;
position: relative;
box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.1);
}
.header-option-two .ttiw-nav>.menu>li:last-child>a {
box-shadow: none;
}
.header-option-two .ttiw-nav>.menu>li>a:hover::after {
background-color: transparent;
-moz-transform: scaleX(0);
-webkit-transform: scaleX(0);
-o-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
}
.header-option-two .ttiw-nav>.menu>li>a>i {
right: 20px;
position: absolute;
top: 50%;
transform: translateY(-50%);
border-width: 4px 0 4px 6px;
border-color: transparent transparent transparent #232d39;
transition: all 0.3s ease;
}
.header-option-two .ttiw-nav>.menu>li>a:hover i {
right: 10px;
}
.header-option-two .menu li>.sub-menu {
z-index: 1;
height: 100%;
position: fixed;
min-width: 384px;
width: auto;
}
.header-option-two .ttiw-nav>.menu>li>a.active::after {
-moz-transform: scaleX(0);
-webkit-transform: scaleX(0);
-o-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
}
.header-option-two .menu li>.sub-menu>li>a {
padding: 19px 20px 20px 32px;
font-size: 12px;
line-height: 17px;
}
.header-option-two .menu li>.sub-menu>li>a::after {
right: 40px;
}
.header-option-two .menu li>.sub-menu li .sub-menu {
display: flex;
flex-direction: column;
}
.header-option-two .search-form {
top: 64px;
}
.header-option-two .ttiw-nav>.menu>li>a.active {
padding-left: 52px;
}
.header-option-two .ttiw-nav>.menu>li>a.active i {
border-width: 4px 6px 4px 0;
border-color: transparent #232d39 transparent transparent;
right: auto;
left: 32px;
margin-left: 0;
top: 51%;
}
.header-option-two .ttiw-nav>.menu>li>a.active:hover i {
left: 20px;
}
.header-option-two .menu li>.sub-menu>li.menu-item-has-children {
position: relative;
}
.header-option-two #menu-header-menu-two>.menu-item-has-children>.sub-menu>.menu-item-has-children .sub-menu,
.header-option-two .header-inner .ttiw-nav .menu>.menu-item-has-children>.sub-menu>.menu-item-has-children .sub-menu {
min-width: 384px;
max-width: 384px;
position: fixed;
top: 64px;
right: 0;
left: auto;
height: 100%;
}
.header-option-two .grey-panel .category--panel,
.header-option-two .grey-panel .category--panel a.category--title {
display: block;
}
.header-option-two .grey-panel .category--panel {
padding: 0;
}
.header-option-two .grey-panel .category--panel a.category--title {
background-color: #232D39;
font-size: 14px;
line-height: 19px;
color: #C7D92D;
letter-spacing: -0.2px;
padding: 18px 40px 19px 40px;
position: relative;
}
.header-option-two .grey-panel .category--panel a.category--title:before {
content: '';
left: 20px;
border-style: solid;
border-width: 4px 6px 4px 0;
border-color: transparent #ffffff transparent transparent;
top: 50%;
position: absolute;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.header-option-two .grey-panel .category--panel a.category--title:hover::before {
left: 10px;
}
.header-option-two .header-inner nav a.category--link {
font-size: 12px;
line-height: 17px;
display: block;
padding: 19px 40px 18px 20px;
}
.header-option-two .header-inner nav a.category--link::after {
top: 50%;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.header-option-two #menu-header-menu-two>.menu-item-has-children>.sub-menu>.menu-item-has-children .sub-menu .grey-panel,
.header-option-two .header-inner .ttiw-nav .menu>.menu-item-has-children>.sub-menu>.menu-item-has-children .sub-menu .grey-panel {
height: auto;
}
.header-option-two .menu-item-has-children .sub-menu .menu-image-title {
font-size: 12px;
line-height: 17px;
width: calc(100% - 116px);
}
.header-option-two #menu-header-menu-two>.menu-item-has-children>.sub-menu>.menu-item-has-children .sub-menu>li:nth-child(2) .menu-image-title-after:after,
.header-option-two .header-inner .ttiw-nav .menu>.menu-item-has-children>.sub-menu>.menu-item-has-children .sub-menu>li:nth-child(2) .menu-image-title-after:after {
border: none;
}
.header-option-two .menu li>.sub-menu>li>.sub-menu li a {
padding: 8px 19px 8px 20px;
margin: 0;
border-bottom: 1px solid #E5E5E5;
}
.header-option-two .menu li>.sub-menu>li>.sub-menu li:last-child a {
border-bottom: none;
}
.header-option-two .grey-panel {
margin-bottom: 8px;
}
.browse-models.browse-models-sticky {
top: 63px;
}
}
@media screen and (max-width: 767px) {
.header {
padding: 0px 20px 0px !important;
}
.quicklinks-menu {
padding: 0 20px;
}
.nav_three.nav-top-bar {
padding: 0 20px 20px;
}
#menu-mega-menu-mobile>li>.sub-menu-panel>.sub-menu {
flex-direction: column;
justify-content: flex-start;
align-items: center;
padding: 63px 20px;
height: auto;
}
#menu-mega-menu-mobile>li>.sub-menu-panel>.sub-menu>li {
max-width: 100%;
width: 100%;
margin-right: 0;
}
#menu-mega-menu-mobile>li>.sub-menu-panel>.sub-menu>li.back-first-level-menu {
padding: 13.3px 20px;
}
#menu-mega-menu-mobile>li>.sub-menu-panel>.sub-menu>li>a {
max-width: 310px;
}
#menu-mega-menu-mobile>li>.sub-menu-panel>.sub-menu>li.back-first-level-menu a>i {
margin-left: 20px;
}
#menu-mega-menu-mobile>li>.sub-menu-panel>.sub-menu>li>.sub-menu>li>.sub-menu>li.back-second-level-menu a i {
margin-left: 20px;
}
.header-option-two #menu-header-menu-two,
.header-option-two .menu li>.sub-menu,
.header-option-two #menu-header-menu-two>.menu-item-has-children>.sub-menu>.menu-item-has-children .sub-menu,
.header-option-two .header-inner .ttiw-nav .menu,
.header-option-two .header-inner .ttiw-nav .menu>.sub-menu>.menu-item-has-children .sub-menu {
min-width: auto;
max-width: 327px;
width: 100vw;
}
.header-option-two .ttiw-nav>.menu>li>a {
min-height: 50px;
padding: 0 20px;
}
.header-option-two .ttiw-nav>.menu>li>a.active {
padding-left: 43px;
}
.header-option-two .ttiw-nav>.menu>li>a.active i {
left: 20px;
}
.header-option-two .ttiw-nav>.menu>li>a.active:hover i {
left: 15px;
}
.header-option-two .menu li>.sub-menu>li>a {
padding: 19px 20px 20px 20px;
}
.header-option-two .menu li>.sub-menu>li>a::after {
right: 20px;
}
.header-option-two .grey-panel .category--panel a.category--title:hover::before {
left: 15px;
}
} .image-load {
will-change: transform;
transition-duration: 1.5s;
transform-origin: center center 0px;
padding-bottom: 0%;
transform: matrix(1.2, 0, 0, 1.2, -750, 0);
opacity: 0;
}
.slide-in-image {
transform: none;
opacity: 1;
}
.section--banner-slider+section .inner {
padding-top: 80px;
}
.content-slider.light .button:hover {
background-color: transparent;
color: #c7d92d;
} .category-grid-inner {
display: flex;
}
.tiles-categories {
display: flex;
flex-wrap: wrap;
width: 100%;
justify-content: flex-start;
margin-left: -16px;
margin-right: -16px;
flex: 1 0 auto;
}
.tiles-categories__column {
width: calc(100% * (1 / 3) - 32px);
margin-right: 16px;
margin-left: 16px;
margin-bottom: 32px;
overflow: hidden;
max-width: 459px;
}
.tiles-categories__column_four {
width: calc(100% * (1 / 4) - 32px);
}
.tiles-categories__column a,
.tiles-categories__column .no-link {
display: flex;
flex-direction: column;
position: relative;
min-height: 250px;
max-height: 331px;
height: 24vw;
}
.product-image-overlay {
position: relative;
overflow: hidden;
flex: 1 1 auto;
}
.product-image-overlay::after {
content: "";
background-color: #000;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: 0;
transition: all 0.3s ease-in-out;
}
.product-image-overlay img {
transition: all 0.6s ease-in-out;
height: 20vw;
object-fit: cover;
max-height: 260px;
transform: scale3d(1, 1, 1);
backface-visibility: hidden;
width: 100%;
}
.tiles-categories__column a:hover .product-image-overlay img,
.tiles-categories__column .no-link:hover .product-image-overlay img {
transform: scale3d(1.1, 1.1, 1.1);
}
.tiles-categories__column a:hover .product-image-overlay::after,
.tiles-categories__column .no-link:hover .product-image-overlay::after {
opacity: 40%;
}
.tiles-categories--our-products {
background-color: #C7D92D;
padding: 0 2vw;
display: flex;
flex-direction: column;
justify-content: center;
}
.tiles-categories--our-products h3 {
font-size: 40px;
line-height: 46px;
letter-spacing: -0.8px;
color: #232D39;
margin-bottom: 0;
}
.tiles-categories--our-products h3::after {
width: 65px;
background: #fff;
margin-top: 5px;
margin-bottom: 30px;
}
.tiles-categories--our-products p {
font-size: 20px;
line-height: 28px;
color: #232D39;
margin: 0 0 32px;
}
.tiles-categories__content {
background-color: #232D39;
flex: 1 1 auto;
position: absolute;
width: 100%;
bottom: 0;
padding: 20px 24px 24px;
}
.tiles-categories__title {
display: flex;
justify-content: space-between;
align-items: center;
}
.tiles-categories__title h4 {
color: #fff;
font-size: 20px;
line-height: 27px;
margin: 0;
}
.tiles-categories__title img {
width: 20px;
height: 20px;
object-fit: contain;
}
.tiles-categories__text {
display: none;
overflow: hidden;
}
.tiles-categories__text p {
font-size: 20px;
line-height: 28px;
color: #FFF;
opacity: 0;
margin: 20px 0px 0px;
transition: all 0.3s ease;
transition-duration: 0.3s;
}
.tiles-categories__column a:hover .tiles-categories__text p,
.tiles-categories__column .no-link:hover .tiles-categories__text p {
opacity: 1;
} .news-showcase__row {
display: flex;
justify-content: space-between;
width: 100%;
}
.latest-update {
background-color: #C7D92D;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
padding: 0 40px;
margin-right: 0;
width: 25%;
}
.latest-update h3 {
font-size: 40px;
line-height: 46px;
letter-spacing: -0.8px;
color: #232D39;
margin-bottom: 32px;
}
.latest-update h3::after {
width: 80px;
background: #fff;
margin-top: 5px;
margin-bottom: 0;
}
.news-showcase__panel {
display: flex;
width: 75%;
}
.news-showcase-slider .slick-track {
display: flex;
height: 100%;
width: 100%;
}
.news-showcase__column {
width: calc(25.6vw - 32px);
margin-right: 0;
padding-left: 32px;
display: flex !important;
flex-direction: column;
max-width: 358px;
}
.news-showcase__column:last-child {
margin-right: 0;
}
.news-showcase__column p,
.latest-update p {
font-size: 20px;
line-height: 28px;
color: #232D39;
margin: 0 0 24px;
}
.news-showcase__content {
background-color: #F6F6F6;
border-top: 6px solid #C7D92D;
padding: 32px 24px;
flex: 1 1 auto;
display: flex;
flex-direction: column;
}
.news-showcase__content h4 {
font-size: 20px;
line-height: 27px;
color: #232D39;
}
.news-showcase__content p {
margin: 0 0 20px;
flex: 1 1 auto;
}
.play-video {
display: flex;
justify-content: flex-start;
align-items: center;
font-size: 16px;
line-height: 26px;
font-weight: 900;
}
.play-icon {
background-color: #C7D92D;
width: 40px;
height: 40px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
position: relative;
margin-right: 12px;
}
.play-icon img {
width: 15px;
height: 15px;
position: relative;
left: 2px;
top: 0;
}
.view-article {
font-size: 16px;
line-height: 26px;
font-weight: 900;
display: flex;
justify-content: flex-start;
align-items: center;
min-height: 40px;
}
.slide-controls {
display: flex;
justify-content: flex-end;
margin-right: 0;
margin-top: 24px;
}
.news-showcase-slider {
max-width: 1072px;
}
.left-arrow-holder {
margin-right: 16px;
}
.right-arrow-holder,
.left-arrow-holder {
cursor: pointer;
width: 28px;
height: 28px;
}
.news-showcase__column>a {
display: flex;
overflow: hidden;
flex: 0 1 230px;
}
@media screen and (max-width: 1280px) {
.news-showcase__column>a {
flex: 0 1 auto;
}
}
.news-showcase__column.circle>a {
flex: 0 1 auto;
border-radius: 50%;
max-width: 290px;
max-height: 290px;
height: 20vw;
width: 20vw;
margin: 0 auto;
}
@media screen and (max-width: 1024px) {
.news-showcase__column.circle>a {
max-width: 350px;
max-height: 350px;
height: 30vw;
width: 30vw;
}
}
@media screen and (max-width: 767px) {
.news-showcase__column.circle>a {
height: 35vw;
width: 35vw;
}
}
@media screen and (max-width: 559px) {
.news-showcase__column.circle>a {
height: 50vw;
width: 50vw;
}
}
.news-showcase__column>a>img {
transition: all 0.6s ease-in-out;
transform: scale3d(1, 1, 1);
object-fit: cover;
width: 100%;
}
.news-showcase__column>a:hover>img {
transform: scale3d(1.1, 1.1, 1.1);
}
.news-showcase .slick-disabled,
.news-showcase .slick-disabled:hover {
background: transparent;
} .logo-showcase {
position: relative;
overflow: hidden;
}
.logo-showcase__industries {
max-width: 1440px;
margin: 0 auto;
padding: 0 15px;
}
.logo-showcase__brand {
display: flex;
}
.logo-showcase__brand.inner {
position: unset;
}
.logo-showcase__client-Logos {
display: flex;
max-width: 781px;
justify-content: flex-end;
flex-direction: column;
width: 54vw;
}
.logo-showcase__slide {
display: flex;
flex-wrap: wrap;
}
.logo-showcase__client-Logos h3 {
font-size: 40px;
line-height: 55px;
letter-spacing: -0.8px;
margin-bottom: 40px;
}
.logo-showcase__client-Logos h3::after {
width: 80px;
margin-bottom: 0;
margin-top: 0;
}
.logo-showcase__client-Logos a {
display: flex;
width: 12vw;
height: 10vw;
max-width: 160px;
max-height: 100px;
}
.logo-showcase__client-Logos a img {
width: 160px;
height: 100px;
object-fit: contain;
}
.logo-showcase__truck-image {
margin-left: 18px;
display: flex;
justify-content: flex-end;
position: absolute;
right: -40px;
width: 46%;
bottom: 0px;
overflow: hidden;
}
.logo-showcase__slide .slick-slide {
display: flex;
flex-wrap: wrap;
}
.partners__logo {
margin-right: 35px;
margin-bottom: 32px;
width: 12vw !important;
max-width: 160px;
}
.logo-showcase__slide-controls {
display: flex;
margin-bottom: 40px;
} .header-option-two {
position: sticky;
top: 0;
z-index: 9999;
}
.header-option-two #header {
position: sticky;
}
.banner-background {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-color: #c7d92d;
z-index: -1;
}
.no-page-animation .banner-background,
.no-page-animation .banner-slider,
.no-page-animation .banner-slider__image,
.no-page-animation .banner-slider__video {
background-color: transparent;
}
.no-page-animation .banner-video--thumbnail {
background-color: #ffffff;
}
body {
overflow-x: hidden;
}
.home #header,
.banner-slider,
.banner-slider__bottom,
.banner-slider__intro {
opacity: 0;
}
.no-page-animation.home #header,
.no-page-animation .banner-slider,
.no-page-animation .banner-slider__bottom,
.no-page-animation .banner-slider__intro {
opacity: 1;
}
.banner-slider {
height: calc(100vh - 231px);
position: relative;
background-color: #c7d92d;
}
.new-menu-show .banner-slider {
height: calc(100vh - 184px);
}
.banner-slider__slide {
height: 100%;
display: flex;
overflow: hidden;
}
.banner-slider__image {
background-color: #c7d92d;
height: 100%;
position: relative;
background-repeat: no-repeat;
background-size: cover;
background-position: top left, 100% -120vh;
z-index: 1;
width: 100%;
}
.banner-slider__slide .slick-slide {
position: relative;
}
.banner-slider__content {
position: absolute;
left: 0;
top: 50%;
right: 0;
transform: translateY(-50%);
max-width: 1440px;
width: 100%;
margin: 0 auto;
z-index: 9;
}
.banner-slider__intro {
max-width: 600px;
}
.banner-slider__intro h1 {
font-size: 64px;
line-height: 76px;
font-weight: 800;
letter-spacing: -1.6px;
color: #232D39;
text-transform: uppercase;
margin: 0;
}
.banner-slider__intro.text-light h1 {
color: #FFFFFF;
}
.banner-slider__intro p {
font-size: 20px;
line-height: 27px;
font-weight: 600;
color: #232D39;
margin: 0 0 32px;
}
.banner-slider__intro.text-light p {
color: #FFFFFF;
}
.banner-slider__intro .button {
font-size: 16px;
line-height: 22px;
letter-spacing: -0.4px;
font-weight: 800;
color: #232D39;
min-width: 160px;
text-align: center;
padding: 12px 20px;
margin-right: 16px;
}
.banner-slider__intro .button:hover {
background-color: transparent;
color: #c7d92d;
}
.banner-slider__slide-controls {
position: absolute;
right: 0;
bottom: 0;
display: flex;
}
.arrow-holder {
background-color: #C7D92D;
width: 70px;
height: 70px;
display: flex;
justify-content: center;
align-items: center;
margin-right: 0;
}
.left-arrow-holder.arrow-holder {
border-right: 1px solid #232D39;
}
.arrow-holder img {
width: 28px;
height: 28px;
}
.banner-slider__bottom {
background-color: #232D39;
display: flex;
position: relative;
z-index: 1;
}
.banner-slider__value-bar {
display: flex;
max-width: 1440px;
margin: 0 auto;
}
.banner-slider__value-bar--tab {
display: flex;
align-items: center;
border-right: 1px solid rgba(229, 229, 229, 0.2);
padding: 20px 40px;
max-width: 370px;
}
.banner-slider__value-bar--tab:last-child {
border-right: none;
}
.banner-slider__value-bar--tab img {
width: 48px;
height: 48px;
object-fit: contain;
margin-right: 20px;
}
.banner-slider__value-bar--tab h6 {
font-size: 18px;
line-height: 24px;
color: #fff;
font-weight: 600;
margin: 0;
}
.banner-slider__slide .slick-list,
.banner-slider__slide .slick-track {
height: 100%;
} .testimonial-tile.filtering-sidebar .sidebar {
width: 30%;
margin-right: 0;
max-width: 260px;
}
.testimonial-tile.tiles .inner {
padding: 40px 40px 40px;
margin: 0 auto;
}
.testimonial-tile.filtering-sidebar .filtered-group {
width: 100%;
margin: 0 auto;
}
.testimonial-tile.tiles .grid.column-3 {
margin-left: 0;
margin-right: 0;
}
.testimonial-tile__grid.grid.column-3 .testimonial-tile-col {
width: calc(100% * (1 / 3) - 32px);
margin-right: 16px;
margin-left: 16px;
margin-top: 0;
margin-bottom: 32px;
display: flex;
flex-direction: column;
}
.testimonial-tile__img-holder {
width: 100%;
max-height: 224px;
display: flex;
overflow: hidden;
}
.testimonial-tile-col .testimonial-tile__image {
max-height: 224px;
width: 100%;
background-color: #D8D8D8;
transition: all 0.6s ease-in-out;
transform: scale3d(1, 1, 1);
background-size: cover;
background-position: center;
}
.testimonial-tile-col .testimonial-tile__image:hover {
transform: scale3d(1.1, 1.1, 1.1);
}
.testimonial-tile-col .testimonial-tile__content.tile-copy {
background-color: #F6F6F6;
border-top: 6px solid #C7D92D;
padding: 32px 24px;
flex: 1 1 auto;
display: flex;
flex-direction: column;
}
.testimonial-tile__content.tile-copy h4:first-child {
margin-top: 0;
}
.testimonial-tile__content.tile-copy h4 {
font-size: 20px !important;
line-height: 27px;
color: #232D39;
margin: 0 0 12px;
}
.testimonial-tile__content.tile-copy p {
font-size: 16px;
line-height: 26px;
margin: 0 0 20px;
color: #232D39;
flex: 1 1 auto;
} .news-section.grid .news-tiles.tile.shadow {
width: calc(25% - 32px);
margin-left: 16px;
margin-right: 16px;
margin-top: 0;
margin-bottom: 32px;
display: flex;
flex-direction: column;
}
.post-thumbnail.news-tiles-image {
overflow: hidden;
}
.news-tiles-image .thumbnail.tile-pic {
max-height: 224px;
width: 100%;
background-color: #D8D8D8;
transition: all 0.6s ease-in-out;
transform: scale3d(1, 1, 1);
background-size: cover;
background-position: center;
}
.news-tiles-image .thumbnail.tile-pic:hover {
transform: scale3d(1.1, 1.1, 1.1);
}
.news-section .news-tiles .news-tiles-text {
background-color: #F6F6F6;
border-top: 6px solid #C7D92D;
padding: 32px 24px;
flex: 1 1 auto;
display: flex;
flex-direction: column;
}
.news-section .news-tiles .news-tiles-text h4 {
font-size: 20px !important;
line-height: 27px;
color: #232D39;
margin: 0 0 12px;
transition: all 0.3s ease-in-out;
}
.news-section .news-tiles .news-tiles-text h4:hover {
opacity: 0.5;
}
.news-tiles-text .date-meta {
font-size: 16px;
line-height: 24px;
margin: 0 0 12px;
color: #232D39;
font-weight: 400;
}
.news-tiles-text p {
font-size: 20px;
line-height: 28px;
margin: 0 0 20px;
color: #232D39;
flex: 1 1 auto;
}
.read-button-group a {
font-size: 16px;
line-height: 26px;
font-weight: 900;
transition: all 0.3s ease-in-out;
}
.read-button-group a:hover {
opacity: 0.5;
} .intro-product .intro-copy h1 {
margin: 0 0 32px;
}
.product-cat-description p a {
color: #fcfdf4;
}
.intro-product .intro-copy ul {
margin: 0;
padding: 0 0 0 14px;
}
.intro-product .intro-copy ul li {
font-size: 16px;
line-height: 26px;
padding: 0 0 10px;
}
.intro-product .intro-copy ul li:last-child {
padding: 0;
}
.intro-product .intro-copy ul li::marker {
color: #C7D92D;
}
.intro-product .intro-copy a.popup-video {
width: auto;
padding: 9px 24px 12px;
display: inline-block;
}
.intro-product .intro-copy ul.breadcrumbs {
padding: 0 0 0 0;
margin-bottom: 32px;
}
.intro-product .intro-copy ul.breadcrumbs li {
font-size: 14px;
line-height: 19px;
font-weight: bold;
padding: 0;
margin: 0;
}
.intro-product .intro-copy ul.breadcrumbs li a .mdi-home {
font-size: 16px;
}
.intro-product .intro-copy ul.breadcrumbs li a,
.intro-product .intro-copy ul.breadcrumbs li::after,
.intro-product.product-variant-header .breadcrumbs li::after {
opacity: 0.4;
}
.intro-product.product-variant-header .breadcrumbs li:last-child a,
.intro-product .intro-copy ul.breadcrumbs li a:hover {
opacity: 1;
}
.intro-product .intro-copy ul.breadcrumbs li:last-child a {
opacity: 1;
}
.intro-product .intro-copy ul.breadcrumbs li a {
color: #FFFFFF !important;
transition: all 0.3s ease;
}
.intro-product.product-cat-intro .breadcrumbs img {
width: 14px;
height: 14px;
opacity: 1;
}
.intro-product .intro-copy .h2::after,
.intro-product .intro-copy h5::after {
height: 6px;
width: 80px;
margin-top: 0;
margin-bottom: 0;
}
.drop-down-content {
display: none;
}
.product-cat-description-inner {
position: relative;
max-height: 120px;
height: 120px;
overflow: hidden;
-webkit-transition: all 1.5s cubic-bezier(0, 1, 0, 1);
transition: all 1.5s cubic-bezier(0, 1, 0, 1);
}
.show-description .product-cat-description-inner {
max-height: 100vh !important;
height: 100%;
-webkit-transition: max-height 1.5s ease-in-out;
transition: max-height 1.5s ease-in-out;
} @media (min-width: 1200px) {
.read-more {
margin-top: 14px;
}
}
.read-more a {
color: #fcfdf4;
font-size: 20px;
line-height: 25px;
font-weight: 600;
position: relative;
}
.read-more a::before,
.read-more a::after {
content: "";
position: absolute;
top: 50%;
background-color: #fff;
transform: translateY(-50%);
}
.read-more a::after {
right: -20px;
width: 3px;
height: 15px;
}
.read-more a::before {
right: -26px;
width: 15px;
height: 3px;
}
.read-more.less a::after {
opacity: 0;
}
.read-more.less a::before {
top: 14px;
}
.browse-section .section-head {
display: flex;
margin-bottom: 50px;
}
.heading--full .browse-products {
width: auto;
padding-right: 0;
}
.browse-products {
width: 50%;
padding-right: 60px;
}
.section-head .browse-products h2 {
margin-top: 0px;
margin-bottom: 0px;
line-height: 55px;
}
.browse-products-content {
width: 50%;
max-width: 560px;
align-self: flex-end;
margin-left: 50px;
}
.browse-products-content p {
font-size: 20px;
line-height: 28px;
color: #232D39;
margin: 0 0 20px;
}
.browse-products-content p:last-child {
margin: 0;
}
.tiles .product-list-grid.grid.column-4,
.tiles.browse-section .product-list-grid.grid {
margin-left: 0;
margin-right: 0;
position: relative;
}
.tiles .product-list-grid.grid.column-4::before,
.tiles.browse-section .product-list-grid.grid::before {
content: "";
border-left: 1px solid #E5E5E5;
position: absolute;
left: 0;
top: 0;
width: 1px;
height: 100%;
}
.product-list-grid.grid.column-4 .col,
.browse-section .product-list-grid.grid .col {
width: calc(16.667% - 0px);
background-color: transparent;
border: 1px solid #E5E5E5;
border-bottom: none;
border-left: none;
border-radius: 0;
margin: 0;
transition: all 0.3s linear;
max-width: 240px;
box-shadow: 0px 1px 0px #E5E5E5, 0px 0px 0px #E5E5E5;
}
.product-list-grid.grid.column-4 .col:hover,
.browse-section .product-list-grid.grid .col:hover {
background-color: #232D39;
}
.product-list.product-list-grid .col .image img,
.product-list.product-list-grid .col .image a {
height: 200px;
width: 200px;
object-fit: contain;
margin-top: 0;
}
.product-list.product-list-grid .col .image {
padding: 0;
}
.single-product-section .breadcrumbs li a {
transition: all 0.3s ease;
}
.single-product-section .breadcrumbs li a:hover {
opacity: 1;
} .checkbox-container {
display: block;
position: relative;
padding-left: 26px;
margin-bottom: 12px;
cursor: pointer;
font-size: 22px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
} .checkbox-container input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
left: 0;
top: 4px;
} .checkmark {
position: absolute;
top: 4px;
left: 0;
height: 12px;
width: 12px;
background-color: #fff;
border: 2px solid #C7D92D;
}
.checkbox-container input:checked~.checkmark {
background-color: #C7D92D;
}
.checkmark:after {
content: "";
position: absolute;
display: none;
}
.checkbox-container input:checked~.checkmark:after {
display: block;
}
.checkbox-container .checkmark:after {
left: 2px;
top: -1px;
width: 4px;
height: 9px;
border: solid #232D39;
border-width: 0 1px 1px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.filters .filter+.filter {
display: flex;
align-items: center;
padding-left: 0;
}
.filters .filter+.filter>label {
width: 132px;
}
.product-list-grid.grid .tile .tile-copy .h4 {
font-size: 20px;
line-height: 27px;
font-weight: 600;
}
.product-list-grid .h4 a {
font-size: 20px;
line-height: 27px;
color: #232D39;
font-weight: 600;
transition: all 0.3s linear;
}
.product-list-grid.grid.column-4 .col:hover .tile-copy .h4 a,
.product-list-grid.grid .col:hover .tile-copy .h4 a {
color: #C7D92D;
}
.product-sku {
font-size: 14px;
line-height: 19px;
font-weight: 300;
color: #232D39;
transition: all 0.3s linear;
}
.product-list-grid.grid.column-4 .col:hover .product-sku,
.product-list-grid.grid .col:hover .product-sku {
color: #fff;
}
.rangeslider .slider-range {
position: relative;
left: -34px;
top: -35px;
max-width: 500px;
padding: 6px 0 4px;
font-size: 12px;
line-height: 12px;
color: #232D39;
width: 85px;
background-color: #C7D92D;
border-radius: 0;
font-weight: 600;
text-align: center;
}
.rangeslider .slider-range+span {
position: relative;
top: -30px;
left: 0px;
width: auto;
max-width: 500px;
display: flex;
}
.rangeslider .slider-range+span::after {
content: '';
height: 8px;
width: 8px;
position: absolute;
background-color: #C7D92D;
bottom: 11px;
left: 0;
border-top: #C7D92D solid 1px;
border-left: #C7D92D solid 1px;
transform: rotate(225deg);
z-index: -3;
right: 0;
margin: 0 auto;
}
.filters>.filter>label {
width: 140px;
}
.slider-range-value {
font-size: 14px;
line-height: 24px;
font-weight: 500;
top: 18px;
position: relative;
}
.slider-range-from {
left: -0.9em;
}
.slider-range-to {
left: 0.3em;
} .layer.categories-wrap {
background-color: #F6F6F6;
}
.category-position {
position: relative;
top: -120px;
}
.alternating .category-grid-col .col-text {
background-color: #C7D92D;
padding: 75px 40px;
}
.category-grid-col .col-text h5 {
display: none;
}
.category-grid-col .col-text h2 {
margin: 0 0 32px;
}
.alternating .category-grid-col h2::after {
background-color: #FFF;
margin-top: 0;
margin-bottom: 0;
}
.alternating .category-grid-col p {
margin: 0 0 24px;
font-size: 20px;
line-height: 28px;
}
.alternating .category-grid-col p:last-child {
margin: 0;
}
.alternating .category-grid-col .col-img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.categories-product { }
.categories-wrap .categories-product.tiles .inner {
padding: 0 40px;
}
.categories-product.tiles .grid.column-2 {
margin: 0;
}
.categories-product.tiles .grid.product-list {
margin: 0;
}
.categories-product.tiles .col.tile {
margin: 0;
width: 33.333%;
border-radius: 0;
background-color: #FFF;
border: 1px solid #E5E5E5;
border-top: 0;
border-left: none;
max-width: 480px;
box-sizing: border-box;
transition: background-color 0.6s ease;
}
.categories-product .product-list {
position: relative;
}
.categories-product .product-list::after {
content: "";
border-left: 1px solid #E5E5E5;
position: absolute;
left: 0;
top: 0;
width: 1px;
height: 100%;
}
.categories-product.tiles .col.tile:hover {
background-color: #232D39;
}
.categories-product .product-list .slide-wrap {
padding: 0;
display: flex;
}
.categories-product .product-list .slide-wrap a {
display: flex;
width: 100%;
height: 100%;
padding: 20px 32px;
}
.categories-product .product-list .col .image {
padding: 0;
}
.categories-product .product-list .col .image img {
margin-top: 0;
height: 160px;
width: 160px;
object-fit: contain;
}
.categories-product .product-list .col .image small {
display: none;
}
.categories-product.tiles .tile-copy .h4 {
font-size: 20px;
line-height: 27px;
font-weight: 600;
transition: all 0.3s ease;
margin-bottom: -10px;
}
.categories-product.tiles .col.tile:hover .h4 {
margin-bottom: 0;
}
.categories-product.tiles .tile-copy .h4 {
transition: all 0.3s ease;
}
.categories-product.tiles .col.tile:hover .h4 {
color: #C7D92D;
}
.categories-product .product-list .col .tile-copy {
align-self: center;
padding-left: 32px;
max-width: 224px
}
.cat-product-link .cat-product-link-holder {
font-size: 14px;
line-height: 19px;
font-weight: bold;
color: #FFF;
}
.cat-product-link {
transition: all 0.3s ease;
opacity: 0;
visibility: hidden;
margin-top: 8px;
}
.categories-product.tiles .col.tile:hover .cat-product-link {
opacity: 1;
visibility: visible;
}
.cat-product-link .cat-product-link-holder img {
width: 7px !important;
height: 7px;
object-fit: contain;
margin-left: 4px;
}
.browse-models {
background-color: #fff;
box-shadow: inset 0 -1px 0 0 #E5E5E5;
position: sticky;
top: 143px;
z-index: 99;
}
.browse-models.browse-models-hide {
display: none;
}
.browse-models .category-tabs {
display: flex;
background-color: #fff;
justify-content: space-between;
max-width: 1520px;
margin: 0 auto;
padding: 0 40px;
box-shadow: inset 0 -1px 0 0 #E5E5E5;
}
.browse-models .tabs .tabs-head ul {
border-bottom: none;
}
.browse-models .tabs .tabs-head ul li:hover,
.browse-models .tabs .tabs-head ul li:hover a {
border-bottom-color: transparent;
background: transparent;
color: #232D39;
}
.browse-models .tabs .tabs-head ul li {
border-bottom: none;
margin-bottom: 0;
padding: 0 40px 0 0;
}
.categories-wrap .browse-models .tabs .tabs-head ul li:last-child {
padding: 0;
}
.browse-models .category-tabs h3 {
font-size: 28px;
line-height: 40px;
letter-spacing: -0.6px;
margin: 0;
align-self: center;
}
.browse-models .category-tabs h3::after {
display: none;
}
.categories-wrap .browse-models .tabs .tabs-head ul li:first-child {
background: transparent;
border-color: transparent;
}
.categories-wrap .browse-models .tabs .tabs-head ul li:first-child a {
background-color: transparent;
color: #232D39;
}
.categories-wrap .browse-models .tabs .tabs-head ul li a {
font-size: 14px;
line-height: 19px;
padding: 0;
position: relative;
}
.category-grid {
margin-bottom: 80px;
}
.categories-wrap .browse-models .tabs .tabs-head ul li a span {
position: relative;
padding: 35px 0px 35px 0px;
display: flex;
}
.categories-wrap .browse-models .tabs .tabs-head ul li a span::after {
display: block;
position: absolute;
right: 0;
left: 0;
height: 6px;
content: "";
transition: transform .5s ease, background-color .3s ease;
transform: scaleX(0);
transform-origin: 100%;
background-color: #c7d92d;
bottom: 0;
}
.categories-wrap .browse-models .tabs .tabs-head ul li a:hover span::after {
transform: scaleX(1);
transform-origin: 0;
}
.layer.contact-form-section {
position: relative;
width: 100%;
height: auto;
min-height: auto;
background-color: #F6F6F6;
}
.teams-image {
background-size: cover;
background-position: center;
min-height: auto;
position: absolute;
width: 100%;
bottom: 0;
left: 0;
height: 100%;
max-height: 100%;
}
.contact-heading {
max-width: 390px;
}
.contact-heading h2 {
margin: 0 0 40px;
line-height: 45px;
}
.contact-heading h2::after {
background: #FFF;
margin-top: 5px;
}
.contact-form {
display: flex;
justify-content: flex-end;
margin-bottom: 40px;
margin-top: 40px;
}
.contact-text-form {
width: 100%;
height: 100%;
background-color: #C7D92D;
max-width: 660px;
padding: 60px 40px;
}
.input-field-two-col {
display: flex;
justify-content: space-between;
}
.input-field-two-col .two-col:first-child {
margin-right: 16px;
}
.two-col {
width: 100%;
}
.form-cta .input-field,
.form-cta .msg-field {
width: 100%;
margin: 0 0 0;
padding: 13px 20px;
font-size: 16px;
line-height: 26px;
background-color: #FFF;
border-radius: 0;
}
.msg-field {
resize: none;
min-height: 120px;
}
.contact-text-form .form-cta label {
font-size: 12px;
line-height: 12px;
color: #232D39;
font-weight: bold;
text-transform: uppercase;
padding: 0 0 8px;
display: flex;
cursor: auto;
}
.contact-form-captcha p {
font-size: 12px;
line-height: 22px;
color: #232D39;
margin: 0 0 20px;
}
.submit-btn .button {
min-width: 160px;
}
.input-border-holder {
position: relative;
margin: 0 0 20px;
}
.input-border {
position: absolute;
right: 0;
left: 0;
height: 3px;
content: "";
transition: transform .5s ease, background-color .3s ease;
transform: scaleX(0);
transform-origin: 100%;
background-color: #232d39;
bottom: 0;
}
input:focus+.input-border,
textarea:focus+.input-border {
transform: scaleX(1);
transform-origin: 0;
}
.input-field-two-col .input-border-holder .input-border {
bottom: 20px;
}
.contact-form-section .contact-text-form .input-field-two-col .input-border-holder .input-border {
bottom: 0px;
}
.contact-form-section .contact-form .form-cta {
display: flex;
flex-direction: column;
}
.contact-text-form .submit-btn {
width: auto;
align-self: flex-start;
}
.contact-form-section .contact-text-form input[type="text"],
.contact-form-section .contact-text-form input[type="email"],
.contact-form-section .contact-text-form textarea,
.contact-form-section .contact-text-form input[type="tel"] {
margin-bottom: 0px !important;
}
.contact-form .contact-text-form button {
margin-top: 20px;
} .tiles .browse-model-section.grid.column-2,
.tiles .browse-model-section.grid {
margin-left: 0;
margin-right: 0;
position: relative;
}
.tiles .browse-model-section.grid.column-2::after,
.tiles .browse-model-section.grid::after { }
.tiles .browse-model-section.grid.column-2,
.tiles .browse-model-section.grid { }
.browse-model-section.grid.column-2 .col.tile,
.browse-model-section.grid .col.tile {
margin: 0;
background: #FFFFFF;
box-shadow: 0px 0px 0px 1px #E5E5E5;
border-radius: 0;
border-left: none;
max-width: 480px;
box-sizing: border-box;
transition: all 0.6s ease;
width: 33.33%;
}
.browse-model-section.grid.column-2 .col.tile,
.browse-model-section.grid .col.tile {
border-top: none;
}
.browse-model-section.product-list .slide-wrap {
display: flex;
padding: 0;
}
.browse-model-section.product-list .slide-wrap a {
display: flex;
padding: 32px 20px;
}
.browse-model-section.product-list .col .image {
width: 40%;
padding-top: 0;
max-width: 160px;
}
.browse-model-section.product-list .col .image img {
margin-top: 0;
height: 134px;
width: 160px;
object-fit: contain;
}
.browse-model-section.product-list .col .tile-copy {
width: 60%;
align-self: center;
padding-right: 0;
padding-left: 12px;
}
.browse-model-section .tile .tile-copy .h4 {
font-size: 20px;
line-height: 27px;
font-weight: 600;
transition: all 0.3s ease-in-out;
margin-bottom: -10px;
}
.browse-model-section .tile-copy .h4 {
transition: all 0.6s ease;
}
.browse-model-section.grid.column-2 .col.tile:hover,
.browse-model-section.grid .col.tile:hover {
background-color: #232D39;
}
.browse-model-section .col.tile:hover .h4 {
margin-bottom: 0;
}
.browse-model-section .col.tile:hover .h4 {
color: #C7D92D;
}
.browse-model-section .col.tile:hover .cat-product-link {
opacity: 1;
visibility: visible;
}
.browse-by-model .section-head {
margin: 0 0 48px;
}
.browse-by-model .section-head h2 {
margin: 0;
line-height: 55px;
}
.browse-section {
padding: 40px 0px;
}
.archive .browse-section {
padding-top: 0px;
padding-bottom: 60px;
}
.archive .browse-section .inner {
padding-top: 0px;
padding-bottom: 0;
}
.intro-product+.browse-section {
padding-top: 60px;
}
.browse-by-model {
background-color: #F6F6F6;
}
.browse-section .product-list .slide-wrap {
height: 100%;
display: flex;
flex-direction: column;
}
.browse-section .product-list .col .tile-copy {
padding-right: 0;
display: flex;
flex-direction: column;
flex: 1 0 auto;
}
.button.product-btn {
text-align: center;
margin-top: 16px;
}
.browse-section .slide-wrap:hover .button.product-btn {
color: #232d39;
}
.browse-section .slide-wrap .button.product-btn:hover {
background-color: transparent;
color: #c7d92d;
}
.browse-section .product-sku {
flex: 1 0 auto;
} .single-product-section {
padding-top: 40px;
}
.single-product-section .grid.column-2 {
justify-content: space-between;
}
.single-product-section .grid.column-2>.col {
width: 47%;
}
.col.product-image-col,
.col.product-content-col,
.breadcrumbs-col {
max-width: 660px;
}
.single-product-section .col.product-content-col {
position: sticky;
top: 200px;
height: 100%;
}
.single-product-section .col.product-content-col .product-copy {
margin-bottom: 0;
}
.col.product-content-col {
margin-top: 15px;
padding-left: 20px;
}
.product-content-col .product-copy h3 {
font-size: 20px;
line-height: 20px;
margin: 0;
}
.product-content-col .product-copy h3::after {
display: none;
}
.product-content-col .product-copy h1 {
font-size: 40px;
line-height: 40px;
letter-spacing: -0.8px;
margin: 0;
}
.product-content-col .product-copy .sku {
font-size: 16px;
line-height: 26px;
font-weight: 600;
}
.product-content-col .stock.in-stock {
margin: 0;
font-size: 16px;
line-height: 26px;
}
.product-content-col p.price {
font-size: 20px;
font-weight: 600;
line-height: 27px;
margin: 0 60px 0 0;
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-self: flex-start;
margin-top: 0px;
}
.product-content-col .product-copy form.cart {
display: flex;
align-items: center;
margin: 32px 0 0;
}
.product-content-col .button {
margin-left: 60px;
}
.product-content-col .button:hover {
background-color: transparent;
}
.product-content-col .quantity {
display: flex;
flex-direction: column;
}
.quantity-cart-holder {
display: flex; }
.quantity-cart-holder .quantity { }
.total-price,
.product-quantity {
font-weight: 600;
color: #232D39;
}
.single-product .product-quantity {
font-size: 12px;
line-height: 12px;
font-weight: 600;
text-transform: uppercase;
opacity: 40%;
}
.total-price {
font-size: 12px;
line-height: 12px;
width: 100%;
opacity: 40%;
text-transform: uppercase;
margin-bottom: 16px;
}
.product-content-col .woocommerce-price-suffix {
margin-left: 6px;
}
.product-quantity {
margin-bottom: 8px;
}
.product-content-col .input-text.qty {
margin: 0;
padding: 7px 17px;
font-size: 16px;
line-height: 26px;
max-width: 85px;
}
.product-content-col .input-text.qty:focus {
outline: 0;
}
.quantity-fields {
position: relative;
border: 1px solid #E5E5E5;
}
.quantity-fields input[type=number]::-webkit-inner-spin-button,
.quantity-fields input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.quantity-fields input[type=number] {
-moz-appearance: textfield;
}
.quantity-fields input {
float: left;
display: block;
padding-left: 20px;
border: none;
}
.quantity-fields input:focus {
outline: 0;
}
.quantity-nav {
float: left;
position: relative;
height: 40px;
}
.quantity-button {
position: relative;
cursor: pointer;
width: 31px;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}
.quantity-button.quantity-up {
position: absolute;
height: 50%;
top: 0;
}
.quantity-button.quantity-down {
position: absolute;
bottom: 0;
height: 50%;
}
.quantity-button.quantity-up::after,
.quantity-button.quantity-down::after {
content: "";
position: absolute;
left: 6px;
width: 8px;
height: 8px;
background-size: contain;
}
.quantity-button.quantity-up::after {
top: 10px;
background-image: url(//www.tti.com.au/wp-content/themes/tti/img/Icons/Solid-Top.svg);
}
.quantity-button.quantity-down::after {
top: 2px;
background-image: url(//www.tti.com.au/wp-content/themes/tti/img/Icons/Solid-Bottom.svg);
}
.product-content-col .product-extras .h5 {
font-size: 12px;
line-height: 12px;
color: #232D39;
font-weight: 600;
text-transform: uppercase;
opacity: 40%;
}
.accessories-grid .image {
width: 32.5%;
height: 100px;
}
.accessories-grid .image .lazy,
.accessories-grid .variant-wrap img {
width: 100px;
height: 100px;
object-fit: contain;
}
.single-product .accessories-section.product-extras .grid.column-4 .col.tile {
margin: 0;
width: calc(50% - 0px);
max-width: 331px;
box-shadow: 0px 0px 0px 1px #E5E5E5;
box-sizing: border-box;
border-radius: 0;
}
.single-product .accessories-section.product-extras .grid.column-4 .col.tile .variant-wrap {
transition: all 0.3s ease;
}
.single-product .accessories-section.product-extras .grid.column-4 .col.tile:hover .variant-wrap {
background-color: #232D39;
}
.single-product .select_single_variation.variation_selected .variant-wrap,
.single-product .product_addon.addon_selected .variant-wrap {
background-color: #232D39;
}
.single-product .select_single_variation.variation_selected .variant-wrap .tile-copy .h4,
.single-product .select_single_variation.variation_selected .variant-wrap .tile-copy span,
.single-product .select_single_variation.variation_selected .woocommerce-price-suffix,
.single-product .product_addon.addon_selected .variant-wrap .tile-copy .h4,
.single-product .product_addon.addon_selected .variant-wrap .tile-copy span,
.single-product .product_addon.addon_selected .woocommerce-price-suffix {
color: #C7D92D;
}
.grid .accessories-col.tile.shadow {
margin-top: 0;
border-radius: 0;
}
.accessories-section .inner {
padding: 0 0 0 0;
margin: 50px 0 0;
}
.tiles .accessories-grid.grid.column-4 {
margin: 16px 0 0;
flex-wrap: wrap;
position: relative;
}
.accessories-col .variant-wrap {
margin-right: 0;
margin-left: 0;
border-radius: 0;
margin-bottom: 0;
display: flex;
padding: 12.5px 20.5px;
height: 100%;
}
.grid .accessories-col.tile .tile-copy {
padding-right: 0;
width: 67.5%;
text-align: left;
padding-left: 20px;
align-self: center;
}
.grid .accessories-col.tile .tile-copy .h4 {
font-size: 14px;
line-height: 19px;
font-weight: 600;
color: #232D39;
transition: all 0.3s ease;
}
.single-product .accessories-section.product-extras .grid.column-4 .col.tile:hover .h4 {
color: #C7D92D;
}
.grid .accessories-col.tile .tile-copy span {
font-size: 18px;
line-height: 24px;
font-weight: 600;
color: #232D39;
transition: all 0.3s ease;
}
.single-product .accessories-section.product-extras .grid.column-4 .col.tile:hover .tile-copy span {
color: #C7D92D;
}
.grid .accessories-col.tile .tile-copy .variation-sku {
font-size: 14px;
line-height: 19px;
font-weight: 600;
color: #232D39;
transition: all 0.3s ease;
}
.single-product .accessories-section.product-extras .grid.column-4 .col.tile:hover .variation-sku,
.single-product .accessories-section.product-extras .grid.column-4 .col.variation_selected .variation-sku {
color: #C7D92D;
}
.button-group.single-product-btn {
margin: 32px 0;
}
.single-product-btn.button-group a,
.single-product-btn.button-group button {
margin: 0 10px 0px 0px;
font-size: 16px;
line-height: 22px;
letter-spacing: -0.4px;
}
.single-product-btn .product-enquiry-btn::before {
display: none;
}
.simple-product.single-product-section .product-enquiry-call::after,
.simple-product.single-product-section .product-enquiry-call::before {
display: none;
}
.simple-product.single-product-section .product-enquiry-call img {
width: 16px;
height: 16px;
margin-right: 10px;
}
.simple-product.single-product-section a[href^="tel:"].product-enquiry-call {
padding-left: 24px;
}
.single-product-btn .product-enquiry-btn img {
width: 16px;
height: 16px;
object-fit: contain;
margin-right: 10px;
}
.single-product-btn .button:hover {
background-color: transparent;
}
.product-details.tick-points-simple {
margin: 32px 0 0;
}
.product-details .tick-points-simple ul li {
font-size: 14px;
line-height: 24px;
font-weight: 500;
color: #232D39;
}
.product-details p {
color: #232D39;
margin: 0 0 20px;
}
.product-details ul {
margin: 0;
padding: 0;
}
.product-details ul li {
font-size: 14px;
line-height: 19px;
color: #232D39;
font-weight: 600;
}
.tick-points-simple li::marker {
color: transparent;
}
.tick-points-simple li {
position: relative;
padding: 0 26px 12px;
}
.tick-points-simple ul li:last-child {
padding: 0 26px 0px;
}
.tick-points-simple li::before {
content: "";
position: absolute;
left: 0;
top: 7px;
background-image: url(//www.tti.com.au/wp-content/themes/tti/img/Icons/tick-yellow.svg);
background-size: contain;
width: 16px;
height: 16px;
background-repeat: no-repeat;
}
.single-product-image .woocommerce-product-gallery {
opacity: 1 !important;
}
.product-info-section.tabs-vertical .tab .tab-head a::after {
content: "";
position: absolute;
right: 0;
top: 50%;
background-image: url(//www.tti.com.au/wp-content/themes/tti/img/Icons/Plus.svg);
background-size: contain;
width: 20px;
height: 20px;
transform: translateY(-50%);
}
.product-info-section.tabs-vertical .tab.active .tab-head a::after {
content: " ";
background-image: url(//www.tti.com.au/wp-content/themes/tti/img/Icons/Minus.svg);
}
.product-details .tabs-vertical.product-info-section.tabs-vertical-desktop {
width: calc(100% + 60px);
}
.tabs-vertical.product-info-section.tabs-vertical-tablet {
display: none;
} .product-variant-header.intro-product .inner {
max-width: 1520px;
padding: 0px 40px 0px;
}
.product-variant-grid { }
.product-variant .inner {
padding: 80px 40px 80px;
}
.product-variant .product-variant-title {
margin: 0 0 60px;
}
.product-variant-col a {
display: flex;
flex-direction: column;
padding: 20px 20px;
transition: all 0.3s linear;
height: 100%;
width: 100%;
}
.product-variant-col a:hover {
background-color: #232D39;
}
.product-variant-col a img {
width: 200px;
height: 200px;
object-fit: contain;
}
.product-variant-grid .tile.col.product.product-variant-col {
border: 1px solid #E5E5E5;
margin: 0;
width: calc(16.667% - 0px);
box-sizing: border-box;
}
.product-variant-col a .product-title {
font-size: 20px;
line-height: 27px;
font-weight: 600;
color: #232D39;
transition: all 0.3s linear;
}
.product-variant-col a:hover .product-title {
color: #C7D92D;
}
.product-variant-col a .sku {
font-size: 14px;
line-height: 19px;
font-weight: 600;
color: #232D39;
padding: 0;
margin: 0;
transition: all 0.3s linear;
flex: 1 0 auto;
}
.product-variant-col a .sku:empty {
display: block;
}
.product-variant-col a:hover .sku {
color: #FFFFFF;
}
.product-variant-col a .sku::after {
display: none;
}
.product-variant-col a .product-title {
margin: 0;
}
.product-variant-col a .tti-product-tag {
font-size: 12px;
line-height: 12px;
top: 10px;
color: #232D39;
padding: 8px 16px;
}
.intro-product a.product-enquiry-call {
position: relative;
min-width: 188px;
padding: 9px 50px 12px;
}
.intro-product a.product-enquiry-call {
padding: 18px 2px 12px 28px;
}
.product-enquiry-call::after,
a.product-enquiry-call::before {
content: "";
position: absolute;
left: 37px;
top: 13px;
background-size: contain;
width: 16px;
height: 16px;
transition: all 0.6s ease;
}
.intro-product a.product-enquiry-call::before,
.intro-product a.product-enquiry-call::after {
top: 21px;
}
.product-enquiry-call::after { background-image: url(//www.tti.com.au/wp-content/themes/tti/img/Icons/Phone-dark.svg) !important;
}
.single-product .product-enquiry-call::after {
background-image: url(//www.tti.com.au/wp-content/themes/tti/img/Icons/Phone-dark.svg) !important;
}
.product-enquiry-call:hover::after {
opacity: 0;
}
a.product-enquiry-call::before {
background-image: url(//www.tti.com.au/wp-content/themes/tti/img/Icons/phone-green-dark.svg);
opacity: 0;
}
a.product-enquiry-call:hover::before {
opacity: 1;
}
.button.product-variant-btn {
text-align: center;
margin-top: 16px;
}
.button.product-variant-btn:hover {
background-color: transparent;
color: #c7d92d;
} .products-to-suit .inner {
padding: 40px 40px 80px;
}
.products-to-suit-heading h2 {
line-height: 55px;
margin: 0;
}
.product-list .products-to-suit-col.col .image img {
height: 160px;
width: 160px;
object-fit: contain;
margin-top: 0;
}
.products-to-suit-col {
transition: all 0.3s ease-in-out;
}
.products-to-suit-col .tile-copy .h4 {
transition: all 0.3s ease-in-out;
margin-bottom: -10px;
}
.products-to-suit-col.col.tile:hover .h4 {
margin-bottom: 0;
color: #C7D92D !important;
}
.products-to-suit-col .tile-copy .h4 a {
transition: all 0.6s ease;
}
.products-to-suit-col.col.tile:hover .cat-product-link {
opacity: 1;
visibility: visible;
}
.products-to-suit-col .slide-wrap:hover .tile-copy .h4 a {
color: #C7D92D;
}
.products-to-suit-col .slide-wrap:hover .tile-copy a {
color: #fff;
} .galleryslider.section-gallery .inner {
max-width: 1520px;
padding: 80px 40px 80px;
}
.section-gallery .gallery-slider {
padding-bottom: 60px;
}
.section-gallery .gallery-slider img {
height: 400px;
object-fit: cover;
}
.gallery-slider .slick-prev,
.gallery-slider .slick-next {
top: auto;
bottom: 0;
margin-top: 0;
width: 60px;
height: 60px;
min-width: auto;
border-radius: 0;
}
.gallery-slider .slick-prev::before,
.gallery-slider .slick-next::before {
content: " ";
height: 20px;
width: 20px;
background-size: contain;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
background-repeat: no-repeat;
transition: opacity 0.6s ease;
}
.gallery-slider .slick-prev::before {
background-image: url(//www.tti.com.au/wp-content/themes/tti/img/Icons/Stem-Left.svg);
}
.gallery-slider .slick-next::before {
background-image: url(//www.tti.com.au/wp-content/themes/tti/img/Icons/Stem-Right.svg);
}
.gallery-slider .slick-prev:hover::before,
.gallery-slider .slick-next:hover::before {
opacity: 0;
}
.gallery-slider .slick-prev::after,
.gallery-slider .slick-next::after {
opacity: 0;
content: " ";
height: 20px;
width: 20px;
background-size: contain;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
background-repeat: no-repeat;
transition: opacity 0.6s ease;
}
.gallery-slider .slick-prev:hover::after {
background-image: url(//www.tti.com.au/wp-content/themes/tti/img/Icons/Stem-Left-Yellow.svg);
opacity: 1;
height: 15px;
}
.gallery-slider .slick-next:hover::after {
background-image: url(//www.tti.com.au/wp-content/themes/tti/img/Icons/Stem-Right-Yellow.svg);
opacity: 1;
height: 15px;
}
.gallery-slider .slick-slide {
height: auto;
} .contact-us-details {
font-size: 28px;
line-height: 40px;
letter-spacing: -0.56px;
color: #232D39;
font-weight: 600;
max-width: 500px;
}
.contact-us-details a {
text-decoration: underline;
} .testimonials-section {
margin-top: 80px;
}
.testimonials.testimonials-section .inner {
padding: 20px 40px 20px;
}
.testimonials.testimonials-section .testimonial-inner {
padding: 0;
justify-content: space-between;
}
.testimonials.testimonials-section .big-comma {
align-items: center;
align-self: flex-start;
margin-top: 40px;
}
.testimonials.testimonials-section .big-comma img {
height: 40px;
width: 40px;
}
.testimonials.testimonials-section .tetimonial__text p:first-child {
margin: 0;
}
.testimonials.testimonials-section .tetimonial__text p:last-child {
margin: 20px 0 0;
}
.testimonials.testimonials-section .tetimonial__text {
margin-top: 0;
max-width: 620px;
margin-right: 20px;
align-self: center;
}
.layer.testimonials.testimonials-section .tile-image-background {
position: relative;
top: -60px;
right: 0;
}
.layer.testimonials.testimonials-section.testimonials.testimonials-grey-bg-with-video {
overflow-x: unset !important;
}
.home .content-slider .col-text-inner p {
font-size: 20px;
line-height: 28px;
color: #232D39;
margin: 0 0 20px;
}
.home .content-slider.dark .col-text-inner p {
color: #fcfdf4;
}
.home .content-slider .col-text-inner p:last-child {
margin: 0;
} .testimonials.testimonials-section .inner.testimonial-container {
padding: 20px 0px 20px 40px;
}
.testimonial-container .j-testimonials-slider.slick-slider {
top: -60px;
}
.testimonial-container .testimonial--text-container.testimonials-text {
margin-top: 60px;
}
.layer.testimonials.testimonials-section .testimonial-container .tile-image-background {
right: 40px;
top: 0;
}
.testimonials.testimonials-section .testimonial-container .tetimonial__text {
margin-right: 50px;
margin-top: 60px;
} .intro-default .flex .left {
min-height: 480px;
opacity: 80%;
padding-top: calc(140 / 1160 * 100%);
padding-bottom: calc(140/ 1160 * 100%);
}
.intro-default .flex .right {
padding: 130px 60px;
}
.right h4 {
font-size: 20px;
line-height: 27px;
margin: 0 0 16px;
}
.right h1 {
font-size: 40px;
line-height: 55px;
letter-spacing: -0.8px;
color: #C7D92D;
margin: 0 0 32px;
position: relative;
}
.right h1::after {
content: "";
position: absolute;
left: 0;
bottom: -4px;
background-color: #C7D92D;
width: 80px;
height: 6px;
}
.right p {
font-size: 20px;
line-height: 28px;
margin: 0 0 20px;
color: #FFFFFF;
}
.alternating .grid .col+.col-text .col-inner {
width: 100%;
}
.contact-us-form form [data-layout="true"] {
max-width: 660px;
}
.contact-us-form .emptyContainer {
padding: 0 !important;
}
.contact-us-form .emptyContainer .containerWrapper .columnContainer {
padding: 0 !important;
width: calc(50% - 8px) !important;
}
.contact-us-form .lp-ellipsis {
font-size: 12px;
line-height: 12px;
font-weight: bold;
color: #232D39;
text-transform: uppercase;
}
.contact-us-form input[type="text"],
.contact-us-form input[type="email"],
.contact-us-form textarea,
.contact-us-form input[type="tel"] {
margin-bottom: 20px;
background: #FFFFFF;
font-size: 16px;
line-height: 26px;
padding: 13.5px 20.5px;
border-radius: 0;
border: 1px solid #E5E5E5;
}
.contact-us-form input[type="text"]:focus-visible,
.contact-us-form input[type="email"]:focus-visible,
.contact-us-form textarea:focus-visible,
.contact-us-form input[type="tel"]:focus-visible {
outline: none;
}
.contact-us-form .containerWrapper .columnContainer:nth-child(2) {
margin-right: 16px;
}
.contact-us-form form [data-layout="true"] .emptyContainer+div {
padding: 0 !important;
}
.contact-us-form form [data-layout="true"] .emptyContainer+div .containerWrapper .columnContainer {
padding: 0px !important;
margin-right: 0px;
}
.contact-us-form textarea {
height: 100px;
resize: none;
}
.contact-us-form input[type="submit"],
.contact-us-form button {
min-width: 160px;
}
.contact-us-form input[type="submit"]:hover,
.contact-us-form button:hover {
background-color: transparent;
border-color: #c7d92d;
color: #c7d92d;
}
.contact-us-form form span.lp-radioButton input {
margin-right: 12px;
float: left;
}
.contact-us-form .lp-radioButton .lp-ellipsis {
font-size: 14px;
line-height: 24px;
font-weight: 400;
color: #232D39;
}
.contact-us-form .lp-radioButton input[type="radio"] {
transform: scale(1);
margin-top: 5px;
}
.contact-us-form div:focus {
outline: none;
}
.dark .contact-us-form .lp-ellipsis {
color: #FFFFFF;
}
.dark .contact-us-form .lp-radioButton .lp-ellipsis {
color: #FFFFFF;
}
.dark .contact-us-form input[type="submit"]:hover,
.dark .contact-us-form button:hover {
border-color: #c7d92d;
color: #c7d92d;
}
.contact-us-form form div.lp-radioButtonsContainer {
width: 100%;
}
.contact-us-form form div.lp-radioButtonsContainer>span:nth-child(1) {
width: 100%;
display: flex;
flex-direction: column;
}
.contact-us-form form span.lp-checkboxListItem,
.contact-us-form form span.lp-radioButton {
width: 48%;
float: left;
margin: 0 0 4px;
}
.contact-us-form form div .lp-radioButtonsContainer>span:nth-child(1)>span:nth-child(1) {
margin-bottom: 12px;
}
.contact-us-form .columnContainer>div:nth-child(4) {
margin-top: 8px !important;
} form [data-layout="true"] {
max-width: 660px !important;
}
.emptyContainer {
padding: 0 !important;
}
.emptyContainer .containerWrapper .columnContainer {
padding: 0 !important;
width: calc(50% - 8px) !important;
}
.page-id-29647 .emptyContainer:not(:first-child) .containerWrapper .columnContainer {
width: 100% !important;
}
form .containerWrapper .lp-ellipsis {
font-size: 12px;
line-height: 12px; font-weight: 600;
color: #232D39;
text-transform: uppercase;
font-family: 'Founders', Arial, Helvetica, sans-serif !important;
}
form .containerWrapper input[type="text"],
form .containerWrapper input[type="email"],
form .containerWrapper textarea,
form .containerWrapper input[type="tel"] {
margin-bottom: 20px;
background: #FFFFFF;
font-size: 16px;
line-height: 26px;
padding: 13.5px 20.5px;
border-radius: 0;
border: 1px solid #E5E5E5;
}
form .containerWrapper input[type="tel"] {
margin-bottom: 0 !important;
}
.page-id-17187 form .containerWrapper input[type="tel"] {
margin-bottom: 20px !important;
}
div[data-editorblocktype="Field-phone"] {
margin-top: 0 !important; }
.lp-form-field.lp-radioButtonsContainer::after {
display: none;
}
form .containerWrapper input[type="text"]:focus-visible,
form .containerWrapper input[type="email"]:focus-visible,
form .containerWrapper textarea:focus-visible,
form .containerWrapper input[type="tel"]:focus-visible {
outline: none;
}
form .containerWrapper .columnContainer:nth-child(2) {
margin-right: 16px;
padding: 0 !important;
}
form [data-layout="true"] div[data-section="true"] {
padding: 0 !important;
}
form [data-layout="true"] .emptyContainer+div {
padding: 0 !important;
}
form [data-layout="true"] .emptyContainer+div .containerWrapper .columnContainer {
padding: 0px !important;
margin-right: 0px;
}
form .containerWrapper textarea {
height: 100px;
resize: none;
}
form .containerWrapper input[type="submit"],
form .containerWrapper button {
min-width: 160px;
}
form .containerWrapper input[type="submit"]:hover,
form .containerWrapper button:hover {
background-color: transparent;
border-color: #c7d92d;
color: #c7d92d;
}
form span.lp-radioButton input {
margin-right: 12px !important;
float: left !important;
}
form .containerWrapper .lp-radioButton .lp-ellipsis {
font-size: 14px;
line-height: 24px;
font-weight: 400;
color: #232D39;
}
form .containerWrapper .lp-radioButton input[type="radio"] {
transform: scale(1);
margin-top: 5px;
}
div:focus {
outline: none;
}
.dark .lp-ellipsis {
color: #FFFFFF;
}
.dark .lp-radioButton .lp-ellipsis {
color: #FFFFFF;
}
.dark input[type="submit"]:hover,
.dark button:hover {
border-color: #c7d92d;
color: #c7d92d;
}
form div.lp-radioButtonsContainer {
width: 100% !important;
}
form div.lp-radioButtonsContainer>span:nth-child(1) {
width: 100%;
display: flex;
flex-direction: column;
}
form span.lp-checkboxListItem,
form span.lp-radioButton {
width: 48%;
float: left;
margin: 0 0 4px !important;
}
form div .lp-radioButtonsContainer>span:nth-child(1)>span:nth-child(1) {
margin-bottom: 12px;
}
.columnContainer>div:nth-child(4) {
margin-top: 8px !important;
}
form .containerWrapper .columnContainer[data-container-width="50"] {
width: calc(50% - 8px) !important;
padding: 0 !important;
}
.content-columns .columnContainer [data-editorblocktype="SubmitButtonBlock"] p {
margin: 0;
} .content-columns .grid.column-2 .col:first-child {
padding-right: 5%;
}
.content-columns .grid.column-2 .col:last-child {
padding-left: 5%;
} .contact-text-form form>div>div {
padding: 0 !important;
}
.contact-text-form .columnContainer {
padding: 0 !important;
}
.contact-text-form .containerWrapper .columnContainer:nth-child(2) { }
.contact-text-form form .containerWrapper .columnContainer[data-container-width="50"] {
width: calc(50% - 8px) !important;
}
.contact-text-form form .containerWrapper .columnContainer[data-container-width="50"]:nth-child(2n) {
margin-right: 16px;
}
.contact-text-form form .containerWrapper .columnContainer[data-container-width="100"] {
width: 100% !important;
margin-right: 0;
}
.contact-text-form form .containerWrapper .columnContainer[data-container-width="100"]>div {
width: 100%;
margin-top: 0 !important;
}
.contact-text-form form>div div:nth-child(2) .containerWrapper .columnContainer {
flex-direction: row !important;
}
.contact-text-form input[type="text"],
.contact-text-form input[type="email"],
.contact-text-form textarea,
.contact-text-form input[type="tel"] {
margin-bottom: 20px !important;
padding: 13px 20px !important;
border-radius: 0 !important;
font-size: 16px;
line-height: 26px;
border: none !important;
background-color: #FFF !important;
}
.contact-text-form input:focus-visible,
.contact-text-form textarea:focus-visible {
outline: none;
}
.contact-text-form form div+div+div .containerWrapper .columnContainer { }
.contact-text-form textarea {
height: 120px;
resize: none;
}
.contact-text-form .columnContainer p {
margin: 0;
}
.contact-text-form input[type="submit"],
.contact-text-form button {
background-color: #232D39;
color: #FFFFFF;
min-width: 160px;
border: 3px solid transparent;
}
.contact-text-form input[type="submit"]:hover,
.contact-text-form button:hover {
border-color: #232D39 !important;
color: #232D39 !important;
background-color: #c7d92d !important;
}
.lp-form-field {
position: relative;
}
.lp-form-field::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
height: 3px;
background-color: #232d39;
width: 100%;
transition: transform .5s ease, background-color .3s ease;
transform: scaleX(0);
transform-origin: 100%;
}
input:focus+.input-border,
textarea:focus+.input-border {
transform: scaleX(1);
transform-origin: 0;
}
.lp-form-field.line-animation::after {
transform: scaleX(1);
transform-origin: 0;
}
.contact-form-captcha {
margin-bottom: 20px;
}
.contact-text-form p {
margin: 0;
}
.alternating .col-inner a.button {
text-decoration: none;
}
.alternating .col-inner a.button:hover {
background-color: transparent;
color: #c7d92d;
}
.alternating .col-inner a.button--dark:hover {
color: #232d39;
} .contact-text-form form div:nth-child(2) {
margin-right: 0;
}
.contact-text-form form div:nth-child(2)>.containerWrapper .columnContainer {
min-height: 50px !important;
}
.contact-text-form form div:nth-child(2) .containerWrapper .columnContainer strong {
display: none;
} .contact-text-form .lp-ellipsis,
.contact-text-form .lp-form-field font span {
font-size: 12px !important;
line-height: 12px; font-weight: 600;
text-transform: uppercase;
color: #232D39;
font-family: 'Founders', Arial, Helvetica, sans-serif !important;
}
.contact-text-form .emptyContainer .lp-ellipsis {
font-weight: 600;
} .data-form-frame form [data-layout="true"] {
max-width: 660px;
}
.data-form-frame form [data-layout="true"] [data-section="true"] {
padding: 0 !important;
}
.data-form-frame .emptyContainer {
padding: 0 !important;
}
.data-form-frame .emptyContainer .containerWrapper .columnContainer {
padding: 0 !important;
width: calc(50% - 8px) !important;
}
.data-form-frame .lp-ellipsis {
font-size: 12px;
line-height: 12px;
font-weight: bold;
color: #232D39;
text-transform: uppercase;
}
.data-form-frame input[type="text"],
.data-form-frame input[type="email"],
.data-form-frame textarea,
.data-form-frame input[type="tel"] {
margin-bottom: 20px;
background: #FFFFFF;
font-size: 16px;
line-height: 26px;
padding: 13.5px 20.5px;
border-radius: 0;
border: 1px solid #E5E5E5;
}
.data-form-frame input[type="text"]:focus-visible,
.data-form-frame input[type="email"]:focus-visible,
.data-form-frame textarea:focus-visible,
.data-form-frame input[type="tel"]:focus-visible {
outline: none;
}
.data-form-frame .containerWrapper .columnContainer {
width: calc(50% - 8px) !important;
padding: 0 !important;
}
.data-form-frame .containerWrapper .columnContainer:nth-child(2) {
margin-right: 16px;
}
.data-form-frame>form:nth-child(3)>div:nth-child(2)>div:nth-child(1)>.containerWrapper>.columnContainer,
.data-form-frame>form:nth-child(3)>div:nth-child(3)>div:nth-child(1)>.containerWrapper>.columnContainer {
width: 100% !important;
margin-right: 0;
}
.data-form-frame form [data-layout="true"] .emptyContainer+div {
padding: 0 !important;
}
.data-form-frame form [data-layout="true"] .emptyContainer+div .containerWrapper .columnContainer {
padding: 0px !important;
margin-right: 0px;
}
.data-form-frame textarea {
height: 100px;
resize: none;
}
.data-form-frame input[type="submit"],
.data-form-frame button {
min-width: 160px;
}
.data-form-frame input[type="submit"]:hover,
.data-form-frame button:hover {
background-color: transparent;
border-color: #c7d92d;
color: #c7d92d;
}
.data-form-frame form span.lp-radioButton input {
margin-right: 12px;
float: left;
}
.data-form-frame .lp-radioButton .lp-ellipsis {
font-size: 14px;
line-height: 24px;
font-weight: 400;
color: #232D39;
}
.content-columns .button.small:hover {
background-color: transparent;
color: #c7d92d;
}
.contact-us-form form [data-editorblocktype="SubmitButtonBlock"] p {
margin: 0;
}
.contact-us-form+p+div+p {
display: none;
}
.contact-us-form+p {
display: none;
}
div[data-is-loading="true"]+p,
div[data-is-loading="true"]+p+div,
div[data-is-loading="true"]+p+div+p {
display: none;
} .popup .popup-content-wrapper {
max-width: 660px;
padding: 40px;
}
.popup-intro h3 {
font-size: 40px;
line-height: 55px;
letter-spacing: -0.8px;
margin-bottom: 0;
}
.popup-content-wrapper .containerWrapper .columnContainer {
padding: 0 !important;
display: flex !important;
flex-wrap: wrap;
justify-content: space-between;
}
.popup-content-wrapper form>div div:nth-child(1),
.popup-content-wrapper form>div div:nth-child(2),
.popup-content-wrapper form>div div:nth-child(3),
.popup-content-wrapper form>div div:nth-child(4),
.popup-content-wrapper form>div div:nth-child(5) {
padding: 0 !important;
}
.popup-content-wrapper form .containerWrapper .columnContainer[data-container-width="50"] {
width: calc(50% - 8px) !important;
}
.popup-content-wrapper form .containerWrapper .columnContainer[data-container-width="50"]:nth-child(2n) {
margin-right: 16px;
}
.popup-content-wrapper form .containerWrapper .columnContainer[data-container-width="100"] {
width: 100% !important;
margin-right: 0px;
}
.popup-content-wrapper form .containerWrapper .columnContainer[data-container-width="100"]>div {
width: 100%;
margin-top: 0 !important;
}
.popup-content-wrapper form>div div:nth-child(2) .containerWrapper .columnContainer {
flex-direction: row !important;
}
.popup-content-wrapper .lp-ellipsis {
font-size: 12px;
line-height: 12px;
color: #232D39;
font-weight: bold;
text-transform: uppercase;
}
.popup-content-wrapper .marketing-field .lp-form-field font span {
font-size: 12px !important;
line-height: 12px !important;
color: #232D39; font-weight: 600;
font-family: 'Founders', Arial, Helvetica, sans-serif !important;
}
.popup-content-wrapper .emptyContainer .lp-ellipsis {
font-weight: 600;
}
.popup-content-wrapper input[type="text"],
.popup-content-wrapper input[type="email"],
.popup-content-wrapper textarea,
.popup-content-wrapper input[type="tel"] {
margin-bottom: 20px;
background: #F6F6F6 !important;
line-height: 26px;
padding: 12px 20px !important;
border-radius: 0;
font-size: 16px;
color: #232D39 !important;
box-shadow: inset 0 -1px 0 0 #E5E5E5;
border: none !important;
}
.popup-content-wrapper input:focus-visible,
.popup-content-wrapper textarea:focus-visible,
.popup-content-wrapper input:focus,
.popup-content-wrapper textarea:focus {
outline: none;
}
.popup-content-wrapper textarea {
height: 120px;
resize: none;
}
.popup-content-wrapper a.button,
.popup-content-wrapper input[type="submit"],
.popup-content-wrapper button {
min-width: 160px;
}
.popup-content-wrapper a.button:hover,
.popup-content-wrapper input[type="submit"]:hover,
.popup-content-wrapper button:hover {
background-color: transparent;
border-color: #232d39;
}
.popup-content-wrapper .emptyContainer {
padding: 0 !important;
}
.popup-content-wrapper .emptyContainer .columnContainer {
min-height: 70px !important;
}
.popup-content-wrapper .emptyContainer .containerWrapper .columnContainer p {
margin: 0;
}
.popup-content-wrapper .emptyContainer .containerWrapper .columnContainer p span {
font-size: 22px;
line-height: 32px;
font-weight: 600;
color: #232D39;
}
.popup-content-wrapper .containerWrapper p {
margin: 0;
}
.popup-intro {
position: relative;
margin-bottom: 40px;
}
.popup .popup-intro .button-x {
top: 0;
right: 0;
width: 24px;
height: 24px;
display: flex;
background: transparent;
} .footer .button-group a,
.footer .button-group button {
margin: 0 0px 0px 0px;
}
.footer-meta .footer_meta_text {
line-height: 26px;
}
.footer-meta .tos {
font-size: 16px;
line-height: 26px;
font-weight: 300;
transition: opacity 0.3s ease;
}
.footer-meta .tos:hover {
opacity: 0.5;
} .features-cards .card .bg-img {
display: block !important;
height: 22.3vw;
width: 22.3vw;
border-radius: 100%;
max-height: 220px;
max-width: 220px;
border: 25px solid #C7D92D;
margin-bottom: 32px;
object-fit: cover;
object-position: center;
background-size: cover;
background-position: center;
}
.features-cards .card.background-image::before {
display: none;
}
.features-cards.cards .grid.column-3 {
margin: 0;
border-left: 1px solid #E5E5E5;
border-top: 1px solid #E5E5E5;
}
.features-cards .grid.column-3 .card.col {
margin: 0;
background-color: #fff;
border-radius: 0;
width: calc(33.33% - 0px);
border: 1px solid #E5E5E5;
border-left: none;
border-top: 0;
display: flex !important;
}
.features-cards.cards .card .tile-copy {
position: relative;
padding: 0;
}
.features-cards.cards .card-inner {
width: 100%;
height: 100%;
padding: 32px 28px;
}
.features-cards.cards .card .tile-copy h4 {
font-size: 20px;
line-height: 27px;
color: #232D39;
margin: 0 0 12px;
}
.features-cards.cards .card .tile-copy p {
font-size: 16px;
line-height: 26px;
color: #232D39;
margin: 0 0 12px;
}
.features-cards.cards .section-head {
margin-bottom: 40px;
}
.features-cards.cards .section-head h2 {
margin: 0;
font-size: 40px;
line-height: 55px;
}
.features-cards.cards .card {
background-image: none !important;
}
.full-width-text .section-head {
margin-bottom: 20px;
}
.full-width-text-content p {
font-size: 18px;
line-height: 26px;
font-weight: 400;
margin: 0 0 15px;
color: #232D39;
} .application-form .section-head.center h2,
.application-form .section-head.center>p {
text-align: left;
} .dealer-locator .inner.content {
padding: 80px 40px;
}
.dealer-holder {
border: 1px solid #E5E5E5;
border-top: 6px solid #C7D92D;
}
.dealer-holder .section-head h5 {
font-size: 20px;
line-height: 27px;
letter-spacing: -0.4px;
margin: 0;
padding: 0;
}
.dealer-holder .section-head h5::after {
display: none;
}
.nearest-store {
display: flex;
justify-content: space-between;
align-items: center;
padding: 0px 24.5px;
}
.location-holder {
display: flex;
align-items: center;
width: 70%;
max-width: 824px;
}
.dealer-holder .section-head {
margin-bottom: 0;
padding: 24px 24.5px 16px;
}
.premium-dealer-holder {
width: 30%;
max-width: 378px;
display: flex;
justify-content: flex-end;
padding-left: 20px;
}
.premium-dealer-holder a {
font-size: 16px;
line-height: 18px;
font-weight: 600;
letter-spacing: -0.2px;
color: #232D39;
display: flex;
align-items: center;
}
.premium-dealer-holder a:first-child {
margin-right: 40px;
}
.premium-dealer-holder img {
width: 32px;
height: 40px;
object-fit: contain;
margin-right: 12px;
}
.nearest-store>input {
margin-bottom: 0;
min-height: 49px;
margin-right: 20px;
}
.location-holder input.pac-target-input {
font-size: 14px;
line-height: 22px;
letter-spacing: -0.35px;
color: #232D39;
background: #F6F6F6;
padding: 15px 20px;
margin-bottom: 0;
border-radius: 0;
border: 1px solid transparent;
}
.nearest-store #autocomplete {
max-width: 480px;
}
.nearest-store input.pac-target-input:focus-visible {
outline: none;
}
.location-holder .error,
.location-holder input.pac-target-input.error {
border: 1px solid red;
}
.location-holder .success,
.location-holder input.pac-target-input.success {
border: 1px solid green;
}
.nearest-store input[type="submit"] {
background-color: #232D39;
padding: 12px 24px 12px;
color: #FFFFFF;
letter-spacing: -0.2px;
border: solid 3px #232D39;
}
.nearest-store input[type="submit"]:hover {
background-color: transparent;
color: #232D39;
}
.nearest-store .button:focus-visible {
outline: none;
}
.acf-map.nearest-store-map {
margin: 0px 0;
height: 750px;
background-color: #94948e;
}
.acf-map.nearest-store-map div.gm-style {
background-color: #94948e !important;
}
.nearest-store-results {
display: flex;
margin-top: 25.5px;
border-top: 1px solid #E5E5E5;
}
.nearest-store-results .store-results {
width: 40%;
max-width: 480px;
margin-right: 0;
height: 750px;
overflow-y: scroll;
background-color: #fff;
}
.nearest-store-results .nearest-store-map {
position: relative;
overflow: hidden;
width: 70%;
max-width: 960px;
}
.dealer-name {
display: flex;
justify-content: space-between;
margin-bottom: 0px;
}
.dealer-name h4 {
font-size: 24px;
line-height: 36px;
letter-spacing: -0.48px;
margin: 0 0 16px;
max-width: 380px;
width: 85%;
}
.dealer-name img {
max-width: 32px;
height: 38px;
width: 15%;
object-fit: contain;
object-position: center;
margin-left: 15px;
}
.dealer-address {
font-size: 14px;
line-height: 22px;
letter-spacing: -0.35px;
margin: 0 0 5px;
max-width: 100%;
color: #232D39;
}
.dealer-web-phone-info {
display: flex;
justify-content: space-between;
}
.dealer-website {
width: 100%;
}
.dealer-website a {
font-size: 16px;
line-height: 22px;
font-weight: 600;
letter-spacing: -0.2px;
color: #232D39;
margin: 0 0 8px;
}
.dealer-phone {
margin: 0 0 16px;
}
.dealer-phone a {
font-size: 14px;
line-height: 22px;
letter-spacing: -0.35px;
color: #232D39;
transition: 0.3s all ease-in-out;
}
.dealer-phone a:hover {
opacity: 0.5;
}
.dealer-website p {
margin: 0;
}
.dealer-web-phone-info>p {
margin: 0;
width: 31%;
}
.dealer-direction {
font-size: 14px;
line-height: 19px;
font-weight: 600;
letter-spacing: -0.2px;
margin: 0;
position: relative;
color: #232D39;
max-width: 72px;
}
.dealer-direction::after {
content: "";
background-image: url(//www.tti.com.au/wp-content/themes/tti/img/Solid-Right.svg);
background-size: contain;
background-repeat: no-repeat;
width: 7px;
height: 8px;
position: absolute;
right: 0;
top: 8px;
}
.dealerInner {
position: relative;
} .dealer-web-phone-info a,
.dealer-direction {
transition: opacity 0.3s ease;
}
.dealer-web-phone-info a:hover,
.dealer-direction:hover {
opacity: 0.5;
}
.acf-map.nearest-store-map .gm-style .gmnoprint {
width: 165px; flex-direction: row-reverse;
justify-content: space-between; }
.acf-map.nearest-store-map .gm-style .gmnoprint .gm-style-mtc,
.acf-map.nearest-store-map .gm-style .gmnoprint .gm-style-mtc,
.acf-map.nearest-store-map .gm-style .gm-svpc,
.gm-control-active.gm-fullscreen-control {
display: none;
}
.acf-map.nearest-store-map .gm-style .gmnoprint .gm-style-mtc ul {
left: -18px !important;
}
.dealer-info .h3 {
font-size: 20px;
line-height: 27px;
letter-spacing: -0.4px;
color: #232D39;
font-weight: 600;
margin: 0 0 16px;
}
.dealer-info .h3::after {
display: none;
}
.dealer-info .address {
font-size: 14px;
line-height: 22px;
letter-spacing: -0.35px;
color: #232D39;
margin: 0 0 8px;
}
.dealer-info .phone {
font-size: 14px;
line-height: 22px;
letter-spacing: -0.35px;
} .radius-select {
position: relative;
margin-right: 12px;
margin-left: 12px;
}
.radius-select select {
display: none;
}
.select-selected:after {
position: absolute;
content: "";
top: 23px;
right: 20px;
width: 12px;
height: 12px;
background-image: url(//www.tti.com.au/wp-content/themes/tti/img/Icons/dropdown-arrow.svg);
background-size: contain;
background-repeat: no-repeat;
}
.select-selected.select-arrow-active:after {
transform: rotate(180deg);
top: 18px;
}
.select-selected {
border-radius: 0;
}
.select-items,
.select-selected {
background-color: #F6F6F6;
color: #232D39;
padding: 15px 20px;
border: none;
cursor: pointer;
user-select: none;
min-width: 120px;
}
.select-items {
position: absolute;
background-color: #fff;
top: 52px;
left: 0;
right: 0;
z-index: 99;
border-top: 0;
padding-top: 8px;
}
.select-items div {
padding: 0px 0px 5px 0;
}
.select-items div:last-child {
padding: 0;
}
.select-hide {
display: none;
}
.select-items div:hover,
.same-as-selected {
opacity: 0.5;
}
.results-wrap .dealerTile:last-child {
margin-bottom: 13px;
}
.dealer-info p {
margin: 0 0 20px;
color: #232D39;
}
.nearest-store-map .dealer-info p:last-child {
margin: 0;
}
.radius-select .select-selected {
border: 1px solid transparent;
}
.location-holder .select-selected.error {
border: 1px solid red;
}
.location-holder .select-selected.success {
border: 1px solid green;
}
button.gm-ui-hover-effect {
position: absolute !important;
width: auto !important;
height: auto !important;
top: -8px !important;
right: -8px !important;
min-width: auto;
}
button.gm-ui-hover-effect:nth-child(2)>img:nth-child(1) {
width: 14px !important;
height: 14px !important;
margin: 0 !important;
}
.gm-style .gm-style-iw-c {
border-radius: 8px;
padding: 24.5px 24px 24.5px;
max-width: 440px !important;
}
.gm-control-active {
min-width: auto;
}
.dealer-info a {
transition: all 0.3s ease;
}
.dealer-info a:hover {
opacity: 0.5;
}
.intro-default+.alternating>.inner {
padding-top: 80px;
}
.alternating .col-inner a {
text-decoration: underline;
}
.dealer-popup {
display: flex;
flex-direction: column;
cursor: pointer;
} .slick-slide,
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
-webkit-perspective: 1000;
-moz-perspective: 1000;
-ms-perspective: 1000;
perspective: 1000;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
}
.banner-slider__video {
width: 100%;
height: 100%;
background-color: #c7d92d;
position: relative;
background-repeat: no-repeat;
background-size: cover;
z-index: 1;
}
.video--holder {
position: relative;
left: 0;
top: 0;
bottom: 0;
right: 0;
width: 101%;
height: 100%;
overflow: hidden;
}
.banner-slider__video--container {
position: relative;
padding-bottom: 56.25%;
padding-top: 0;
height: 100%;
width: calc((100vh - 2rem) * 1.77777778);
left: 50%;
transform: translateX(-50%);
min-width: 100%;
overflow: hidden;
pointer-events: none;
margin: auto;
}
.banner-slider__video--container iframe,
.banner-slider__video--container object,
.banner-slider__video--container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.banner-video--thumbnail {
background-color: #c7d92d;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
overflow: hidden;
z-index: 9;
transition: all 0.3s ease;
}
.banner-video--thumbnail.thumbnail-hide {
opacity: 0;
}
.video-overlap {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000;
z-index: 8;
} .product-content-col .product-copy .variations_form.cart {
margin: 6px 0 0;
}
.variations_form .variations,
.product-content-col .woocommerce-variation-add-to-cart .price>.total-price {
display: none;
}
.single_variation_wrap .woocommerce-variation-add-to-cart {
display: flex;
flex-wrap: wrap; }
.variable-product.product-content-col .woocommerce-variation-add-to-cart .price {
display: none;
}
.woocommerce-variation-add-to-cart .price .woocommerce-Price-amount:nth-child(2) {
margin-right: 6px;
}
.woocommerce-variation-add-to-cart .price .woocommerce-Price-amount:nth-child(3) {
margin-left: 6px;
}
.product-content-col .woocommerce-variation-add-to-cart .quantity {
margin: 20px 0 0px;
max-width: 85px;
}
.product-content-col .woocommerce-variation-add-to-cart .button {
align-self: flex-end;
}
.single-product .tiles .inner.variants-inner {
margin-top: 20px;
}
.accessories-section+.price-summry {
margin-top: 20px;
}
.price.variant-price {
display: flex;
flex-wrap: wrap;
margin-top: 20px;
}
.variant-price .total-price {
margin-bottom: 10px;
width: 100%;
}
.variant-price .woocommerce-Price-amount {
margin-right: 0;
}
.variable-product .quantity,
.variable-product .single_add_to_cart_button {
display: none;
}
.product-content-col .button.single_add_to_cart_button {
margin-left: 40px;
margin-top: 0px;
align-self: flex-end;
}
.variable-product-description {
margin-top: 0;
}
.variable-product-description p {
color: #232D39;
margin: 0 0 20px;
font-size: 16px;
}
.variable-product .variant-wrap {
padding: 12.5px 20.5px; }
.variable-product .variant-wrap .image {
height: 100px;
}
.variable-product .variant-wrap img {
width: 100px;
height: 100px;
object-fit: contain;
}
.variable-product .accessories-col.tile .tile-copy { }
.variable-product .col.tile .woocommerce-price-suffix {
transition: all 0.3s ease;
}
.variable-product .col.tile:hover .woocommerce-price-suffix {
color: #C7D92D;
}  .product-variant-header.section-variant-video .inner {
max-width: 100%;
padding: 0;
}
.product-variant-header.section-variant-video .col.col-img {
position: relative;
}
.section-variant-video a.popup-video img {
display: block;
margin: 0 auto;
width: 100%;
height: 100%;
max-height: 100%;
max-width: 100%;
object-fit: cover;
opacity: 80%;
}
.section-variant-video .popup-video.mdi-play-circle::before {
color: #fff;
width: 120px;
height: 120px;
position: absolute;
left: 50%;
top: 50%;
font-size: 120px;
line-height: 120px;
z-index: 1;
transform: translate(-50%, -50%);
}
.product-variant-header.section-variant-video .inner .col-text {
margin: 63px 0px;
}  .testimonials-overflow {
margin-bottom: 40px;
}
.section--icons .icons {
display: flex;
flex-direction: column;
width: 100%;
max-width: 1200px;
margin: 0 auto;
}
.icons--rows {
display: flex;
justify-content: center;
flex-wrap: wrap;
width: 100%;
margin-left: -16px;
margin-right: -16px;
flex: 1 0 auto;
}
.icons--column {
max-width: 262px;
width: calc(100% * (1 / 5) - 32px);
margin-left: 16px;
margin-right: 16px;
margin-bottom: 20px;
display: flex;
flex-direction: column;
align-items: center;
}
.icons h2 {
text-align: center;
margin-bottom: 48px;
}
.icons h2::after {
display: none;
}
.icons--column img {
width: 80px;
height: 80px;
object-fit: contain;
object-position: center;
margin-bottom: 20px;
}
.icon-title {
font-size: 20px;
line-height: 27px;
font-weight: 600;
letter-spacing: -0.6px;
text-align: center;
color: #232D39;
max-width: 130px;
margin: 0 0 12px;
padding: 0;
}
.icon-title::after {
display: none;
}
.icon-description {
text-align: center;
font-size: 20px;
line-height: 28px;
letter-spacing: -0.4px;
color: #232D39;
max-width: 290px;
margin: 0;
padding: 0;
}  .cta-sticky {
position: sticky;
top: 0;
z-index: 99;
}
.section--cta-banner {
margin: 0;
padding: 0;
}
.header-sticky {
top: 94px;
}
.cta-banner-bottom.cta-sticky {
top: 96px;
}
.new-menu-show .banner-slider.cta-banner-height {
height: calc(100vh - 278px);
}
.hide-cta-banner {
display: none;
} html.cta-closed .section--cta-banner {
display: none !important;
} html.cta-closed .header-option-two.header-sticky {
top: 0 !important;
}
.cta-inner {
display: flex;
justify-content: center;
align-items: center;
max-width: 100%;
padding: 30px;
color: #fff;
}
.cta-content h2 {
color: #fff;
}
.cta-content p {
font-size: 26px;
font-weight: 400;
padding: 0;
margin: 0 0 5px;
color: #fff;
text-align: center;
}
.cta-content p:last-child {
margin: 0 0 0px;
}
.cta-content p a {
color: #c7d92d;
}
.cta-content p a.button {
color: #232d39;
line-height: 16px;
padding: 10px 24px 12px;
}
.cta-content p a.button:hover {
background-color: transparent;
color: #c7d92d;
} .cta-close {
position: absolute;
right: 15px;
top: 10px;
background: transparent;
border: none;
color: #fff;
font-size: 24px;
cursor: pointer;
padding: 5px;
line-height: 1;
opacity: 0.7;
transition: opacity 0.3s ease;
}
.cta-close::before {
content: unset !important;
}
.cta-close .mdi-close::before {}
.cta-close:hover {
opacity: 1;
background-color: unset !important;
background: unset !important;
}
.cta-inner {
position: relative;
} @media screen and (max-width: 767px) {
.cta-content p {
font-size: 16px;
}
.cta-close {
right: 10px;
font-size: 20px;
}
}  .new-versions-footer {
position: relative;
}
.new-versions-footer .inner {
max-width: 100%;
padding: 0;
}
.footer-column {
display: flex;
max-width: 2040px;
margin: 0 auto;
padding: 0px 60px 0px;
}
.section-background {
position: absolute;
left: 0;
top: 0;
width: calc(41% - 330px);
height: 100%;
background-color: #212d38;
z-index: 0;
}
.newsletter-column {
background-color: #212d38;
position: relative;
z-index: 2;
padding-top: 48px;
padding-bottom: 48px;
width: 24.5%;
max-width: 498px;
padding-left: 0px;
padding-right: 30px;
}
.newsletter-holder {
max-width: 378px; }
.newsletter-column h3 {
font-size: 24px;
line-height: 36px;
letter-spacing: -0.48px;
color: #c7d92d;
margin: 0 0 16px;
}
.newsletter-column h3::after {
display: none;
}
.newsletter-column p {
font-size: 14px;
line-height: 22px;
letter-spacing: -0.35px;
color: #c7d92d;
margin: 0 0 24px;
max-width: 280px;
}
.newsletter-column .columnContainer {
padding: 0 !important;
min-height: auto !important;
}
.newsletter-column form .columnContainer[data-container-width="50"] {
width: calc(50% - 8px) !important;
padding: 0 !important;
}
.newsletter-column form .columnContainer[data-container-width="50"]:nth-child(2) {
margin-right: 16px;
padding: 0 !important;
}
.newsletter-column form .columnContainer[data-container-width="50"] {
width: calc(50% - 8px) !important;
padding: 0 !important;
}
.newsletter-column form .columnContainer[data-container-width="100"]:nth-child(2) {
margin-right: 0;
min-height: auto !important;
}
.newsletter-column form .columnContainer[data-editorblocktype="Field-checkbox"] {
margin-bottom: 10px;
}
.newsletter-column [data-editorblocktype="Text"] {
display: none;
}
.newsletter-column .lp-form-field label.lp-ellipsis {
font-size: 12px;
line-height: 12px;
font-weight: bold;
color: #c7d92d;
text-transform: uppercase;
}
.newsletter-column .lp-form-field input,
.newsletter-column .lp-form-field select {
width: 100%;
margin-bottom: 8px;
background: #FFFFFF;
font-size: 16px;
line-height: 26px;
padding: 13px 20px 11px;
border-radius: 0;
border: 1px solid #E5E5E5;
height: auto;
text-indent: 0;
}
.newsletter-column .lp-form-field input:focus-visible,
.newsletter-column .lp-form-field select:focus-visible {
outline: none;
}
.newsletter-column .marketing-field .lp-form-field input[type="checkbox"] {
width: auto;
height: auto;
vertical-align: unset;
margin: 0 8px 0 0;
padding: 0;
border: none;
}
.newsletter-column div[data-editorblocktype="SubmitButtonBlock"] button[type="submit"].lp-form-button {
font-size: 16px;
line-height: 22px;
font-weight: 600;
letter-spacing: -0.2px;
border-radius: 8px;
color: #232d39;
background-color: #c7d92d;
border: solid 3px #c7d92d;
width: auto;
height: auto;
padding: 9px 24px 12px;
margin-top: 16px;
}
.newsletter-column div[data-editorblocktype="SubmitButtonBlock"] button[type="submit"].lp-form-button:hover {
border-color: #c7d92d;
background-color: transparent;
color: #c7d92d;
}
.newsletter-column .footer-social a {
color: #c7d92d !important;
display: inline-flex;
}
footer .newsletter-column .footer-social {
margin-top: 32px;
margin-bottom: 0;
}
.footer .newsletter-column .social i {
margin: 0px 20px 0px 0;
margin: 0px 24px 0px 0;
}
footer .newsletter-column .footer-social .mdi:hover::before {
color: #c7d92d;
opacity: 0.5;
}
.new-versions-footer .grid {
width: 75.5%;
padding-left: 60px;
padding-top: 80px;
padding-bottom: 20px;
}
.new-versions-footer .grid h4 {
font-size: 16px;
line-height: 22px;
letter-spacing: -0.2px;
}
footer.new-versions-footer ul>li {
padding: 0 0 8px;
line-height: 16px;
}
.new-versions-footer .grid ul>li a {
font-size: 14px;
line-height: 22px;
letter-spacing: -0.35px;
}
.footer-meta.footer-meta-new .inner {
padding: 0px 60px;
max-width: 2040px;
}
.footer-meta.footer-meta-new {
background-color: #1B2129 !important;
border-top: none;
}
.footer-meta.footer-meta-new .footer_meta_text {
font-size: 14px;
line-height: 22px;
letter-spacing: -0.35px;
margin: 19px 0px;
}
.footer-meta.footer-meta-new .tos {
font-size: 14px;
line-height: 22px;
letter-spacing: -0.35px;
}  .modal-video .popup-video {
display: block !important;
}
.modal-video iframe {
display: none !important;
}
.banner-video {
position: relative;
}
.banner-video .popup-video {
display: none !important;
}
.banner-video .lightbox--video {
display: none;
}
.banner-video .wistia-video-wrapper {
position: relative;
padding-bottom: 56.25%;
width: 100%;
height: 0;
}
.banner-video .video-wrapper {
width: 100%;
}
.banner-video iframe {
width: 100%;
height: 100%;
min-height: 28vw;
object-fit: cover;
margin: 0 !important;
display: block !important;
}
.banner-video img {
object-fit: cover;
}
.intro-product #wistia_chrome_37 #wistia_grid_73_wrapper img.w-css-reset {
width: 100% !important;
border: none !important;
height: 100% !important;
object-fit: cover;
}
@media screen and (max-width: 1519px) {
.product-list-grid.grid.column-4 .col,
.product-list-grid.grid.product-list .col {
max-width: 363px;
width: calc(20% - 0px);
}
.product-list.product-list-grid .col .image img,
.product-list.product-list-grid .col .image a {
height: 180px;
width: 180px;
}
.option-main { margin: 20px 0px 20px 20px;
}
.products .filters .filter .checkboxes label {
min-width: auto;
margin: 0 15px 0px 0;
}
}
@media screen and (max-width: 1439px) {
.tiles-categories {
margin-left: -1vw;
margin-right: -1vw;
}
.tiles-categories__column {
width: calc(100% * (1 / 3) - 2vw);
margin-left: 1vw;
margin-right: 1vw;
margin-bottom: 2vw;
}
.tiles-categories__column_four {
width: calc(100% * (1 / 4) - 2vw);
}
.header {
padding: 0px 40px 0px;
}
.footer-column {
padding: 0px 40px 0px;
}
.newsletter-column {
width: 28%;
}
.new-versions-footer .grid {
width: 72%;
padding-left: 40px;
}
.footer-meta.footer-meta-new .inner {
padding: 0px 40px;
}
}
@media screen and (max-width: 1439px) and (min-width: 1201px) {}
@media screen and (max-width: 1339px) {}
@media screen and (min-width: 1201px) { .select-model {
display: none;
}
.header-option-two #menu-header-menu-two>.menu-item-has-children>.sub-menu>.menu-item-has-children .sub-menu,
.header-option-two .header-inner .ttiw-nav .menu>.menu-item-has-children>.sub-menu>.menu-item-has-children .sub-menu {
border-left: 1px solid #E5E5E5;
}
}
@media screen and (max-width: 1200px) {    .news-section.grid .news-tiles.tile.shadow {
width: calc(33.3% - 16px);
margin-left: 8px;
margin-right: 8px;
margin-bottom: 16px;
}
.news-section .news-tiles .news-tiles-text {
border-top: 4px solid #C7D92D;
padding: 20px 16px;
}
.play-icon {
width: 32px;
height: 32px;
}
.read-button-group a {
font-size: 14px;
line-height: 19px;
} .intro-product .inner .col-img {
min-height: auto;
max-width: 100%;
}
.intro-product .intro-copy ul.breadcrumbs {
margin-bottom: 24px;
}
.intro-product .intro-copy ul.breadcrumbs li {
font-size: 12px;
line-height: 17px;
}
.intro-product .intro-copy h1 {
margin: 0 0 24px;
}
.intro-product .intro-copy .h2 {
font-size: 28px;
line-height: 38px;
letter-spacing: -0.6px;
}
.intro-product .intro-copy p {
font-size: 14px;
line-height: 24px;
margin: 0 0 16px;
}
.intro-product .intro-copy p strong {
font-size: 16px;
line-height: 26px;
}
.intro-product .intro-copy .h2::after,
.intro-product .intro-copy h5::after {
height: 4px;
width: 60px;
bottom: -4px;
}
.intro-product .intro-copy ul li {
font-size: 14px;
line-height: 24px;
padding: 0 0 6px;
}
.intro-product .button-group {
margin-top: 24px;
}
.intro-product.product-variant-header .inner .col-text {
padding-left: 0;
margin: 60px 0px;
}
.intro-product.section-variant-video .inner .col-text {
padding-left: 40px;
padding-right: 0;
max-width: 840px;
margin: 60px 0px;
}
.intro-product a.button {
font-size: 14px;
line-height: 20px;
letter-spacing: -0.35px;
margin-right: 12px;
margin-bottom: 12px;
}
.product-enquiry-call::after,
a.product-enquiry-call::before {
width: 14px;
height: 14px;
} .browse-models {
position: sticky;
top: 106px;
}
.category-grid-col {
flex-direction: column-reverse;
}
.category-grid .category-grid-col .col {
width: 100%;
}
.categories-product.tiles .col.tile {
width: 50%;
max-width: 100%;
}
.categories-wrap .categories-product.tiles .inner {
margin-bottom: 20px;
}
.category-grid-col .col-text h2 {
margin: 0 0 20px;
font-size: 32px;
line-height: 43px;
letter-spacing: -0.6px;
}
.category-grid-col .col-text h2::after {
height: 4px;
width: 60px;
}
.alternating .category-grid-col .col-text {
padding: 40px 24px;
}
.alternating .category-grid-col p {
margin: 0 0 20px;
font-size: 14px;
line-height: 24px;
}
.categories-product.tiles .tile-copy .h4 {
font-size: 16px;
line-height: 22px;
}
.categories-product .product-list .col .image {
width: 34%;
}
.categories-product .product-list .col .tile-copy {
padding-left: 24px;
max-width: 100%;
width: 66%;
}
.categories-product .product-list .slide-wrap {
padding: 0;
}
.categories-product .product-list .slide-wrap a {
padding: 16px 24px;
}
.browse-models .tabs-head {
position: absolute;
left: 0;
width: 100%;
background-color: #fff;
top: 64px;
padding: 0 40px;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease;
}
.tabs-head.select-model-show {
opacity: 1;
visibility: visible;
}
.select-model-tabs {
display: flex;
flex-direction: column;
}
.browse-models .category-tabs {
padding: 16px 40px;
position: relative;
}
.browse-models .category-tabs h3 {
width: 50%;
font-size: 22px;
line-height: 32px;
letter-spacing: -0.4px;
}
.select-model {
width: 50%;
display: flex;
align-items: center;
max-width: 610px;
}
.select-model a {
display: flex;
justify-content: space-between;
width: 100%;
font-size: 12px;
line-height: 17px;
font-weight: bold;
text-transform: uppercase;
}
.categories-wrap .browse-models .tabs .tabs-head ul li a {
padding: 5px 0px 10px 0px;
text-align: left !important;
}
.categories-wrap .browse-models .tabs .tabs-head ul li:last-child a { }
.browse-models .tabs .tabs-head ul {
padding: 30px 0px;
}
.select-model img {
transition: all 0.3s ease;
}
.arrow-rotate img {
transform: rotate(-180deg);
}
.browse-models .tabs .tabs-head ul li {
padding: 0 0 0 0;
}
.categories-wrap .browse-models .tabs .tabs-head ul li a span {
padding: 5px 0px 10px 0px;
display: unset;
}
.categories-wrap .browse-models .tabs .tabs-head ul li a span::after {
height: 4px;
bottom: 4px;
}
.category-grid {
margin-bottom: 20px;
}
.browse-model-section.grid.column-2 .col.tile {
max-width: 100%;
width: 50%;
}
.product-list.product-list-grid .col .image img,
.product-list.product-list-grid .col .image a {
height: 148px;
width: 148px;
} .single-product-section .grid.column-2 {
flex-direction: column;
}
.single-product-section .col.product-image-col,
.single-product-section .col.product-content-col,
.grid.column-2 .col.breadcrumbs-col {
width: 100%;
max-width: 100%;
}
.accessories-grid .grid {
width: 80%;
}
.single-product-section {
padding-top: 0;
}
.product-details ul li,
.product-details ul li::after {
font-size: 12px;
line-height: 17px;
}
.product-details .grid .col.product-content-col {
position: unset;
padding-left: 0;
margin-top: 40px;
}
.product-content-col .product-copy h3 {
font-size: 16px;
line-height: 16px;
}
.product-content-col .product-copy h1 {
font-size: 32px;
line-height: 32px;
letter-spacing: -0.64px;
}
.product-content-col .product-copy .sku {
font-size: 14px;
line-height: 24px;
font-weight: 500;
}
.total-price,
.product-quantity,
.product-content-col .product-extras .h5 {
font-size: 11px;
line-height: 11px;
}
.grid .accessories-col.tile .tile-copy .h4,
.grid .accessories-col.tile .tile-copy .variation-sku {
font-size: 12px;
line-height: 17px;
}
.grid .accessories-col.tile .tile-copy span {
font-size: 15px;
line-height: 20px;
}
.product-content-holder {
display: flex;
position: relative;
}
.product-content-title {
width: 100%;
padding: 0 25px 25px 0px;
}
.product-content-col .stock.in-stock {
position: absolute;
bottom: 0;
left: 0;
}
.product-content-col .product-copy form.cart {
margin: 0px 0 0px;
width: 100%;
}
.tick-points-simple ul {
display: flex;
}
.tick-points-simple li::before {
top: 5px;
width: 14px;
height: 14px;
}
.product-details.tick-points-simple li {
padding: 0 32px 0px 22px;
}
.product-details.tick-points-simple ul li:last-child {
padding: 0 32px 0px 22px;
}
.product-details .tick-points-simple ul li {
font-size: 12px;
line-height: 22px;
}
.product-details.tick-points-simple {
margin: 24px 0 0;
}
.accessories-section .inner {
margin: 40px 0 0;
}
.product-content-holder {
margin-top: 16px;
}
.button-group.single-product-btn {
margin: 24px 0 24px;
}
.product-copy {
margin-bottom: 0;
}
.single-product-section .tabs-vertical {
margin-top: 60px;
}
.product-content-col p.price {
margin: 0 0vmin 0 0;
}
.product-content-col .button {
margin-left: 6vmin;
}
.single-product .accessories-section.product-extras .grid.column-4 .col.tile {
max-width: 560px;
}
.accessories-grid .image {
width: 100px;
}
.accessories-col .variant-wrap {
align-items: center;
}
.single-product-btn.button-group a:last-child {
margin: 0;
}
.single-product-btn.button-group a,
.single-product-btn.button-group button {
width: calc(50% - 7px);
text-align: center;
}
.single-product-section .grid.column-2 .col {
width: 100%;
}
.product-details .tabs-vertical.product-info-section.tabs-vertical-desktop {
display: none;
}
.tabs-vertical.product-info-section.tabs-vertical-tablet {
display: block;
}
.single-product-section.product-details .tab-body .grid .col {
width: calc(50% - 28px);
} .product-variant-grid .tile.col.product.product-variant-col {
width: calc(19.999% - 0px);
}
.variable-product .product-content-holder {
flex-direction: column;
}
.product-content-holder {
flex-direction: column;
}
.variable-product .product-content-title {
padding: 0 25px 10px 0px;
} .products-to-suit-heading h2 {
line-height: 43px;
font-size: 32px;
letter-spacing: -0.64px;
}
.products-to-suit-heading h2::after {
height: 4px;
width: 60px;
}
.product-list .products-to-suit-col.col .image img {
height: 100px;
width: 100px;
}
.products-to-suit .inner {
padding: 60px 40px 60px;
}
.products-to-suit.product-list-water-trnsprt .inner .section-head {
margin-bottom: 24px;
}
.products-to-suit.product-list-water-trnsprt .slide-wrap {
padding: 0;
}
.product-list-water-trnsprt .slide-wrap a {
padding: 16px 24px;
}
.products-to-suit .product-list-water-trnsprt.grid .tile .tile-copy .h4 {
font-size: 16px;
line-height: 22px;
}
.products-to-suit.product-list-water-trnsprt .col.tile .image {
height: 100px;
width: 100px;
margin-right: 20px;
min-width: 100px;
} .testimonials-overflow {
overflow: hidden;
}
.testimonials-section {
margin-top: 60px;
}
.testimonials.testimonials-section .testimonial-inner .tile-image-background {
height: 280px;
min-width: 280px;
}
.testimonials.testimonials-section .testimonial-inner .big-comma {
min-width: 57px;
min-height: 57px;
max-height: 57px;
}
.testimonials.testimonials-section .testimonial-inner .tetimonial__text p:first-child {
font-size: 22px;
letter-spacing: -0.44px;
line-height: 32px;
}
.testimonials.testimonials-section .tetimonial__text p:last-child {
font-size: 15px;
line-height: 20px;
margin: 16px 0 0;
}
.testimonials.testimonials-section .testimonial-inner .tetimonial__text p:first-child::after {
margin-top: 16px;
height: 4px;
width: 60px;
}
.layer.testimonials.testimonials-section .tile-image-background {
right: 0;
}
.layer.testimonials.testimonials-section .testimonial-container .tile-image-background {
right: -40px;
}
.testimonials.testimonials-section .testimonial-container .tetimonial__text {
margin-right: 20px;
margin-top: 40px;
}
.testimonials.testimonials-section .big-comma img {
height: 22px;
width: 22px;
}
.testimonials.testimonials-section .tetimonial__text {
margin-top: 40px;
align-self: flex-start;
}
.testimonials.testimonials-section .big-comma {
margin-top: 20px;
}
.testimonials.testimonials-section .testimonials-image.tile-image-background a span {
height: 80px;
width: 80px;
}
.testimonials.testimonials-section.testimonials-grey-bg-with-video .tile-image-background a span img {
width: 27px;
height: 27px;
} .cta-banner-bottom.cta-sticky {
top: 64px;
} .banner-video .wistia-video-wrapper .wistia_embed {
min-height: 56.3vw;
}
}
@media screen and (max-width: 1200px) and (min-width: 1025px) {
.filters-panel {
padding: 0 0px 0 24.5px;
}
.products .filters .filter {
width: 100%;
font-size: 15px;
line-height: 20px;
}
.option-main {
width: 60%; margin: 20px 0px 20px 10px;
}
.filters-panel>.filter:nth-child(2) {
width: 40%;
}
.option-main .filter label {
min-width: 110px;
}
}
@media screen and (max-width: 1024px) {
.banner-slider__image {
background-position: 100% -150vh, top left;
}
.section--banner-slider+section .inner {
padding-top: 40px;
}
.inner {
padding: 30px 40px 30px;
}
.tiles-categories {
justify-content: flex-start;
margin-left: -8px;
margin-right: -8px;
}
.tiles-categories__column {
width: calc(100% * (1 / 2) - 16px);
margin-right: 8px;
margin-left: 8px;
margin-bottom: 16px;
max-width: 100%;
}
.tiles-categories__column_four {
width: calc(100% * (1 / 3) - 16px);
}
.tiles-categories__column:nth-last-child(2n+1) { }
.tiles-categories__column:nth-last-child(-n+3) {
margin-bottom: auto;
}
.tiles-categories__column:last-child,
.tiles-categories__column:nth-last-child(2) {
margin-bottom: 0 !important;
}
.tiles-categories--our-products h3 {
font-size: 32px;
line-height: 38px;
letter-spacing: -0.6px;
}
.tiles-categories--our-products h3::after {
width: 60px;
margin-bottom: 20px;
height: 4px;
margin-top: 4px;
}
.tiles-categories--our-products {
padding: 0px 20px;
}
.tiles-categories__column a {
min-height: 235px;
height: auto;
}
.product-image-overlay img {
height: auto;
max-height: 100%;
}
.product-image-overlay {
display: flex;
}
.tiles-categories--our-products p {
margin: 0 0 16px;
}
.tiles-categories__title h4 {
font-size: 17px;
line-height: 23px;
}
.tiles-categories__content {
padding: 16px 16px 16px;
}
.tiles-categories__title img {
width: 16px;
height: 16px;
} .news-showcase__row {
flex-direction: column;
}
.latest-update {
width: 100%;
margin-bottom: 20px;
margin-right: 0;
padding: 40px 20px;
}
.news-showcase__panel {
width: 100%;
}
.latest-update h3 {
font-size: 32px;
line-height: 38px;
letter-spacing: -0.6px;
margin-bottom: 20px;
}
.latest-update h3::after {
width: 60px;
height: 4px;
margin-top: 4px;
}
.news-showcase__column p,
.latest-update p {
font-size: 14px;
line-height: 24px;
margin: 0 0 20px;
}
.latest-update p b,
.latest-update p strong {
font-weight: 500;
}
.button.button--dark {
font-size: 14px;
line-height: 19px;
letter-spacing: -0.3px;
padding: 12px 24px 12px;
min-width: 160px;
}
.news-showcase__content h4 {
font-size: 17px;
line-height: 23px;
}
.play-video,
.view-article {
font-size: 14px;
line-height: 19px;
min-height: 40px;
}
.play-icon {
width: 32px;
height: 32px;
}
.play-icon img {
width: 11px;
height: 11px;
}
.news-showcase__content {
padding: 20px 16px;
border-top: 4px solid #C7D92D;
}
.right-arrow-holder,
.left-arrow-holder {
width: 20px;
height: 20px;
}
.slide-controls {
justify-content: flex-start;
}
.news-showcase__column {
margin-right: 16px;
padding-right: 0;
width: calc(32.1vw - 32px);
max-width: 304px;
padding-left: 0;
min-width: 40vw;
} .logo-showcase__client-Logos h3 {
font-size: 32px;
line-height: 43px;
letter-spacing: -0.6px;
margin-bottom: 32px;
}
.logo-showcase__client-Logos h3::after {
width: 60px;
height: 4px;
}
.logo-showcase__client-Logos {
width: 100%;
max-width: 1024px;
padding: 30px 40px 0px;
}
.logo-showcase__client-Logos a img {
width: 100%;
height: 87px;
}
.logo-showcase__client-Logos a {
width: 18.5vw;
height: 10vw;
max-width: 100%;
max-height: 87px;
}
.partners__logo {
margin-right: 30px;
width: 18.5vw !important;
max-width: 100%;
}
.slick-slide>div:nth-child(4n+4) .partners__logo {
margin-right: 0;
}
.logo-showcase__truck-image {
margin-left: 0;
position: relative;
right: -20px;
width: 100%;
}
.logo-showcase__truck-image img {
width: 100%;
height: auto;
object-fit: contain;
max-width: 1024px;
max-height: 735px;
}
.logo-showcase__brand {
flex-direction: column;
padding: 0;
}
.logo-showcase__slide-controls {
justify-content: center;
} .banner-slider {
height: calc(100vh - 236px) !important;
}
.banner-slider__intro h1 {
font-size: 48px;
line-height: 56px;
letter-spacing: -1.2px;
}
.banner-slider__intro p {
margin: 0 0 24px;
}
.banner-slider__intro {
max-width: 455px;
}
.banner-slider__intro .button {
font-size: 14px;
line-height: 19px;
letter-spacing: -0.3px;
min-width: 130px;
margin-right: 10px;
}
.arrow-holder {
width: 56px;
height: 56px;
}
.arrow-holder img {
width: 16px;
height: 16px;
}
.banner-slider__value-bar {
justify-content: center;
padding: 24px 40px;
display: grid;
grid-template-columns: 1fr 1fr;
}
.banner-slider__value-bar--tab {
border-bottom: 1px solid rgba(229, 229, 229, 0.2);
padding: 0px 32px 0 0;
}
.banner-slider__value-bar--tab img {
width: 40px;
height: 40px;
margin-right: 16px;
}
.banner-slider__value-bar--tab:nth-child(2) {
border-right: none;
padding-left: 32px;
}
.banner-slider__value-bar--tab:nth-child(3),
.banner-slider__value-bar--tab:nth-child(4) {
border-bottom: none;
padding-top: 20px;
}
.banner-slider__value-bar--tab h6 {
font-size: 16px;
line-height: 22px;
}
.banner-slider__value-bar--tab:nth-child(1),
.banner-slider__value-bar--tab:nth-child(2) {
padding-bottom: 20px;
}
.banner-slider__value-bar--tab:last-child {
padding-left: 32px;
} .products .filters {
flex-direction: column;
}
.products .filters .filter {
width: 100%;
padding: 0px 0;
font-size: 15px;
line-height: 20px;
margin: 55px 0px 35px;
}
.products .filters .filter .rangeslider {
max-width: 320px;
margin: 0px 0 0px 36px;
}
.filters .filter+.filter {
padding-left: 0;
margin: 0px 0px 55px;
}
.slider-range-value {
font-size: 12px;
line-height: 22px;
}
.rangeslider .slider-range {
font-size: 11px;
line-height: 11px;
}
.filters .filter+.filter>label {
width: 126px;
}
.filters>.filter>label {
width: 100px;
}
.product-list-grid .h4 a {
font-size: 16px;
line-height: 22px;
}
.product-sku {
font-size: 12px;
line-height: 17px;
}
.product-list .slide-wrap {
padding: 16px 12px;
}
.product-list-grid.grid.column-4 .col,
.product-list-grid.grid.product-list .col {
width: calc(25% - 0px);
}
.product-list.product-list-grid .col .image img,
.product-list.product-list-grid .col .image a {
height: 148px;
width: 148px;
}
.browse-section .section-head {
margin-bottom: 32px;
flex-direction: column;
}
.browse-products {
width: 100%;
padding-right: 0;
}
.browse-products-content {
width: 100%;
max-width: 100%;
margin-top: 24px;
}
.section-head .browse-products h2 {
font-size: 32px;
line-height: 43px;
letter-spacing: -0.6px;
}
.section-head .browse-products h2::after {
height: 4px;
width: 60px;
}
.filters-panel {
flex-direction: column;
padding: 0 24.5px;
}
.product-list .col .image .tti-product-tag {
top: -6px;
right: -12px;
}
.browse-section {
padding: 0 0px 30px;
}
.browse-by-model .inner {
padding: 40px 40px 30px;
}
.browse-by-model .section-head h2,
.full-width-text .section-head h2 {
line-height: 43px;
font-size: 32px;
letter-spacing: -0.64px;
}
.browse-by-model .section-head h2::after,
.full-width-text .section-head h2::after {
height: 4px;
width: 60px;
}
.browse-by-model .section-head {
margin: 0 0 24px;
}
.browse-model-section.grid.column-2 .col.tile,
.browse-model-section.grid .col.tile {
width: 50%;
}
.browse-model-section .tile .tile-copy .h4 {
font-size: 16px;
line-height: 22px;
}
.browse-model-section.product-list .col .image {
width: 38%;
}
.browse-model-section.product-list .col .tile-copy {
width: 62%;
}
.browse-model-section.product-list .col .image img {
height: 105px;
}
.browse-model-section.product-list .slide-wrap {
padding: 0;
}
.browse-model-section.product-list .slide-wrap a {
padding: 16.5px 24.5px;
}
.form-cta .input-field,
.form-cta .msg-field {
margin: 0 0 0;
padding: 11px 16px;
}
.contact-text-form {
max-width: 1024px;
padding: 40px 32px;
}
.contact-form {
justify-content: center;
margin-bottom: 0;
margin-top: 0;
}
.contact-heading {
max-width: 340px;
}
.contact-heading h2 {
margin: 0 0 24px;
font-size: 32px;
line-height: 35px;
letter-spacing: -0.64px;
}
.contact-heading h2::after {
height: 4px;
width: 60px;
}
.contact-text-form .form-cta label {
font-size: 11px;
line-height: 11px;
}
.input-border-holder {
margin: 0 0 16px;
}
.input-field-two-col .two-col:first-child {
margin-right: 12px;
}
.msg-field {
min-height: 101px;
}
.button.button--dark {
min-width: 140px;
} .product-variant .inner {
padding: 60px 40px 60px;
}
.product-variant-grid .tile.col.product.product-variant-col {
width: calc(24.966% - 0px);
}
.product-variant .product-variant-title {
font-size: 32px;
line-height: 43px;
letter-spacing: -0.64px;
margin: 0 0 32px;
}
.product-variant .product-variant-title::after {
height: 4px;
width: 60px;
}
.product-variant-col a img {
width: 148px;
height: 148px;
}
.product-variant-col a .product-title {
font-size: 16px;
line-height: 22px;
}
.product-variant-col a .sku {
font-size: 12px;
line-height: 17px;
} .galleryslider.section-gallery .inner {
max-width: 1520px;
padding: 60px 40px 60px;
}
.section-gallery .gallery-slider img {
height: 290px;
width: 100%;
}
.gallery-slider .slick-prev::before,
.gallery-slider .slick-next::before,
.gallery-slider .slick-prev::after,
.gallery-slider .slick-next::after {
height: 14px;
width: 14px;
}
.gallery-slider .slick-prev:hover::after,
.gallery-slider .slick-next:hover::after {
height: 11px;
}
.gallery-slider .slick-prev,
.gallery-slider .slick-next {
width: 48px;
height: 48px;
}
.section-gallery .gallery-slider {
padding-bottom: 48px;
}
.galleryslider .slick-next {
left: 48px;
} .contact-text-form form [data-layout="true"] {
max-width: 890px;
}
.contact-text-form input[type="text"],
.contact-text-form input[type="email"],
.contact-text-form textarea,
.contact-text-form input[type="tel"] {
margin-bottom: 16px !important;
padding: 11px 16px !important;
}
.contact-text-form .containerWrapper .columnContainer:nth-child(2) {
margin-right: 12px;
}
.lp-form-field>strong>span>span {
font-size: 11px !important;
}
.lp-form-field span {
font-size: 11px !important;
}
.contact-text-form input[type="submit"],
.contact-text-form button {
min-width: 140px;
} .alternating .grid.column-2 {
flex-direction: column;
}
.alternating .grid .col-text {
padding-right: 0;
width: 100%;
margin-bottom: 20px;
}
.stripes .col.col-text {
padding-right: 24px;
}
.alternating .grid .col+.col-text {
padding-left: 0;
}
.contact-us-form form [data-layout="true"] {
max-width: 960px;
}
.contact-us-form .lp-ellipsis {
font-size: 11px;
line-height: 11px;
}
.contact-us-form input[type="text"],
.contact-us-form input[type="email"],
.contact-us-form textarea,
.contact-us-form input[type="tel"] {
margin-bottom: 16px;
font-size: 14px;
line-height: 24px;
padding: 11.5px 16.5px;
}
.contact-us-form .containerWrapper .columnContainer:nth-child(2) {
margin-right: 12px;
}
.contact-us-form .lp-radioButton .lp-ellipsis {
font-size: 12px;
line-height: 22px;
} .popup .popup-content-wrapper {
max-width: 630px;
padding: 32px 30px 40px 30px;
}
.popup-intro h3 {
font-size: 32px;
line-height: 43px;
letter-spacing: -0.64px;
}
.popup-intro h3::after {
width: 60px;
height: 4px;
}
.popup-content-wrapper .lp-ellipsis {
font-size: 11px;
line-height: 11px;
}
.popup-content-wrapper .marketing-field .lp-form-field font span {
font-size: 11px !important;
line-height: 11px !important;
}
.popup-content-wrapper input[type="text"],
.popup-content-wrapper input[type="email"],
.popup-content-wrapper textarea,
.popup-content-wrapper input[type="tel"] {
margin-bottom: 16px !important;
padding: 11px 16px !important;
}
.popup .popup-intro .button-x {
width: 20px;
height: 20px;
}
.popup-content-wrapper .emptyContainer .columnContainer {
min-height: 60px !important;
}
.checkmark {
top: 4px;
}
.checkbox-container input {
top: 4px;
}
.popup-intro {
margin-bottom: 24px;
} .features-cards.cards .inner {
padding: 60px 40px 60px;
}
.features-cards.cards .section-head h2 {
margin: 0;
font-size: 32px;
line-height: 43px;
letter-spacing: -0.64px;
}
.features-cards.cards .section-head h2::after {
height: 4px;
width: 60px;
}
.features-cards.cards .section-head {
margin-bottom: 32px;
}
.features-cards.cards .card-inner {
padding: 24px 20px;
}
.features-cards .card .bg-img {
margin-bottom: 20px;
border: 20px solid #C7D92D;
}
.features-cards.cards .card .tile-copy h4 {
font-size: 16px;
line-height: 22px;
margin: 0 0 8px;
}
.features-cards.cards .card .tile-copy p {
font-size: 14px;
line-height: 24px;
margin: 0 0 8px;
}
.intro-default+.alternating>.inner {
padding-top: 60px;
}
.dealer-locator .inner.content {
padding: 0px 0px 30px;
}
.dealer-holder {
border: none;
border-top: 4px solid #C7D92D;
}
.dealer-holder .section-head h5 {
font-size: 16px;
line-height: 22px;
}
.dealer-holder .section-head {
padding: 32px 40px 12px;
}
.dealer-name h4 {
font-size: 20px;
line-height: 30px;
letter-spacing: -0.4px;
width: 90%;
max-width: 90%;
margin: 0 0 12px;
}
.dealer-website a {
font-size: 14px;
line-height: 19px;
margin: 0 0 4px;
}
.dealer-address {
font-size: 12px;
letter-spacing: -0.16px;
margin: 0 0 4px;
}
.dealer-phone {
margin: 0 0 12px;
}
.dealer-phone a {
font-size: 12px;
letter-spacing: -0.16px;
}
.dealer-direction {
font-size: 12px;
line-height: 17px;
max-width: 64px;
}
.dealer-direction::after {
top: 5px;
}
.location-holder input.pac-target-input {
font-size: 12px;
letter-spacing: -0.16px;
padding: 13px 16px;
}
.nearest-store {
padding: 0px 40px;
}
.radius-select {
margin-right: 8px;
margin-left: 8px;
}
.select-items {
top: 48px;
}
.select-items,
.select-selected {
font-size: 12px;
line-height: 22px;
letter-spacing: -0.16px;
padding: 13px 16px;
}
.select-selected::after {
right: 13px;
width: 13px;
height: 8px;
top: 20px;
}
.select-selected.select-arrow-active::after {
right: 15px;
top: 20px;
}
.nearest-store input[type="submit"] {
font-size: 14px;
line-height: 24px;
letter-spacing: -0.2px;
padding: 9px 20px 9px;
}
.nearest-store-results {
flex-direction: column-reverse;
margin-top: 32px;
}
.nearest-store-results .nearest-store-map {
width: 100%;
max-width: 100%;
}
.nearest-store-results .store-results {
width: 100%;
max-width: 100%;
height: 540px;
}
.acf-map.nearest-store-map {
height: 576px;
}
.nearest-store {
justify-content: center;
align-items: flex-start;
flex-direction: column;
}
.location-holder {
width: 100%;
max-width: 100%;
}
.premium-dealer-holder {
width: 100%;
max-width: 100%;
justify-content: flex-start;
padding-left: 0;
margin-top: 20px;
}
.premium-dealer-holder a {
font-size: 14px;
line-height: 16px;
}
.premium-dealer-holder img {
width: 26px;
height: 30px;
margin-right: 10px;
}
.dealer-name img {
height: 34px;
max-width: 28px;
width: auto;
margin-left: 0;
}
.dealer-locator .dealerTile {
padding: 20.5px 20px 24px 20.5px;
}
.gm-style .gm-style-iw-c {
padding: 16px 18px 16px 16px;
}
.dealer-info .h3 {
font-size: 16px;
line-height: 22px;
margin: 0 0 12px;
}
.dealer-info .address {
font-size: 12px;
letter-spacing: -0.16px;
margin: 0 0 4px;
}
.dealer-info .phone {
font-size: 12px;
letter-spacing: -0.16px;
}
.dealer-info .website {
font-size: 14px;
line-height: 19px;
margin: 0 0 4px;
}
button.gm-ui-hover-effect {
top: 18px !important;
right: 18px !important;
opacity: 1;
}
.gm-ui-hover-effect:hover {
opacity: 0.5;
} form [data-layout="true"] {
max-width: 960px !important;
}
form .containerWrapper.lp-ellipsis {
font-size: 11px;
line-height: 11px;
}
form .containerWrapper input[type="text"],
form .containerWrapper input[type="email"],
form .containerWrapper textarea,
form .containerWrapper input[type="tel"] {
margin-bottom: 16px;
font-size: 14px;
line-height: 24px;
padding: 11.5px 16.5px;
}
form .containerWrapper .columnContainer:nth-child(2) {
margin-right: 12px;
}
form .containerWrapper .lp-radioButton .lp-ellipsis {
font-size: 12px;
line-height: 22px;
}
.page-id-17187 form .containerWrapper input[type="tel"] {
margin-bottom: 16px !important;
} .content-columns .grid.column-2 .col:first-child {
padding-right: 0;
}
.content-columns .grid.column-2 .col:last-child {
padding-left: 0;
} .testimonials-overflow {
margin-bottom: 30px;
}
.icons h2 {
margin-bottom: 40px;
font-size: 32px;
line-height: 48px;
letter-spacing: -0.64px;
}
.icons--column {
max-width: 340px;
width: calc(100% * (1 / 2) - 32px);
margin-left: 12px;
margin-right: 12px;
margin-bottom: 32px;
}
.icons--rows {
margin-left: -12px;
margin-right: -12px;
}
.icons--column img {
width: 72px;
height: 72px;
}
.icon-title {
max-width: 250px;
}
.icon-description {
max-width: 275px;
}
}
@media screen and (max-width: 1000px) { .section-background {
width: calc(30% - 0px);
}
.footer-column {
padding: 0px 40px 0px;
}
.newsletter-column {
padding-top: 32px;
width: 50%;
max-width: 50%;
padding-left: 0px;
padding-right: 32px;
padding-bottom: 65px;
}
.new-versions-footer .grid {
width: 50%;
margin-left: 0;
padding-top: 32px;
padding-left: 32px;
align-self: self-start;
}
footer.new-versions-footer ul>li {
padding: 0 0 8px;
}
.new-versions-footer .grid ul>li a {
font-size: 12px;
letter-spacing: -0.16px;
}
.newsletter-column form .columnContainer[data-container-width="50"]:nth-child(2) {
margin-right: 8px;
}
.newsletter-column form .columnContainer[data-container-width="50"] {
width: calc(50% - 4px) !important;
}
.newsletter-column h3 {
font-size: 20px;
line-height: 30px;
letter-spacing: -0.4px;
margin: 0 0 12px;
}
.newsletter-column p {
font-size: 12px;
letter-spacing: -0.16px;
max-width: 275px;
}
.newsletter-column .lp-form-field label.lp-ellipsis {
font-size: 11px;
line-height: 11px;
}
.newsletter-column .lp-form-field input,
.newsletter-column .lp-form-field select {
font-size: 12px;
line-height: 22px;
padding: 11px 16px 13px;
letter-spacing: -0.16px;
}
.newsletter-column div[data-editorblocktype="SubmitButtonBlock"] button[type="submit"].lp-form-button {
font-size: 14px;
line-height: 20px;
width: 120px;
padding: 10px 20px 12px;
margin-top: 12px;
}
.footer .newsletter-column .social i {
margin: 0px 28px 0px 0;
}
.new-versions-footer .grid h4 {
font-size: 14px;
line-height: 19px;
}
.new-versions-footer .grid .col ul {
margin-top: 12px;
}
.footer-meta.footer-meta-new .inner {
padding: 0px 40px;
}
.footer-meta.footer-meta-new .footer_meta_text {
font-size: 12px;
line-height: 22px;
letter-spacing: -0.16px;
margin: 16px 0px;
}
.footer-meta.footer-meta-new .footer_meta_text .tos {
font-size: 12px;
line-height: 22px;
letter-spacing: -0.16px;
} }
@media screen and (max-width: 960px) {
.testimonial-tile.filtering-sidebar .sidebar {
width: 100%;
margin-right: 0;
max-width: 100%;
}
.testimonial-tile-col .testimonial-tile__content.tile-copy {
border-top: 4px solid #C7D92D;
padding: 20px 16px;
}
.testimonial-tile__content.tile-copy h4 {
font-size: 17px !important;
line-height: 23px;
}
.testimonial-tile__content.tile-copy p {
font-size: 14px;
line-height: 24px;
}
.news-section .news-tiles .news-tiles-text h4 {
font-size: 17px !important;
line-height: 23px;
}
.news-tiles-text p {
font-size: 14px;
line-height: 24px;
}
.news-tiles-text .date-meta {
font-size: 14px;
margin: 0 0 10px;
}
.read-button-group a {
font-size: 14px;
line-height: 19px;
}
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
.option-main {
width: 100%; margin: 24px 0px 24px 0px;
}
.products .filters .filter .checkboxes label {
margin: 0 15px 4px 0px;
width: 24%;
}
.option-main .filter label {
min-width: 110px;
}
}
@media screen and (max-width: 960px) and (min-width: 601px) {
.testimonial-tile.filtering-sidebar .filtered-group {
width: 100%;
}
.testimonial-tile__grid.grid.column-3 .testimonial-tile-col {
width: calc(100% * (1 / 2) - 16px);
margin-right: 8px;
margin-left: 8px;
margin-bottom: 16px;
}
.news-section.grid .news-tiles.tile.shadow {
width: calc(50% - 16px);
margin-right: 8px;
margin-left: 8px;
margin-bottom: 16px;
}
}
@media screen and (min-width: 768px) {
.filter-icon,
.filter-title,
.filter-button {
display: none;
}
}
@media screen and (max-width: 767px) {
.section--banner-slider+section .inner {
padding-top: 20px;
}
.inner {
padding: 20px 20px 20px;
}
.footer .inner {
padding: 20px 20px;
}
.footer-meta .inner {
padding: 0px 20px;
}
.content-slider>.inner { }
.tiles-categories__column { }
.tiles-categories__column:nth-last-child(-n+3) {
margin-bottom: 16px;
}
.tiles-categories--our-products h3 {
font-size: 28px;
line-height: 38px;
}
.tiles-categories--our-products p {
font-size: 14px;
line-height: 24px;
}
.tiles-categories__text p {
font-size: 14px;
line-height: 24px;
margin: 10px 0px 0px;
}
.product-image-overlay img {
height: auto;
}
.tiles-categories--our-products,
.tiles-categories__column a {
min-height: auto;
max-height: 246px;
height: 32.5vw;
} .latest-update h3 {
font-size: 28px;
line-height: 38px;
}
.latest-update {
margin-bottom: 16px;
padding: 32px 20px;
}
.news-showcase.inner {
padding: 0 !important;
margin: 20px 20px;
}
.news-showcase-slider .slick-list {
margin: 0 -20px 0px 0px;
} .logo-showcase__brand.inner {
padding: 0;
}
.showcase__client-Logos {
padding: 20px 20px 0px;
}
.logo-showcase__client-Logos {
padding: 20px 20px 0px;
}
.logo-showcase__client-Logos h3 {
font-size: 28px;
line-height: 38px;
margin-bottom: 24px;
}
.slick-slide>div:nth-child(4n+4) .partners__logo {
margin-right: 0;
}
.partners__logo {
margin-right: 30px;
width: 18vw !important;
max-width: 100%;
}
.logo-showcase__client-Logos a {
width: 18vw;
max-width: 100%;
max-height: 100%;
height: auto;
}
.logo-showcase__client-Logos a img {
width: 100%;
height: auto;
}
.logo-showcase__truck-image {
right: -20px;
height: 616px;
}
.logo-showcase__truck-image img {
width: auto;
height: auto;
object-fit: contain;
position: absolute;
top: 0;
left: 0;
}
.logo-showcase__slide .slick-slide {
justify-content: center;
}
.logo-showcase__slide .slick-slide>div {
display: inline-flex;
align-items: center;
} .banner-slider__intro h1 {
font-size: 32px;
line-height: 38px;
letter-spacing: -0.8px;
}
.banner-slider__intro p {
margin: 0 0 16px;
}
.banner-slider__intro {
max-width: 303px;
}
.banner-slider__intro .button {
min-width: 120px;
}
.banner-slider__value-bar {
padding: 8px 20px;
}
.banner-slider__value-bar--tab {
padding: 16px 0;
}
.banner-slider__value-bar--tab img {
width: 32px;
height: 32px;
}
.banner-slider__intro p {
font-size: 17px;
line-height: 23px;
}
.banner-slider__content {
padding-left: 20px;
}
.banner-slider__value-bar--tab {
max-width: 100%;
}
.testimonial-tile.tiles .inner {
padding: 40px 20px 40px;
}
.intro-product .inner .col-text {
padding: 0px 20px;
margin: 40px 0px;
}
.intro-product.product-variant-header .inner .col-text {
margin: 40px 0px;
}
.intro-product.section-variant-video .inner .col-text {
padding: 0px 20px;
margin: 40px 0px;
}
.product-cat-description {
display: none
}
.product-cat-description.drop-down-content {
display: block;
}
.button.product-variant-btn,
.button.product-btn {
margin-top: 12px;
} .products .filters {
border-top: 4px solid #232D39;
}
.filter-icon {
font-size: 15px;
line-height: 20px;
font-weight: 600;
color: #232D39;
display: flex;
justify-content: center;
align-items: center;
align-self: center;
margin: 16.5px 0px;
max-width: 125px;
width: 100%;
}
.filter-icon img {
width: 16px;
height: 16px;
object-fit: contain;
margin-left: 12px;
}
.filters-panel {
position: absolute;
background-color: #fff;
z-index: 999;
right: 0px;
border-top: 4px solid #232D39;
width: auto;
min-height: 700px;
display: flex;
flex-direction: column;
margin-top: -4px;
opacity: 0;
visibility: hidden;
transition: all 0.6s linear;
}
.filters-panel.filter-show {
opacity: 1;
visibility: visible;
}
.products .filters .filter {
margin: 24px 0px 112px;
align-items: flex-start;
flex-direction: column;
padding: 0 16px;
}
.product-list-grid.grid.column-4 .col,
.product-list-grid.grid.product-list .col {
width: calc(50% - 0px);
margin: 0px 0 0px 0;
top: 40px;
}
.filters .filter+.filter>label {
width: 100%;
}
.filter-title {
font-size: 15px;
line-height: 20px;
font-weight: 600;
color: #232D39;
border-bottom: 1px solid #E5E5E5;
padding: 16.5px 16px;
display: flex;
justify-content: space-between;
align-items: center;
}
.filter-title a img {
width: 16px;
height: 16px;
}
.products .filters .filter .rangeslider {
max-width: calc(78% - 20px);
margin: 0px 0 0px 0;
top: 60px;
left: 45px;
}
.filter-button {
display: flex;
justify-content: center;
width: 100%;
padding: 24px 16px;
margin-top: 80px;
}
.filter-button .button {
width: 100%;
text-align: center;
}
.products .filters .filter .checkboxes label {
margin: 0 16px 8px 0px;
min-width: 170px;
padding-left: 22px;
width: auto;
}
.products .filters .filter .checkboxes {
width: 100%; margin-top: 6px;
}
.filters .filter+.filter {
margin-top: 0;
margin-bottom: 0;
flex: 1 0 auto;
}
.opacity-overlay.filter-bg-overlay {
opacity: 1;
visibility: visible;
background-color: rgba(0, 0, 0, 0.5);
}
.option-main {
width: 100%;
margin: 36px 0px 0px 0;
}
.products .filters .option-main .filter {
margin: 0 0 10px;
}
.filters-panel {
padding: 0 0px;
}
.tiles {
z-index: auto;
}
.categories-wrap .alternating>.inner {
padding-top: 20px;
}
.categories-wrap .categories-product.tiles .inner {
padding: 0 20px;
}
.categories-product.tiles .col.tile {
width: 100%;
}
.categories-product .product-list .slide-wrap {
padding: 0;
}
.categories-product .product-list .slide-wrap a {
padding: 16px 20px;
}
.category-grid-col .col-text h2 {
font-size: 28px;
line-height: 38px;
}
.alternating .category-grid-col .col-text {
padding: 24px 20px;
}
.category-position {
top: -160px;
}
.categories-product .product-list.column-2 {
flex-direction: column;
}
.categories-product .product-list .col .image {
width: 25%;
}
.categories-product .product-list .col .image img {
height: 80px;
width: 100px;
}
.categories-product .product-list .col .tile-copy {
padding-left: 20px;
width: 75%;
}
.browse-models .category-tabs {
padding: 16px 20px;
flex-direction: column;
}
.browse-models .tabs-head {
top: 97px;
padding: 0 20px;
}
.browse-models .category-tabs h3 {
width: 100%;
font-size: 20px;
line-height: 30px;
align-self: flex-start;
margin: 0 0 18px;
}
.select-model {
width: 100%;
max-width: 100%;
}
.category-grid {
margin-bottom: 20px;
}
.browse-by-model .inner {
padding: 30px 20px 20px;
}
.browse-by-model .section-head h2,
.full-width-text.section-head h2 {
font-size: 28px;
letter-spacing: -0.56px;
}
.browse-model-section.grid.column-2 .col.tile,
.browse-model-section.grid .col.tile {
width: 100%;
max-width: 100%;
}
.browse-model-section.product-list .slide-wrap {
padding: 0;
}
.browse-model-section.product-list .slide-wrap a {
padding: 16.5px 20.5px;
}
.browse-model-section.product-list .col .image {
width: 30%;
min-width: 80px;
}
.browse-model-section.product-list .col .tile-copy {
width: 80%;
}
.tiles .browse-model-section.grid.column-2,
.tiles .browse-model-section.grid {
flex-direction: column;
border-bottom: none;
}
.browse-model-section.grid.column-2 .col.tile,
.browse-model-section.grid .col.tile {
width: 100%;
}
.product-details .grid .col.product-content-col {
margin-top: 32px;
}
.product-content-holder {
margin-top: 12px;
}
.product-content-holder {
flex-direction: column;
}
.product-content-col .stock.in-stock {
position: relative;
}
.product-content-title {
width: 100%;
padding: 0 0px 0px 0px;
}
.product-content-col .product-copy form.cart {
margin: 24px 0 0px;
width: 100%;
}
.product-details ul li,
.product-details ul li::after {
line-height: 22px;
}
.tick-points-simple ul {
flex-direction: column;
}
.tick-points-simple li {
padding: 0 32px 8px 22px;
}
.tick-points-simple li::before {
top: 6px;
}
.accessories-section .inner {
margin: 32px 0 0;
}
.single-product-section .tabs-vertical {
margin-top: 40px;
}
.single-product .accessories-section.product-extras .grid.column-4 .col.tile {
width: calc(100% - 0px);
max-width: 100%;
}
.accessories-grid .image .lazy {
width: 80px;
height: 80px;
}
.accessories-grid .image {
width: 80px;
height: 80px;
}
.grid .accessories-col.tile .tile-copy {
padding-left: 16px;
align-self: center;
}
.single-product-btn.button-group a,
.single-product-btn.button-group button {
width: calc(50% - 7px);
text-align: center;
} .product-variant-grid .tile.col.product.product-variant-col {
width: calc(33.266% - 0px);
}
.product-variant .inner {
padding: 40px 20px 40px;
}
.product-variant-col a {
padding: 16px 12.5px;
}
.product-variant .product-variant-title {
font-size: 28px;
line-height: 38px;
letter-spacing: -0.56px;
}
.product-variant-header.intro-product .inner {
padding: 0px 20px 0px;
}
.product-variant-header.section-variant-video .inner {
padding: 0px 0px 0px;
} .products-to-suit .inner {
padding: 40px 20px 40px;
}
.products-to-suit .product-list-water-trnsprt.grid.column-3 .col.tile {
width: 100%
}
.products-to-suit.product-list-water-trnsprt .slide-wrap {
padding: 0;
}
.product-list-water-trnsprt .slide-wrap a {
padding: 16px 20px;
}
.products-to-suit.product-list-water-trnsprt .col.tile .image {
height: 80px;
width: 80px;
min-width: 80px;
}
.product-list .products-to-suit-col.col .image img {
height: 80px;
width: 80px;
}
.products-to-suit-heading h2 {
line-height: 38px;
font-size: 28px;
letter-spacing: -0.56px;
} .galleryslider.section-gallery .inner {
padding: 40px 20px 40px;
}
.section-gallery .gallery-slider img {
height: 280px;
width: 100%;
}
.layer.testimonials.testimonials-section .testimonial-inner,
.layer.testimonials.testimonials-section .testimonial--text-container {
flex-direction: column;
}
.layer.testimonials.testimonials-section .inner {
padding: 32px 20px 32px 20px !important;
}
.layer.testimonials.testimonials-section .inner.testimonial-container {
padding: 32px 0px 32px 20px !important;
}
.testimonial-container .j-testimonials-slider.slick-slider {
top: 0;
}
.testimonial-container .testimonial--text-container.testimonials-text {
margin-top: 0;
}
.layer.testimonials.testimonials-section .tile-image-background {
top: 0;
right: 0;
width: 280px;
min-width: 280px;
align-self: flex-start;
margin-top: 24px;
}
.testimonials.testimonials-section .testimonial-inner .tetimonial__text p:first-child {
font-size: 20px;
letter-spacing: -0.4px;
line-height: 30px;
}
.testimonials.testimonials-section .testimonial-inner .big-comma {
min-width: 48px;
min-height: 48px;
height: 48px;
width: 48px;
margin: 0;
}
.testimonials.testimonials-section .big-comma img {
height: 18px;
width: 18px;
}
.testimonials.testimonials-section .tetimonial__text {
margin-top: 20px;
margin-right: 0;
}
.testimonials.testimonials-section .testimonial-container .tetimonial__text {
margin-right: 20px;
margin-top: 20px;
}
.layer.testimonials.testimonials-section .testimonial-container .tile-image-background {
right: 20px;
top: 0;
}
.contact-us-form .emptyContainer .containerWrapper .columnContainer {
width: calc(100% - 0px) !important;
}
.contact-us-form .containerWrapper .columnContainer:nth-child(2) {
margin-right: 0;
}
.contact-us-form form span.lp-checkboxListItem,
.contact-us-form form span.lp-radioButton {
width: 100%;
margin: 0 0 0px;
}
.contact-text-form form .containerWrapper .columnContainer[data-container-width="50"]:nth-child(2n) {
margin-right: 0;
}
.contact-text-form form .containerWrapper .columnContainer[data-container-width="50"] {
width: calc(100% - 0px) !important;
} .popup-inner {
padding: 20px;
}
.popup .popup-content-wrapper {
padding: 24px 20px 32px 20px;
}
.popup-intro h3 {
font-size: 28px;
line-height: 38px;
letter-spacing: -0.56px;
}
.popup-content-wrapper .emptyContainer .columnContainer {
min-height: 50px !important;
}
.popup-content-wrapper .emptyContainer .containerWrapper .columnContainer p span {
font-size: 18px;
}
.popup-content-wrapper a.button,
.popup-content-wrapper input[type="submit"],
.popup-content-wrapper button {
min-width: 140px;
}
.popup-content-wrapper form>div div:nth-child(2) .containerWrapper .columnContainer>div:nth-child(1) {
width: calc(100% - 0px);
margin-right: 0;
}
.popup-content-wrapper form>div div:nth-child(2) .containerWrapper .columnContainer>div:nth-child(2) {
width: calc(100% - 0px);
}
.popup-content-wrapper form>div>div:nth-child(3) .containerWrapper .columnContainer:nth-child(2) {
margin-right: 0;
}
.popup-content-wrapper form>div>div:nth-child(3) .containerWrapper .columnContainer {
width: calc(100% - 0px) !important;
}
.popup-content-wrapper form .containerWrapper .columnContainer[data-container-width="50"]:nth-child(2n) {
margin-right: 0;
}
.popup-content-wrapper form .containerWrapper .columnContainer[data-container-width="50"] {
width: calc(100% - 0px) !important;
} .features-cards .grid.column-3 .card.col {
width: calc(50% - 0px);
margin: 0 !important;
}
.features-cards.cards .inner {
padding: 40px 20px 40px;
}
.features-cards.cards .section-head h2 {
font-size: 28px;
line-height: 38px;
letter-spacing: -0.56px;
}
.features-cards.cards .section-head {
margin-bottom: 24px;
}
.features-cards.cards .card-inner {
padding: 16px 16px;
}
.features-cards .card .bg-img {
margin-bottom: 16px;
border: 15px solid #C7D92D;
height: 36vw;
width: 36vw;
max-height: 180px;
max-width: 180px;
}
.alternating h2 {
font-size: 28px;
line-height: 32px;
letter-spacing: -0.56px;
}
.alternating h4 {
font-size: 20px;
line-height: 30px;
}
.alternating .col-inner h2::after,
.alternating .col-inner h4::after {
margin-bottom: 20px;
}
.intro-default+.alternating>.inner {
padding-top: 40px;
}
.data-form-frame .containerWrapper .columnContainer:nth-child(2) {
margin-right: 0;
}
.data-form-frame .containerWrapper .columnContainer {
width: calc(100% - 0px) !important;
} .banner-slider__slide.slick-initialized .slick-slide { overflow: hidden;
} form .emptyContainer .containerWrapper .columnContainer {
width: calc(100% - 0px) !important;
}
form .containerWrapper .columnContainer:nth-child(2) {
margin-right: 0;
}
form span.lp-checkboxListItem,
.contact-us-form form span.lp-radioButton {
width: 100%;
margin: 0 0 0px;
} form .containerWrapper .columnContainer[data-container-width="50"] {
width: calc(100% - 0px) !important;
padding: 0 !important;
}
.variable-product .variant-wrap img {
width: 80px;
height: 80px;
max-width: 80px;
}
.variable-product .variant-wrap .image {
height: auto;
width: auto;
} .testimonials-overflow {
margin-bottom: 20px;
}
.icons--rows {
flex-direction: column;
align-items: center;
margin-left: 0;
margin-right: 0;
}
.icons--column {
max-width: 400px;
width: calc(100% * (1 / 1) - 32px);
margin-left: 0;
margin-right: 0;
margin-bottom: 24px;
}
.icons h2 {
margin-bottom: 32px;
font-size: 28px;
line-height: 38px;
letter-spacing: -0.56px;
}
.icons--column img {
width: 64px;
height: 64px;
margin-bottom: 16px;
}
.icon-title {
font-size: 16px;
line-height: 22px;
letter-spacing: 0;
margin: 0 0 8px;
}
.icon-description {
font-size: 14px;
letter-spacing: 0;
} .footer-column {
flex-direction: column;
padding: 0px 0;
}
.newsletter-column {
padding-top: 32px;
width: 100%;
max-width: 100%;
padding-left: 20px;
padding-bottom: 42px;
}
.new-versions-footer .grid {
width: 100%;
margin-left: 0;
padding: 32px 20px;
}
.section-background {
display: none;
}
.new-versions-footer .inner {
padding: 0 !important;
}
.newsletter-column {
padding-right: 20px;
}
.newsletter-holder {
max-width: 100%;
}
footer .newsletter-column .footer-social {
margin-top: 52px;
}
.col.type-links.mb:last-child {
margin: 0;
padding: 0;
}
footer>.inner>.footer-social { margin-top: 28px;
margin-bottom: 10px;
}
.footer-meta.footer-meta-new .footer_meta_text {
display: flex;
flex-direction: column-reverse;
justify-content: center;
align-items: center;
}  .dealer-locator .inner.content {
padding: 0px 0px 20px;
}
.dealer-locator .section-head h5 {
text-align: center;
}
.dealer-holder .section-head {
padding: 24px 20px 12px;
}
.location-holder input.pac-target-input {
margin-bottom: 8px;
}
.select-items,
.select-selected {
margin-bottom: 8px;
}
.nearest-store input[type="submit"] {
line-height: 19px;
padding: 12px 20px 12px;
}
.nearest-store {
padding: 0px 20px;
}
.nearest-store-results {
margin-top: 24px;
}
.location-holder {
flex-direction: column;
}
.nearest-store #autocomplete {
max-width: 100%;
}
.dealer-locator .dealerTile {
padding: 16.5px 16.5px 20px 16.5px;
}
.dealer-name h4 {
font-size: 18px;
line-height: 28px;
letter-spacing: -0.36px;
}
.dealer-name img {
height: 24px;
max-width: 29px;
}
.dealer-direction::after {
top: 6px;
}
.nearest-store-results .store-results {
height: 509px;
}
.acf-map.nearest-store-map {
height: 576px;
} .intro-product a.product-enquiry-call {
padding: 12px 50px 12px;
}
.intro-product a.product-enquiry-call::before,
.intro-product a.product-enquiry-call::after {
top: 15px;
}
.news-showcase__panel .slick-list {
width: 100%;
}
}
@media screen and (max-width: 639px) {
.banner-slider {
height: calc(100vh - 210px) !important;
}
.banner-slider__value-bar {
display: flex;
flex-direction: column;
}
.banner-slider__value-bar--tab:nth-child(3) {
border-bottom: 1px solid rgba(229, 229, 229, 0.2);
}
.banner-slider__value-bar--tab:nth-child(2) {
padding-left: 0;
}
.banner-slider__value-bar--tab:last-child {
padding-left: 0;
border-bottom: none;
}
.banner-slider__value-bar--tab {
border-right: none;
}
.tiles-categories__column {
width: calc(100% - 0px);
}
.tiles-categories__column_four {
width: calc(50% - 16px);
}
.tiles-categories__column:last-child {
margin-bottom: 0;
}
.tiles-categories__column:nth-last-child(2) {
margin-bottom: 16px !important;
}
.product-image-overlay img {
height: 85vw;
width: 100%;
max-height: 246px;
min-width: 246px;
}
.tiles-categories--our-products,
.tiles-categories__column a {
min-height: 246px;
max-height: 265px;
height: 42vw;
}
.tiles-categories__text {
display: none !important;
}
}
@media screen and (max-width: 600px) {
.testimonial-tile__grid.grid.column-3 .testimonial-tile-col {
width: 100%;
}
.testimonial-tile__grid.grid.column-3 .testimonial-tile-col {
margin-right: 0;
margin-left: 0;
margin-bottom: 16px;
}
.testimonial-tile.filtering-sidebar .filtered-group {
width: 100%;
}
.news-section.grid .news-tiles.tile.shadow {
width: 100%;
margin-left: 0;
margin-right: 0;
margin-bottom: 16px;
}
.contact-heading h2 {
font-size: 28px;
line-height: 32px;
letter-spacing: -0.56px;
}
.contact-heading {
max-width: 310px;
}
.input-field-two-col .two-col:first-child {
margin-right: 0;
}
.contact-text-form {
padding: 32px 20px;
}
.input-field-two-col {
flex-direction: column;
} .product-variant-grid .tile.col.product.product-variant-col {
width: calc(49.966% - 0px);
} .contact-text-form .columnContainer {
width: calc(100% - 0px) !important;
}
.contact-text-form .containerWrapper .columnContainer:nth-child(2) {
margin-right: 0;
}
.contact-text-form textarea {
height: 100px;
}
.single-product-section.product-details .tab-body .grid .col {
width: calc(100% - 0px);
}
.section-variant-video .popup-video.mdi-play-circle::before {
width: 60px;
height: 60px;
font-size: 60px;
line-height: 60px;
}
}
@media screen and (max-width: 767px) and (min-width: 640px) {
.slick-slide>div:nth-child(4n+4) .partners__logo {
margin-right: 0;
}
.partners__logo {
width: 18.5vw !important;
}
.logo-showcase__client-Logos a {
width: 18.5vw;
}
}
@media screen and (max-width: 439px) {
.product-content-col .product-copy form.cart { }
.product-content-col p.price {
width: 40%;
}
.product-content-col .button {
margin-left: 0;
margin-top: 20px;
}
.tiles-categories__column_four {
width: calc(100% - 0px);
}
.single_variation_wrap .woocommerce-variation-add-to-cart { }
.button-group.single-product-btn {
display: flex;
flex-direction: column;
}
.single-product-btn.button-group a,
.single-product-btn.button-group button {
margin: 0 0px 8px 0px;
width: 100%;
}
}
@media screen and (max-width: 639px) and (min-width: 549px) {
.slick-slide>div:nth-child(4n+4) .partners__logo {
margin-right: 30px;
}
.slick-slide>div:nth-child(3n+3) .partners__logo {
margin-right: 30px;
}
.partners__logo {
width: 24vw !important;
}
.logo-showcase__client-Logos a {
width: 24vw;
height: auto;
}
}
@media screen and (max-width: 548px) and (min-width: 441px) {
.slick-slide>div:nth-child(3n+3) .partners__logo {
margin-right: 0;
}
.slick-slide>div:nth-child(4n+4) .partners__logo {
margin-right: 30px;
}
.partners__logo {
width: 23vw !important;
}
.logo-showcase__client-Logos a {
width: 23vw;
height: auto;
}
}
@media screen and (max-width: 440px) and (min-width: 219px) {
.slick-slide>div:nth-child(2n+2) .partners__logo {
margin-right: 0px;
}
.partners__logo {
width: 34vw !important;
}
.logo-showcase__client-Logos a {
width: 34vw;
height: auto;
}
.logo-showcase__client-Logos a img {
width: 100%;
height: 70px;
}
}
@media screen and (max-width: 271px) {
.slick-slide>div .partners__logo,
.slick-slide>div:nth-child(2n+2) .partners__logo,
.slick-slide>div:nth-child(4n+4) .partners__logo {
margin-left: 15px;
margin-right: 15px;
}
.partners__logo {
width: 34vw !important;
}
.logo-showcase__client-Logos a {
width: 34vw;
height: auto;
}
.logo-showcase__client-Logos a img {
width: 100%;
height: 70px;
}
}
@media screen and (min-width: 2000px) {
.logo-showcase__brand.inner {
position: relative;
}
.logo-showcase__truck-image {
right: -180px;
width: 57%;
}
}
@media screen and (max-width: 460px) {
.product-content-col .product-copy form.cart {
flex-direction: column;
align-items: flex-start;
}
.quantity-cart-holder {
margin-top: 20px;
}
}
@media screen and (max-width: 320px) {
.product-list-grid.grid.column-4 .col,
.product-list-grid.grid.product-list .col {
width: calc(100% - 0px);
} .product-variant-grid .tile.col.product.product-variant-col {
width: calc(100% - 0px);
}
.layer.testimonials.testimonials-section .tile-image-background {
width: 250px;
min-width: 250px;
height: 250px;
}
.features-cards .grid.column-3 .card.col {
width: calc(100% - 0px);
}
.single_variation_wrap .woocommerce-variation-add-to-cart {
display: block;
}
.product-content-col .button.single_add_to_cart_button {
margin-left: 0px;
margin-top: 20px;
}
.quantity-cart-holder {
flex-direction: column;
}
.quantity-cart-holder .quantity {
max-width: 85px;
}
}
@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
.product-cat-intro.intro-product .breadcrumbs img {
margin-bottom: 3px;
}
}
@media screen and (min-width: 1001px) {
footer .col ul {
display: block !important;
}
footer .type-links h4 {
pointer-events: none;
}
}
body {
min-height: 100vh;
display: flex;
flex-direction: column;
}
.wrap {
flex: 1 1 auto;
display: flex;
flex-direction: column;
}
header~section {
flex: 1 1 auto;
}
.hbspt-form iframe {
width: 100% !important;
}
.woocommerce-product-gallery__image.gallery-video {}
.woocommerce-product-gallery__image.gallery-video a {
display: flex;
height: 100%;
width: 100%;
position: relative;
padding: 0 0 56.25% 0;
}
.woocommerce-product-gallery__image.gallery-video iframe {
width: 100% !important;
height: 100% !important;
position: absolute;
top: 0;
left: 0;
display: block;
}
.single-product-image {
opacity: 0;
min-height: 520px;
}
.woocommerce-product-gallery {
height: auto;
overflow: hidden;
}
.woocommerce-product-gallery:focus {
outline: none;
}
.woocommerce-product-gallery__wrapper {
overflow: hidden;
height: 100%;
display: flex;
align-items: flex-start;
}
.woocommerce-product-gallery__image {
height: auto;
width: auto;
overflow: hidden;
}
.single-product-image .flex-control-thumbs li:nth-child(4) {
position: relative;
display: flex;
}
.single-product-image .flex-control-thumbs li .video-thumb+img {
position: absolute;
top: 50%;
left: 0;
height: 90px;
width: 90px;
margin: 0 auto;
right: 0;
transform: translateY(-50%);
}
.single-product-image .video-thumb {
height: auto;
object-fit: cover;
max-height: 80px;
}
.single-product-image .slick-slide .video-thumb {
max-height: 100%;
}
@media screen and (max-width: 767px) and (min-width: 288px) {
.gm-style-iw.gm-style-iw-c {
min-width: 260px !important;
}
.dealer-info {
min-width: auto;
}
} @media screen and (max-width: 1200px) {
.not-header-sticky.cta-banner-top.header-option-two #menu-header-menu-two>.menu-item-has-children>.sub-menu>.menu-item-has-children .sub-menu,
.not-header-sticky.cta-banner-top.header-option-two .header-inner .ttiw-nav .menu>.menu-item-has-children>.sub-menu>.menu-item-has-children .sub-menu {
position: absolute;
top: -56px !important;
height: calc(100vh - 65px);
}
.not-header-sticky.cta-banner-top.header-option-two #menu-header-menu-two,
.not-header-sticky.cta-banner-top.header-option-two .header-inner .ttiw-nav .menu {
position: absolute;
height: calc(100vh - 64px);
top: 100% !important;
}
.not-header-sticky.cta-banner-top.header-option-two .menu li>.sub-menu {
position: absolute;
height: calc(100vh - 121px);
top: 100%;
}
.not-header-sticky.cta-banner-top.header-option-two .menu li>.sub-menu>li.menu-item-has-children {
position: unset;
}
}
@media screen and (max-width: 767px) {
.not-header-sticky.cta-banner-top.header-option-two .menu li>.sub-menu {
height: calc(100vh - 115px);
}
.not-header-sticky.cta-banner-top.header-option-two #menu-header-menu-two>.menu-item-has-children>.sub-menu>.menu-item-has-children .sub-menu,
.not-header-sticky.cta-banner-top.header-option-two .header-inner .ttiw-nav .menu>.menu-item-has-children>.sub-menu>.menu-item-has-children .sub-menu {
top: -50px !important;
}
.intro-product+.browse-section {
padding-top: 40px;
}
} .page-id-17185 .single-column>.inner {
padding-bottom: 60px;
}
.page-id-17185 form .columnContainer h2 {
line-height: 28px;
margin-bottom: 32px;
}
.page-id-17185 form .columnContainer h2::after {
bottom: -5px;
}
.framework-fea-toolbar {
height: auto;
}
.page-id-40319 .section-head {
margin-bottom: 0;
}
.page-id-40319 .section-head h5 {
margin-bottom: 15px;
}
.page-id-40319 .section-head h2 {
margin-top: 0;
}
.page-id-40319 .grid .tile.shadow {
margin-bottom: 0;
}
.page-id-40319 .layer_tiles:not(#layer_3) .inner {
padding-bottom: 0;
}
.layer.mobile-slide.tiles.layer_tiles:last-of-type {
padding-bottom: 70px;
}
.layer.tiles.filterable_section.spacing-bottom {
padding-bottom: 70px;
}
.popup-video:before,
.popup-video span {
transition: 0.2s ease;
}
.popup-video:hover:before,
.popup-video:hover span {
color: #c7d92d !important;
}
.popup-video:hover span {
background-color: #c7d92d !important;
}
.intro-product .col-img .popup-video img {
transition: all 0.6s ease-in-out;
}
.intro-product .col-img .popup-video:hover img {
transform: scale3d(1.1, 1.1, 1.1);
}
body .mfp-bg:not(.mfp-with-zoom) {
z-index: 99999;
}
body .mfp-wrap:not(.mfp-gallery) {
z-index: 99999;
position: fixed !important;
top: 0 !important;
}
body .mfp-wrap:not(.mfp-gallery) .mfp-iframe-holder .mfp-content {
max-width: 77%;
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045;
line-height: 0;
width: 100%;
}
body .mfp-wrap:not(.mfp-gallery) .mfp-iframe-holder .mfp-close {
position: fixed;
top: 0; }
.mfp-gallery .mfp-image-holder .mfp-content { }
.mfp-gallery .mfp-image-holder .mfp-content img.mfp-img { }
.mfp-gallery .mfp-image-holder .mfp-content .mfp-figure:after {
box-shadow: unset;
background: transparent;
}
@media screen and (max-width: 1440px) {
.mfp-gallery .mfp-image-holder .mfp-content { }
} .product-content-col .product-copy .tick-points-simple .tick-heading {
font-size: 20px;
line-height: 27px;
font-weight: 600;
margin-bottom: 16px;
} .troubleshooting-filtering {
background-color: #fff;
box-shadow: inset 0 -1px 0 0 #E5E5E5;
position: sticky;
top: 96px;
z-index: 99;
}
.troubleshooting-tabs {
display: flex;
background-color: #fff;
justify-content: space-between;
max-width: 1520px;
margin: 0 auto;
padding: 0 40px;
box-shadow: inset 0 -1px 0 0 #E5E5E5;
width: 100%;
}
.troubleshooting-tabs-head {
display: flex;
width: 100%;
}
.troubleshooting {
display: flex;
padding: 0;
margin: 0;
width: 100%;
}
.troubleshooting li {
padding: 0 40px 0 0;
}
.troubleshooting li::marker {
color: transparent;
font-size: 0;
line-height: 0;
}
.troubleshooting li a {
font-size: 14px;
line-height: 19px;
font-weight: 600;
display: flex;
padding: 0;
position: relative;
color: #232D39;
}
.troubleshooting li a span {
position: relative;
padding: 35px 0px 35px 0px;
display: flex;
}
.troubleshooting li a span::after {
display: block;
position: absolute;
right: 0;
left: 0;
height: 6px;
content: "";
transition: transform .5s ease, background-color .3s ease;
transform: scaleX(0);
transform-origin: 100%;
background-color: #c7d92d;
bottom: 0;
}
.troubleshooting li a:hover span::after {
transform: scaleX(1);
transform-origin: 0;
}
@media screen and (min-width: 1201px) {
.troubleshooting-model {
display: none;
}
}
@media screen and (max-width: 1200px) {
.troubleshooting-filtering {
top: 64px;
}
.troubleshooting-tabs {
padding: 16px 40px;
position: relative;
min-height: 64px;
}
.troubleshooting-tabs-head {
position: absolute;
left: 0;
width: 100%;
background-color: #fff;
top: 64px;
padding: 0 40px;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease;
}
.troubleshooting {
padding: 30px 0px;
flex-direction: column;
}
.troubleshooting li {
padding: 0;
}
.troubleshooting li a {
padding: 0;
}
.troubleshooting li a span {
display: flex;
padding: 5px 0px 10px 0px;
}
.troubleshooting-model {
display: flex;
align-items: center;
width: 100%;
}
.troubleshooting-model a {
font-size: 12px;
line-height: 17px;
font-weight: bold;
text-transform: uppercase;
display: flex;
justify-content: space-between;
width: 100%;
}
.troubleshooting li a span::after {
height: 4px;
bottom: 4px;
}
.troubleshooting-model-show {
opacity: 1;
visibility: visible;
}
.troubleshooting-model a img {
transition: all 0.3s ease;
}
}
@media screen and (max-width: 767px) {
.troubleshooting-tabs {
padding: 16px 20px;
}
.troubleshooting-tabs-head {
padding: 0 20px;
}
}
.content-slider .inner {
position: unset;
}
.content-vertical-center {
display: flex;
flex-direction: column;
justify-content: center;
} main.page>.section--instagram {
width: 100%;
}
.section--instagram {
width: 100%;
background: #f2f2f2;
}
.section--instagram .section-wrapper {
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.section--instagram .section__column {
background-color: #fff;
padding: 0;
}
.section--instagram .section__column.instagram-link {
width: 40%;
margin-bottom: 40px;
}
@media (max-width: 64em) {
.section--instagram .section__column.instagram-link {
width: 100%;
}
}
.section--instagram .section__column.instagram-link a {
color: #510A00;
-webkit-transition: .2s ease-in-out;
transition: .2s ease-in-out;
margin-bottom: 25px;
display: inline-block;
}
.section--instagram .section__column.instagram-link a:hover {
color: #61b686;
}
.section--instagram .section__column.instagram-link p {
color: #510A00;
margin-bottom: 20px;
}
.section--instagram .section__column.instagram-link p:last-child {
margin-bottom: 0;
}
.section--instagram .section__column.instagram-gallery {
width: 100%;
}
@media (max-width: 64em) {
.section--instagram .section__column.instagram-gallery {
width: 100%;
}
} .section--instagram .section__column.instagram-gallery #sb_instagram {
margin-top: -10px;
}
@media (max-width: 64em) {
.section--instagram .section__column.instagram-gallery #sb_instagram {
width: calc(100% + 30px) !important;
}
}
@media (max-width: 29.99em) {
.section--instagram .section__column.instagram-gallery #sb_instagram {
width: calc(100% + 19px) !important;
}
}
.section--instagram .section__column.instagram-gallery #sb_instagram #sbi_images {
padding: 0;
}     .section--instagram .instagram-heading-container {
display: flex;
align-items: center;
flex-direction: column;
padding: 40px 40px 40px;
background-color: #F2F2F2;
width: 100%;
}
.section--instagram .instagram-heading-container h2 {
margin-bottom: 0;
}
.section--image-gallery .instagram-heading-container {
display: flex;
align-items: center;
flex-direction: column;
padding: 40px 40px 40px;
background: #f2f2f2;
}
@media screen and (max-width: 1500px) {
.section--instagram .instagram-heading-container {
padding: 40px 32px !important;
}
.section--image-gallery .instagram-heading-container {
padding: 40px 32px !important;
}
}
@media screen and (max-width: 1024px) {
.section--instagram .instagram-heading-container {
padding: 30px 40px 30px;
}
.section--image-gallery .instagram-heading-container {
padding: 30px 40px 30px;
}
}
.section--image-gallery .instagram-heading-container h2 {
margin-bottom: 0;
}
.image-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(calc(100% / 6), 1fr)); gap: 0px;
margin: 0px;
}
.image-grid.image-grid-single-row {
margin: 0 0 52px;
}
.image-container {
box-sizing: border-box;
}
.image-container img {
width: 100%;
height: auto;
max-width: 100%;
box-sizing: border-box;
}
.seemore-holder {
display: flex;
justify-content: center;
align-items: center;
padding: 10px 10px;
}
.seemore-holder #seeMore {
display: flex;
opacity: 1;
transition: all 0.3s ease-in-out;
}
.seemore-holder #seeMore:hover {
opacity: 0.5;
}
.seemore-holder #seeMore img {
width: 40px;
height: 40px;
}
@media screen and (min-width: 601px) {
.seemore-holder {
display: none;
}
}
@media screen and (min-width: 641px) {
.section--instagram .seemore-holder {
display: none;
}
}
@media screen and (max-width: 1024px) {
.image-grid {
grid-template-columns: repeat(auto-fill, minmax(calc(100% / 3), 1fr)); }
}
@media screen and (max-width: 600px) {
.image-grid {
grid-template-columns: repeat(auto-fill, minmax(calc(100% / 2), 1fr)); }
.image-container {
display: none;
}
.image-container:not(:nth-child(1n+5)) {
display: block;
}
}
@media screen and (max-width: 640px) {
#sb_instagram #sbi_images .sbi_item.sbi_type_image {
display: none;
}
#sb_instagram #sbi_images .sbi_item.sbi_type_image:not(:nth-child(1n+5)) {
display: block;
}
.section--instagram .seemore-holder {
display: flex;
}
}  .banner-full-video-content-slider {
padding: 56.25% 0 0 0;
position: relative;
}
.banner-fixed-video-content-slider {
padding: 46% 0 0 0;
position: relative;
}  .new-banner-slider {
display: flex;
width: 100%;
height: calc(100vh - 277px);
min-height: 520px;
}
.new-banner-slider__slide {
display: flex;
height: 100%;
width: 100%;
position: relative;
}
.new-banner-slider__image {
display: flex;
position: relative;
width: 100%;
}
.new-banner-slider__image img {
position: absolute;
left: 0;
top: 0;
object-fit: cover;
object-position: center;
width: 100%;
height: 100%;
}
.new-banner-slider__overlap {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), linear-gradient(0deg, rgba(10, 20, 33, 0.5), rgba(10, 20, 33, 0.5));
object-fit: cover;
object-position: center;
z-index: 1;
}
.new-banner-slider__content {
display: flex;
flex-direction: column;
justify-content: center;
width: 100%;
height: 100%;
position: relative;
z-index: 9;
max-width: 1920px;
margin: 0 auto;
padding: 0 20px 0px 120px; } .new-banner-slider__text {
display: flex;
flex-direction: column;
justify-content: center;
gap: 24px;
width: 100%;
height: 100%;
max-width: 685px;
}
.new-banner-slider__text h1 {
font-size: 72px;
line-height: 72px;
color: #C7D92D;
font-weight: 700;
text-transform: uppercase;
margin: 0; }
.new-banner-slider__text p {
font-size: 20px;
line-height: 28px;
font-weight: 400;
color: #fff;
margin: 0;
max-width: 440px;
}
.button-holder {
display: flex;
flex-wrap: wrap;
margin: 0;
}
.button-holder a.button {
margin: 8px 16px 0px 0px;
}
.button-holder a.button:last-child {
margin: 8px 0px 0px 0px;
}
.button-holder a.button:hover {
background-color: transparent;
color: #fff;
}
.new-banner-slider .slick-list {
width: 100%;
}
.new-banner-slider__video {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.new-banner-slider__video .video--holder {
z-index: 9;
}
.new-banner-slider__video .video-wrapper {
padding-top: 0;
}
@media screen and (max-width: 1024px) {
.new-banner-slider__content {
padding: 0 20px 0px 32px;
}
.new-banner-slider__text {
gap: 24px;
max-width: 534px;
}
.new-banner-slider__text h1 {
font-size: 64px;
line-height: 72px;
letter-spacing: -0.015em; }
.new-banner-slider__text p {
font-size: 18px;
line-height: 26px;
letter-spacing: -0.0025em;
max-width: 370px;
}
}
@media screen and (max-width: 767px) {
.new-banner-slider__content {
padding: 0 16px 0px 16px;
}
.new-banner-slider__text {
gap: 16px;
max-width: 468px;
}
.new-banner-slider__text h1 {
font-size: 56px;
line-height: 64px;
letter-spacing: -0.015em; }
.new-banner-slider__text p {
font-size: 16px;
line-height: 24px;
letter-spacing: 0;
}
}  .section__background {
display: flex;
padding: 100px 0px;
}
.section__container {
max-width: 1520px;
width: 100%;
margin: 0 auto;
padding: 0 40px;
}
.section--tiles-categories .section__background {
overflow: hidden;
}
.section--tiles-categories .section__container {
position: relative;
}
.new-tiles-categories__holder {
display: flex;
flex-direction: column;
max-width: 1200px;
margin: 0 auto;
}
.new-tiles-categories__top {
display: flex;
justify-content: space-between;
align-items: flex-end;
gap: 20px;
margin: 0 0 60px;
}
.new-tiles-categories__heading {
display: flex;
flex-direction: column;
gap: 16px;
}
.new-tiles-categories__heading h5 {
font-size: 22px;
line-height: 28px;
font-weight: 400;
color: #232D39;
padding: 0;
}
.new-tiles-categories__heading h5::after {
display: none;
}
.new-tiles-categories__heading h2 {
font-size: 48px;
line-height: 56px;
font-weight: 700;
text-transform: uppercase;
color: #232D39;
display: flex;
align-items: center;
gap: 32px;
margin: 0;
}
.new-tiles-categories__heading h2::after {
display: none;
}
.new-tiles-categories__heading h2 .heading-line {
width: 201px;
display: flex;
height: 5px;
background-color: #C7D92D;
}
.new-tiles-categories__button .button {
font-size: 18px;
line-height: 26px;
color: #232D39;
text-align: center;
}
.new-tiles-categories__button .button:hover {
background-color: transparent;
color: #c7d92d;
}
.new-tiles-categories {
display: flex;
flex-wrap: wrap;
gap: 20px;
}
.new-tiles-categorie__column {
display: flex;
width: calc(25% - 15px);
background-color: #F5F5F5;
border-radius: 16px;
}
.new-tiles-categorie__column a {
display: flex;
flex-direction: column;
width: 100%;
padding: 24px 24px 35px 24px;
}
.new-tiles-categorie__img {
display: flex;
justify-content: center;
align-items: center;
padding: 8px 0 51px;
}
.new-tiles-categorie__img img {
width: 100%;
max-width: 220px;
max-height: 125px;
object-fit: contain;
transition: all 0.6s ease-in-out;
transform: scale3d(1, 1, 1);
}
.new-tiles-categorie__column a:hover img {
transform: scale3d(1.1, 1.1, 1.1);
}
.new-tiles-categorie__title {
display: flex;
}
.new-tiles-categorie__title h4 {
font-size: 24px;
line-height: 32px;
font-weight: 700;
color: #232D39;
margin: 0;
}
.categorie-tiles-bg {
background-image: url(//www.tti.com.au/wp-content/themes/tti/img/categories-images/new-tiles-categories-bg.png);
background-size: contain;
background-repeat: no-repeat;
width: 565px;
height: 555px;
position: absolute;
right: -205px;
bottom: -175px;
z-index: -1;
}
.hide-cat-bg {
display: none;
}
@media screen and (max-width: 1024px) {
.section__background {
padding: 80px 0px;
}
.section__container {
padding: 0 32px;
}
.new-tiles-categories__top {
justify-content: center;
align-items: flex-start;
flex-direction: column;
gap: 0px;
margin: 0 0 48px;
}
.new-tiles-categories {
column-gap: 20px;
row-gap: 24px;
}
.new-tiles-categorie__column {
width: calc(33.333% - 14px);
}
.new-tiles-categories__heading h5 {
font-size: 18px;
line-height: 26px;
letter-spacing: -0.015em;
margin: 0 0 12px;
}
.new-tiles-categories__heading {
gap: 0;
}
.new-tiles-categories__heading h2 {
font-size: 40px;
line-height: 48px;
margin: 0 0 24px;
}
.new-tiles-categories__heading h2 .heading-line {
display: none;
}
.new-tiles-categories__button .button {
font-size: 16px;
line-height: 24px;
font-weight: 700;
padding: 15px 32px;
}
.new-tiles-categorie__column a {
padding: 24px 24px 24px 24px;
}
.new-tiles-categorie__title h4 {
font-size: 22px;
line-height: 30px;
}
.new-tiles-categorie__img {
padding: 24px 0 47px;
}
.new-tiles-categorie__img img {
max-width: 267px;
max-height: 151px;
}
.categorie-tiles-bg {
display: none;
}
}
@media screen and (max-width: 991px) {
.new-tiles-categorie__column {
width: calc(50% - 10px);
}
}
@media screen and (max-width: 767px) {
.section__background {
padding: 24px 0px;
}
.section__container {
padding: 0 16px;
}
.new-tiles-categories__top {
margin: 0 0 32px;
}
.new-tiles-categories__heading {
gap: 0;
}
.new-tiles-categories__heading h5 {
font-size: 16px;
margin: 0 0 16px;
}
.new-tiles-categories__heading h2 {
font-size: 32px;
line-height: 40px;
margin: 0 0 16px;
}
.new-tiles-categories__button .button {
padding: 9px 20px;
}
.new-tiles-categorie__column {
width: calc(50% - 10px);
}
}
@media screen and (max-width: 640px) {
.new-tiles-categories {
column-gap: 8px;
row-gap: 8px;
}
.new-tiles-categorie__column {
border-radius: 8px;
width: calc(50% - 4px);
}
.new-tiles-categorie__column a {
padding: 10px 12px 10px;
}
.new-tiles-categorie__title h4 {
font-size: 14px;
line-height: 20px;
}
.new-tiles-categorie__img {
padding: 18px 0 30.4px;
}
.new-tiles-categorie__img img {
max-width: 126.48px;
max-height: 71.6px;
}
}  .section--text-and-icons .section__background {
background-color: #F5F5F5;
}
.section--text-and-icons .icons h2 {
font-size: 56px;
line-height: 64px;
font-weight: 700;
letter-spacing: 0;
color: #232D39;
margin: 0 0 32px;
}
.section--text-and-icons .icons p {
font-size: 20px;
line-height: 28px;
font-weight: 400;
letter-spacing: -0.0025em;
text-align: center;
color: #232D39;
margin: 0 auto 48px;
max-width: 388px;
}
.section--text-and-icons .icons p strong {
font-weight: 700;
}
.line-holder {
font-size: 48px;
line-height: 56px;
font-weight: 700;
text-align: center;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
gap: 32px;
width: 100%;
}
h2.line-holder::after {
display: none;
}
.line {
display: flex;
background-color: #C7D92D;
height: 5px;
width: 35%;
max-width: 201px;
margin-top: 5px;
}
.section--text-and-icons .icons--column img {
width: 120px;
height: 120px;
margin-bottom: 14px;
}
.section--text-and-icons .icon-title {
font-size: 24px;
line-height: 32px;
font-weight: 700;
letter-spacing: -0.6px;
text-align: center;
max-width: 150px;
margin: 0 0 0;
}
@media screen and (max-width: 1024px) {
.line {
width: 40%;
max-width: 179.5px;
}
.section--text-and-icons .icons h2 {
font-size: 40px;
line-height: 48px;
margin: 0 0 16px;
}
.section--text-and-icons .icons p {
font-size: 18px;
line-height: 26px;
max-width: 345px;
}
.section--text-and-icons .icons--column img {
width: 80px;
height: 80px;
}
.section--text-and-icons .icon-title {
font-size: 21px;
line-height: 32px;
}
.section--text-and-icons .icons--column {
width: calc(100% * (1 / 5) - 24px);
}
}
@media screen and (max-width: 840px) { }
@media screen and (max-width: 810px) { }
@media screen and (max-width: 780px) { }
@media screen and (max-width: 767px) {
.icons--column {
max-width: 400px;
margin-left: 0;
margin-right: 0;
margin-bottom: 24px;
}
.icons--rows {
flex-direction: row;
margin-left: 0;
margin-right: 0;
}
.section--text-and-icons .icons h2 {
font-size: 32px;
line-height: 40px;
}
.section--text-and-icons .icons p {
font-size: 16px;
line-height: 24px;
letter-spacing: 0;
max-width: 215px;
margin: 0 auto 32px;
display: flex;
flex-direction: column;
}
.line-holder {
font-size: 40px;
line-height: 48px;
}
.line {
display: none;
}
.section--text-and-icons .icons--column img {
width: 48px;
height: 48px;
}
.section--text-and-icons .icon-title {
font-size: 18px;
line-height: 26px;
letter-spacing: 0;
max-width: 130px;
}
.section--text-and-icons .icons--column {
width: calc(100% * (1 / 3) - 12px);
margin-left: 6px;
margin-right: 6px;
}
}  .instagram-heading-container .line-holder {
font-weight: 700;
}
@media screen and (max-width: 767px) {
.section--image-gallery .instagram-heading-container {
padding: 24px 16px !important;
}
.section--instagram .instagram-heading-container {
padding: 24px 16px !important;
}
.image-grid.image-grid-single-row {
margin: 0 0 32px;
}
}  .section--image {
overflow: hidden;
}
.section--image .section__background {
padding: 120px 0px 0;
flex-direction: column;
}
.image-with-content {
display: flex;
flex-direction: column;
}
.image-with-content__top {
display: flex;
flex-direction: column;
margin: 0 0 76px;
}
.image-with-content__heading {
display: flex;
flex-direction: column;
margin: 0 0 60px;
}
.image-with-content__heading p {
font-size: 20px;
line-height: 28px;
font-weight: 400;
letter-spacing: -0.0025em;
text-align: center;
color: #232D39;
margin: 0 auto;
max-width: 330px;
}
.image-with-content__tiles {
display: flex;
flex-wrap: wrap;
gap: 20px;
}
.image-with-content__tile {
display: flex;
flex-direction: column;
width: calc(25% - 15px);
}
.image-with-content__img {
display: flex;
}
.image-with-content__img img {
object-fit: cover;
max-height: 275px;
height: 15vw;
}
.image-with-content__content {
display: flex;
flex-direction: column;
flex-grow: 1;
background-color: #F2F2F2;
border-top: 5px solid #C7D92D;
padding: 21.5px 24px;
}
.image-with-content__content h5 {
font-size: 24px;
line-height: 32px;
font-weight: 700;
color: #232D39;
padding: 0;
margin: 0 0 8px;
}
.image-with-content__content h5::after {
display: none;
}
.image-with-content__content p {
margin: 0;
font-size: 16px;
line-height: 24px;
color: #232D39;
font-weight: 400;
letter-spacing: -0.0025em;
}
.backgound-image {
display: flex;
max-width: 1920px;
margin: 0 auto;
position: relative;
}
.backgound-image img {
object-fit: cover;
}
.backgound-tank-img {
position: absolute;
right: 0;
top: -30px;
max-height: 450px;
}
.accordion__panel {
display: flex;
flex-direction: column;
border: 1px solid #D6D6D6;
border-bottom: none;
}
.accordion__panel:last-child {
border-bottom: 1px solid #D6D6D6;
}
.accordion__head {
font-size: 20px;
line-height: 30px;
color: #242E38;
cursor: pointer;
padding: 12px 16px 12px 16px;
margin: 0;
position: relative;
transition: all 0.3s ease-in-out;
}
.is-active .accordion__head {
background-color: #C7D92D;
}
.accordion__head::after {
content: "";
position: absolute;
right: 21px;
top: 50%;
background-image: url(//www.tti.com.au/wp-content/themes/tti/img/Icons/accordion-arrow.svg);
width: 12px;
height: 12px;
background-size: contain;
background-repeat: no-repeat;
transform: translateY(-50%) rotate(-180deg);
transition: all 0.3s ease-in-out;
}
.is-active .accordion__head::after {
transform: translateY(-50%) rotate(0deg);
}
.accordion__body {
display: none;
padding: 16px 16px 20px 16px;
}
.accordion__body p {
font-size: 16px;
line-height: 24px;
font-weight: 400;
color: #232D39;
margin: 0 0 16px;
}
.accordion__body img {
width: 100%;
}
@media screen and (min-width: 1025px) {
.section--image__mobile {
display: none;
}
}
@media screen and (max-width: 1024px) {
.section--image__desktop {
display: none;
}
.section--image .section__background {
padding: 80px 0px 80px;
}
.image-with-content__heading {
margin: 0 0 48px;
}
.image-with-content__heading .line-holder {
margin: 0 0 16px;
}
.image-with-content__heading p {
font-size: 16px;
line-height: 19.2px;
max-width: 365px;
}
}
@media screen and (max-width: 767px) {
.section--image .section__background {
padding: 24px 0px 24px;
}
.image-with-content__heading {
margin: 0 0 32px;
}
.accordion__panel:first-child {
border-radius: 16px 16px 0px 0px;
transition: all 0.3s ease-in-out;
}
.accordion__panel.is-active:first-child {
background-color: #C7D92D;
}
.accordion__panel:first-child .accordion__head {
border-radius: 16px 16px 0px 0px;
}
.accordion__panel:last-child {
border-radius: 0px 0px 16px 16px;
}
.accordion__panel:first-child .accordion__body {
background-color: #FFFFFF;
}
.accordion__panel:last-child .accordion__body {
background-color: transparent;
}
}  .section--text-and-media .section__background {
padding: 0;
}
.section--text-and-media .section__container {
max-width: 1920px;
padding: 0;
}
.section--text-and-media+.section--text-and-media {
margin: 16px 0 0px;
}
.text-and-media {
display: flex;
}
.text-and-media__text {
width: 50%;
}
.text-and-media__media {
width: 50%;
overflow: hidden;
}
.text-holder {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
max-width: 715px;
height: 100%;
margin-left: auto;
padding: 100px 85px 100px 25px;
}
.background-light {
background-color: #C7D92D;
}
.background-light .text-holder>* {
color: #232D39;
}
.text-holder h2 {
font-size: 48px;
line-height: 56px;
font-weight: 700;
margin: 0 0 32px;
text-transform: uppercase;
}
.text-holder h6 {
font-size: 24px;
line-height: 32px;
font-weight: 700;
letter-spacing: 0;
text-transform: uppercase;
margin: 0 0 32px;
}
.text-holder p {
font-size: 20px;
line-height: 28px;
font-weight: 400;
margin: 0 0 20px;
}
.text-holder .button {
font-size: 18px;
font-weight: 700;
line-height: 26px;
letter-spacing: -0.0025em;
text-align: center;
padding: 16px 32px 16px 32px;
margin-top: 12px;
min-width: 180px;
}
.background-light .text-holder .button {
color: #c7d92d;
background-color: #232D39;
border-color: #232D39;
}
.background-light .text-holder .button:hover {
background-color: transparent;
color: #232D39;
border-color: #232D39;
}
.text-holder h1::after,
.text-holder h2::after,
.text-holder h3::after,
.text-holder h4::after,
.text-holder h5::after,
.text-holder h6::after {
display: none;
}
.background-dark {
background-color: #232D39;
}
.background-dark .text-holder>* {
color: #FFF;
}
.background-dark .text-holder p {
color: #FCFDF4;
}
.background-dark .text-holder .button {
color: #232D39;
}
.background-dark .text-holder .button:hover {
background-color: transparent;
color: #c7d92d;
}
.media-left .text-holder {
margin-left: 80px;
padding: 100px 25px 100px 0px;
max-width: 665px;
}
.text-and-media__media img {
height: 100%;
width: 100%;
object-fit: cover;
}
.column-2-3 .text-and-media__text {
width: 37.6%;
}
.column-2-3 .text-and-media__media {
width: 62.4%;
}
.column-2-3 .text-holder p {
letter-spacing: -0.0025em;
max-width: 520px;
margin: 0 0 20px;
}
.column-2-3 .text-holder .button {
margin-top: 12px;
}
.column-2-3 .text-holder {
padding: 140px 70px 140px 120px;
margin-left: auto;
}
.column-2-3 .text-holder h2 {
font-size: 56px;
line-height: 64px;
}
.text-and-media__media .lightbox--video div[id*="big_play_button_background"]::before {
color: #C7D92D;
}
.text-and-media__media .lightbox--video div[id*="big_play_button_background"]::after {
background-color: #fff;
}
.text-and-media__media .lightbox--video:hover div[id*="big_play_button_background"]::before {
color: #232D39;
}
.anchor-scroll {
scroll-margin-top: 100px;
}
.autoplay-video {
display: flex;
width: 100%;
height: 100%;
}
.autoplay-video .banner-video-wrapper {
display: flex;
width: 100%;
height: 100%;
position: relative;
}
.autoplay-video .bannr-video-overlay::after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: linear-gradient(90deg, rgba(10, 20, 33, 0.75) 0%, rgba(10, 20, 33, 0) 81.69%);
z-index: 2;
pointer-events: none;
}
.autoplay-video .banner-video-button {
background-image: url(//www.tti.com.au/wp-content/themes/tti/img/Play-Button-icon.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
.autoplay-video .banner-video-button::after,
.autoplay-video .banner-video-button::before {
display: none;
}
.lightbox-video {
display: flex;
width: 100%;
height: 100%;
}
.lightbox-video .wistia_responsive_padding {
width: 100%;
height: 100%;
}
.popup-video.youtube-lightbox {
top: 0;
left: 0;
}
.popup-video.youtube-lightbox::before {
position: absolute;
left: 50%;
top: 50%;
font-size: 120px;
width: 120px;
height: 120px;
display: flex;
justify-content: center;
align-items: center;
z-index: 1;
color: #C7D92D;
transform: translate(-50%, -50%);
}
.popup-video.youtube-lightbox::after {
background-color: #fff;
z-index: 0;
}
.popup-video.youtube-lightbox:hover::before {
color: #232D39 !important;
}
.column-2-3 .text-and-media__media .content-slider-video {
display: flex;
width: 100%;
height: 100%;
}
.youtub-video {
display: flex;
width: 100%;
height: 100%;
}
.youtub-video .video-wrapper {
padding-top: 0;
height: 100%;
}
.youtub-video .video-wrapper iframe {
min-height: auto;
}
.youtube-lightbox-video .bannr-video-overlay {
opacity: 0;
visibility: hidden;
}
.video-playing .bannr-video-overlay {
display: none;
}
.youtube-video-holder {
display: flex;
width: 100%;
height: 100%;
}
.youtube-video-holder .video-wrapper.youtube-padding {
padding: 0;
}
.contained-video.autoplay-video {
justify-content: center;
align-items: center;
background-color: #000;
overflow: hidden;
}
.contained-video.autoplay-video .banner-video-wrapper { height: auto;
}
.contained-video .wistia_responsive_wrapper.wistia_responsive_wrapper-active { height: auto !important;
top: 50% !important;
transform: translateY(-50%);
}  @media screen and (max-width: 1699px) {
.text-holder {
margin-left: 140px;
}
.column-2-3 .text-holder {
padding: 126px 70px 126px 50px;
}
.overlay-images-bottom {
top: -500px;
}
} @media screen and (max-width: 1199px) {
.section--text-and-media {
margin: 0 0 8px;
}
.section--text-and-media+.section--text-and-media {
margin: 0px 0 0px;
}
.text-and-media {
flex-direction: column;
}
.text-and-media.media-left {
flex-direction: column-reverse;
}
.text-and-media__text {
width: 100%;
}
.text-and-media__media {
width: 100%;
}
.text-holder {
justify-content: center;
max-width: 100%;
padding: 70px 32px;
}
.text-holder h2 br {
display: none;
}
.text-holder h2 {
margin: 0 0 24px;
}
.text-holder h6 {
font-size: 20px;
line-height: 28px;
margin: 0 0 24px;
}
.text-holder p {
margin: 0 0 24px;
}
.text-holder .button {
font-size: 16px;
line-height: 24px;
}
.media-left .text-holder {
margin-left: 32px;
}
.media-left .text-holder {
padding: 70px 25px 70px 0px;
max-width: 100%;
}
.column-2-3 .text-and-media__text,
.column-2-3 .text-and-media__media {
width: 100%;
}
.column-2-3 .text-holder {
padding: 80px 24px;
margin-left: 80px;
}
.column-2-3 p {
margin: 0 0 20px;
}
.autoplay-video .wistia_responsive_padding {
padding: 56.25% 0 0 0;
}
.lightbox-video .wistia_responsive_padding {
padding: 56.25% 0 0 0;
position: relative;
}
.column-2-3 .text-holder h2 {
font-size: 48px;
line-height: 56px;
}
.column-2-3 .text-holder .button {
margin-top: 4px;
}
.media-left .text-holder {
padding: 98px 25px 98px 0px;
}
.section__background.background-dark,
.section__background.background-light {
background-color: transparent;
}
.youtub-video {
position: absolute;
top: 0;
left: 0;
}
}
@media screen and (max-width: 1024px) {
.text-holder {
margin-left: auto;
}
.column-2-3 .text-holder {
padding: 80px 24px;
margin-left: auto;
}
.text-holder h2 {
font-size: 40px;
line-height: 48px;
margin: 0 0 16px;
}
.text-holder h6 {
margin: 0 0 16px;
}
.text-holder p {
font-size: 18px;
line-height: 26px;
margin: 0 0 16px;
}
.media-left .text-holder {
padding: 70px 25px 70px 0px;
}
.text-holder .button {
margin-top: 0;
}
}
@media screen and (max-width: 767px) {
.section--text-and-media {
margin: 0 0 0;
}
.section--text-and-media .section__container {
padding: 24px 16px 0;
}
.text-and-media__text {
border-radius: 16px 16px 0px 0px;
}
.text-and-media__media {
border-radius: 0px 0px 16px 16px;
overflow: hidden;
min-height: 220px;
}
.text-holder {
padding: 32px 24px;
}
.text-holder h2 {
font-size: 32px;
line-height: 40px;
margin: 0 0 16px;
}
.text-holder h6 {
font-size: 18px;
line-height: 22px;
}
.text-holder p {
font-size: 16px;
line-height: 24px;
margin: 0 0 20px;
}
.text-holder .button {
padding: 9px 15px 9px 15px;
margin-top: 4px;
min-width: 160px;
}
.column-2-3 .text-holder {
padding: 32px 24px;
}
.column-2-3 .text-holder h2 {
font-size: 40px;
line-height: 48px;
word-break: break-word;
}
.autoplay-video .banner-video-button {
max-width: 80px;
}
a.button,
input[type="submit"],
button,
.button {
min-width: 160px;
padding: 12px 32px 12px 32px;
}
.media-left .text-holder {
padding: 32px 24px 32px 24px;
margin: 0;
}
.popup-video.youtube-lightbox::before {
font-size: 80px;
width: 80px;
height: 80px;
}
}
@media screen and (max-width: 430px) {
.autoplay-video .wistia_responsive_padding,
.lightbox-video .wistia_responsive_padding {
padding: 67.25% 0 0 0;
}
}  .section--text-and-media .section__container {
position: relative;
}
.overlay-images-right-bottom {
position: absolute;
bottom: -260px;
right: -300px;
max-width: 605px;
z-index: 2;
pointer-events: none;
}
.overlay-images-left-top {
display: flex;
flex-direction: column;
position: absolute;
top: 0;
left: 0;
width: 470px;
height: 570px;
z-index: 4;
pointer-events: none;
}
.overlay-images__img {
object-fit: contain;
}
.overlay-images-top {
position: absolute;
left: -115px;
top: -725px;
}
.overlay-images-bottom {
position: absolute;
left: -260px;
top: -440px;
transform: rotate(0deg);
}
.overlay-images-top .image-small {
max-width: 254px;
}
.overlay-images-bottom .image-medium {
max-width: 475px;
}
@media screen and (max-width: 1199px) {
.overlay-images-right-bottom {
bottom: -200px;
right: -200px;
}
.overlay-images-right-bottom img {
max-width: 605px;
width: 35vw;
}
.overlay-images-bottom {
left: -160px;
top: -437px;
}
.overlay-images-bottom .image-medium {
max-width: 475px;
width: 30vw;
}
.overlay-images-top {
left: -95px;
top: -575px;
}
.overlay-images-top .image-small {
max-width: 254px;
width: 30vw;
}
}
@media screen and (max-width: 1024px) {
.overlay-images {
display: none;
}
}  .section--process-step .section__background {
background-color: #D3D5D7;
padding: 0;
margin: 0 0 24px;
}
.section--process-step .section__container {
max-width: 1920px;
padding: 0;
}
.process-step {
display: flex;
overflow: hidden;
}
.process-step__left {
display: flex;
padding: 60px 0px 30px;
width: 49.5%;
max-width: 950px;
}
.process-step__right {
width: 50.5%;
max-width: 970px;
}
.process-step__video {
display: flex;
width: 100%;
height: 100%;
}
.process-step__video img {
width: 100%;
height: 100%;
object-fit: cover;
}
.process-step__video .autoplay-video.full-video .banner-video-wrapper {
height: 135%;
top: -100px;
}
.process-step__step {
display: flex;
min-width: 221.5px;
}
.process-step__back {
background-color: #C6D92D;
width: 60px;
height: 124px;
}
.process-step__count {
font-size: 80px;
line-height: 80px;
text-align: center;
position: relative;
color: #D3D5D7;
width: 119.5px;
height: 124px;
margin-bottom: 0;
background-color: #232D39;
display: flex;
align-items: center;
justify-content: center;
padding-left: 20px;
}
.process-step__count::after {
content: "";
position: absolute;
right: -42px;
top: 0;
border-top: 62px solid transparent;
border-bottom: 62px solid transparent;
border-left: 42px solid #232D39;
}
.process-step__description {
display: flex;
flex-direction: column;
padding: 0px 20px 0px 40.5px;
}
.process-step__description h2 {
font-size: 64px;
line-height: 64px;
color: #232D39;
margin: 0;
}
.process-step__description h2::after {
display: none;
}
.process-step__description h2 {
margin: 0 0 32px;
font-weight: 700;
max-width: 462px;
}
.process-step__description p {
font-size: 22px;
line-height: 30px;
font-weight: 400;
color: #222D39;
max-width: 456px;
margin: 0 0 34px;
}
.process-step__repeater {
display: flex;
gap: 32px;
max-width: 454px;
}
.repeater__column {
display: flex;
flex-direction: column;
position: relative;
}
.repeater__heading {
font-size: 56px;
line-height: 56px;
font-weight: 700;
color: #222D39;
text-align: center;
margin: 0 0 8px;
}
.repeater__subheading {
display: flex;
text-align: center;
}
.repeater__subheading span {
font-size: 24px;
line-height: 32px;
font-weight: 400;
color: #222D39;
text-align: center;
padding: 0;
}
.repeater__subheading h5::after {
display: none;
}
.repeater__column::after {
content: "";
border-right: 1px solid #232D39;
position: absolute;
right: -18px;
height: 100%;
width: 1px;
}
.repeater__column:last-child::after {
display: none;
}
.process-step__video .banner-video .wistia_responsive_padding .bannr-video-overlay img {
height: 100%;
}
.process-step__video .youtub-video .video-wrapper {
width: 100%;
}
@media screen and (max-width: 1199px) {
.process-step {
flex-direction: column;
}
.process-step__left {
width: 100%;
max-width: 100%;
}
.process-step__right {
width: 100%;
max-width: 100%;
}
.process-step__video .youtub-video {
position: relative;
}
.process-step__video .autoplay-video.full-video .banner-video-wrapper {
top: 0;
height: 100%;
padding: 42.2917% 0px 0px !important;
}
}
@media screen and (max-width: 1024px) {
.section--process-step .section__background {
margin: 0 0 20px;
}
.process-step__left {
padding: 60px 0px 37px;
}
.process-step__description h2 {
font-size: 56px;
margin: 0 0 24px;
max-width: 435px;
}
.process-step__description p {
font-size: 20px;
line-height: 28px;
max-width: 415px;
margin: 0 0 45px;
}
.repeater__heading {
font-size: 48px;
}
.repeater__subheading span {
font-size: 22px;
line-height: 30px;
}
}
@media screen and (min-width: 768px) {
.process-step__repeater.for-mobile {
display: none;
}
}
@media screen and (max-width: 767px) {
.section--process-step .section__background {
margin: 0 0 12px;
}
.process-step__step {
min-width: 104px;
position: absolute;
}
.process-step__back {
width: 28px;
height: 58px;
}
.process-step__count {
font-size: 38px;
line-height: 38px;
width: 64px;
height: 58px;
padding-left: 10px;
}
.process-step__count::after {
right: -20px;
border-top: 29px solid transparent;
border-bottom: 29px solid transparent;
border-left: 20px solid #232D39;
}
.process-step__left {
padding: 30px 0px 30px;
flex-direction: column;
}
.process-step__description {
padding: 0px 16px 0px 20px;
margin-left: 110px;
}
.process-step__description h2 {
font-size: 32px;
margin: 0 0 15px;
max-width: 240px;
line-height: 40px;
}
.process-step__description p {
font-size: 16px;
line-height: 22px;
max-width: 325px;
}
.repeater__heading {
font-size: 24px;
line-height: 32px;
}
.repeater__subheading span {
font-size: 16px;
line-height: 24px;
max-width: 95px;
}
.process-step__repeater.for-desktop {
display: none;
}
.process-step__repeater {
max-width: 100%;
margin: 0 auto;
padding: 0 17px;
}
}  .section--experience-header .section__background {
background-color: #E9EAEB;
padding: 120px 0 25px;
}
.section--experience-header .section__container {
max-width: 1920px;
padding: 0;
}
.experience-header {
display: flex;
flex-direction: column;
}
.experience-header__top {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
max-width: 759px;
margin: 0 auto 47px;
}
.experience-header__top p {
font-size: 20px;
line-height: 28px;
text-align: center;
color: #222D39;
margin: 0;
max-width: 660px;
}
.experience-header__top img {
max-width: 200px;
margin: 0 0 24px;
}
.experience-header__bottom {
display: flex;
width: 100%;
}
.experience-repeater {
display: flex;
justify-content: center;
position: relative;
gap: 0px;
width: 100%;
}
.experience-repeater__column {
position: relative;
left: 0;
color: #D3D5D7;
width: 18.5vw;
height: 12vw;
margin-bottom: 0; display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
padding-left: 0;
max-width: 357px;
max-height: 202px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.first-column {
position: absolute;
left: -15%;
}
.last-column {
position: absolute;
left: auto;
right: -15%;
}
.experience-repeater__column.first-column {
background-image: url(//www.tti.com.au/wp-content/themes/tti/img/experience-first.svg);
}
.experience-repeater__column.last-column {
background-image: url(//www.tti.com.au/wp-content/themes/tti/img/experience-last.svg);
}
.experience-repeater__column.column-number1 {
background-image: url(//www.tti.com.au/wp-content/themes/tti/img/experience1.svg);
}
.experience-repeater__column.column-number2 {
background-image: url(//www.tti.com.au/wp-content/themes/tti/img/experience2.svg);
}
.experience-repeater__column.column-number3 {
background-image: url(//www.tti.com.au/wp-content/themes/tti/img/experience3.svg);
}
.experience-repeater__column.column-number4 {
background-image: url(//www.tti.com.au/wp-content/themes/tti/img/experience4.svg);
}
.experience-repeater__column.column-number5 {
background-image: url(//www.tti.com.au/wp-content/themes/tti/img/experience5.svg);
}
.experience-repeater__heading {
font-size: 80px;
line-height: 80px;
font-weight: 400;
text-align: center;
color: #232D39;
}
.experience-repeater__subheading {
font-size: 32px;
line-height: 32px;
font-weight: 700;
text-align: center;
color: #232D39;
max-width: 205px;
}
@media screen and (max-width: 1599px) {
.experience-repeater__column {
width: 18vw;
height: 10vw;
}
.experience-repeater__heading {
font-size: 4.22vw;
line-height: 4.22vw;
}
.experience-repeater__subheading {
font-size: 1.69vw;
line-height: 1.69vw;
max-width: 11vw;
}
.first-column {
left: -12%;
}
.last-column {
right: -12%;
}
}
@media screen and (max-width: 1024px) {
.section--experience-header .section__background {
padding: 85px 0 24px;
}
.experience-header__top p {
font-size: 18px;
line-height: 26px;
max-width: 600px;
}
.experience-header__top {
margin: 0 auto 35px;
}
.experience-repeater__heading {
font-size: 30px;
line-height: 30px;
}
.experience-repeater__subheading {
font-size: 14px;
line-height: 14px;
max-width: 92px;
}
.experience-repeater__column {
max-width: 185px;
max-height: 115px;
}
}
@media screen and (max-width: 767px) {
.section--experience-header .section__background {
padding: 38px 0 24px;
}
.experience-header__top {
margin: 0 auto 18px;
padding: 0 15px;
}
.experience-repeater__column.first-column {
display: none;
}
.experience-repeater__column.last-column {
display: none;
}
.experience-repeater {
flex-wrap: wrap;
row-gap: 6px;
column-gap: 8px;
left: 8px;
padding: 0 5px;
}
.experience-repeater__column {
width: 136.37px;
height: 77.35px;
max-width: 136.37px;
max-height: 77.35px;
margin-left: -24.56px;
}
.experience-header__bottom {
max-width: 380px;
margin: 0 auto;
}
}  .section--reel {
margin: 16px 0 0;
}
.section--reel .section__background { background-size: cover;
background-repeat: no-repeat;
padding: 27px 0 23px;
position: relative;
}
.section--reel .section__background::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%);
}
.section--reel .background-video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
}
.section--reel .background-video .slick-list {
width: 100%;
}
.section--reel .section__container {
max-width: 1920px;
padding: 0;
position: relative;
z-index: 1;
}
.reel__content {
display: flex;
flex-direction: column;
max-width: 1264px;
justify-content: center;
align-items: flex-start;
margin: 0 auto 47px;
padding: 0 32px;
}
.reel__content .button:hover {
background-color: transparent;
color: #c7d92d;
}
.reel__content img {
max-width: 296px;
object-fit: contain;
margin: 0 0 24px;
}
.reel__content h2 {
font-size: 48px;
line-height: 56px;
font-weight: 700;
color: #FFF;
margin: 0 0 24px;
}
.reel__content h2::after {
display: none;
}
.reel__content p {
font-size: 20px;
line-height: 28px;
font-weight: 400;
color: #FCFDF4;
margin: 0 0 24px;
max-width: 378px;
}
.reel__repeater {
display: flex;
background-color: #2E2E2E;
padding: 32px 0;
position: relative;
width: 100%;
}
.reel__slider {
display: flex;
gap: 20px;
padding: 0px 16px;
width: 100%;
}
.reel__slide {
display: flex;
padding-right: 10px;
padding-left: 10px;
}
.reel__slide a {
display: flex;
}
.reel__slide img {
border-radius: 8px;
max-width: 356px;
width: 100%;
}
.reel__repeater::before,
.reel__repeater::after {
content: "";
position: absolute;
width: 100%;
height: 15px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.reel__repeater::before {
background-image: url(//www.tti.com.au/wp-content/themes/tti/img/reel-frame.svg);
top: 9px;
}
.reel__repeater::after {
background-image: url(//www.tti.com.au/wp-content/themes/tti/img/reel-frame.svg);
bottom: 9px;
}
@media screen and (max-width: 1199px) {
.section--reel {
margin: 8px 0 0;
}
}
@media screen and (max-width: 1024px) {
.section--reel .section__background {
padding: 37px 0 0px;
}
.reel__content img {
margin: 0 0 32px;
}
.reel__content {
margin: 0 auto 14px;
}
.reel__content h2 {
font-size: 40px;
line-height: 48px;
margin: 0 0 32px;
}
.reel__content p {
font-size: 18px;
line-height: 26px;
margin: 0 0 32px;
max-width: 340px;
}
.reel__slide {
padding-right: 4px;
padding-left: 4px;
}
.reel__slider {
padding: 0px 6px;
}
.reel__repeater::before,
.reel__repeater::after {
height: 6.5px;
}
.reel__repeater {
padding: 12px 0;
}
.reel__repeater::before {
top: 3px;
}
.reel__repeater::after {
bottom: 3px;
}
}
@media screen and (max-width: 767px) {
.section--reel {
margin: 24px 0 0;
}
.section--reel .section__background {
padding: 42px 0 8px;
}
.reel__content {
margin: 0 auto 17px;
}
.reel__content h2 {
font-size: 32px;
line-height: 40px;
}
.reel__content p {
max-width: 260px;
}
.reel__content {
padding: 0 16px;
}
.reel__content img {
max-width: 236.8px;
}
.reel__repeater::before,
.reel__repeater::after {
height: 5px;
}
.reel__repeater::before {
top: 2px;
}
.reel__repeater::after {
bottom: 2px;
}
.reel__repeater {
padding: 10px 0;
}
.reel__slide img {
border-radius: 3px;
}
}  button[type="submit"][name="apply_coupon"] {
padding: 0;
}
button[type="submit"][name="woocommerce_checkout_place_order"] {
padding: 0;
}
.stripe-gateway-stripelink-modal-trigger {
display: none;
} .features-button-align-center {
display: flex;
justify-content: center;
}
.section--icons a.icons--column {
transition: opacity 0.3s ease-in-out;
}
.section--icons a.icons--column:hover {
opacity: 0.5;
} .section--modal-popup {
background-color: rgba(8, 34, 53, 0.7);
position: fixed;
width: 100%;
height: 100%;
z-index: 99999;
top: 0;
left: 0;
overflow-x: hidden;
display: flex;
justify-content: center;
align-items: flex-start;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease-in-out;
}
.modal-popup-show {
opacity: 1;
visibility: visible;
}
.section--modal-popup .section__background {
min-height: 100%;
}
.section--modal-popup .section__container {
display: flex;
justify-content: center;
align-items: center;
}
.modal-popup {
display: flex;
border: 8px solid #C7D92D;
max-width: 960px;
background-color: #C7D92D;
}
.modal-popup__media {
display: flex;
width: 45%;
}
.modal-popup__media img {
width: 100%;
object-fit: cover;
}
.modal-popup__text {
display: flex;
flex-direction: column;
width: 55%;
padding: 0px 0px 0px 0px;
background-color: #C7D92D;
position: relative;
}
.modal-popup__close {
display: flex;
justify-content: flex-end;
cursor: pointer;
position: absolute;
right: 5px;
top: 0px;
width: 50px;
height: 50px;
}
.modal-popup__close::after {
content: '×';
position: relative;
text-align: center;
top: 0px;
right: 4px;
color: #fff;
font-size: 110px;
line-height: 50px;
}
.modal-popup__content h3,
.modal-popup__content h2 {
text-transform: uppercase;
color: #fff;
}
.modal-popup__content h3::after,
.modal-popup__content h2::after {
display: none;
}
.modal-popup__content {
display: flex;
align-items: flex-start;
flex-direction: column;
margin: 0px 0 0;
}
.modal-popup__heading {
display: flex;
flex-direction: column;
max-width: 228px;
margin: 0 0 40px;
}
.modal-popup__content h3 {
font-size: 4.2em;
line-height: 0.95em;
text-transform: capitalize;
color: #232D39;
}
.modal-popup__content .modal-popup__text-holder h3 {
max-width: 320px;
text-transform: uppercase;
margin-bottom: 10px;
}
.modal-popup__content .modal-popup__heading h3 {
margin: 0;
}
.modal-popup__content .modal-popup__heading h4 {
font-size: 2.325em;
text-transform: uppercase;
text-align: right;
align-self: flex-end;
margin: 0;
background-color: #fff;
padding: 0px 20px;
min-width: 155px;
}
.modal-popup__content h2 {
font-size: 4em;
line-height: 0.75em;
margin: 0 0 60px;
}
.modal-popup__btn {
font-size: 24px;
line-height: 26px;
color: #232D39;
text-align: center;
letter-spacing: -0.0025em;
background-color: #c7d92d;
border-radius: 8px;
padding: 8px 32px 8px 32px;
border: solid 1px #c7d92d;
transition: all 0.6s ease;
min-width: 180px;
}
.modal-popup__text-holder {
display: flex;
flex-direction: column;
}
.modal-popup__btn-mobile {
display: none;
}
.modal-popup__content--bottom {
display: flex;
align-items: center;
width: 100%;
background-color: #222d3a;
padding: 35px 40px;
}
.content-holder {
display: flex;
flex-direction: column;
width: 100%;
padding: 0 40px;
}
.modal-popup_new-bg {
font-size: 50px;
font-weight: 600;
text-transform: uppercase;
display: flex;
justify-content: center;
background-color: #df242a;
color: #fff;
padding: 22px 10px;
max-width: 228px;
width: 100%;
height: 90px;
position: relative;
}
.modal-popup_new-bg::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
border-left: 122px solid transparent;
border-right: 122px solid transparent;
border-bottom: 24px solid #c7d92d;
width: 100%;
height: 100%;
}
.bottom-text {
display: flex;
flex-direction: column;
}
.bottom-text h4 {
font-size: 2.625em;
font-weight: 400;
text-transform: uppercase;
color: #fff;
margin: 0 0 5px;
}
.bottom-text h5 {
margin: 0;
padding: 0;
}
.bottom-text h5::after {
display: none;
}
.bottom-text h5 {
font-size: 2.925em;
line-height: 1em;
color: #fff;
}
.bottom-text h5 sup {
font-size: 0.425em;
line-height: 1em;
top: -1.2em;
}
.bottom-text h5 {
color: #C7D92D;
text-transform: uppercase;
}
.modal-popup__arrow {
display: flex;
margin-left: auto;
width: 75px;
height: 75px;
min-width: 75px;
border: 4px solid #fff;
border-radius: 50%;
}
.modal-popup__arrow img {
object-fit: contain;
width: 32px;
}
.modal-popup__arrow {
border: 3px solid #fff;
justify-content: center;
align-items: center;
}
.content-holder__top {
display: flex;
flex-direction: column;
}
@media screen and (max-width: 1024px) {
.content-holder {
padding: 0 20px;
}
.modal-popup__content--bottom {
padding: 40px 20px;
}
}
@media screen and (max-width: 767px) {
.modal-popup {
flex-direction: column;
position: relative;
}
.modal-popup__media {
width: 100%;
}
.modal-popup__text {
width: 100%;
padding: 0;
position: unset;
} .modal-popup__content h3 {
margin: 0 0 40px;
}
.modal-popup__content h2 {
margin: 0 0 0px;
}
.modal-popup__media img {
max-height: 280px;
}
.modal-popup__close::after {
font-size: 80px;
line-height: 30px;
}
.modal-popup__close {
width: 38px;
height: 38px;
right: 5px;
top: 5px;
}
.modal-popup__content {
margin: 0px 0 0;
}
.modal-popup__content h3 {
font-size: 2.3em;
}
.modal-popup__content h2 {
font-size: 4.2em;
}
.modal-popup__btn {
display: none;
}
.modal-popup__btn-mobile {
display: flex;
align-self: flex-end;
border: 3px solid #c7d92d;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 85px;
height: 85px;
margin: 0 0 10px 10px;
}
.modal-popup__btn-mobile img {
object-fit: contain;
width: 32px;
}
.content-holder {
padding: 10px 10px 0;
}
.content-holder__top {
flex-direction: row;
justify-content: space-between;
padding: 0 0 20px;
}
.modal-popup__heading {
margin: 0 0 0;
padding-left: 10px;
}
.modal-popup__content .modal-popup__heading h3 {
font-size: 2.8em;
}
.modal-popup__content .modal-popup__heading h4 {
font-size: 1.625em;
padding: 0px 8px;
min-width: 90px;
}
.modal-popup__content .modal-popup__text-holder h3 {
text-align: center;
max-width: 100%;
margin-bottom: 5px;
}
.modal-popup__arrow {
width: 65px;
height: 65px;
min-width: 65px;
}
.modal-popup__arrow img {
width: 28px;
}
.modal-popup__content--bottom {
align-items: flex-end;
}
.bottom-text h4 {
font-size: 1.825em;
}
.bottom-text h5 {
font-size: 1.625em;
}
.modal-popup_new-bg {
font-size: 38px;
height: 75px;
max-width: 150px;
}
.modal-popup_new-bg::after {
border-left: 75px solid transparent;
border-right: 75px solid transparent;
border-bottom: 15px solid #c7d92d;
}
.content-holder {
position: relative;
}
.content-holder::before {
content: "";
position: absolute;
left: auto;
top: -24px;
border-left: 52px solid transparent;
border-right: 52px solid transparent;
border-top: 30px solid #C7D92D;
width: 100%;
height: auto;
transform: rotate(180deg);
right: auto;
margin: 0 auto;
max-width: 30px;
align-self: center;
}
} .section--image-tiles {
padding: 100px 0;
}
.section--image-tiles .wistia_click_to_play {
display: inline-block !important;
}
.section--image-tiles .wistia_click_to_play::after {
content: unset !important;
} .section+.section--image-tiles {
padding-top: 0;
}
.section--image-tiles+.section {
padding-top: 0;
}
.section--image-tiles+.section .section__background {
padding-top: 0;
} .section--image-tiles.section--no-padding-top {
padding-top: 0 !important;
}
.section--image-tiles.section--no-padding-bottom {
padding-bottom: 0 !important;
} .section--image-tiles-fewer .image-tiles__tile {
max-height: 400px;
}
.image-tiles {
width: 100%;
}
.image-tiles__swiper {
width: 100%;
}
.image-tiles__tile {
position: relative;
aspect-ratio: 1 / 1;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
overflow: hidden;
}
.image-tiles__tile::before {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 70%;
background: linear-gradient(to top, rgba(35, 45, 57, 1) 0%, rgba(35, 45, 57, 0) 100%);
z-index: 1;
transition: opacity 0.6s ease;
pointer-events: none;
}
.image-tiles__tile:hover::before,
.image-tiles__tile:focus-within::before {
opacity: 0;
}
.image-tiles__overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #232D39;
mix-blend-mode: hard-light;
opacity: 0;
transition: opacity 0.6s ease;
z-index: 1;
}
.image-tiles__tile:hover .image-tiles__overlay,
.image-tiles__tile:focus-within .image-tiles__overlay {
opacity: 1;
}
.image-tiles__content {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 30px;
z-index: 2;
display: flex;
flex-direction: column;
justify-content: flex-end;
height: 100%;
}
.image-tiles__subheading {
font-family: 'bebas_neue_proregular', sans-serif;
font-size: clamp(16px, 1.2vw, 22px);
font-weight: normal;
color: #C7D92D;
display: block;
margin-bottom: 5px;
}
.image-tiles__heading {
font-family: 'bebas_neue_proregular', sans-serif;
font-size: clamp(24px, 2.5vw, 48px);
line-height: 1;
font-weight: bold;
color: #FFFFFF;
margin: 0 0 10px;
text-transform: uppercase;
}
.image-tiles__heading::after {
content: '';
display: block;
width: 100%;
height: 1px;
background-color: #C7D92D;
margin-top: 10px;
transform-origin: left;
transform: scaleX(0);
transition: transform 0.6s ease;
}
.image-tiles__tile:hover .image-tiles__heading::after,
.image-tiles__tile:focus-within .image-tiles__heading::after {
transform: scaleX(1);
transition-delay: 0.2s;
}
.image-tiles__hover-content {
max-height: 0;
overflow: hidden;
transition: max-height 0.6s ease;
}
.image-tiles__tile:hover .image-tiles__hover-content,
.image-tiles__tile:focus-within .image-tiles__hover-content {
max-height: 200px;
overflow: visible;
}
.image-tiles__body {
font-size: clamp(18px, 1vw, 22px);
font-weight: normal;
color: #FFFFFF;
margin: 0 0 15px;
line-height: 1.2;
}
.image-tiles__tile .button,
.image-tiles__tile .button-small {
align-self: flex-start;
}
.button-small {
display: inline-block;
width: auto;
background-color: #c7d92d;
border-radius: 6px;
padding: 10px 20px;
color: #232d39;
font-size: 15px;
line-height: 18px;
letter-spacing: -0.0025em;
font-weight: 600;
text-align: center;
border: solid 1px #c7d92d;
transition: all 0.6s ease;
cursor: pointer;
}
.button-small:hover {
background-color: transparent;
color: #c7d92d;
}
.image-tiles__video-container {
position: relative;
align-self: flex-start;
} .image-tiles__video-btn .wistia_embed {
display: inline !important;
}
.image-tiles__video-btn .thumb_container {
display: inline !important;
} .image-tiles__nav {
color: #FFFFFF;
}
.image-tiles__nav::after {
font-size: 20px;
} @media screen and (max-width: 1199px) {
.image-tiles__tile {
min-height: 375px;
}
} @media screen and (max-width: 1024px) {
.section--image-tiles {
padding: 80px 0;
}
.image-tiles__subheading {
font-size: 18px;
}
.image-tiles__heading {
font-size: 32px;
}
.image-tiles__body {
font-size: 16px;
}
} @media screen and (max-width: 767px) {
.section--image-tiles {
padding: 24px 0;
}
.image-tiles {
padding: 0 16px;
}
.image-tiles__tile {
min-height: 350px;
}
.image-tiles__hover-content {
max-height: none;
overflow: visible;
}
.image-tiles__tile .image-tiles__overlay {
opacity: 0.6;
}
.image-tiles__heading::after {
transform: scaleX(1);
}
}html {
scroll-behavior: smooth;
}
.text-and-media__text.background-dark p > a { color: #c7d92d;}
.section--product-features .grid .col .tile-pic {
height: 200px;
width: 200px;
border-radius: 50%;
background-position: center;
background-color: #F6F6F6;
}
.section--product-features .tile>.tile-pic {
max-height: 200px;
}
.section--product-features .tile-copy .ttiw-tile-content p,
.ttiw-tile-content {
font-size: 20px;
letter-spacing: 0;
line-height: 28px;
margin-top: 12px;
color: #232D39;
}
.section--product-features .grid .col {
border: 1px solid #E5E5E5;
}
.section--product-features .grid.column-4 .col.tile {
margin: 0;
padding: 30px;
}
.section--product-features .grid .tile .tile-copy {
padding-right: 0;
}
.section--product-features .grid .tile {
color: #232D39;
}
.section--product-features .grid .tile .tile-copy .h4 {
font-size: 20px;
font-weight: bold;
letter-spacing: 0;
line-height: 27px;
margin-top: 32px;
}
.section--product-features .section-head {
margin-bottom: 40px;
}
.section--product-features .section-head h2 {
font-size: 40px;
line-height: 55px;
letter-spacing: -0.8px;
margin: 0;
}
.section--product-features .featured-centered .tile-pic {
margin: 0 auto;
}
.section--product-features .featured-centered .tile-copy .h4 {
text-align: center;
}
.section--product-features .featured-centered .tile-copy .ttiw-tile-content p {
text-align: center !important;
} .grid.features-column {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.section--product-features .features-column .col.tile {
margin: 0;
}
.section--product-features .grid.column-5 .col.tile {
width: 20%;
padding: 22px;
}
.section--product-features .grid.column-5 .col .tile-pic {
height: 14.8vw;
width: 14.8vw;
max-width: 190px;
max-height: 190px;
}
.section--product-features .grid.column-6 .col.tile {
width: 16.66667%;
padding: 20px;
}
.section--product-features .grid.column-6 .col .tile-pic {
height: 12.1vw;
width: 12.1vw;
max-width: 170px;
max-height: 170px;
}
.section--product-features .grid.column-7 .col.tile {
width: 14.285%;
padding: 18px;
}
.section--product-features .grid.column-7 .col .tile-pic {
height: 10.2vw;
width: 10.2vw;
max-width: 150px;
max-height: 150px;
}
.section--product-features .grid.column-8 .col.tile {
width: 12.5%;
padding: 14px;
}
.section--product-features .grid.column-8 .col .tile-pic {
height: 9.2vw;
width: 9.2vw;
max-width: 140px;
max-height: 140px;
} .section--product-features .grid.column-4 .col.tile {
width: 25%;
}
.section-id {
position: relative;
top: -96px;
}
.wistia_responsive_wrapper {
opacity: 0;
transition: all 0.2s linear;
}
.wistia_responsive_wrapper.wistia_responsive_wrapper-active {
opacity: 1;
}
.banner-video-button:before {
content: "\F40C";
display: block;
font-family: "Material Design Icons";
font-size: 120px;
line-height: 120px;
color: #fff;
transition: 0.2s ease;
}
.banner-video-button:after {
content: '';
display: block;
height: 60px;
width: 40px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
position: absolute;
background-size: contain;
cursor: pointer;
z-index: -1;
background-color: #232D39;
}
.banner-video-button {
color: #fff;
margin: 0 auto;
display: flex;
place-items: center;
height: 100%;
width: 100%;
justify-content: center;
max-width: 120px;
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 1;
}
.wistia_responsive_wrapper .banner-video--inner .w-big-play-button.w-css-reset-button-important {
display: none !important;
}
.wistia_responsive_padding:hover .banner-video-button:before {
color: #C7D92D;
}
@media screen and (max-width: 1200px) {
.section--product-features .grid.column-4 .col.tile {
padding: 20px;
width: 33.333%;
}
.section--product-features .grid .tile .tile-copy .h4 {
font-size: 16px;
line-height: 22px;
margin-top: 20px;
}
.section--product-features .tile-copy .ttiw-tile-content p,
.ttiw-tile-content {
font-size: 14px;
line-height: 24px;
margin-top: 8px;
}
.section--product-features .section-head h2::after {
height: 4px;
width: 60px;
}
.section--product-features .section-head {
margin-bottom: 32px;
}
.section--product-features .section-head h2 {
font-size: 32px;
line-height: 43px;
letter-spacing: -0.64px;
margin: 0;
}
.section--product-features .grid .col .tile-pic {
height: 180px;
width: 180px;
}
.section--product-features .grid.column-5 .col.tile {
width: 25%;
padding: 20px;
}
.section--product-features .grid.column-6 .col.tile {
width: 20%;
padding: 16.5px;
}
.section--product-features .grid.column-6 .col .tile-pic {
height: 15vw;
width: 15vw;
max-width: 180px;
max-height: 180px;
}
.section--product-features .grid.column-7 .col.tile {
width: 16.666%;
padding: 16.5px;
}
.section--product-features .grid.column-7 .col .tile-pic {
height: 12vw;
width: 12vw;
}
.section--product-features .grid.column-8 .col.tile {
width: 14.285%;
}
.section--product-features .grid.column-8 .col .tile-pic {
height: 10.2vw;
width: 10.2vw;
}
.testimonials-image .lightbox--video div[id*="big_play_button_background"]::before {
font-size: 80px;
line-height: 80px;
}
.testimonials-image .lightbox--video div[id*="big_play_button_background"] {
height: 80px !important;
width: 80px !important;
}
.section-id {
top: -64px;
}
}
@media screen and (max-width: 1024px) {
.section--product-features .grid.column-5 .col.tile {
width: 33.333%;
padding: 20px;
}
.section--product-features .grid.column-5 .col .tile-pic {
height: 25vw;
width: 25vw;
max-width: 180px;
max-height: 180px;
}
.section--product-features .grid.column-6 .col.tile {
width: 25%;
}
.section--product-features .grid.column-6 .col .tile-pic {
height: 17.8vw;
width: 17.8vw;
}
.section--product-features .grid.column-7 .col.tile {
width: 20%;
}
.section--product-features .grid.column-7 .col .tile-pic {
height: 13.2vw;
width: 13.2vw;
}
.section--product-features .grid.column-8 .col.tile {
width: 20%;
}
.section--product-features .grid.column-8 .col .tile-pic {
height: 14vw;
width: 14vw;
}
}
@media screen and (max-width: 767px) {
.section--product-features .grid.column-4 .col.tile {
padding: 16.5px;
width: 50%;
}
.section--product-features .section-head {
margin-bottom: 24px;
}
.section--product-features .section-head h2 {
font-size: 28px;
line-height: 38px;
letter-spacing: -0.56px;
}
.section--product-features .grid.column-5 .col.tile {
width: 50%;
padding: 16.5px;
}
.section--product-features .grid.column-5 .col .tile-pic {
height: 40vw;
width: 40vw;
}
.section--product-features .grid.column-6 .col.tile {
width: 33.333%;
}
.section--product-features .grid.column-6 .col .tile-pic {
height: 23vw;
width: 23vw;
}
.section--product-features .grid.column-7 .col.tile {
width: 25%;
}
.section--product-features .grid.column-7 .col .tile-pic {
height: 17.5vw;
width: 17.5vw;
}
.section--product-features .grid.column-8 .col.tile {
width: 25%;
}
.section--product-features .grid.column-8 .col .tile-pic {
height: 18.2vw;
width: 18.2vw;
}
}
@media screen and (max-width: 600px) {
.section--product-features .grid.column-7 .col.tile {
width: 33.333%;
}
.section--product-features .grid.column-7 .col .tile-pic {
height: 23vw;
width: 23vw;
}
.section--product-features .grid.column-8 .col.tile {
width: 33.333%;
}
.section--product-features .grid.column-8 .col .tile-pic {
height: 24vw;
width: 24vw;
}
}
@media screen and (max-width: 470px) {
.section--product-features .grid.column-4 .col.tile {
width: 100%;
}
.section--product-features .grid .col .tile-pic {
height: 160px;
width: 160px;
}
.section--product-features .grid.column-5 .col.tile {
width: 100%;
}
.section--product-features .grid.column-5 .col .tile-pic {
height: 160px;
width: 160px;
}
.section--product-features .grid.column-6 .col.tile {
width: 50%;
}
.section--product-features .grid.column-6 .col .tile-pic {
height: 35vw;
width: 35vw;
max-width: 160px;
max-height: 160px;
}
.section--product-features .grid.column-7 .col.tile {
width: 50%;
}
.section--product-features .grid.column-7 .col .tile-pic {
height: 35vw;
width: 35vw;
}
.section--product-features .grid.column-8 .col.tile {
width: 50%;
}
.section--product-features .grid.column-8 .col .tile-pic {
height: 138px;
width: 138px;
}
}
@media screen and (max-width: 375px) {
.section--product-features .grid.column-6 .col.tile {
width: 100%;
}
.section--product-features .grid.column-6 .col .tile-pic {
height: 160px;
width: 160px;
}
.section--product-features .grid.column-7 .col.tile {
width: 100%;
}
.section--product-features .grid.column-7 .col .tile-pic {
height: 160px;
width: 160px;
max-width: 160px;
max-height: 160px;
}
.section--product-features .grid.column-8 .col.tile {
width: 100%;
}
.section--product-features .grid.column-8 .col .tile-pic {
height: 160px;
width: 160px;
max-width: 160px;
max-height: 160px;
}
} .section--product-description {
width: 150%;
left: 0;
background-color: #ECECEC;
}
.tabs-vertical.product-info-section .tab {
background-color: #F6F6F6;
box-shadow: inset 0 -1px 0 0 #E5E5E5;
}
.video-tab {
position: relative;
padding: 0 0 56.25% 0;
}
.video-tab.video-fixed {
padding: 0 0 46% 0;
}
.tab-body .video-tab iframe {
width: 100% !important; height: 100% !important;
position: absolute;
top: 0;
left: 0;
display: block;
}
.product-details .tabs-vertical.product-info-section {
width: 50%;
max-width: 720px;
}
.product-info-section .tab .tab-head a {
font-size: 28px;
font-weight: 600;
letter-spacing: -0.56px;
line-height: 40px;
}
@media screen and (max-width: 768px) {
.product-info-section .tab .tab-head a {
font-size: 22px;
letter-spacing: -0.44px;
line-height: 32px;
}
}
@media screen and (max-width: 480px) {
.product-info-section .tab .tab-head a {
font-size: 20px;
letter-spacing: -0.4px;
line-height: 30px;
}
}
.product-info-section .tab .tab-head a {
padding-left: 0;
}
.product-info-section .tab .tab-head a {
padding-left: 0;
}
.product-info-section .tab .tab-head {
padding-left: 0;
width: calc(100% - 58px);
}
.product-info-section .tab .tab-body ul {
padding-left: 0;
}
.product-info-section .tab:last-child {
border-bottom: none;
}
.product-info-section .tab .tab-body {
border-top: 1px solid #E5E5E5;
width: calc(100% - 58px);
}
.tab-body .button:hover {
background-color: transparent;
}
.product-details .tabs-vertical {
width: 50%;
left: 0;
max-width: 660px;
}
@media screen and (max-width: 1400px) {
.product-details .tabs-vertical.product-info-section {
width: 50%;
max-width: 720px;
}
}
@media screen and (max-width: 1200px) {
.product-details .tabs-vertical.product-info-section {
width: calc(100% + 40px);
margin-top: 60px;
margin-bottom: 0px;
max-width: unset;
}
.product-info-section.tabs-vertical {
padding: 0px 0 0;
}
.product-info-section.tabs-vertical .tab .tab-head a {
padding: 24px 0px 20px;
}
.product-info-section.tabs-vertical .tab .tab-body {
padding: 24px 0;
}
.product-info-section.product-info-section .tab .tab-head a {
font-size: 22px;
letter-spacing: -0.44px;
line-height: 32px;
}
.product-info-section ul li {
font-size: 14px;
line-height: 24px;
}
.product-info-section .tab-body ul li {
padding: 0 0 2px;
}
.product-info-section .tab .tab-head,
.product-info-section .tab .tab-body {
width: calc(100% - 40px);
}
.product-info-section.tabs-vertical .tab .tab-head a::after {
width: 16px;
height: 16px;
}
}
@media screen and (max-width: 1100px) {}
@media screen and (max-width: 769px) {
.product-details .tabs-vertical.product-info-section {}
.tabs-vertical.product-info-section .tab .tab-head a:after {}
.product-info-section .tab .tab-body {}
}
::marker {
color: #C7D92D;
}
.product-details .tabs-vertical .tab .tab-head a {
padding-left: 0;
position: relative;
}
.product-info-section {
margin-top: 80px;
}
.product-details .tabs-vertical {
position: relative;
z-index: 1;
}
.product-details .tabs-vertical:before {
content: "";
position: absolute;
width: 200%;
height: 100%;
top: 0;
right: 0;
background: #F6F6F6;
z-index: -1;
box-shadow: inset 0 -1px 0 0 #E5E5E5;
}
.product-info-section .tab .tab-head a {
padding: 22px 0px 26px 0px;
}
.product-info-section {
padding: 10px 0px 0px 0px;
}
.product-info-section .tab {
position: relative;
}
.product-info-section .tab-body ul li {
padding: 0 0 5px;
margin: 0px 0 0 15px;
}
.product-info-section ul li,
.product-info-section p {
font-size: 16px;
letter-spacing: 0;
line-height: 26px;
color: #232D39;
font-weight: 400;
}
@media screen and (max-width: 767px) {
.product-info-section ul li,
.product-info-section p {
font-size: 14px;
line-height: 24px;
}
.product-info-section.product-info-section .tab .tab-head a {
font-size: 20px;
letter-spacing: -0.4px;
line-height: 30px;
}
.product-info-section.tabs-vertical .tab .tab-head a {
padding: 16px 0px 16px;
}
.product-info-section.tabs-vertical {
padding: 10px 0 0;
}
.product-details .tabs-vertical.product-info-section {
width: calc(100% + 20px);
margin-top: 40px;
}
.product-info-section .tab .tab-head,
.product-info-section .tab .tab-body {
width: calc(100% - 20px);
}
.product-info-section.tabs-vertical .tab .tab-body {
padding: 20px 0;
}
}
.product-info-section .tab:after {
content: '';
background-color: #E5E5E5;
height: 1px;
width: 200%;
bottom: 0;
right: 0;
z-index: 1;
position: absolute;
}
.product-info-section .tab:last-child:after {
content: '';
background-color: transparent;
height: 0;
width: 0;
bottom: 0;
right: 0;
z-index: 1;
position: absolute;
} .product-list-water-trnsprt .inner .section-head {
margin-bottom: 48px;
}
@media screen and (max-width: 768px) {
.product-list-water-trnsprt .inner .section-head {
margin-bottom: 24px;
}
}
.product-list-water-trnsprt {
border: 1px solid #E5E5E5;
border-bottom: none;
border-right: none;
}
.product-list-water-trnsprt .col {
margin: 0;
border-radius: none;
border: 1px solid #E5E5E5;
border-top: none;
border-left: none;
}
.product-list-water-trnsprt.grid.column-3 .col.tile {
margin: 0;
}
.product-list-water-trnsprt .col {
background: transparent;
border-radius: none;
}
.product-list-water-trnsprt.grid.column-3 .col.tile {
width: 33.33%;
}
.tiles .product-list-water-trnsprt.grid.column-3 {
margin-left: 0;
margin-right: 0;
}
.product-list-water-trnsprt .col {
border-radius: 0px;
}
.product-list-water-trnsprt .slide-wrap {
display: flex;
padding: 0;
}
.product-list-water-trnsprt .slide-wrap a {
display: flex;
padding: 20px 32px;
}
.product-list-water-trnsprt .col.tile .image {
height: 160px;
width: 160px;
margin-right: 32px;
min-width: 160px;
align-items: center;
padding-top: 0;
}
.product-list-water-trnsprt.grid .tile .tile-copy {
padding-right: 0;
display: flex;
justify-content: center;
flex-direction: column;
width: 80%;
}
.margin-0-b {
margin-bottom: 0 !important;
}
.product-list-water-trnsprt.grid .tile .tile-copy .h4 {
color: #232D39;
font-size: 20px;
font-weight: bold;
letter-spacing: 0;
line-height: 27px;
}
.product-list-water-trnsprt.grid.column-3 .col.tile:hover {
background-color: #232D39;
} .slide-wrap:hover .tile-copy a {
color: #C7D92D;
}
@media screen and (max-width: 1200px) {
.product-list-water-trnsprt.grid.column-3 .col.tile {
width: 50%;
}
.product-info-section {
margin-top: 60px;
}
.product-list-water-trnsprt .slide-wrap a {
padding: 16px 24px;
}
}
@media screen and (max-width: 850px) {
.product-list-water-trnsprt .col.tile .image {
height: 100px;
width: 100px;
min-width: 100px;
margin-right: 24px;
}
}
@media screen and (max-width: 768px) {
.product-list-water-trnsprt .col.tile .image {
height: 100px;
width: 100px;
margin-right: 24px;
}
.product-list-water-trnsprt .slide-wrap {
display: flex;
padding: 16.5px 24.5px;
}
.product-list-water-trnsprt.grid.column-3 .col.tile {
width: 50%;
}
}
@media screen and (max-width: 710px) {
.product-list-water-trnsprt.grid.column-3 .col.tile {
width: 100%;
}
}
@media screen and (max-width: 480px) {
.product-list-water-trnsprt .col.tile .image {
height: 80px;
width: 80px;
min-width: 80px;
margin-right: 20px;
}
.product-list-water-trnsprt .slide-wrap {
display: flex;
padding: 16.5px 20.5px;
}
.product-list-water-trnsprt.grid.column-3 .col.tile {
width: 100%;
}
} .font-size-20 {
font-size: 20px !important;
font-weight: bold;
letter-spacing: 0;
line-height: 27px !important;
}
@media screen and (max-width: 850px) {
.font-size-20 {
font-size: 16px !important;
line-height: 22px !important;
}
} .testimonials-grey-bg {
background-color: #F6F6F6;
}
.testimonials-grey-bg .inner {
padding: 60px 40px 85px;
}
.testimonials-grey-bg .testimonial-inner {
display: flex;
flex-direction: row;
padding: 0;
}
.testimonials-grey-bg .big-comma {
background: #C7D92D;
border-radius: 50%;
min-width: 100px;
min-height: 100px;
max-height: 100px;
margin-right: 80px;
display: flex;
justify-content: center;
}
.testimonials-grey-bg .tetimonial__text {
max-width: 750px;
margin-top: 40px;
}
.testimonials-grey-bg .testimonial-inner p:first-child {
color: #232D39;
font-size: 28px;
font-weight: 600;
letter-spacing: -0.56px;
line-height: 40px;
margin: 0;
}
.testimonials-grey-bg .testimonial-inner p:first-child::after {
content: '';
margin-bottom: 0;
margin-top: 20px;
height: 6px;
width: 80px;
position: relative;
bottom: 0;
display: block;
background: #c7d92d;
}
.testimonials-grey-bg .testimonial-inner p:last-child {
color: #232D39;
font-size: 18px;
font-weight: 600;
letter-spacing: 0;
line-height: 24px;
margin: 20px 0 0;
}
.testimonials-grey-bg .testimonial-inner p:last-child strong {
font-weight: 600;
}
.testimonials-grey-bg img {
width: 40px;
height: 40px;
border-radius: 0;
}
.testimonials-grey-bg .testimonial {
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
}
.testimonials-grey-bg .testimonial__arrows {
display: flex;
justify-content: flex-end;
width: fit-content;
align-self: flex-end;
margin-right: 10px;
}
.testimonials-grey-bg .testimonial__arrows .testimonial__arrow-left {
height: 28px;
width: 28px;
margin-right: 16px;
cursor: pointer;
}
.testimonials-grey-bg .testimonial__arrows .testimonial__arrow-right {
height: 28px;
width: 28px;
cursor: pointer;
}
.testimonials-grey-bg .slick-list {
padding: 0 0 0;
}
.testimonials-layer .slick-prev,
.testimonials-layer .slick-next {
top: auto;
bottom: -25px;
left: auto;
right: 0;
background-color: transparent;
background: none;
height: 28px;
width: 28px;
box-shadow: none;
}
.testimonials-layer.testimonials-grey-bg .slick-prev::before,
.testimonials-layer.testimonials-grey-bg .slick-next::before {
content: "";
width: 28px;
height: 28px;
position: absolute;
background-size: contain;
top: 0;
}
.testimonials-layer.testimonials-grey-bg .slick-prev::before {
background-image: url(//www.tti.com.au/wp-content/themes/tti/img/Stem-Left.svg);
left: -43px;
}
.testimonials-layer.testimonials-grey-bg .slick-next::before {
background-image: url(//www.tti.com.au/wp-content/themes/tti/img/Stem-Right.svg);
left: 0;
}
@media screen and (max-width: 1024px) {
.testimonials-grey-bg .inner {
padding: 40px 40px 65px;
}
.testimonials-grey-bg .big-comma {
min-width: 57px;
min-height: 57px;
max-height: 57px;
margin-right: 30px;
}
.testimonials-grey-bg img {
width: 22px;
height: 22px;
}
.testimonials-grey-bg .testimonial-inner p:first-child {
font-size: 22px;
letter-spacing: -0.44px;
line-height: 32px;
}
.testimonials-grey-bg .tetimonial__text {
margin-top: 20px;
}
.testimonials-grey-bg .testimonial-inner p:last-child {
font-size: 15px;
line-height: 20px;
margin: 16px 0 0;
}
.testimonials-grey-bg .testimonial-inner p:first-child::after {
width: 60px;
margin-top: 16px;
height: 4px;
}
.testimonials-layer.testimonials-grey-bg .slick-prev::before,
.testimonials-layer.testimonials-grey-bg .slick-next::before,
.testimonials-layer .slick-prev,
.testimonials-layer .slick-next {
width: 20px;
height: 20px;
}
.testimonials-layer.testimonials-grey-bg .slick-prev::before {
left: -35px;
}
}
@media screen and (max-width: 767px) {
.testimonials-grey-bg .inner {
padding: 32px 20px 65px;
}
.testimonials-grey-bg .testimonial-inner {
flex-direction: column;
}
.testimonials-grey-bg .tetimonial__text {
margin-top: 22px;
padding-bottom: 32px;
}
.testimonials-grey-bg .big-comma {
min-height: 48px;
min-width: 48px;
margin-right: 0;
max-height: 48px;
padding: 0;
width: 48px;
}
.testimonials-grey-bg .big-comma img {
height: 18px;
width: 18px;
}
.testimonials-grey-bg .testimonial-inner p:first-child {
font-size: 20px;
letter-spacing: -0.4px;
line-height: 30px;
}
.testimonials-layer .slick-prev,
.testimonials-layer .slick-next {
left: 0;
right: auto;
}
.testimonials-layer.testimonials-grey-bg .slick-prev::before {
left: 0;
}
.testimonials-layer.testimonials-grey-bg .slick-next::before {
left: 36px;
}
.product-list-water-trnsprt .slide-wrap a {
padding: 16px 20px;
}
}   .testimonials-grey-bg-with-video {
background-color: #F6F6F6;
}
.testimonials-grey-bg-with-video .testimonial--text-container {
display: flex;
}
.testimonials-grey-bg-with-video .inner {
padding-right: 40px;
padding-left: 40px;
}
.testimonials-grey-bg-with-video .testimonial-inner {
display: flex;
flex-direction: row;
padding: 0;
padding-left: 10px;
max-width: 1520px;
}
.testimonials-grey-bg-with-video .big-comma {
background: #C7D92D;
border-radius: 50%;
min-width: 100px;
min-height: 100px;
max-height: 100px;
margin-right: 80px;
display: flex;
justify-content: center;
}
.testimonials-grey-bg-with-video .tetimonial__text {
max-width: 720px;
margin-right: 120px;
}
.testimonials-grey-bg-with-video .testimonial-inner p:first-child {
color: #232D39;
font-size: 28px;
font-weight: bold;
letter-spacing: -0.56px;
line-height: 40px;
margin-top: 40px;
margin-right: 0;
}
.testimonials-grey-bg-with-video .testimonial-inner p:first-child::after {
content: '';
width: 80px;
margin-bottom: 0;
margin-top: 20px;
height: 6px;
position: relative;
bottom: 0;
display: block;
background: #c7d92d;
}
.testimonials-grey-bg-with-video .testimonial-inner p:last-child {
color: #232D39;
font-size: 18px;
font-weight: bold;
letter-spacing: 0;
line-height: 24px;
margin-bottom: 12px;
}
.testimonials-grey-bg-with-video img {
width: unset;
border-radius: unset;
height: unset;
margin: unset;
}
.testimonials-image .wistia_responsive_padding .bannr-video-overlay img {
width: 100%;
height: 100%;
object-fit: cover;
}
.testimonials-grey-bg-with-video .testimonial {
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
}
.component-video-container {
width: fit-content;
position: relative;
}
.testimonials.testimonials-grey-bg-with-video .tile-image-background {
height: 420px;
min-width: 420px;
border-radius: 50%;
overflow: hidden;
top: -110px;
display: flex;
align-items: center;
}
.testimonials.testimonials-grey-bg-with-video .tile-image-background a { width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.testimonials.testimonials-grey-bg-with-video .tile-image-background a>img {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
transition: all 0.6s ease;
}
.testimonials.testimonials-grey-bg-with-video .tile-image-background a:hover>img {
transform: scale3d(1.1, 1.1, 1.1);
}
.testimonials.testimonials-grey-bg-with-video .tile-image-background a span {
background-color: #FFFFFF;
border-radius: 50%;
display: flex;
justify-content: center;
height: 120px;
width: 120px;
align-items: center;
margin: 0 auto;
z-index: 1;
}
@media screen and (max-width: 1400px) {
.testimonials.testimonials-grey-bg-with-video .tile-image-background {
top: -80px;
}
.testimonials.testimonials-grey-bg-with-video {
overflow-x: hidden;
}
}
@media screen and (max-width: 1200px) {
.testimonials-grey-bg-with-video .big-comma {
margin-right: 40px;
}
.testimonials-grey-bg-with-video .tetimonial__text {
margin-right: 60px;
}
.testimonials.testimonials-grey-bg-with-video .tile-image-background {
height: 350px;
min-width: 350px;
}
.testimonials.testimonials-grey-bg-with-video .testimonial-inner {
padding-left: 0;
}
}
@media screen and (max-width: 980px) {
.testimonials-grey-bg-with-video .inner {
padding: 40px 40px 60px 40px !important;
}
.testimonials.testimonials-section .inner.testimonial-container {
padding: 20px 0px 20px 40px !important;
}
.testimonials-grey-bg-with-video .big-comma {
margin-right: 30px;
}
.testimonials-grey-bg-with-video .tetimonial__text {
margin-right: 0;
}
.testimonials.testimonials-grey-bg-with-video .tile-image-background {
right: -80px;
height: 280px;
min-width: 280px;
}
.testimonials.testimonials-grey-bg-with-video .tile-image-background a span {
height: 80px;
width: 80px;
}
.testimonials.testimonials-grey-bg-with-video .tile-image-background a span img {
height: 21px;
width: 26px;
}
.testimonials-grey-bg-with-video .testimonial-inner p:first-child {
font-size: 22px;
letter-spacing: -0.44px;
line-height: 32px;
}
.testimonials-grey-bg-with-video .testimonial-inner p:last-child {
font-size: 15px;
letter-spacing: 0;
line-height: 20px;
}
.testimonials-grey-bg-with-video .big-comma {
height: 57px;
width: 57px;
}
}
@media screen and (max-width: 700px) {
.testimonials-grey-bg-with-video .inner {
padding: 32px 20px !important;
}
.testimonials-grey-bg-with-video .testimonial-inner {
flex-direction: column;
}
.testimonials-grey-bg-with-video .testimonial--text-container {
flex-direction: column;
}
.testimonials.testimonials-grey-bg-with-video .tile-image-background {
top: 0;
right: 0px;
height: 280px;
min-width: 280px;
max-width: 280px;
align-self: flex-end;
margin-top: 28px;
}
}
@media screen and (max-width: 480px) {
.testimonials-grey-bg-with-video .big-comma {
height: 48px;
width: 48px;
margin-bottom: 20px;
}
.testimonials-grey-bg-with-video .testimonial-inner p:first-child {
font-size: 20px;
letter-spacing: -0.4px;
line-height: 30px;
margin-top: 0;
}
}   .section--office-locations.light-gray {
background-color: #FFF;
}
.section--office-locations .inner {
padding: 40px 40px 80px;
}
.section--office-locations h3 {
color: #232D39;
font-size: 40px;
font-weight: 600;
letter-spacing: -0.8px;
line-height: 55px;
margin-bottom: 4px;
}
.section--office-locations h3::after {
display: none;
}
.section--office-locations h4 {
color: #232D39;
font-size: 18px;
font-weight: 600;
letter-spacing: 0;
line-height: 24px;
margin: 0;
margin-bottom: 32px;
} .section--office-locations .grid .col {
border-right: 1px solid #E5E5E5;
border-bottom: 1px solid #E5E5E5;
}
.section--office-locations .location {
border-left: 1px solid #E5E5E5;
padding: 40px 40px 0px 40px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.section--office-locations hr {
height: 1px solid #E5E5E5;
margin-block-end: 24px;
margin-block-start: 4px;
}
.layer.locations.section--office-locations .contact-details-wrap {
padding: 0;
}
.section--office-locations .mdi-phone:before {
content: url(//www.tti.com.au/wp-content/themes/tti/img/Phone.svg);
}
.section--office-locations .mdi-email:before {
content: url(//www.tti.com.au/wp-content/themes/tti/img/Email.svg);
}
.section--office-locations .mdi-map-marker:before {
content: url(//www.tti.com.au/wp-content/themes/tti/img/Location.svg);
}
.section--office-locations .contact-rows .contact-row label {
font-size: 12px;
font-weight: 600;
letter-spacing: 0;
line-height: 12px;
color: #232D39;
opacity: 0.4;
text-transform: uppercase;
transition: all 0.3s ease;
}
.section--office-locations .contact-row a:hover label {
color: #C7D92D;
opacity: 1;
}
.section--office-locations .contact-rows .contact-row h5 {
font-size: 20px;
font-weight: 600;
letter-spacing: 0;
line-height: 27px;
margin-top: 0;
color: #232D39;
}
.section--office-locations .grid.column-2 {
border-top: 6px solid #232D39;
}
.section--office-locations .contact-rows .contact-row h5::after {
display: none;
}
.content-columns .grid.column-2 .col.column.location:nth-child(odd) {
padding-right: 40px;
border-right: none;
}
.content-columns .grid.column-2 .col.column.location:nth-child(even) {
padding-left: 40px;
}
.section--office-locations .icon-wrap {
min-width: 48px;
width: 48px;
height: 48px;
background-color: #F6F6F6;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
}
.section--office-locations .mdi:before {}
.layer.locations.section--office-locations .contact-details-wrap .contact-rows .contact-row {
padding: 0 10px 20px 20px;
}
.layer.locations.section--office-locations .contact-details-wrap .contact-rows .contact-row h5 {
padding: 0;
} .map-section {
margin-top: 32px;
position: relative;
}
.layer.locations.section--office-locations .tti-map {
width: calc(100% + 80px);
position: relative;
left: -40px;
border-top: 1px solid #E5E5E5;
margin-top: 0;
min-height: 320px;
}
.map-with-overlay {
position: relative;
}
.section--office-locations .tti-map-logo {
width: 76px;
height: 76px;
position: absolute;
top: 50%;
left: 50%;
z-index: 6;
transform: translate(-50%, -50%);
} @media screen and (max-width: 1200px) {
.section--office-locations .inner {
padding: 10px 40px 60px;
}
.section--office-locations .contact-rows {
flex-direction: column;
}
.layer.locations.section--office-locations .contact-details-wrap .contact-rows .contact-row {
width: 100%;
}
.content-columns .grid.column-2 .col.column.location:nth-child(odd) {
padding-right: 20px;
}
.content-columns .grid.column-2 .col.column.location:nth-child(even) {
padding-left: 20px;
}
.section--office-locations .tti-map {
width: calc(100% + 40px);
left: -20px;
}
.section--office-locations h3 {
font-size: 32px;
letter-spacing: -0.64px;
line-height: 43px;
}
.section--office-locations h4 {
font-size: 15px;
line-height: 20px;
margin-bottom: 24px;
}
.section--office-locations .contact-rows .contact-row label {
font-size: 11px;
line-height: 11px;
}
.section--office-locations .contact-rows .contact-row h5 {
font-size: 16px;
line-height: 22px;
}  .section--office-locations .icon-wrap {
min-width: 40px;
width: 40px;
height: 40px;
} .layer.locations.section--office-locations .contact-details-wrap .contact-rows .contact-row {
padding: 0 8px 8px 16px;
}
.section--office-locations .mdi:before {
padding-left: 1px;
padding-top: 0px;
}
.section--office-locations .location {
padding: 24px 20px 0px 20px;
}
.section--office-locations hr {
margin-block-end: 17px;
margin-block-start: 10px;
} .section--office-locations .tti-map {
width: calc(100% + 40px);
left: -20px;
margin-top: 32px;
min-height: 320px;
}
.layer.locations.section--office-locations .tti-map {
min-height: 190px !important;
width: calc(100% + 40px);
left: -20px;
}
.section--office-locations .tti-map-logo {
width: 60px;
height: 60px;
background-size: contain;
}
}
@media screen and (max-width: 1024px) {
.content-columns.locations .grid.column-2 {
flex-direction: inherit;
}
.content-columns.locations .grid.column-2 .location {
width: 50%;
padding: 24px 20px 0px 20px;
}
}
@media screen and (max-width: 767px) { .section--office-locations .inner {
padding: 5px 20px 40px;
}
.content-columns.locations .grid.column-2 {
flex-direction: column;
}
.content-columns.locations .grid.column-2 .location {
width: 100%;
padding: 24px 20px 0px 20px;
}
.section--office-locations.content-columns .grid.column-2 .col.location:nth-child(2n+1) {
border-right: 1px solid #E5E5E5;
margin-bottom: 0;
}
.section--office-locations.content-columns .grid.column-2 .col:nth-child(2n) {
margin-top: 20px;
border-top: 6px solid #232D39;
} .section--office-locations h3 {
font-size: 28px;
letter-spacing: -0.56px;
line-height: 38px;
}
.section--office-locations h4 {
font-size: 15px;
line-height: 20px;
} .layer.locations.section--office-locations .tti-map {
min-height: 180px;
}
.banner-video-button:before {
font-size: 60px;
line-height: 60px;
}
.banner-video-button::after {
width: 30px;
height: 30px;
}
}
@media screen and (max-width: 290px) {
.layer.testimonials.testimonials-section .tile-image-background {
width: 80vw;
min-width: auto;
height: 80vw;
max-width: 250px;
max-height: 250px;
}
} .pac-container:after { background-image: none !important;
height: 0px;
}
@media screen and (max-width: 500px) {
.single.single-post span.wistia_embed {
height: 220px;
width: 100%;
}
.content.blog p a {
line-height: 32px!important;
}
} .cart-menu-item,
.menu-item-47315:after {
opacity: 0 !important;
transition: opacity 0.5s ease;
}
.cart-menu-item.fadeInOnLoad {
opacity: 1 !important;
}
.menu-item-47315.fadeInOnLoad:after {
opacity: 0.1 !important;
}
.cart-menu-item.show,
.menu-item-47315.show:after {
opacity: 0.1 !important;
transition: none;
}
.cart-menu-item.show {
opacity: 1 !important;
}
.menu-item-47315.show:after {
opacity: 0.1 !important;
} .no-before.menu-item-47315:after {
opacity: 0 !important;
transition: opacity 0.5s ease;
}
.lightbox--video {
width: 100%;
height: 100%;
}
.lightbox--video img[id*=".thumbnail_img"] {
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-ms-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out;
position: static !important;
width: 100% !important;
min-height: 498px !important;
height: 100% !important;
opacity: 0;
}
.section-variant-video .lightbox--video img[id*=".thumbnail_img"] {
opacity: 1;
object-fit: cover;
}
.lightbox--video:hover img[id*=".thumbnail_img"] {
-moz-transform: scale3d(1.1, 1.1, 1.1);
-webkit-transform: scale3d(1.1, 1.1, 1.1);
-o-transform: scale3d(1.1, 1.1, 1.1);
-ms-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
.lightbox--video div[id*="big_play_button_background"] {
height: 120px !important;
width: 120px !important;
top: 50% !important;
transform: translateY(-50%);
background-color: transparent !important;
margin: 0 auto;
left: 0 !important;
right: 0;
}
.lightbox--video div[id*="big_play_button_background"]:before {
content: "\F40C";
display: block;
font-family: "Material Design Icons";
font-size: 120px;
line-height: 120px;
color: #fff;
transition: 0.2s ease;
}
.lightbox--video div[id*="big_play_button_background"]:after {
content: '';
display: block;
height: 60px;
width: 40px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
position: absolute;
background-size: contain;
cursor: pointer;
z-index: -1;
background-color: #232D39;
}
.modal-video .wistia_responsive_padding:hover .bannr-video-overlay img,
.testimonials-image .wistia_responsive_padding:hover .bannr-video-overlay img {
-moz-transform: scale3d(1.1, 1.1, 1.1);
-webkit-transform: scale3d(1.1, 1.1, 1.1);
-o-transform: scale3d(1.1, 1.1, 1.1);
-ms-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
.modal-video .wistia_responsive_padding .bannr-video-overlay img,
.testimonials-image .wistia_responsive_padding .bannr-video-overlay img {
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-ms-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out;
}
.lightbox--video .wistia_click_to_play::after {
background-color: transparent;
}
.lightbox--video:hover div[id*="big_play_button_background"]:before {
color: #C7D92D;
}
.lightbox--video div[id*="big_play_button_graphic"] {
display: none !important;
}
.lightbox--video .wistia_click_to_play div[id*="thumbnail"] {
height: 100% !important;
width: 100% !important;
}
.lightbox--video .wistia_click_to_play {
height: 100% !important;
cursor: pointer;
width: 100% !important;
z-index: 2;
}
.lightbox--video div[id*="thumbnail"] {
height: 100% !important;
width: 100% !important;
}
.wistia_popover_overlay {
background-color: #0b0b0b !important;
opacity: 0.8 !important;
}
.wistia_placebo_close_button {
top: 0 !important;
right: 0 !important;
left: auto !important;
position: fixed !important;
height: 43px !important;
width: 44px !important;
line-height: 44px;
border-radius: 8px;
outline: none !important;
display: none;
}
.wistia_popover_mode .wistia_placebo_close_button {
opacity: 1 !important;
display: block;
}
.wistia_placebo_close_button:hover {
background-color: #c7d92d !important;
}
.wistia_placebo_close_button:before {
content: '×';
position: relative;
text-align: center;
top: -3px;
right: 0;
color: #fff;
font-size: 55px;
}
.wistia_placebo_close_button img {
display: none;
}
.wistia_popover_embed {
position: fixed !important;
}
.video-tab .banner-video--inner,
.gallery-video .banner-video--inner {
position: absolute;
}
.banner-video--inner {
width: 100% !important;
height: 100% !important;
margin-bottom: 0 !important;
}
.thumbnail-video {
display: flex;
height: 100%;
width: 100%;
position: relative;
padding: 0 0 56.25% 0;
}
.woocommerce-product-gallery__image .thumbnail-video.video-fixed{
padding: 0px 0 46% 0;
}
.banner-video .wistia_responsive_padding,
.modal-video .wistia_responsive_padding,
.testimonials-image .wistia_responsive_padding,
.section-variant-video .wistia_responsive_padding {
width: 100%;
height: 100%;
}
.bannr-video-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
pointer-events: none;
overflow: hidden;
}
.bannr-video-overlay img {
opacity: 1 !important;
}
.wistia_popover_embed {
position: fixed !important;
top: 50% !important;
transform: translateY(-50%) !important;
height: auto !important;
}
.contained-layout {
position: relative;
padding: 0px 0px 56.25% 30px;
height: auto !important;
width: 100% !important;
margin: 0 auto 0px 30px;
}
.contained-layout .wistia_responsive_wrapper {
position: absolute;
width: 100%;
height: 100%;
}
.contained-layout .bannr-video-overlay {
left: 0;
height: 100% !important;
}
.contained-layout.category-video-contained {
padding: 0px 0px 0px 0px !important;
height: 100% !important;
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
}
.contained-layout.category-video-contained .wistia_responsive_wrapper {
top: auto !important;
height: auto !important;
}
@media screen and (max-width: 1200px) {
.contained-layout {
padding: 0px 0px 56.25% 0px;
margin: 0 auto;
}
.contained-layout.category-video-contained .wistia_responsive_wrapper {
position: relative !important;
}
.contained-layout .bannr-video-overlay {
left: 0px;
}
.intro-product .brochure-download::before {
top: 18px;
}
}
@media screen and (max-width: 767px) {
.intro-product .brochure-download::before {
top: 13px;
width: 14px;
height: 16px;
}
}
@media screen and (max-width: 600px) {
.intro-product .brochure-download::before {
top: 11px;
}
} .banner-video--inner img.w-css-reset {
width: 100% !important;
height: 100% !important;
border: none !important;
position: static !important;
}
.banner-video--inner div[id*="wistia_chrome"],
.banner-video--inner div[id*="wistia_chrome"]>div {
height: 100% !important;
width: 100% !important;
}
.about-content-video img.w-css-reset {
object-fit: cover;
}
.banner-video--inner .w-css-reset[data-handle="thumbnail"] .w-css-reset {
z-index: 1;
cursor: pointer;
}
.banner-video .banner-video--inner .w-css-reset[data-handle="thumbnail"] .w-css-reset img {
opacity: 0 !important;
}
.banner-video--inner .w-ui-container:hover .w-big-play-button.w-css-reset-button-important::before {
color: #C7D92D;
}
.banner-video--inner .w-ui-container:hover .w-css-reset[data-handle="thumbnail"] .w-css-reset img {
-moz-transform: scale3d(1.1, 1.1, 1.1);
-webkit-transform: scale3d(1.1, 1.1, 1.1);
-o-transform: scale3d(1.1, 1.1, 1.1);
-ms-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
.banner-video--inner .w-video-wrapper video {
object-fit: cover !important;
}
.banner-video--inner .w-big-play-button svg {
display: none !important;
}
.banner-video--inner .w-big-play-button.w-css-reset-button-important {
background-color: transparent !important;
}
.banner-video--inner .w-big-play-button.w-css-reset-button-important div {
display: none !important;
}
.banner-video--inner .w-big-play-button.w-css-reset-button-important {
height: 120px !important;
width: 120px !important;
background-color: transparent !important;
margin: 0 auto;
left: 0 !important;
right: 0;
position: absolute !important;
z-index: 2;
}
.banner-video--inner .w-big-play-button.w-css-reset-button-important:before {
content: "\F40C";
display: block;
font-family: "Material Design Icons";
font-size: 120px;
line-height: 120px;
color: #fff;
transition: 0.2s ease;
}
.banner-video--inner .w-big-play-button.w-css-reset-button-important:after {
content: '';
display: block;
height: 60px;
width: 40px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
position: absolute;
background-size: contain;
cursor: pointer;
z-index: -1;
background-color: #232D39;
}
.banner-video--inner .w-ui-container {
cursor: pointer;
}
.banner-video--inner .w-bpb-wrapper {
width: 120px;
height: 120px;
top: 50% !important;
left: 0 !important;
right: 0 !important;
transform: translateY(-52%);
z-index: 2;
margin: 0 auto !important;
cursor: pointer;
}
.wistia_responsive_padding.banner-video-wrapper.wistia_responsive_wrapper-active:hover .banner-video-button::before {
color: #C7D92D;
} .banner-video .wistia_responsive_padding .bannr-video-overlay img,
.content-slider-video .wistia_responsive_padding .bannr-video-overlay img,
.banner-video--inner .w-css-reset[data-handle="thumbnail"] .w-css-reset img, 
.content-slider-video .wistia_responsive_padding .popup-video.youtube-lightbox img {
-webkit-transition: all 0.6s ease-in-out !important;
-moz-transition: all 0.6s ease-in-out !important;
-ms-transition: all 0.6s ease-in-out !important;
-o-transition: all 0.6s ease-in-out !important;
transition: all 0.6s ease-in-out !important;
opacity: 1 !important;
object-fit: cover;
width: 100%;
}
.banner-video .wistia_responsive_padding:hover .bannr-video-overlay img,
.content-slider-video .wistia_responsive_padding:hover .bannr-video-overlay img, 
.content-slider-video .wistia_responsive_padding:hover .popup-video.youtube-lightbox img {
-moz-transform: scale3d(1.1, 1.1, 1.1);
-webkit-transform: scale3d(1.1, 1.1, 1.1);
-o-transform: scale3d(1.1, 1.1, 1.1);
-ms-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
.banner-video .wistia_responsive_padding .bannr-video-overlay a {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 100%;
width: 100%;
display: grid;
place-items: center;
z-index: 1;
}
.banner-video .wistia_responsive_padding .bannr-video-overlay a::after {
content: '';
display: block;
height: 60px;
width: 40px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
position: absolute;
background-size: contain;
cursor: pointer;
z-index: -1;
background-color: #232D39;
}
.banner-video .wistia_responsive_padding .bannr-video-overlay a::before {
content: "\F40C";
display: block;
font-family: "Material Design Icons";
font-size: 120px;
line-height: 120px;
color: #fff;
transition: 0.2s ease;
}
.banner-video--inner .w-vulcan-overlays--center>.w-css-reset,
.banner-video--inner .w-vulcan-overlays-table {
height: 100% !important;
}
.content-slider .content-slider-video {
display: grid;
place-items: center;
height: 100%;
}
.content-slider .content-slider-video .wistia_responsive_padding {
width: 100%;
}
.product-cat-description .wistia_embed .wistia_click_to_play,
.section-variant-video .wistia_embed .wistia_click_to_play {
width: 100% !important;
display: grid;
place-items: center;
}
.product-cat-description .wistia_embed .wistia_click_to_play .thumb_container {
height: 100%;
display: grid;
place-items: center;
font-size: 0;
}
.product-cat-description .wistia_embed .wistia_click_to_play:after {
display: none;
}
.product-cat-description .watch-button,
.section-variant-video .watch-button {
padding: 0;
}
.product-cat-description .watch-button .wistia_embed,
.section-variant-video .watch-button .wistia_embed {
height: 100%;
}
.section-variant-video .watch-button .wistia_click_to_play:after {
background-color: transparent;
}
.button.watch-button::after {
content: 'Watch Video';
position: absolute;
left: 0;
right: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
display: flex;
align-items: center;
justify-content: center;
}
@media screen and (max-width: 1200px) {
.intro-product .inner .col-img .lightbox--video.wistia_embed {
margin-bottom: 0px;
}
.lightbox--video img[id*=".thumbnail_img"] {
min-height: auto !important;
}
.banner-video--inner .w-video-wrapper.w-css-reset {
position: static !important;
}
.banner-video--inner div[id*="wistia_chrome"]>div,
.banner-video--inner div[id*="wistia_chrome"]>div>div:nth-child(2) {
height: 100% !important;
}
}
@media screen and (max-width: 767px) {
.banner-video--inner .w-big-play-button.w-css-reset-button-important,
.banner-video--inner .w-bpb-wrapper,
.banner-video--inner .w-big-play-button.w-css-reset-button-important::before,
.lightbox--video div[id*="big_play_button_background"] {
width: 80px !important;
height: 80px !important;
}
.banner-video--inner .w-big-play-button.w-css-reset-button-important::before,
.lightbox--video div[id*="big_play_button_background"]::before {
font-size: 80px;
line-height: 80px;
}
.wistia_click_to_play::after,
.banner-video--inner .w-big-play-button.w-css-reset-button-important::after {
height: 32px;
width: 32px;
}
.lightbox--video div[id*="big_play_button_background"]:after {
width: 32px;
height: 32px;
}
}
@media screen and (max-width: 600px) {
.lightbox--video div[id*="big_play_button_background"]::before {
font-size: 80px;
line-height: 80px;
}
.lightbox--video div[id*="big_play_button_background"] {
height: 80px !important;
width: 80px !important;
}
}.dealer-locator #results .results-wrap {
display: flex;
flex-wrap: wrap;
justify-content:space-between;
flex-direction: column;
}
.dealer-locator .dealerTile { margin-right:0; width:100%; }
.dealer-locator .dealerTile .dealerInner p a { max-width:100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.dealer-locator .dealerTile .dealerInner strong, .dealer-locator .dealerTile .dealerInner a { display:block;}
@media screen and (max-width : 900px){
.dealer-locator .dealerTile { }
.dealer-locator .dealerTile .dealerInner, .dealer-locator .dealerTile .dealerInner p { }
.nearest-store { }
.nearest-store #autocomplete { }
.nearest-store-results { }
.nearest-store-results .store-results { }
.nearest-store-results .nearest-store-map,
.nearest-store-results .store-results {
width: 100%;
}
.dealer-name img { }
.dealer-web-phone-info > p {
width: 30%;
max-width: 101px;
}
.dealer-website { }
.dealer-name h4 { }
.dealer-address { }
.radius-select { }
.acf-map.nearest-store-map { }
.dealer-locator .section-head h2 {
font-size: 32px;
line-height: 43px;
letter-spacing: -0.64px;
}
.dealer-locator .section-head h5 { }
.dealer-locator .section-head h2::after,
.dealer-locator .section-head h5::after{
width: 60px;
height: 4px;
}
.dealer-locator .section-head h5::after {
bottom: 7px;
}
}
@media screen and (max-width: 767px) {
.dealer-locator .section-head h2 {
font-size: 28px;
line-height: 38px;
letter-spacing: -0.56px;
}
.dealer-locator .section-head h5 { }
.dealer-locator .section-head { }
.dealer-name h4 { }
}
@media screen and (max-width: 430px) {
.dealer-website { }
.dealer-name img { }
.dealer-name { }
.dealer-name img { }
.dealer-web-phone-info { }
.dealer-locator .dealerTile .dealerInner p a {
text-overflow: unset;
white-space: unset;
overflow: auto;
word-wrap: anywhere;
}
.dealer-web-phone-info > p {
width: 100%;
max-width: 100%;
}
}
@media screen and (max-width : 600px){
.dealer-locator .dealerTile, .dealer-locator .dealerTile:nth-of-type(2n) { width:100%;}
}
.alternating .grid .col-text { align-items:baseline; } .grid { width:100%;}
.variant-wrap { min-height:85%;}
@media screen and (max-width: 1200px) {
.product-variants .col.tile {
width: 25%;
margin-bottom:20px;
}
.variant-wrap { height:auto; }
}
@media screen and (max-width: 800px) {
.product-variants .col.tile {
width: 50%;
}
.variant-wrap { height:auto; }
}
@media screen and (max-width: 450px) {
.product-variants .col.tile {
width: 100%;
}
.variant-wrap { height:auto; }
}
.tile > .tile-pic { background-repeat: no-repeat; background-size:contain; }
.search-results a.thumbnail {
display: flex;
align-items: center;
height: 100%;
justify-content: center;
}
.bg-video { top:0;}
.woocommerce-cart .wc-proceed-to-checkout .checkout-button { margin-left:10px; }
.wc-proceed-to-checkout .product-enquiry-btn { padding-right: 50px; }
.woocommerce .no-checkout .shop_table, .woocommerce .no-checkout > h2, .no-checkout .wc-proceed-to-checkout .checkout-button { display:none; }
.layer.logo-strip .section-head { max-width: 1412px; margin:0 auto; text-align:left; padding:85px 0 10px;}
@media screen and (max-width: 1500px) {
.layer.logo-strip .section-head { padding:85px 7% 10px;}
}
@media screen and (max-width: 800px) {
.layer.logo-strip .section-head { padding:10px 7% 10px;}
}
.layer.logo-strip.with-heading .inner { padding: 0 0 100px; }
.tiles.team .tile > .tile-pic { background-size:contain !important; }
.tiles.team .tile .h4 { text-align:center;}
.tiles.team .tile .tile-copy { padding-right:0;}
.layer.tti-team {position:relative;background-color:#fff; }
.layer.tti-team .team-image {min-height:30vw; background-repeat:no-repeat; background-size:cover;display:flex;justify-content:flex-end;}
.tti-team .form { width:33%; background-color:#fff; padding:40px;margin:40px;}
.layer.tti-team .cta-text { max-width:100%; display:flex; justify-content:center; align-items:center; padding:30px; background-color:#232d39; color:#fff;}
.layer.tti-team .cta-text p { color:#fff; font-size:28px; font-weight:400;font-size:26px; padding:0; margin:0;text-align:center;}
.layer.tti-team .cta-text p a { color:#c7d92d;}
.layer.tti-team .isoqm { position:absolute; right:10vw; top:2vw; max-width:32vw; }
@media screen and (max-width: 600px) {
.layer.tti-team .isoqm { position:relative; display:block; margin:0 auto;max-width:100%; top:inherit; right:inherit; }
.layer.tti-team .team-image { margin-top:20px;}
}
.layer.content-slider .mdi-play-circle:before,
.product-category .popup-video.mdi-play-circle::before {
color: #fff;
width: 120px;
height: 120px;
position: absolute;
left: 50%;
top: 50%;
font-size: 120px;
line-height: 120px;
z-index: 1;
transform: translate(-50%,-50%);
}
.layer.content-slider .col-media { position:relative;}
.layer.content-slider .col-media img {
max-width:100%;
transition: all 0.6s ease-in-out;
}
.content-slider-wrap a.popup-video:hover img {
transform: scale3d(1.1, 1.1, 1.1);
}
.content-slider-wrap a.popup-video { background-color:transparent;position:relative; height:auto !important;}
.layer.content-slider.light { background-color:#fff;}
.layer.content-slider.light h2 { color: #000; font-weight:600;}
.mfp-wrap .mfp-iframe-holder .mfp-close { padding-right:0; width:44px; text-align:center; top: -49px; height:44px; right:0;color: #fff;font-size: 35px;}
@media screen and (max-width: 1000px) {
.layer.content-slider .mdi-play-circle:before { }
.content-slider .grid.column-2 .col { width:100%;}
.content-slider .col-text { padding-right:0;}
.content-slider .grid.column-2 {
display: flex;
flex-direction: column;
}
.content-slider .button-group { padding-bottom:20px;}
.home .content-slider .col-text-inner p {
font-size: 14px;
line-height: 24px;
margin: 0 0 16px;
}
}
@media screen and (max-width: 600px) {
.layer.content-slider .mdi-play-circle:before,
.product-category .popup-video.mdi-play-circle::before { width:60px;
height:60px; font-size:60px;
line-height:60px;
}
.content-slider .button-group { display: flex; justify-content:space-between;}
.content-slider .button-group a { margin-right:0; width:calc(50% - 5px); text-align:center;}
.mfp-wrap .mfp-iframe-holder .mfp-close {font-size: 1.5em;}
}
.product-gallery {
position: relative;
margin-right: 0;
margin-top: 20px;
overflow: hidden;
height: auto;
}
.tti-product-tag { position:absolute; top:20px; right:0; background-color:#DF242A; color:#fff !important; padding:5px 15px; font-weight:bold; z-index: 1; }
.woocommerce-product-gallery {
border: 1px solid #E5E5E5;
padding: 0;
}
.woocommerce-product-gallery ol {
margin:0;
padding:0;
display:flex;
flex-wrap:wrap;
border-top: 1px solid #E5E5E5;
}
.woocommerce-product-gallery ol li {
margin:0;
padding: 0px;
list-style:none;
width: 120px !important;
cursor:pointer;
border-left: 1px solid #E5E5E5;
}
.woocommerce-product-gallery__trigger { display:none;}
.woocommerce-product-gallery__image a img {
width: 100%;
}
.intro_product .button-group a[href^="tel:"] { padding-left:50px;} .tabs-vertical {
padding: 10px 0 0;
margin-right: 20px;
}
.tabs-vertical .tab { background-color:#ececec;}
.tabs-vertical .tab .tab-head {cursor:pointer; font-size:20px; }
.tabs-vertical .tab .tab-head a {
display: block;
padding: 22px 0px 26px;
}
.tabs-vertical .tab .tab-head a:after { content: "\F415"; font-family:"Material Design Icons"; width:2em; float:right;}
.tabs-vertical .tab.active .tab-head a:after {content:"\F374";}
.tabs-vertical .tab .tab-body {
display:none;
padding: 40px 0;
} .layer.locations {}
.layer.locations .contact-details-wrap { display:flex;flex-wrap:wrap; padding:20px 0;}
.layer.locations .contact-details-wrap .icon-wrap { padding:10px; font-size:28px;}
.layer.locations .contact-details-wrap .contact-rows { flex:1; display:flex; flex-wrap:wrap;}
.layer.locations .contact-details-wrap .contact-rows .contact-row {width:50%; padding:10px;}
.layer.locations .contact-details-wrap.map .contact-rows .contact-row {width:100%;}
.layer.locations .tti-map { min-height:300px;}
.content-columns .grid.column-2 { align-items:inherit;}
.intro-default .flex > div { width:50%;}
.intro-default .flex .left { background-size:cover; background-repeat:no-repeat;}
.intro-default .flex .right {
padding: 120px 60px;
min-height:400px;
max-width: 645px;
display: flex;
flex-direction: column;
justify-content: center;
}
@media screen and (max-width: 1200px) {
.intro-default .flex {
flex-direction: column-reverse;
}
.intro-default .flex .right {
padding: 60px 40px;
min-height: 280px;
max-width: 655px;
}
.intro-default .flex > div {
width: 100%;
}
.intro-default .flex .left {
height: 100%;
padding-top: calc(250 / 1160 * 100%);
padding-bottom: calc(250 / 1160 * 100%);
}
.intro-default .flex .left {
min-height: 384px;
}
.right h4 {
font-size: 16px;
line-height: 22px;
margin: 0 0 10px;
}
.right h1 {
font-size: 28px;
line-height: 38px;
letter-spacing: -0.56px;
margin: 0 0 24px;
}
.right h1::after {
width: 60px;
height: 4px;
}
.right p {
font-size: 14px;
line-height: 24px;
margin: 0 0 16px;
}
.right p:last-child {
margin: 0;
}
}
@media screen and (max-width: 767px) {
.intro-default .flex .right {
padding: 40px 20px;
min-height: 220px;
max-width: 555px;
}
.intro-default .flex .left {
min-height: 188px;
}
}@font-face{font-family:"Material Design Icons";src:url(//www.tti.com.au/wp-content/themes/tti/icons/fonts/materialdesignicons-webfont.eot?v=2.5.94);src:url(//www.tti.com.au/wp-content/themes/tti/icons/fonts/materialdesignicons-webfont.eot?#iefix&v=2.5.94) format("embedded-opentype"),url(//www.tti.com.au/wp-content/themes/tti/icons/fonts/materialdesignicons-webfont.woff2?v=2.5.94) format("woff2"),url(//www.tti.com.au/wp-content/themes/tti/icons/fonts/materialdesignicons-webfont.woff?v=2.5.94) format("woff"),url(//www.tti.com.au/wp-content/themes/tti/icons/fonts/materialdesignicons-webfont.ttf?v=2.5.94) format("truetype"),url(//www.tti.com.au/wp-content/themes/tti/icons/fonts/materialdesignicons-webfont.svg?v=2.5.94#materialdesigniconsregular) format("svg");font-weight:normal;font-style:normal}.mdi:before,.mdi-set{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.mdi-access-point:before{content:"\F002"}.mdi-access-point-network:before{content:"\F003"}.mdi-account:before{content:"\F004"}.mdi-account-alert:before{content:"\F005"}.mdi-account-box:before{content:"\F006"}.mdi-account-box-multiple:before{content:"\F933"}.mdi-account-box-outline:before{content:"\F007"}.mdi-account-card-details:before{content:"\F5D2"}.mdi-account-check:before{content:"\F008"}.mdi-account-circle:before{content:"\F009"}.mdi-account-convert:before{content:"\F00A"}.mdi-account-edit:before{content:"\F6BB"}.mdi-account-group:before{content:"\F848"}.mdi-account-heart:before{content:"\F898"}.mdi-account-key:before{content:"\F00B"}.mdi-account-location:before{content:"\F00C"}.mdi-account-minus:before{content:"\F00D"}.mdi-account-multiple:before{content:"\F00E"}.mdi-account-multiple-check:before{content:"\F8C4"}.mdi-account-multiple-minus:before{content:"\F5D3"}.mdi-account-multiple-outline:before{content:"\F00F"}.mdi-account-multiple-plus:before{content:"\F010"}.mdi-account-multiple-plus-outline:before{content:"\F7FF"}.mdi-account-network:before{content:"\F011"}.mdi-account-off:before{content:"\F012"}.mdi-account-outline:before{content:"\F013"}.mdi-account-plus:before{content:"\F014"}.mdi-account-plus-outline:before{content:"\F800"}.mdi-account-remove:before{content:"\F015"}.mdi-account-search:before{content:"\F016"}.mdi-account-search-outline:before{content:"\F934"}.mdi-account-settings:before{content:"\F630"}.mdi-account-settings-variant:before{content:"\F631"}.mdi-account-star:before{content:"\F017"}.mdi-account-switch:before{content:"\F019"}.mdi-accusoft:before{content:"\F849"}.mdi-adjust:before{content:"\F01A"}.mdi-adobe:before{content:"\F935"}.mdi-air-conditioner:before{content:"\F01B"}.mdi-airballoon:before{content:"\F01C"}.mdi-airplane:before{content:"\F01D"}.mdi-airplane-landing:before{content:"\F5D4"}.mdi-airplane-off:before{content:"\F01E"}.mdi-airplane-takeoff:before{content:"\F5D5"}.mdi-airplay:before{content:"\F01F"}.mdi-airport:before{content:"\F84A"}.mdi-alarm:before{content:"\F020"}.mdi-alarm-bell:before{content:"\F78D"}.mdi-alarm-check:before{content:"\F021"}.mdi-alarm-light:before{content:"\F78E"}.mdi-alarm-multiple:before{content:"\F022"}.mdi-alarm-off:before{content:"\F023"}.mdi-alarm-plus:before{content:"\F024"}.mdi-alarm-snooze:before{content:"\F68D"}.mdi-album:before{content:"\F025"}.mdi-alert:before{content:"\F026"}.mdi-alert-box:before{content:"\F027"}.mdi-alert-circle:before{content:"\F028"}.mdi-alert-circle-outline:before{content:"\F5D6"}.mdi-alert-decagram:before{content:"\F6BC"}.mdi-alert-octagon:before{content:"\F029"}.mdi-alert-octagram:before{content:"\F766"}.mdi-alert-outline:before{content:"\F02A"}.mdi-alien:before{content:"\F899"}.mdi-all-inclusive:before{content:"\F6BD"}.mdi-alpha:before{content:"\F02B"}.mdi-alphabetical:before{content:"\F02C"}.mdi-altimeter:before{content:"\F5D7"}.mdi-amazon:before{content:"\F02D"}.mdi-amazon-alexa:before{content:"\F8C5"}.mdi-amazon-drive:before{content:"\F02E"}.mdi-ambulance:before{content:"\F02F"}.mdi-amplifier:before{content:"\F030"}.mdi-anchor:before{content:"\F031"}.mdi-android:before{content:"\F032"}.mdi-android-debug-bridge:before{content:"\F033"}.mdi-android-head:before{content:"\F78F"}.mdi-android-studio:before{content:"\F034"}.mdi-angle-acute:before{content:"\F936"}.mdi-angle-obtuse:before{content:"\F937"}.mdi-angle-right:before{content:"\F938"}.mdi-angular:before{content:"\F6B1"}.mdi-angularjs:before{content:"\F6BE"}.mdi-animation:before{content:"\F5D8"}.mdi-animation-play:before{content:"\F939"}.mdi-anvil:before{content:"\F89A"}.mdi-apple:before{content:"\F035"}.mdi-apple-finder:before{content:"\F036"}.mdi-apple-icloud:before{content:"\F038"}.mdi-apple-ios:before{content:"\F037"}.mdi-apple-keyboard-caps:before{content:"\F632"}.mdi-apple-keyboard-command:before{content:"\F633"}.mdi-apple-keyboard-control:before{content:"\F634"}.mdi-apple-keyboard-option:before{content:"\F635"}.mdi-apple-keyboard-shift:before{content:"\F636"}.mdi-apple-safari:before{content:"\F039"}.mdi-application:before{content:"\F614"}.mdi-approval:before{content:"\F790"}.mdi-apps:before{content:"\F03B"}.mdi-arch:before{content:"\F8C6"}.mdi-archive:before{content:"\F03C"}.mdi-arrange-bring-forward:before{content:"\F03D"}.mdi-arrange-bring-to-front:before{content:"\F03E"}.mdi-arrange-send-backward:before{content:"\F03F"}.mdi-arrange-send-to-back:before{content:"\F040"}.mdi-arrow-all:before{content:"\F041"}.mdi-arrow-bottom-left:before{content:"\F042"}.mdi-arrow-bottom-left-bold-outline:before{content:"\F9B6"}.mdi-arrow-bottom-left-thick:before{content:"\F9B7"}.mdi-arrow-bottom-right:before{content:"\F043"}.mdi-arrow-bottom-right-bold-outline:before{content:"\F9B8"}.mdi-arrow-bottom-right-thick:before{content:"\F9B9"}.mdi-arrow-collapse:before{content:"\F615"}.mdi-arrow-collapse-all:before{content:"\F044"}.mdi-arrow-collapse-down:before{content:"\F791"}.mdi-arrow-collapse-horizontal:before{content:"\F84B"}.mdi-arrow-collapse-left:before{content:"\F792"}.mdi-arrow-collapse-right:before{content:"\F793"}.mdi-arrow-collapse-up:before{content:"\F794"}.mdi-arrow-collapse-vertical:before{content:"\F84C"}.mdi-arrow-decision:before{content:"\F9BA"}.mdi-arrow-decision-auto:before{content:"\F9BB"}.mdi-arrow-decision-auto-outline:before{content:"\F9BC"}.mdi-arrow-decision-outline:before{content:"\F9BD"}.mdi-arrow-down:before{content:"\F045"}.mdi-arrow-down-bold:before{content:"\F72D"}.mdi-arrow-down-bold-box:before{content:"\F72E"}.mdi-arrow-down-bold-box-outline:before{content:"\F72F"}.mdi-arrow-down-bold-circle:before{content:"\F047"}.mdi-arrow-down-bold-circle-outline:before{content:"\F048"}.mdi-arrow-down-bold-hexagon-outline:before{content:"\F049"}.mdi-arrow-down-bold-outline:before{content:"\F9BE"}.mdi-arrow-down-box:before{content:"\F6BF"}.mdi-arrow-down-drop-circle:before{content:"\F04A"}.mdi-arrow-down-drop-circle-outline:before{content:"\F04B"}.mdi-arrow-down-thick:before{content:"\F046"}.mdi-arrow-expand:before{content:"\F616"}.mdi-arrow-expand-all:before{content:"\F04C"}.mdi-arrow-expand-down:before{content:"\F795"}.mdi-arrow-expand-horizontal:before{content:"\F84D"}.mdi-arrow-expand-left:before{content:"\F796"}.mdi-arrow-expand-right:before{content:"\F797"}.mdi-arrow-expand-up:before{content:"\F798"}.mdi-arrow-expand-vertical:before{content:"\F84E"}.mdi-arrow-left:before{content:"\F04D"}.mdi-arrow-left-bold:before{content:"\F730"}.mdi-arrow-left-bold-box:before{content:"\F731"}.mdi-arrow-left-bold-box-outline:before{content:"\F732"}.mdi-arrow-left-bold-circle:before{content:"\F04F"}.mdi-arrow-left-bold-circle-outline:before{content:"\F050"}.mdi-arrow-left-bold-hexagon-outline:before{content:"\F051"}.mdi-arrow-left-bold-outline:before{content:"\F9BF"}.mdi-arrow-left-box:before{content:"\F6C0"}.mdi-arrow-left-drop-circle:before{content:"\F052"}.mdi-arrow-left-drop-circle-outline:before{content:"\F053"}.mdi-arrow-left-right-bold-outline:before{content:"\F9C0"}.mdi-arrow-left-thick:before{content:"\F04E"}.mdi-arrow-right:before{content:"\F054"}.mdi-arrow-right-bold:before{content:"\F733"}.mdi-arrow-right-bold-box:before{content:"\F734"}.mdi-arrow-right-bold-box-outline:before{content:"\F735"}.mdi-arrow-right-bold-circle:before{content:"\F056"}.mdi-arrow-right-bold-circle-outline:before{content:"\F057"}.mdi-arrow-right-bold-hexagon-outline:before{content:"\F058"}.mdi-arrow-right-bold-outline:before{content:"\F9C1"}.mdi-arrow-right-box:before{content:"\F6C1"}.mdi-arrow-right-drop-circle:before{content:"\F059"}.mdi-arrow-right-drop-circle-outline:before{content:"\F05A"}.mdi-arrow-right-thick:before{content:"\F055"}.mdi-arrow-split-horizontal:before{content:"\F93A"}.mdi-arrow-split-vertical:before{content:"\F93B"}.mdi-arrow-top-left:before{content:"\F05B"}.mdi-arrow-top-left-bold-outline:before{content:"\F9C2"}.mdi-arrow-top-left-thick:before{content:"\F9C3"}.mdi-arrow-top-right:before{content:"\F05C"}.mdi-arrow-top-right-bold-outline:before{content:"\F9C4"}.mdi-arrow-top-right-thick:before{content:"\F9C5"}.mdi-arrow-up:before{content:"\F05D"}.mdi-arrow-up-bold:before{content:"\F736"}.mdi-arrow-up-bold-box:before{content:"\F737"}.mdi-arrow-up-bold-box-outline:before{content:"\F738"}.mdi-arrow-up-bold-circle:before{content:"\F05F"}.mdi-arrow-up-bold-circle-outline:before{content:"\F060"}.mdi-arrow-up-bold-hexagon-outline:before{content:"\F061"}.mdi-arrow-up-bold-outline:before{content:"\F9C6"}.mdi-arrow-up-box:before{content:"\F6C2"}.mdi-arrow-up-down-bold-outline:before{content:"\F9C7"}.mdi-arrow-up-drop-circle:before{content:"\F062"}.mdi-arrow-up-drop-circle-outline:before{content:"\F063"}.mdi-arrow-up-thick:before{content:"\F05E"}.mdi-artist:before{content:"\F802"}.mdi-assistant:before{content:"\F064"}.mdi-asterisk:before{content:"\F6C3"}.mdi-at:before{content:"\F065"}.mdi-atlassian:before{content:"\F803"}.mdi-atom:before{content:"\F767"}.mdi-attachment:before{content:"\F066"}.mdi-audio-video:before{content:"\F93C"}.mdi-audiobook:before{content:"\F067"}.mdi-augmented-reality:before{content:"\F84F"}.mdi-auto-fix:before{content:"\F068"}.mdi-auto-upload:before{content:"\F069"}.mdi-autorenew:before{content:"\F06A"}.mdi-av-timer:before{content:"\F06B"}.mdi-axe:before{content:"\F8C7"}.mdi-azure:before{content:"\F804"}.mdi-baby:before{content:"\F06C"}.mdi-baby-buggy:before{content:"\F68E"}.mdi-backburger:before{content:"\F06D"}.mdi-backspace:before{content:"\F06E"}.mdi-backup-restore:before{content:"\F06F"}.mdi-badminton:before{content:"\F850"}.mdi-ballot:before{content:"\F9C8"}.mdi-ballot-outline:before{content:"\F9C9"}.mdi-bandcamp:before{content:"\F674"}.mdi-bank:before{content:"\F070"}.mdi-barcode:before{content:"\F071"}.mdi-barcode-scan:before{content:"\F072"}.mdi-barley:before{content:"\F073"}.mdi-barrel:before{content:"\F074"}.mdi-baseball:before{content:"\F851"}.mdi-baseball-bat:before{content:"\F852"}.mdi-basecamp:before{content:"\F075"}.mdi-basket:before{content:"\F076"}.mdi-basket-fill:before{content:"\F077"}.mdi-basket-unfill:before{content:"\F078"}.mdi-basketball:before{content:"\F805"}.mdi-battery:before{content:"\F079"}.mdi-battery-10:before{content:"\F07A"}.mdi-battery-10-bluetooth:before{content:"\F93D"}.mdi-battery-20:before{content:"\F07B"}.mdi-battery-20-bluetooth:before{content:"\F93E"}.mdi-battery-30:before{content:"\F07C"}.mdi-battery-30-bluetooth:before{content:"\F93F"}.mdi-battery-40:before{content:"\F07D"}.mdi-battery-40-bluetooth:before{content:"\F940"}.mdi-battery-50:before{content:"\F07E"}.mdi-battery-50-bluetooth:before{content:"\F941"}.mdi-battery-60:before{content:"\F07F"}.mdi-battery-60-bluetooth:before{content:"\F942"}.mdi-battery-70:before{content:"\F080"}.mdi-battery-70-bluetooth:before{content:"\F943"}.mdi-battery-80:before{content:"\F081"}.mdi-battery-80-bluetooth:before{content:"\F944"}.mdi-battery-90:before{content:"\F082"}.mdi-battery-90-bluetooth:before{content:"\F945"}.mdi-battery-alert:before{content:"\F083"}.mdi-battery-alert-bluetooth:before{content:"\F946"}.mdi-battery-bluetooth:before{content:"\F947"}.mdi-battery-bluetooth-variant:before{content:"\F948"}.mdi-battery-charging:before{content:"\F084"}.mdi-battery-charging-10:before{content:"\F89B"}.mdi-battery-charging-100:before{content:"\F085"}.mdi-battery-charging-20:before{content:"\F086"}.mdi-battery-charging-30:before{content:"\F087"}.mdi-battery-charging-40:before{content:"\F088"}.mdi-battery-charging-50:before{content:"\F89C"}.mdi-battery-charging-60:before{content:"\F089"}.mdi-battery-charging-70:before{content:"\F89D"}.mdi-battery-charging-80:before{content:"\F08A"}.mdi-battery-charging-90:before{content:"\F08B"}.mdi-battery-charging-outline:before{content:"\F89E"}.mdi-battery-charging-wireless:before{content:"\F806"}.mdi-battery-charging-wireless-10:before{content:"\F807"}.mdi-battery-charging-wireless-20:before{content:"\F808"}.mdi-battery-charging-wireless-30:before{content:"\F809"}.mdi-battery-charging-wireless-40:before{content:"\F80A"}.mdi-battery-charging-wireless-50:before{content:"\F80B"}.mdi-battery-charging-wireless-60:before{content:"\F80C"}.mdi-battery-charging-wireless-70:before{content:"\F80D"}.mdi-battery-charging-wireless-80:before{content:"\F80E"}.mdi-battery-charging-wireless-90:before{content:"\F80F"}.mdi-battery-charging-wireless-alert:before{content:"\F810"}.mdi-battery-charging-wireless-outline:before{content:"\F811"}.mdi-battery-minus:before{content:"\F08C"}.mdi-battery-negative:before{content:"\F08D"}.mdi-battery-outline:before{content:"\F08E"}.mdi-battery-plus:before{content:"\F08F"}.mdi-battery-positive:before{content:"\F090"}.mdi-battery-unknown:before{content:"\F091"}.mdi-battery-unknown-bluetooth:before{content:"\F949"}.mdi-beach:before{content:"\F092"}.mdi-beaker:before{content:"\F68F"}.mdi-beats:before{content:"\F097"}.mdi-bed-empty:before{content:"\F89F"}.mdi-beer:before{content:"\F098"}.mdi-behance:before{content:"\F099"}.mdi-bell:before{content:"\F09A"}.mdi-bell-off:before{content:"\F09B"}.mdi-bell-outline:before{content:"\F09C"}.mdi-bell-plus:before{content:"\F09D"}.mdi-bell-ring:before{content:"\F09E"}.mdi-bell-ring-outline:before{content:"\F09F"}.mdi-bell-sleep:before{content:"\F0A0"}.mdi-beta:before{content:"\F0A1"}.mdi-betamax:before{content:"\F9CA"}.mdi-bible:before{content:"\F0A2"}.mdi-bike:before{content:"\F0A3"}.mdi-bing:before{content:"\F0A4"}.mdi-binoculars:before{content:"\F0A5"}.mdi-bio:before{content:"\F0A6"}.mdi-biohazard:before{content:"\F0A7"}.mdi-bitbucket:before{content:"\F0A8"}.mdi-bitcoin:before{content:"\F812"}.mdi-black-mesa:before{content:"\F0A9"}.mdi-blackberry:before{content:"\F0AA"}.mdi-blender:before{content:"\F0AB"}.mdi-blinds:before{content:"\F0AC"}.mdi-block-helper:before{content:"\F0AD"}.mdi-blogger:before{content:"\F0AE"}.mdi-bluetooth:before{content:"\F0AF"}.mdi-bluetooth-audio:before{content:"\F0B0"}.mdi-bluetooth-connect:before{content:"\F0B1"}.mdi-bluetooth-off:before{content:"\F0B2"}.mdi-bluetooth-settings:before{content:"\F0B3"}.mdi-bluetooth-transfer:before{content:"\F0B4"}.mdi-blur:before{content:"\F0B5"}.mdi-blur-linear:before{content:"\F0B6"}.mdi-blur-off:before{content:"\F0B7"}.mdi-blur-radial:before{content:"\F0B8"}.mdi-bomb:before{content:"\F690"}.mdi-bomb-off:before{content:"\F6C4"}.mdi-bone:before{content:"\F0B9"}.mdi-book:before{content:"\F0BA"}.mdi-book-minus:before{content:"\F5D9"}.mdi-book-multiple:before{content:"\F0BB"}.mdi-book-multiple-variant:before{content:"\F0BC"}.mdi-book-open:before{content:"\F0BD"}.mdi-book-open-page-variant:before{content:"\F5DA"}.mdi-book-open-variant:before{content:"\F0BE"}.mdi-book-plus:before{content:"\F5DB"}.mdi-book-secure:before{content:"\F799"}.mdi-book-unsecure:before{content:"\F79A"}.mdi-book-variant:before{content:"\F0BF"}.mdi-bookmark:before{content:"\F0C0"}.mdi-bookmark-check:before{content:"\F0C1"}.mdi-bookmark-minus:before{content:"\F9CB"}.mdi-bookmark-minus-outline:before{content:"\F9CC"}.mdi-bookmark-music:before{content:"\F0C2"}.mdi-bookmark-off:before{content:"\F9CD"}.mdi-bookmark-off-outline:before{content:"\F9CE"}.mdi-bookmark-outline:before{content:"\F0C3"}.mdi-bookmark-plus:before{content:"\F0C5"}.mdi-bookmark-plus-outline:before{content:"\F0C4"}.mdi-bookmark-remove:before{content:"\F0C6"}.mdi-boombox:before{content:"\F5DC"}.mdi-bootstrap:before{content:"\F6C5"}.mdi-border-all:before{content:"\F0C7"}.mdi-border-all-variant:before{content:"\F8A0"}.mdi-border-bottom:before{content:"\F0C8"}.mdi-border-bottom-variant:before{content:"\F8A1"}.mdi-border-color:before{content:"\F0C9"}.mdi-border-horizontal:before{content:"\F0CA"}.mdi-border-inside:before{content:"\F0CB"}.mdi-border-left:before{content:"\F0CC"}.mdi-border-left-variant:before{content:"\F8A2"}.mdi-border-none:before{content:"\F0CD"}.mdi-border-none-variant:before{content:"\F8A3"}.mdi-border-outside:before{content:"\F0CE"}.mdi-border-right:before{content:"\F0CF"}.mdi-border-right-variant:before{content:"\F8A4"}.mdi-border-style:before{content:"\F0D0"}.mdi-border-top:before{content:"\F0D1"}.mdi-border-top-variant:before{content:"\F8A5"}.mdi-border-vertical:before{content:"\F0D2"}.mdi-bottle-wine:before{content:"\F853"}.mdi-bow-tie:before{content:"\F677"}.mdi-bowl:before{content:"\F617"}.mdi-bowling:before{content:"\F0D3"}.mdi-box:before{content:"\F0D4"}.mdi-box-cutter:before{content:"\F0D5"}.mdi-box-shadow:before{content:"\F637"}.mdi-braille:before{content:"\F9CF"}.mdi-brain:before{content:"\F9D0"}.mdi-bridge:before{content:"\F618"}.mdi-briefcase:before{content:"\F0D6"}.mdi-briefcase-check:before{content:"\F0D7"}.mdi-briefcase-download:before{content:"\F0D8"}.mdi-briefcase-outline:before{content:"\F813"}.mdi-briefcase-upload:before{content:"\F0D9"}.mdi-brightness-1:before{content:"\F0DA"}.mdi-brightness-2:before{content:"\F0DB"}.mdi-brightness-3:before{content:"\F0DC"}.mdi-brightness-4:before{content:"\F0DD"}.mdi-brightness-5:before{content:"\F0DE"}.mdi-brightness-6:before{content:"\F0DF"}.mdi-brightness-7:before{content:"\F0E0"}.mdi-brightness-auto:before{content:"\F0E1"}.mdi-broom:before{content:"\F0E2"}.mdi-brush:before{content:"\F0E3"}.mdi-buddhism:before{content:"\F94A"}.mdi-buffer:before{content:"\F619"}.mdi-bug:before{content:"\F0E4"}.mdi-bulletin-board:before{content:"\F0E5"}.mdi-bullhorn:before{content:"\F0E6"}.mdi-bullseye:before{content:"\F5DD"}.mdi-bullseye-arrow:before{content:"\F8C8"}.mdi-bus:before{content:"\F0E7"}.mdi-bus-articulated-end:before{content:"\F79B"}.mdi-bus-articulated-front:before{content:"\F79C"}.mdi-bus-clock:before{content:"\F8C9"}.mdi-bus-double-decker:before{content:"\F79D"}.mdi-bus-school:before{content:"\F79E"}.mdi-bus-side:before{content:"\F79F"}.mdi-cached:before{content:"\F0E8"}.mdi-cake:before{content:"\F0E9"}.mdi-cake-layered:before{content:"\F0EA"}.mdi-cake-variant:before{content:"\F0EB"}.mdi-calculator:before{content:"\F0EC"}.mdi-calendar:before{content:"\F0ED"}.mdi-calendar-blank:before{content:"\F0EE"}.mdi-calendar-check:before{content:"\F0EF"}.mdi-calendar-clock:before{content:"\F0F0"}.mdi-calendar-edit:before{content:"\F8A6"}.mdi-calendar-heart:before{content:"\F9D1"}.mdi-calendar-multiple:before{content:"\F0F1"}.mdi-calendar-multiple-check:before{content:"\F0F2"}.mdi-calendar-plus:before{content:"\F0F3"}.mdi-calendar-question:before{content:"\F691"}.mdi-calendar-range:before{content:"\F678"}.mdi-calendar-remove:before{content:"\F0F4"}.mdi-calendar-search:before{content:"\F94B"}.mdi-calendar-star:before{content:"\F9D2"}.mdi-calendar-text:before{content:"\F0F5"}.mdi-calendar-today:before{content:"\F0F6"}.mdi-call-made:before{content:"\F0F7"}.mdi-call-merge:before{content:"\F0F8"}.mdi-call-missed:before{content:"\F0F9"}.mdi-call-received:before{content:"\F0FA"}.mdi-call-split:before{content:"\F0FB"}.mdi-camcorder:before{content:"\F0FC"}.mdi-camcorder-box:before{content:"\F0FD"}.mdi-camcorder-box-off:before{content:"\F0FE"}.mdi-camcorder-off:before{content:"\F0FF"}.mdi-camera:before{content:"\F100"}.mdi-camera-account:before{content:"\F8CA"}.mdi-camera-burst:before{content:"\F692"}.mdi-camera-enhance:before{content:"\F101"}.mdi-camera-front:before{content:"\F102"}.mdi-camera-front-variant:before{content:"\F103"}.mdi-camera-gopro:before{content:"\F7A0"}.mdi-camera-image:before{content:"\F8CB"}.mdi-camera-iris:before{content:"\F104"}.mdi-camera-metering-center:before{content:"\F7A1"}.mdi-camera-metering-matrix:before{content:"\F7A2"}.mdi-camera-metering-partial:before{content:"\F7A3"}.mdi-camera-metering-spot:before{content:"\F7A4"}.mdi-camera-off:before{content:"\F5DF"}.mdi-camera-party-mode:before{content:"\F105"}.mdi-camera-rear:before{content:"\F106"}.mdi-camera-rear-variant:before{content:"\F107"}.mdi-camera-switch:before{content:"\F108"}.mdi-camera-timer:before{content:"\F109"}.mdi-cancel:before{content:"\F739"}.mdi-candle:before{content:"\F5E2"}.mdi-candycane:before{content:"\F10A"}.mdi-cannabis:before{content:"\F7A5"}.mdi-car:before{content:"\F10B"}.mdi-car-battery:before{content:"\F10C"}.mdi-car-connected:before{content:"\F10D"}.mdi-car-convertible:before{content:"\F7A6"}.mdi-car-estate:before{content:"\F7A7"}.mdi-car-hatchback:before{content:"\F7A8"}.mdi-car-limousine:before{content:"\F8CC"}.mdi-car-pickup:before{content:"\F7A9"}.mdi-car-side:before{content:"\F7AA"}.mdi-car-sports:before{content:"\F7AB"}.mdi-car-wash:before{content:"\F10E"}.mdi-caravan:before{content:"\F7AC"}.mdi-cards:before{content:"\F638"}.mdi-cards-club:before{content:"\F8CD"}.mdi-cards-diamond:before{content:"\F8CE"}.mdi-cards-heart:before{content:"\F8CF"}.mdi-cards-outline:before{content:"\F639"}.mdi-cards-playing-outline:before{content:"\F63A"}.mdi-cards-spade:before{content:"\F8D0"}.mdi-cards-variant:before{content:"\F6C6"}.mdi-carrot:before{content:"\F10F"}.mdi-cart:before{content:"\F110"}.mdi-cart-off:before{content:"\F66B"}.mdi-cart-outline:before{content:"\F111"}.mdi-cart-plus:before{content:"\F112"}.mdi-case-sensitive-alt:before{content:"\F113"}.mdi-cash:before{content:"\F114"}.mdi-cash-100:before{content:"\F115"}.mdi-cash-multiple:before{content:"\F116"}.mdi-cash-usd:before{content:"\F117"}.mdi-cassette:before{content:"\F9D3"}.mdi-cast:before{content:"\F118"}.mdi-cast-connected:before{content:"\F119"}.mdi-cast-off:before{content:"\F789"}.mdi-castle:before{content:"\F11A"}.mdi-cat:before{content:"\F11B"}.mdi-cctv:before{content:"\F7AD"}.mdi-ceiling-light:before{content:"\F768"}.mdi-cellphone:before{content:"\F11C"}.mdi-cellphone-android:before{content:"\F11D"}.mdi-cellphone-arrow-down:before{content:"\F9D4"}.mdi-cellphone-basic:before{content:"\F11E"}.mdi-cellphone-dock:before{content:"\F11F"}.mdi-cellphone-erase:before{content:"\F94C"}.mdi-cellphone-iphone:before{content:"\F120"}.mdi-cellphone-key:before{content:"\F94D"}.mdi-cellphone-link:before{content:"\F121"}.mdi-cellphone-link-off:before{content:"\F122"}.mdi-cellphone-lock:before{content:"\F94E"}.mdi-cellphone-message:before{content:"\F8D2"}.mdi-cellphone-off:before{content:"\F94F"}.mdi-cellphone-settings:before{content:"\F123"}.mdi-cellphone-settings-variant:before{content:"\F950"}.mdi-cellphone-sound:before{content:"\F951"}.mdi-cellphone-text:before{content:"\F8D1"}.mdi-cellphone-wireless:before{content:"\F814"}.mdi-certificate:before{content:"\F124"}.mdi-chair-school:before{content:"\F125"}.mdi-chart-arc:before{content:"\F126"}.mdi-chart-areaspline:before{content:"\F127"}.mdi-chart-bar:before{content:"\F128"}.mdi-chart-bar-stacked:before{content:"\F769"}.mdi-chart-bubble:before{content:"\F5E3"}.mdi-chart-donut:before{content:"\F7AE"}.mdi-chart-donut-variant:before{content:"\F7AF"}.mdi-chart-gantt:before{content:"\F66C"}.mdi-chart-histogram:before{content:"\F129"}.mdi-chart-line:before{content:"\F12A"}.mdi-chart-line-stacked:before{content:"\F76A"}.mdi-chart-line-variant:before{content:"\F7B0"}.mdi-chart-multiline:before{content:"\F8D3"}.mdi-chart-pie:before{content:"\F12B"}.mdi-chart-scatterplot-hexbin:before{content:"\F66D"}.mdi-chart-timeline:before{content:"\F66E"}.mdi-check:before{content:"\F12C"}.mdi-check-all:before{content:"\F12D"}.mdi-check-circle:before{content:"\F5E0"}.mdi-check-circle-outline:before{content:"\F5E1"}.mdi-check-outline:before{content:"\F854"}.mdi-checkbox-blank:before{content:"\F12E"}.mdi-checkbox-blank-circle:before{content:"\F12F"}.mdi-checkbox-blank-circle-outline:before{content:"\F130"}.mdi-checkbox-blank-outline:before{content:"\F131"}.mdi-checkbox-intermediate:before{content:"\F855"}.mdi-checkbox-marked:before{content:"\F132"}.mdi-checkbox-marked-circle:before{content:"\F133"}.mdi-checkbox-marked-circle-outline:before{content:"\F134"}.mdi-checkbox-marked-outline:before{content:"\F135"}.mdi-checkbox-multiple-blank:before{content:"\F136"}.mdi-checkbox-multiple-blank-circle:before{content:"\F63B"}.mdi-checkbox-multiple-blank-circle-outline:before{content:"\F63C"}.mdi-checkbox-multiple-blank-outline:before{content:"\F137"}.mdi-checkbox-multiple-marked:before{content:"\F138"}.mdi-checkbox-multiple-marked-circle:before{content:"\F63D"}.mdi-checkbox-multiple-marked-circle-outline:before{content:"\F63E"}.mdi-checkbox-multiple-marked-outline:before{content:"\F139"}.mdi-checkerboard:before{content:"\F13A"}.mdi-chemical-weapon:before{content:"\F13B"}.mdi-chess-bishop:before{content:"\F85B"}.mdi-chess-king:before{content:"\F856"}.mdi-chess-knight:before{content:"\F857"}.mdi-chess-pawn:before{content:"\F858"}.mdi-chess-queen:before{content:"\F859"}.mdi-chess-rook:before{content:"\F85A"}.mdi-chevron-double-down:before{content:"\F13C"}.mdi-chevron-double-left:before{content:"\F13D"}.mdi-chevron-double-right:before{content:"\F13E"}.mdi-chevron-double-up:before{content:"\F13F"}.mdi-chevron-down:before{content:"\F140"}.mdi-chevron-down-box:before{content:"\F9D5"}.mdi-chevron-down-box-outline:before{content:"\F9D6"}.mdi-chevron-left:before{content:"\F141"}.mdi-chevron-left-box:before{content:"\F9D7"}.mdi-chevron-left-box-outline:before{content:"\F9D8"}.mdi-chevron-right:before{content:"\F142"}.mdi-chevron-right-box:before{content:"\F9D9"}.mdi-chevron-right-box-outline:before{content:"\F9DA"}.mdi-chevron-up:before{content:"\F143"}.mdi-chevron-up-box:before{content:"\F9DB"}.mdi-chevron-up-box-outline:before{content:"\F9DC"}.mdi-chili-hot:before{content:"\F7B1"}.mdi-chili-medium:before{content:"\F7B2"}.mdi-chili-mild:before{content:"\F7B3"}.mdi-chip:before{content:"\F61A"}.mdi-christianity:before{content:"\F952"}.mdi-church:before{content:"\F144"}.mdi-circle:before{content:"\F764"}.mdi-circle-edit-outline:before{content:"\F8D4"}.mdi-circle-medium:before{content:"\F9DD"}.mdi-circle-outline:before{content:"\F765"}.mdi-circle-small:before{content:"\F9DE"}.mdi-cisco-webex:before{content:"\F145"}.mdi-city:before{content:"\F146"}.mdi-clipboard:before{content:"\F147"}.mdi-clipboard-account:before{content:"\F148"}.mdi-clipboard-alert:before{content:"\F149"}.mdi-clipboard-arrow-down:before{content:"\F14A"}.mdi-clipboard-arrow-left:before{content:"\F14B"}.mdi-clipboard-check:before{content:"\F14C"}.mdi-clipboard-check-outline:before{content:"\F8A7"}.mdi-clipboard-flow:before{content:"\F6C7"}.mdi-clipboard-outline:before{content:"\F14D"}.mdi-clipboard-plus:before{content:"\F750"}.mdi-clipboard-pulse:before{content:"\F85C"}.mdi-clipboard-pulse-outline:before{content:"\F85D"}.mdi-clipboard-text:before{content:"\F14E"}.mdi-clippy:before{content:"\F14F"}.mdi-clock:before{content:"\F953"}.mdi-clock-alert:before{content:"\F954"}.mdi-clock-alert-outline:before{content:"\F5CE"}.mdi-clock-end:before{content:"\F151"}.mdi-clock-fast:before{content:"\F152"}.mdi-clock-in:before{content:"\F153"}.mdi-clock-out:before{content:"\F154"}.mdi-clock-outline:before{content:"\F150"}.mdi-clock-start:before{content:"\F155"}.mdi-close:before{content:"\F156"}.mdi-close-box:before{content:"\F157"}.mdi-close-box-outline:before{content:"\F158"}.mdi-close-circle:before{content:"\F159"}.mdi-close-circle-outline:before{content:"\F15A"}.mdi-close-network:before{content:"\F15B"}.mdi-close-octagon:before{content:"\F15C"}.mdi-close-octagon-outline:before{content:"\F15D"}.mdi-close-outline:before{content:"\F6C8"}.mdi-closed-caption:before{content:"\F15E"}.mdi-cloud:before{content:"\F15F"}.mdi-cloud-alert:before{content:"\F9DF"}.mdi-cloud-braces:before{content:"\F7B4"}.mdi-cloud-check:before{content:"\F160"}.mdi-cloud-circle:before{content:"\F161"}.mdi-cloud-download:before{content:"\F162"}.mdi-cloud-off-outline:before{content:"\F164"}.mdi-cloud-outline:before{content:"\F163"}.mdi-cloud-print:before{content:"\F165"}.mdi-cloud-print-outline:before{content:"\F166"}.mdi-cloud-search:before{content:"\F955"}.mdi-cloud-search-outline:before{content:"\F956"}.mdi-cloud-sync:before{content:"\F63F"}.mdi-cloud-tags:before{content:"\F7B5"}.mdi-cloud-upload:before{content:"\F167"}.mdi-clover:before{content:"\F815"}.mdi-code-array:before{content:"\F168"}.mdi-code-braces:before{content:"\F169"}.mdi-code-brackets:before{content:"\F16A"}.mdi-code-equal:before{content:"\F16B"}.mdi-code-greater-than:before{content:"\F16C"}.mdi-code-greater-than-or-equal:before{content:"\F16D"}.mdi-code-less-than:before{content:"\F16E"}.mdi-code-less-than-or-equal:before{content:"\F16F"}.mdi-code-not-equal:before{content:"\F170"}.mdi-code-not-equal-variant:before{content:"\F171"}.mdi-code-parentheses:before{content:"\F172"}.mdi-code-string:before{content:"\F173"}.mdi-code-tags:before{content:"\F174"}.mdi-code-tags-check:before{content:"\F693"}.mdi-codepen:before{content:"\F175"}.mdi-coffee:before{content:"\F176"}.mdi-coffee-outline:before{content:"\F6C9"}.mdi-coffee-to-go:before{content:"\F177"}.mdi-cogs:before{content:"\F8D5"}.mdi-coin:before{content:"\F178"}.mdi-coins:before{content:"\F694"}.mdi-collage:before{content:"\F640"}.mdi-color-helper:before{content:"\F179"}.mdi-comment:before{content:"\F17A"}.mdi-comment-account:before{content:"\F17B"}.mdi-comment-account-outline:before{content:"\F17C"}.mdi-comment-alert:before{content:"\F17D"}.mdi-comment-alert-outline:before{content:"\F17E"}.mdi-comment-arrow-left:before{content:"\F9E0"}.mdi-comment-arrow-left-outline:before{content:"\F9E1"}.mdi-comment-arrow-right:before{content:"\F9E2"}.mdi-comment-arrow-right-outline:before{content:"\F9E3"}.mdi-comment-check:before{content:"\F17F"}.mdi-comment-check-outline:before{content:"\F180"}.mdi-comment-multiple:before{content:"\F85E"}.mdi-comment-multiple-outline:before{content:"\F181"}.mdi-comment-outline:before{content:"\F182"}.mdi-comment-plus:before{content:"\F9E4"}.mdi-comment-plus-outline:before{content:"\F183"}.mdi-comment-processing:before{content:"\F184"}.mdi-comment-processing-outline:before{content:"\F185"}.mdi-comment-question:before{content:"\F816"}.mdi-comment-question-outline:before{content:"\F186"}.mdi-comment-remove:before{content:"\F5DE"}.mdi-comment-remove-outline:before{content:"\F187"}.mdi-comment-text:before{content:"\F188"}.mdi-comment-text-multiple:before{content:"\F85F"}.mdi-comment-text-multiple-outline:before{content:"\F860"}.mdi-comment-text-outline:before{content:"\F189"}.mdi-compare:before{content:"\F18A"}.mdi-compass:before{content:"\F18B"}.mdi-compass-outline:before{content:"\F18C"}.mdi-console:before{content:"\F18D"}.mdi-console-line:before{content:"\F7B6"}.mdi-console-network:before{content:"\F8A8"}.mdi-contact-mail:before{content:"\F18E"}.mdi-contacts:before{content:"\F6CA"}.mdi-content-copy:before{content:"\F18F"}.mdi-content-cut:before{content:"\F190"}.mdi-content-duplicate:before{content:"\F191"}.mdi-content-paste:before{content:"\F192"}.mdi-content-save:before{content:"\F193"}.mdi-content-save-all:before{content:"\F194"}.mdi-content-save-outline:before{content:"\F817"}.mdi-content-save-settings:before{content:"\F61B"}.mdi-contrast:before{content:"\F195"}.mdi-contrast-box:before{content:"\F196"}.mdi-contrast-circle:before{content:"\F197"}.mdi-cookie:before{content:"\F198"}.mdi-copyright:before{content:"\F5E6"}.mdi-cordova:before{content:"\F957"}.mdi-corn:before{content:"\F7B7"}.mdi-counter:before{content:"\F199"}.mdi-cow:before{content:"\F19A"}.mdi-crane:before{content:"\F861"}.mdi-creation:before{content:"\F1C9"}.mdi-credit-card:before{content:"\F19B"}.mdi-credit-card-multiple:before{content:"\F19C"}.mdi-credit-card-off:before{content:"\F5E4"}.mdi-credit-card-plus:before{content:"\F675"}.mdi-credit-card-scan:before{content:"\F19D"}.mdi-credit-card-settings:before{content:"\F8D6"}.mdi-crop:before{content:"\F19E"}.mdi-crop-free:before{content:"\F19F"}.mdi-crop-landscape:before{content:"\F1A0"}.mdi-crop-portrait:before{content:"\F1A1"}.mdi-crop-rotate:before{content:"\F695"}.mdi-crop-square:before{content:"\F1A2"}.mdi-crosshairs:before{content:"\F1A3"}.mdi-crosshairs-gps:before{content:"\F1A4"}.mdi-crown:before{content:"\F1A5"}.mdi-cryengine:before{content:"\F958"}.mdi-cube:before{content:"\F1A6"}.mdi-cube-outline:before{content:"\F1A7"}.mdi-cube-send:before{content:"\F1A8"}.mdi-cube-unfolded:before{content:"\F1A9"}.mdi-cup:before{content:"\F1AA"}.mdi-cup-off:before{content:"\F5E5"}.mdi-cup-water:before{content:"\F1AB"}.mdi-cupcake:before{content:"\F959"}.mdi-curling:before{content:"\F862"}.mdi-currency-bdt:before{content:"\F863"}.mdi-currency-btc:before{content:"\F1AC"}.mdi-currency-chf:before{content:"\F7B8"}.mdi-currency-cny:before{content:"\F7B9"}.mdi-currency-eth:before{content:"\F7BA"}.mdi-currency-eur:before{content:"\F1AD"}.mdi-currency-gbp:before{content:"\F1AE"}.mdi-currency-inr:before{content:"\F1AF"}.mdi-currency-jpy:before{content:"\F7BB"}.mdi-currency-krw:before{content:"\F7BC"}.mdi-currency-kzt:before{content:"\F864"}.mdi-currency-ngn:before{content:"\F1B0"}.mdi-currency-php:before{content:"\F9E5"}.mdi-currency-rub:before{content:"\F1B1"}.mdi-currency-sign:before{content:"\F7BD"}.mdi-currency-try:before{content:"\F1B2"}.mdi-currency-twd:before{content:"\F7BE"}.mdi-currency-usd:before{content:"\F1B3"}.mdi-currency-usd-off:before{content:"\F679"}.mdi-current-ac:before{content:"\F95A"}.mdi-current-dc:before{content:"\F95B"}.mdi-cursor-default:before{content:"\F1B4"}.mdi-cursor-default-outline:before{content:"\F1B5"}.mdi-cursor-move:before{content:"\F1B6"}.mdi-cursor-pointer:before{content:"\F1B7"}.mdi-cursor-text:before{content:"\F5E7"}.mdi-database:before{content:"\F1B8"}.mdi-database-export:before{content:"\F95D"}.mdi-database-import:before{content:"\F95C"}.mdi-database-minus:before{content:"\F1B9"}.mdi-database-plus:before{content:"\F1BA"}.mdi-database-search:before{content:"\F865"}.mdi-death-star:before{content:"\F8D7"}.mdi-death-star-variant:before{content:"\F8D8"}.mdi-debian:before{content:"\F8D9"}.mdi-debug-step-into:before{content:"\F1BB"}.mdi-debug-step-out:before{content:"\F1BC"}.mdi-debug-step-over:before{content:"\F1BD"}.mdi-decagram:before{content:"\F76B"}.mdi-decagram-outline:before{content:"\F76C"}.mdi-decimal-decrease:before{content:"\F1BE"}.mdi-decimal-increase:before{content:"\F1BF"}.mdi-delete:before{content:"\F1C0"}.mdi-delete-circle:before{content:"\F682"}.mdi-delete-empty:before{content:"\F6CB"}.mdi-delete-forever:before{content:"\F5E8"}.mdi-delete-outline:before{content:"\F9E6"}.mdi-delete-restore:before{content:"\F818"}.mdi-delete-sweep:before{content:"\F5E9"}.mdi-delete-variant:before{content:"\F1C1"}.mdi-delta:before{content:"\F1C2"}.mdi-desk-lamp:before{content:"\F95E"}.mdi-deskphone:before{content:"\F1C3"}.mdi-desktop-classic:before{content:"\F7BF"}.mdi-desktop-mac:before{content:"\F1C4"}.mdi-desktop-mac-dashboard:before{content:"\F9E7"}.mdi-desktop-tower:before{content:"\F1C5"}.mdi-details:before{content:"\F1C6"}.mdi-developer-board:before{content:"\F696"}.mdi-deviantart:before{content:"\F1C7"}.mdi-dialpad:before{content:"\F61C"}.mdi-diamond:before{content:"\F1C8"}.mdi-dice-1:before{content:"\F1CA"}.mdi-dice-2:before{content:"\F1CB"}.mdi-dice-3:before{content:"\F1CC"}.mdi-dice-4:before{content:"\F1CD"}.mdi-dice-5:before{content:"\F1CE"}.mdi-dice-6:before{content:"\F1CF"}.mdi-dice-d10:before{content:"\F76E"}.mdi-dice-d12:before{content:"\F866"}.mdi-dice-d20:before{content:"\F5EA"}.mdi-dice-d4:before{content:"\F5EB"}.mdi-dice-d6:before{content:"\F5EC"}.mdi-dice-d8:before{content:"\F5ED"}.mdi-dice-multiple:before{content:"\F76D"}.mdi-dictionary:before{content:"\F61D"}.mdi-dip-switch:before{content:"\F7C0"}.mdi-directions:before{content:"\F1D0"}.mdi-directions-fork:before{content:"\F641"}.mdi-disc:before{content:"\F5EE"}.mdi-disc-alert:before{content:"\F1D1"}.mdi-disc-player:before{content:"\F95F"}.mdi-discord:before{content:"\F66F"}.mdi-disqus:before{content:"\F1D2"}.mdi-disqus-outline:before{content:"\F1D3"}.mdi-division:before{content:"\F1D4"}.mdi-division-box:before{content:"\F1D5"}.mdi-dna:before{content:"\F683"}.mdi-dns:before{content:"\F1D6"}.mdi-do-not-disturb:before{content:"\F697"}.mdi-do-not-disturb-off:before{content:"\F698"}.mdi-docker:before{content:"\F867"}.mdi-dolby:before{content:"\F6B2"}.mdi-domain:before{content:"\F1D7"}.mdi-donkey:before{content:"\F7C1"}.mdi-door:before{content:"\F819"}.mdi-door-closed:before{content:"\F81A"}.mdi-door-open:before{content:"\F81B"}.mdi-doorbell-video:before{content:"\F868"}.mdi-dots-horizontal:before{content:"\F1D8"}.mdi-dots-horizontal-circle:before{content:"\F7C2"}.mdi-dots-vertical:before{content:"\F1D9"}.mdi-dots-vertical-circle:before{content:"\F7C3"}.mdi-douban:before{content:"\F699"}.mdi-download:before{content:"\F1DA"}.mdi-download-multiple:before{content:"\F9E8"}.mdi-download-network:before{content:"\F6F3"}.mdi-drag:before{content:"\F1DB"}.mdi-drag-horizontal:before{content:"\F1DC"}.mdi-drag-vertical:before{content:"\F1DD"}.mdi-drawing:before{content:"\F1DE"}.mdi-drawing-box:before{content:"\F1DF"}.mdi-dribbble:before{content:"\F1E0"}.mdi-dribbble-box:before{content:"\F1E1"}.mdi-drone:before{content:"\F1E2"}.mdi-dropbox:before{content:"\F1E3"}.mdi-drupal:before{content:"\F1E4"}.mdi-duck:before{content:"\F1E5"}.mdi-dumbbell:before{content:"\F1E6"}.mdi-ear-hearing:before{content:"\F7C4"}.mdi-earth:before{content:"\F1E7"}.mdi-earth-box:before{content:"\F6CC"}.mdi-earth-box-off:before{content:"\F6CD"}.mdi-earth-off:before{content:"\F1E8"}.mdi-edge:before{content:"\F1E9"}.mdi-eight-track:before{content:"\F9E9"}.mdi-eject:before{content:"\F1EA"}.mdi-elephant:before{content:"\F7C5"}.mdi-elevation-decline:before{content:"\F1EB"}.mdi-elevation-rise:before{content:"\F1EC"}.mdi-elevator:before{content:"\F1ED"}.mdi-email:before{content:"\F1EE"}.mdi-email-alert:before{content:"\F6CE"}.mdi-email-open:before{content:"\F1EF"}.mdi-email-open-outline:before{content:"\F5EF"}.mdi-email-outline:before{content:"\F1F0"}.mdi-email-plus:before{content:"\F9EA"}.mdi-email-plus-outline:before{content:"\F9EB"}.mdi-email-search:before{content:"\F960"}.mdi-email-search-outline:before{content:"\F961"}.mdi-email-secure:before{content:"\F1F1"}.mdi-email-variant:before{content:"\F5F0"}.mdi-emby:before{content:"\F6B3"}.mdi-emoticon:before{content:"\F1F2"}.mdi-emoticon-cool:before{content:"\F1F3"}.mdi-emoticon-dead:before{content:"\F69A"}.mdi-emoticon-devil:before{content:"\F1F4"}.mdi-emoticon-excited:before{content:"\F69B"}.mdi-emoticon-happy:before{content:"\F1F5"}.mdi-emoticon-neutral:before{content:"\F1F6"}.mdi-emoticon-poop:before{content:"\F1F7"}.mdi-emoticon-sad:before{content:"\F1F8"}.mdi-emoticon-tongue:before{content:"\F1F9"}.mdi-engine:before{content:"\F1FA"}.mdi-engine-outline:before{content:"\F1FB"}.mdi-equal:before{content:"\F1FC"}.mdi-equal-box:before{content:"\F1FD"}.mdi-eraser:before{content:"\F1FE"}.mdi-eraser-variant:before{content:"\F642"}.mdi-escalator:before{content:"\F1FF"}.mdi-ethereum:before{content:"\F869"}.mdi-ethernet:before{content:"\F200"}.mdi-ethernet-cable:before{content:"\F201"}.mdi-ethernet-cable-off:before{content:"\F202"}.mdi-etsy:before{content:"\F203"}.mdi-ev-station:before{content:"\F5F1"}.mdi-eventbrite:before{content:"\F7C6"}.mdi-evernote:before{content:"\F204"}.mdi-exclamation:before{content:"\F205"}.mdi-exit-to-app:before{content:"\F206"}.mdi-exponent:before{content:"\F962"}.mdi-exponent-box:before{content:"\F963"}.mdi-export:before{content:"\F207"}.mdi-eye:before{content:"\F208"}.mdi-eye-off:before{content:"\F209"}.mdi-eye-off-outline:before{content:"\F6D0"}.mdi-eye-outline:before{content:"\F6CF"}.mdi-eye-plus:before{content:"\F86A"}.mdi-eye-plus-outline:before{content:"\F86B"}.mdi-eye-settings:before{content:"\F86C"}.mdi-eye-settings-outline:before{content:"\F86D"}.mdi-eyedropper:before{content:"\F20A"}.mdi-eyedropper-variant:before{content:"\F20B"}.mdi-face:before{content:"\F643"}.mdi-face-profile:before{content:"\F644"}.mdi-facebook:before{content:"\F20C"}.mdi-facebook-box:before{content:"\F20D"}.mdi-facebook-messenger:before{content:"\F20E"}.mdi-factory:before{content:"\F20F"}.mdi-fan:before{content:"\F210"}.mdi-fan-off:before{content:"\F81C"}.mdi-fast-forward:before{content:"\F211"}.mdi-fast-forward-outline:before{content:"\F6D1"}.mdi-fax:before{content:"\F212"}.mdi-feather:before{content:"\F6D2"}.mdi-fedora:before{content:"\F8DA"}.mdi-ferry:before{content:"\F213"}.mdi-file:before{content:"\F214"}.mdi-file-account:before{content:"\F73A"}.mdi-file-chart:before{content:"\F215"}.mdi-file-check:before{content:"\F216"}.mdi-file-cloud:before{content:"\F217"}.mdi-file-compare:before{content:"\F8A9"}.mdi-file-delimited:before{content:"\F218"}.mdi-file-document:before{content:"\F219"}.mdi-file-document-box:before{content:"\F21A"}.mdi-file-document-box-outline:before{content:"\F9EC"}.mdi-file-document-outline:before{content:"\F9ED"}.mdi-file-download:before{content:"\F964"}.mdi-file-download-outline:before{content:"\F965"}.mdi-file-excel:before{content:"\F21B"}.mdi-file-excel-box:before{content:"\F21C"}.mdi-file-export:before{content:"\F21D"}.mdi-file-find:before{content:"\F21E"}.mdi-file-hidden:before{content:"\F613"}.mdi-file-image:before{content:"\F21F"}.mdi-file-import:before{content:"\F220"}.mdi-file-lock:before{content:"\F221"}.mdi-file-multiple:before{content:"\F222"}.mdi-file-music:before{content:"\F223"}.mdi-file-outline:before{content:"\F224"}.mdi-file-pdf:before{content:"\F225"}.mdi-file-pdf-box:before{content:"\F226"}.mdi-file-percent:before{content:"\F81D"}.mdi-file-plus:before{content:"\F751"}.mdi-file-powerpoint:before{content:"\F227"}.mdi-file-powerpoint-box:before{content:"\F228"}.mdi-file-presentation-box:before{content:"\F229"}.mdi-file-question:before{content:"\F86E"}.mdi-file-restore:before{content:"\F670"}.mdi-file-send:before{content:"\F22A"}.mdi-file-tree:before{content:"\F645"}.mdi-file-undo:before{content:"\F8DB"}.mdi-file-video:before{content:"\F22B"}.mdi-file-word:before{content:"\F22C"}.mdi-file-word-box:before{content:"\F22D"}.mdi-file-xml:before{content:"\F22E"}.mdi-film:before{content:"\F22F"}.mdi-filmstrip:before{content:"\F230"}.mdi-filmstrip-off:before{content:"\F231"}.mdi-filter:before{content:"\F232"}.mdi-filter-outline:before{content:"\F233"}.mdi-filter-remove:before{content:"\F234"}.mdi-filter-remove-outline:before{content:"\F235"}.mdi-filter-variant:before{content:"\F236"}.mdi-finance:before{content:"\F81E"}.mdi-find-replace:before{content:"\F6D3"}.mdi-fingerprint:before{content:"\F237"}.mdi-fire:before{content:"\F238"}.mdi-fire-truck:before{content:"\F8AA"}.mdi-firebase:before{content:"\F966"}.mdi-firefox:before{content:"\F239"}.mdi-fish:before{content:"\F23A"}.mdi-flag:before{content:"\F23B"}.mdi-flag-checkered:before{content:"\F23C"}.mdi-flag-outline:before{content:"\F23D"}.mdi-flag-triangle:before{content:"\F23F"}.mdi-flag-variant:before{content:"\F240"}.mdi-flag-variant-outline:before{content:"\F23E"}.mdi-flash:before{content:"\F241"}.mdi-flash-auto:before{content:"\F242"}.mdi-flash-circle:before{content:"\F81F"}.mdi-flash-off:before{content:"\F243"}.mdi-flash-outline:before{content:"\F6D4"}.mdi-flash-red-eye:before{content:"\F67A"}.mdi-flashlight:before{content:"\F244"}.mdi-flashlight-off:before{content:"\F245"}.mdi-flask:before{content:"\F093"}.mdi-flask-empty:before{content:"\F094"}.mdi-flask-empty-outline:before{content:"\F095"}.mdi-flask-outline:before{content:"\F096"}.mdi-flattr:before{content:"\F246"}.mdi-flip-to-back:before{content:"\F247"}.mdi-flip-to-front:before{content:"\F248"}.mdi-floor-lamp:before{content:"\F8DC"}.mdi-floor-plan:before{content:"\F820"}.mdi-floppy:before{content:"\F249"}.mdi-floppy-variant:before{content:"\F9EE"}.mdi-flower:before{content:"\F24A"}.mdi-flower-outline:before{content:"\F9EF"}.mdi-flower-tulip:before{content:"\F9F0"}.mdi-flower-tulip-outline:before{content:"\F9F1"}.mdi-folder:before{content:"\F24B"}.mdi-folder-account:before{content:"\F24C"}.mdi-folder-download:before{content:"\F24D"}.mdi-folder-edit:before{content:"\F8DD"}.mdi-folder-google-drive:before{content:"\F24E"}.mdi-folder-image:before{content:"\F24F"}.mdi-folder-key:before{content:"\F8AB"}.mdi-folder-key-network:before{content:"\F8AC"}.mdi-folder-lock:before{content:"\F250"}.mdi-folder-lock-open:before{content:"\F251"}.mdi-folder-move:before{content:"\F252"}.mdi-folder-multiple:before{content:"\F253"}.mdi-folder-multiple-image:before{content:"\F254"}.mdi-folder-multiple-outline:before{content:"\F255"}.mdi-folder-network:before{content:"\F86F"}.mdi-folder-open:before{content:"\F76F"}.mdi-folder-outline:before{content:"\F256"}.mdi-folder-plus:before{content:"\F257"}.mdi-folder-remove:before{content:"\F258"}.mdi-folder-search:before{content:"\F967"}.mdi-folder-search-outline:before{content:"\F968"}.mdi-folder-star:before{content:"\F69C"}.mdi-folder-upload:before{content:"\F259"}.mdi-font-awesome:before{content:"\F03A"}.mdi-food:before{content:"\F25A"}.mdi-food-apple:before{content:"\F25B"}.mdi-food-croissant:before{content:"\F7C7"}.mdi-food-fork-drink:before{content:"\F5F2"}.mdi-food-off:before{content:"\F5F3"}.mdi-food-variant:before{content:"\F25C"}.mdi-football:before{content:"\F25D"}.mdi-football-australian:before{content:"\F25E"}.mdi-football-helmet:before{content:"\F25F"}.mdi-forklift:before{content:"\F7C8"}.mdi-format-align-bottom:before{content:"\F752"}.mdi-format-align-center:before{content:"\F260"}.mdi-format-align-justify:before{content:"\F261"}.mdi-format-align-left:before{content:"\F262"}.mdi-format-align-middle:before{content:"\F753"}.mdi-format-align-right:before{content:"\F263"}.mdi-format-align-top:before{content:"\F754"}.mdi-format-annotation-plus:before{content:"\F646"}.mdi-format-bold:before{content:"\F264"}.mdi-format-clear:before{content:"\F265"}.mdi-format-color-fill:before{content:"\F266"}.mdi-format-color-text:before{content:"\F69D"}.mdi-format-columns:before{content:"\F8DE"}.mdi-format-float-center:before{content:"\F267"}.mdi-format-float-left:before{content:"\F268"}.mdi-format-float-none:before{content:"\F269"}.mdi-format-float-right:before{content:"\F26A"}.mdi-format-font:before{content:"\F6D5"}.mdi-format-font-size-decrease:before{content:"\F9F2"}.mdi-format-font-size-increase:before{content:"\F9F3"}.mdi-format-header-1:before{content:"\F26B"}.mdi-format-header-2:before{content:"\F26C"}.mdi-format-header-3:before{content:"\F26D"}.mdi-format-header-4:before{content:"\F26E"}.mdi-format-header-5:before{content:"\F26F"}.mdi-format-header-6:before{content:"\F270"}.mdi-format-header-decrease:before{content:"\F271"}.mdi-format-header-equal:before{content:"\F272"}.mdi-format-header-increase:before{content:"\F273"}.mdi-format-header-pound:before{content:"\F274"}.mdi-format-horizontal-align-center:before{content:"\F61E"}.mdi-format-horizontal-align-left:before{content:"\F61F"}.mdi-format-horizontal-align-right:before{content:"\F620"}.mdi-format-indent-decrease:before{content:"\F275"}.mdi-format-indent-increase:before{content:"\F276"}.mdi-format-italic:before{content:"\F277"}.mdi-format-line-spacing:before{content:"\F278"}.mdi-format-line-style:before{content:"\F5C8"}.mdi-format-line-weight:before{content:"\F5C9"}.mdi-format-list-bulleted:before{content:"\F279"}.mdi-format-list-bulleted-type:before{content:"\F27A"}.mdi-format-list-checkbox:before{content:"\F969"}.mdi-format-list-checks:before{content:"\F755"}.mdi-format-list-numbers:before{content:"\F27B"}.mdi-format-page-break:before{content:"\F6D6"}.mdi-format-paint:before{content:"\F27C"}.mdi-format-paragraph:before{content:"\F27D"}.mdi-format-pilcrow:before{content:"\F6D7"}.mdi-format-quote-close:before{content:"\F27E"}.mdi-format-quote-open:before{content:"\F756"}.mdi-format-rotate-90:before{content:"\F6A9"}.mdi-format-section:before{content:"\F69E"}.mdi-format-size:before{content:"\F27F"}.mdi-format-strikethrough:before{content:"\F280"}.mdi-format-strikethrough-variant:before{content:"\F281"}.mdi-format-subscript:before{content:"\F282"}.mdi-format-superscript:before{content:"\F283"}.mdi-format-text:before{content:"\F284"}.mdi-format-textdirection-l-to-r:before{content:"\F285"}.mdi-format-textdirection-r-to-l:before{content:"\F286"}.mdi-format-title:before{content:"\F5F4"}.mdi-format-underline:before{content:"\F287"}.mdi-format-vertical-align-bottom:before{content:"\F621"}.mdi-format-vertical-align-center:before{content:"\F622"}.mdi-format-vertical-align-top:before{content:"\F623"}.mdi-format-wrap-inline:before{content:"\F288"}.mdi-format-wrap-square:before{content:"\F289"}.mdi-format-wrap-tight:before{content:"\F28A"}.mdi-format-wrap-top-bottom:before{content:"\F28B"}.mdi-forum:before{content:"\F28C"}.mdi-forum-outline:before{content:"\F821"}.mdi-forward:before{content:"\F28D"}.mdi-fountain:before{content:"\F96A"}.mdi-foursquare:before{content:"\F28E"}.mdi-freebsd:before{content:"\F8DF"}.mdi-fridge:before{content:"\F28F"}.mdi-fridge-filled:before{content:"\F290"}.mdi-fridge-filled-bottom:before{content:"\F291"}.mdi-fridge-filled-top:before{content:"\F292"}.mdi-fuel:before{content:"\F7C9"}.mdi-fullscreen:before{content:"\F293"}.mdi-fullscreen-exit:before{content:"\F294"}.mdi-function:before{content:"\F295"}.mdi-function-variant:before{content:"\F870"}.mdi-gamepad:before{content:"\F296"}.mdi-gamepad-variant:before{content:"\F297"}.mdi-garage:before{content:"\F6D8"}.mdi-garage-alert:before{content:"\F871"}.mdi-garage-open:before{content:"\F6D9"}.mdi-gas-cylinder:before{content:"\F647"}.mdi-gas-station:before{content:"\F298"}.mdi-gate:before{content:"\F299"}.mdi-gate-and:before{content:"\F8E0"}.mdi-gate-nand:before{content:"\F8E1"}.mdi-gate-nor:before{content:"\F8E2"}.mdi-gate-not:before{content:"\F8E3"}.mdi-gate-or:before{content:"\F8E4"}.mdi-gate-xnor:before{content:"\F8E5"}.mdi-gate-xor:before{content:"\F8E6"}.mdi-gauge:before{content:"\F29A"}.mdi-gauge-empty:before{content:"\F872"}.mdi-gauge-full:before{content:"\F873"}.mdi-gauge-low:before{content:"\F874"}.mdi-gavel:before{content:"\F29B"}.mdi-gender-female:before{content:"\F29C"}.mdi-gender-male:before{content:"\F29D"}.mdi-gender-male-female:before{content:"\F29E"}.mdi-gender-transgender:before{content:"\F29F"}.mdi-gentoo:before{content:"\F8E7"}.mdi-gesture:before{content:"\F7CA"}.mdi-gesture-double-tap:before{content:"\F73B"}.mdi-gesture-swipe-down:before{content:"\F73C"}.mdi-gesture-swipe-left:before{content:"\F73D"}.mdi-gesture-swipe-right:before{content:"\F73E"}.mdi-gesture-swipe-up:before{content:"\F73F"}.mdi-gesture-tap:before{content:"\F740"}.mdi-gesture-two-double-tap:before{content:"\F741"}.mdi-gesture-two-tap:before{content:"\F742"}.mdi-ghost:before{content:"\F2A0"}.mdi-ghost-off:before{content:"\F9F4"}.mdi-gift:before{content:"\F2A1"}.mdi-git:before{content:"\F2A2"}.mdi-github-box:before{content:"\F2A3"}.mdi-github-circle:before{content:"\F2A4"}.mdi-github-face:before{content:"\F6DA"}.mdi-glass-cocktail:before{content:"\F356"}.mdi-glass-flute:before{content:"\F2A5"}.mdi-glass-mug:before{content:"\F2A6"}.mdi-glass-stange:before{content:"\F2A7"}.mdi-glass-tulip:before{content:"\F2A8"}.mdi-glass-wine:before{content:"\F875"}.mdi-glassdoor:before{content:"\F2A9"}.mdi-glasses:before{content:"\F2AA"}.mdi-globe-model:before{content:"\F8E8"}.mdi-gmail:before{content:"\F2AB"}.mdi-gnome:before{content:"\F2AC"}.mdi-golf:before{content:"\F822"}.mdi-gondola:before{content:"\F685"}.mdi-google:before{content:"\F2AD"}.mdi-google-allo:before{content:"\F801"}.mdi-google-analytics:before{content:"\F7CB"}.mdi-google-assistant:before{content:"\F7CC"}.mdi-google-cardboard:before{content:"\F2AE"}.mdi-google-chrome:before{content:"\F2AF"}.mdi-google-circles:before{content:"\F2B0"}.mdi-google-circles-communities:before{content:"\F2B1"}.mdi-google-circles-extended:before{content:"\F2B2"}.mdi-google-circles-group:before{content:"\F2B3"}.mdi-google-controller:before{content:"\F2B4"}.mdi-google-controller-off:before{content:"\F2B5"}.mdi-google-drive:before{content:"\F2B6"}.mdi-google-earth:before{content:"\F2B7"}.mdi-google-fit:before{content:"\F96B"}.mdi-google-glass:before{content:"\F2B8"}.mdi-google-hangouts:before{content:"\F2C9"}.mdi-google-home:before{content:"\F823"}.mdi-google-keep:before{content:"\F6DB"}.mdi-google-lens:before{content:"\F9F5"}.mdi-google-maps:before{content:"\F5F5"}.mdi-google-nearby:before{content:"\F2B9"}.mdi-google-pages:before{content:"\F2BA"}.mdi-google-photos:before{content:"\F6DC"}.mdi-google-physical-web:before{content:"\F2BB"}.mdi-google-play:before{content:"\F2BC"}.mdi-google-plus:before{content:"\F2BD"}.mdi-google-plus-box:before{content:"\F2BE"}.mdi-google-spreadsheet:before{content:"\F9F6"}.mdi-google-translate:before{content:"\F2BF"}.mdi-google-wallet:before{content:"\F2C0"}.mdi-gpu:before{content:"\F8AD"}.mdi-gradient:before{content:"\F69F"}.mdi-graphql:before{content:"\F876"}.mdi-grease-pencil:before{content:"\F648"}.mdi-greater-than:before{content:"\F96C"}.mdi-greater-than-or-equal:before{content:"\F96D"}.mdi-grid:before{content:"\F2C1"}.mdi-grid-large:before{content:"\F757"}.mdi-grid-off:before{content:"\F2C2"}.mdi-group:before{content:"\F2C3"}.mdi-guitar-acoustic:before{content:"\F770"}.mdi-guitar-electric:before{content:"\F2C4"}.mdi-guitar-pick:before{content:"\F2C5"}.mdi-guitar-pick-outline:before{content:"\F2C6"}.mdi-guy-fawkes-mask:before{content:"\F824"}.mdi-hackernews:before{content:"\F624"}.mdi-hamburger:before{content:"\F684"}.mdi-hammer:before{content:"\F8E9"}.mdi-hand-pointing-right:before{content:"\F2C7"}.mdi-hanger:before{content:"\F2C8"}.mdi-hard-hat:before{content:"\F96E"}.mdi-harddisk:before{content:"\F2CA"}.mdi-headphones:before{content:"\F2CB"}.mdi-headphones-bluetooth:before{content:"\F96F"}.mdi-headphones-box:before{content:"\F2CC"}.mdi-headphones-off:before{content:"\F7CD"}.mdi-headphones-settings:before{content:"\F2CD"}.mdi-headset:before{content:"\F2CE"}.mdi-headset-dock:before{content:"\F2CF"}.mdi-headset-off:before{content:"\F2D0"}.mdi-heart:before{content:"\F2D1"}.mdi-heart-box:before{content:"\F2D2"}.mdi-heart-box-outline:before{content:"\F2D3"}.mdi-heart-broken:before{content:"\F2D4"}.mdi-heart-circle:before{content:"\F970"}.mdi-heart-circle-outline:before{content:"\F971"}.mdi-heart-half:before{content:"\F6DE"}.mdi-heart-half-full:before{content:"\F6DD"}.mdi-heart-half-outline:before{content:"\F6DF"}.mdi-heart-off:before{content:"\F758"}.mdi-heart-outline:before{content:"\F2D5"}.mdi-heart-pulse:before{content:"\F5F6"}.mdi-help:before{content:"\F2D6"}.mdi-help-box:before{content:"\F78A"}.mdi-help-circle:before{content:"\F2D7"}.mdi-help-circle-outline:before{content:"\F625"}.mdi-help-network:before{content:"\F6F4"}.mdi-hexagon:before{content:"\F2D8"}.mdi-hexagon-multiple:before{content:"\F6E0"}.mdi-hexagon-outline:before{content:"\F2D9"}.mdi-high-definition:before{content:"\F7CE"}.mdi-high-definition-box:before{content:"\F877"}.mdi-highway:before{content:"\F5F7"}.mdi-hinduism:before{content:"\F972"}.mdi-history:before{content:"\F2DA"}.mdi-hockey-puck:before{content:"\F878"}.mdi-hockey-sticks:before{content:"\F879"}.mdi-hololens:before{content:"\F2DB"}.mdi-home:before{content:"\F2DC"}.mdi-home-account:before{content:"\F825"}.mdi-home-alert:before{content:"\F87A"}.mdi-home-assistant:before{content:"\F7CF"}.mdi-home-automation:before{content:"\F7D0"}.mdi-home-circle:before{content:"\F7D1"}.mdi-home-currency-usd:before{content:"\F8AE"}.mdi-home-heart:before{content:"\F826"}.mdi-home-lock:before{content:"\F8EA"}.mdi-home-lock-open:before{content:"\F8EB"}.mdi-home-map-marker:before{content:"\F5F8"}.mdi-home-minus:before{content:"\F973"}.mdi-home-modern:before{content:"\F2DD"}.mdi-home-outline:before{content:"\F6A0"}.mdi-home-plus:before{content:"\F974"}.mdi-home-variant:before{content:"\F2DE"}.mdi-hook:before{content:"\F6E1"}.mdi-hook-off:before{content:"\F6E2"}.mdi-hops:before{content:"\F2DF"}.mdi-hospital:before{content:"\F2E0"}.mdi-hospital-building:before{content:"\F2E1"}.mdi-hospital-marker:before{content:"\F2E2"}.mdi-hot-tub:before{content:"\F827"}.mdi-hotel:before{content:"\F2E3"}.mdi-houzz:before{content:"\F2E4"}.mdi-houzz-box:before{content:"\F2E5"}.mdi-hulu:before{content:"\F828"}.mdi-human:before{content:"\F2E6"}.mdi-human-child:before{content:"\F2E7"}.mdi-human-female:before{content:"\F649"}.mdi-human-greeting:before{content:"\F64A"}.mdi-human-handsdown:before{content:"\F64B"}.mdi-human-handsup:before{content:"\F64C"}.mdi-human-male:before{content:"\F64D"}.mdi-human-male-female:before{content:"\F2E8"}.mdi-human-pregnant:before{content:"\F5CF"}.mdi-humble-bundle:before{content:"\F743"}.mdi-ice-cream:before{content:"\F829"}.mdi-image:before{content:"\F2E9"}.mdi-image-album:before{content:"\F2EA"}.mdi-image-area:before{content:"\F2EB"}.mdi-image-area-close:before{content:"\F2EC"}.mdi-image-broken:before{content:"\F2ED"}.mdi-image-broken-variant:before{content:"\F2EE"}.mdi-image-filter:before{content:"\F2EF"}.mdi-image-filter-black-white:before{content:"\F2F0"}.mdi-image-filter-center-focus:before{content:"\F2F1"}.mdi-image-filter-center-focus-weak:before{content:"\F2F2"}.mdi-image-filter-drama:before{content:"\F2F3"}.mdi-image-filter-frames:before{content:"\F2F4"}.mdi-image-filter-hdr:before{content:"\F2F5"}.mdi-image-filter-none:before{content:"\F2F6"}.mdi-image-filter-tilt-shift:before{content:"\F2F7"}.mdi-image-filter-vintage:before{content:"\F2F8"}.mdi-image-move:before{content:"\F9F7"}.mdi-image-multiple:before{content:"\F2F9"}.mdi-image-off:before{content:"\F82A"}.mdi-image-outline:before{content:"\F975"}.mdi-image-plus:before{content:"\F87B"}.mdi-image-search:before{content:"\F976"}.mdi-image-search-outline:before{content:"\F977"}.mdi-import:before{content:"\F2FA"}.mdi-inbox:before{content:"\F686"}.mdi-inbox-arrow-down:before{content:"\F2FB"}.mdi-inbox-arrow-up:before{content:"\F3D1"}.mdi-inbox-multiple:before{content:"\F8AF"}.mdi-incognito:before{content:"\F5F9"}.mdi-infinity:before{content:"\F6E3"}.mdi-information:before{content:"\F2FC"}.mdi-information-outline:before{content:"\F2FD"}.mdi-information-variant:before{content:"\F64E"}.mdi-instagram:before{content:"\F2FE"}.mdi-instapaper:before{content:"\F2FF"}.mdi-internet-explorer:before{content:"\F300"}.mdi-invert-colors:before{content:"\F301"}.mdi-islam:before{content:"\F978"}.mdi-itunes:before{content:"\F676"}.mdi-jeepney:before{content:"\F302"}.mdi-jira:before{content:"\F303"}.mdi-jquery:before{content:"\F87C"}.mdi-jsfiddle:before{content:"\F304"}.mdi-json:before{content:"\F626"}.mdi-judaism:before{content:"\F979"}.mdi-karate:before{content:"\F82B"}.mdi-keg:before{content:"\F305"}.mdi-kettle:before{content:"\F5FA"}.mdi-key:before{content:"\F306"}.mdi-key-change:before{content:"\F307"}.mdi-key-minus:before{content:"\F308"}.mdi-key-plus:before{content:"\F309"}.mdi-key-remove:before{content:"\F30A"}.mdi-key-variant:before{content:"\F30B"}.mdi-keyboard:before{content:"\F30C"}.mdi-keyboard-backspace:before{content:"\F30D"}.mdi-keyboard-caps:before{content:"\F30E"}.mdi-keyboard-close:before{content:"\F30F"}.mdi-keyboard-off:before{content:"\F310"}.mdi-keyboard-outline:before{content:"\F97A"}.mdi-keyboard-return:before{content:"\F311"}.mdi-keyboard-settings:before{content:"\F9F8"}.mdi-keyboard-settings-outline:before{content:"\F9F9"}.mdi-keyboard-tab:before{content:"\F312"}.mdi-keyboard-variant:before{content:"\F313"}.mdi-kickstarter:before{content:"\F744"}.mdi-knife:before{content:"\F9FA"}.mdi-knife-military:before{content:"\F9FB"}.mdi-kodi:before{content:"\F314"}.mdi-label:before{content:"\F315"}.mdi-label-outline:before{content:"\F316"}.mdi-ladybug:before{content:"\F82C"}.mdi-lambda:before{content:"\F627"}.mdi-lamp:before{content:"\F6B4"}.mdi-lan:before{content:"\F317"}.mdi-lan-connect:before{content:"\F318"}.mdi-lan-disconnect:before{content:"\F319"}.mdi-lan-pending:before{content:"\F31A"}.mdi-language-c:before{content:"\F671"}.mdi-language-cpp:before{content:"\F672"}.mdi-language-csharp:before{content:"\F31B"}.mdi-language-css3:before{content:"\F31C"}.mdi-language-go:before{content:"\F7D2"}.mdi-language-html5:before{content:"\F31D"}.mdi-language-javascript:before{content:"\F31E"}.mdi-language-lua:before{content:"\F8B0"}.mdi-language-php:before{content:"\F31F"}.mdi-language-python:before{content:"\F320"}.mdi-language-python-text:before{content:"\F321"}.mdi-language-r:before{content:"\F7D3"}.mdi-language-swift:before{content:"\F6E4"}.mdi-language-typescript:before{content:"\F6E5"}.mdi-laptop:before{content:"\F322"}.mdi-laptop-chromebook:before{content:"\F323"}.mdi-laptop-mac:before{content:"\F324"}.mdi-laptop-off:before{content:"\F6E6"}.mdi-laptop-windows:before{content:"\F325"}.mdi-lastfm:before{content:"\F326"}.mdi-lastpass:before{content:"\F446"}.mdi-launch:before{content:"\F327"}.mdi-lava-lamp:before{content:"\F7D4"}.mdi-layers:before{content:"\F328"}.mdi-layers-off:before{content:"\F329"}.mdi-layers-off-outline:before{content:"\F9FC"}.mdi-layers-outline:before{content:"\F9FD"}.mdi-lead-pencil:before{content:"\F64F"}.mdi-leaf:before{content:"\F32A"}.mdi-led-off:before{content:"\F32B"}.mdi-led-on:before{content:"\F32C"}.mdi-led-outline:before{content:"\F32D"}.mdi-led-strip:before{content:"\F7D5"}.mdi-led-variant-off:before{content:"\F32E"}.mdi-led-variant-on:before{content:"\F32F"}.mdi-led-variant-outline:before{content:"\F330"}.mdi-less-than:before{content:"\F97B"}.mdi-less-than-or-equal:before{content:"\F97C"}.mdi-library:before{content:"\F331"}.mdi-library-books:before{content:"\F332"}.mdi-library-music:before{content:"\F333"}.mdi-library-plus:before{content:"\F334"}.mdi-lifebuoy:before{content:"\F87D"}.mdi-light-switch:before{content:"\F97D"}.mdi-lightbulb:before{content:"\F335"}.mdi-lightbulb-on:before{content:"\F6E7"}.mdi-lightbulb-on-outline:before{content:"\F6E8"}.mdi-lightbulb-outline:before{content:"\F336"}.mdi-lighthouse:before{content:"\F9FE"}.mdi-lighthouse-on:before{content:"\F9FF"}.mdi-link:before{content:"\F337"}.mdi-link-off:before{content:"\F338"}.mdi-link-variant:before{content:"\F339"}.mdi-link-variant-off:before{content:"\F33A"}.mdi-linkedin:before{content:"\F33B"}.mdi-linkedin-box:before{content:"\F33C"}.mdi-linux:before{content:"\F33D"}.mdi-linux-mint:before{content:"\F8EC"}.mdi-loading:before{content:"\F771"}.mdi-lock:before{content:"\F33E"}.mdi-lock-alert:before{content:"\F8ED"}.mdi-lock-clock:before{content:"\F97E"}.mdi-lock-open:before{content:"\F33F"}.mdi-lock-open-outline:before{content:"\F340"}.mdi-lock-outline:before{content:"\F341"}.mdi-lock-pattern:before{content:"\F6E9"}.mdi-lock-plus:before{content:"\F5FB"}.mdi-lock-question:before{content:"\F8EE"}.mdi-lock-reset:before{content:"\F772"}.mdi-lock-smart:before{content:"\F8B1"}.mdi-locker:before{content:"\F7D6"}.mdi-locker-multiple:before{content:"\F7D7"}.mdi-login:before{content:"\F342"}.mdi-login-variant:before{content:"\F5FC"}.mdi-logout:before{content:"\F343"}.mdi-logout-variant:before{content:"\F5FD"}.mdi-looks:before{content:"\F344"}.mdi-loop:before{content:"\F6EA"}.mdi-loupe:before{content:"\F345"}.mdi-lumx:before{content:"\F346"}.mdi-magnet:before{content:"\F347"}.mdi-magnet-on:before{content:"\F348"}.mdi-magnify:before{content:"\F349"}.mdi-magnify-close:before{content:"\F97F"}.mdi-magnify-minus:before{content:"\F34A"}.mdi-magnify-minus-outline:before{content:"\F6EB"}.mdi-magnify-plus:before{content:"\F34B"}.mdi-magnify-plus-outline:before{content:"\F6EC"}.mdi-mail-ru:before{content:"\F34C"}.mdi-mailbox:before{content:"\F6ED"}.mdi-map:before{content:"\F34D"}.mdi-map-legend:before{content:"\FA00"}.mdi-map-marker:before{content:"\F34E"}.mdi-map-marker-circle:before{content:"\F34F"}.mdi-map-marker-distance:before{content:"\F8EF"}.mdi-map-marker-minus:before{content:"\F650"}.mdi-map-marker-multiple:before{content:"\F350"}.mdi-map-marker-off:before{content:"\F351"}.mdi-map-marker-outline:before{content:"\F7D8"}.mdi-map-marker-plus:before{content:"\F651"}.mdi-map-marker-radius:before{content:"\F352"}.mdi-map-minus:before{content:"\F980"}.mdi-map-outline:before{content:"\F981"}.mdi-map-plus:before{content:"\F982"}.mdi-map-search:before{content:"\F983"}.mdi-map-search-outline:before{content:"\F984"}.mdi-margin:before{content:"\F353"}.mdi-markdown:before{content:"\F354"}.mdi-marker:before{content:"\F652"}.mdi-marker-check:before{content:"\F355"}.mdi-material-design:before{content:"\F985"}.mdi-material-ui:before{content:"\F357"}.mdi-math-compass:before{content:"\F358"}.mdi-matrix:before{content:"\F628"}.mdi-maxcdn:before{content:"\F359"}.mdi-medal:before{content:"\F986"}.mdi-medical-bag:before{content:"\F6EE"}.mdi-medium:before{content:"\F35A"}.mdi-memory:before{content:"\F35B"}.mdi-menu:before{content:"\F35C"}.mdi-menu-down:before{content:"\F35D"}.mdi-menu-down-outline:before{content:"\F6B5"}.mdi-menu-left:before{content:"\F35E"}.mdi-menu-left-outline:before{content:"\FA01"}.mdi-menu-right:before{content:"\F35F"}.mdi-menu-right-outline:before{content:"\FA02"}.mdi-menu-up:before{content:"\F360"}.mdi-menu-up-outline:before{content:"\F6B6"}.mdi-message:before{content:"\F361"}.mdi-message-alert:before{content:"\F362"}.mdi-message-alert-outline:before{content:"\FA03"}.mdi-message-bulleted:before{content:"\F6A1"}.mdi-message-bulleted-off:before{content:"\F6A2"}.mdi-message-draw:before{content:"\F363"}.mdi-message-image:before{content:"\F364"}.mdi-message-outline:before{content:"\F365"}.mdi-message-plus:before{content:"\F653"}.mdi-message-processing:before{content:"\F366"}.mdi-message-reply:before{content:"\F367"}.mdi-message-reply-text:before{content:"\F368"}.mdi-message-settings:before{content:"\F6EF"}.mdi-message-settings-variant:before{content:"\F6F0"}.mdi-message-text:before{content:"\F369"}.mdi-message-text-outline:before{content:"\F36A"}.mdi-message-video:before{content:"\F36B"}.mdi-meteor:before{content:"\F629"}.mdi-metronome:before{content:"\F7D9"}.mdi-metronome-tick:before{content:"\F7DA"}.mdi-micro-sd:before{content:"\F7DB"}.mdi-microphone:before{content:"\F36C"}.mdi-microphone-minus:before{content:"\F8B2"}.mdi-microphone-off:before{content:"\F36D"}.mdi-microphone-outline:before{content:"\F36E"}.mdi-microphone-plus:before{content:"\F8B3"}.mdi-microphone-settings:before{content:"\F36F"}.mdi-microphone-variant:before{content:"\F370"}.mdi-microphone-variant-off:before{content:"\F371"}.mdi-microscope:before{content:"\F654"}.mdi-microsoft:before{content:"\F372"}.mdi-microsoft-dynamics:before{content:"\F987"}.mdi-midi:before{content:"\F8F0"}.mdi-midi-port:before{content:"\F8F1"}.mdi-minecraft:before{content:"\F373"}.mdi-mini-sd:before{content:"\FA04"}.mdi-minidisc:before{content:"\FA05"}.mdi-minus:before{content:"\F374"}.mdi-minus-box:before{content:"\F375"}.mdi-minus-box-outline:before{content:"\F6F1"}.mdi-minus-circle:before{content:"\F376"}.mdi-minus-circle-outline:before{content:"\F377"}.mdi-minus-network:before{content:"\F378"}.mdi-mixcloud:before{content:"\F62A"}.mdi-mixed-reality:before{content:"\F87E"}.mdi-mixer:before{content:"\F7DC"}.mdi-monitor:before{content:"\F379"}.mdi-monitor-cellphone:before{content:"\F988"}.mdi-monitor-cellphone-star:before{content:"\F989"}.mdi-monitor-dashboard:before{content:"\FA06"}.mdi-monitor-multiple:before{content:"\F37A"}.mdi-more:before{content:"\F37B"}.mdi-motorbike:before{content:"\F37C"}.mdi-mouse:before{content:"\F37D"}.mdi-mouse-bluetooth:before{content:"\F98A"}.mdi-mouse-off:before{content:"\F37E"}.mdi-mouse-variant:before{content:"\F37F"}.mdi-mouse-variant-off:before{content:"\F380"}.mdi-move-resize:before{content:"\F655"}.mdi-move-resize-variant:before{content:"\F656"}.mdi-movie:before{content:"\F381"}.mdi-movie-roll:before{content:"\F7DD"}.mdi-muffin:before{content:"\F98B"}.mdi-multiplication:before{content:"\F382"}.mdi-multiplication-box:before{content:"\F383"}.mdi-mushroom:before{content:"\F7DE"}.mdi-mushroom-outline:before{content:"\F7DF"}.mdi-music:before{content:"\F759"}.mdi-music-box:before{content:"\F384"}.mdi-music-box-outline:before{content:"\F385"}.mdi-music-circle:before{content:"\F386"}.mdi-music-note:before{content:"\F387"}.mdi-music-note-bluetooth:before{content:"\F5FE"}.mdi-music-note-bluetooth-off:before{content:"\F5FF"}.mdi-music-note-eighth:before{content:"\F388"}.mdi-music-note-half:before{content:"\F389"}.mdi-music-note-off:before{content:"\F38A"}.mdi-music-note-quarter:before{content:"\F38B"}.mdi-music-note-sixteenth:before{content:"\F38C"}.mdi-music-note-whole:before{content:"\F38D"}.mdi-music-off:before{content:"\F75A"}.mdi-nas:before{content:"\F8F2"}.mdi-nativescript:before{content:"\F87F"}.mdi-nature:before{content:"\F38E"}.mdi-nature-people:before{content:"\F38F"}.mdi-navigation:before{content:"\F390"}.mdi-near-me:before{content:"\F5CD"}.mdi-needle:before{content:"\F391"}.mdi-netflix:before{content:"\F745"}.mdi-network:before{content:"\F6F2"}.mdi-network-strength-1:before{content:"\F8F3"}.mdi-network-strength-1-alert:before{content:"\F8F4"}.mdi-network-strength-2:before{content:"\F8F5"}.mdi-network-strength-2-alert:before{content:"\F8F6"}.mdi-network-strength-3:before{content:"\F8F7"}.mdi-network-strength-3-alert:before{content:"\F8F8"}.mdi-network-strength-4:before{content:"\F8F9"}.mdi-network-strength-4-alert:before{content:"\F8FA"}.mdi-network-strength-off:before{content:"\F8FB"}.mdi-network-strength-off-outline:before{content:"\F8FC"}.mdi-network-strength-outline:before{content:"\F8FD"}.mdi-new-box:before{content:"\F394"}.mdi-newspaper:before{content:"\F395"}.mdi-nfc:before{content:"\F396"}.mdi-nfc-tap:before{content:"\F397"}.mdi-nfc-variant:before{content:"\F398"}.mdi-ninja:before{content:"\F773"}.mdi-nintendo-switch:before{content:"\F7E0"}.mdi-nodejs:before{content:"\F399"}.mdi-not-equal:before{content:"\F98C"}.mdi-not-equal-variant:before{content:"\F98D"}.mdi-note:before{content:"\F39A"}.mdi-note-multiple:before{content:"\F6B7"}.mdi-note-multiple-outline:before{content:"\F6B8"}.mdi-note-outline:before{content:"\F39B"}.mdi-note-plus:before{content:"\F39C"}.mdi-note-plus-outline:before{content:"\F39D"}.mdi-note-text:before{content:"\F39E"}.mdi-notebook:before{content:"\F82D"}.mdi-notification-clear-all:before{content:"\F39F"}.mdi-npm:before{content:"\F6F6"}.mdi-npm-variant:before{content:"\F98E"}.mdi-npm-variant-outline:before{content:"\F98F"}.mdi-nuke:before{content:"\F6A3"}.mdi-null:before{content:"\F7E1"}.mdi-numeric:before{content:"\F3A0"}.mdi-numeric-0-box:before{content:"\F3A1"}.mdi-numeric-0-box-multiple-outline:before{content:"\F3A2"}.mdi-numeric-0-box-outline:before{content:"\F3A3"}.mdi-numeric-1-box:before{content:"\F3A4"}.mdi-numeric-1-box-multiple-outline:before{content:"\F3A5"}.mdi-numeric-1-box-outline:before{content:"\F3A6"}.mdi-numeric-2-box:before{content:"\F3A7"}.mdi-numeric-2-box-multiple-outline:before{content:"\F3A8"}.mdi-numeric-2-box-outline:before{content:"\F3A9"}.mdi-numeric-3-box:before{content:"\F3AA"}.mdi-numeric-3-box-multiple-outline:before{content:"\F3AB"}.mdi-numeric-3-box-outline:before{content:"\F3AC"}.mdi-numeric-4-box:before{content:"\F3AD"}.mdi-numeric-4-box-multiple-outline:before{content:"\F3AE"}.mdi-numeric-4-box-outline:before{content:"\F3AF"}.mdi-numeric-5-box:before{content:"\F3B0"}.mdi-numeric-5-box-multiple-outline:before{content:"\F3B1"}.mdi-numeric-5-box-outline:before{content:"\F3B2"}.mdi-numeric-6-box:before{content:"\F3B3"}.mdi-numeric-6-box-multiple-outline:before{content:"\F3B4"}.mdi-numeric-6-box-outline:before{content:"\F3B5"}.mdi-numeric-7-box:before{content:"\F3B6"}.mdi-numeric-7-box-multiple-outline:before{content:"\F3B7"}.mdi-numeric-7-box-outline:before{content:"\F3B8"}.mdi-numeric-8-box:before{content:"\F3B9"}.mdi-numeric-8-box-multiple-outline:before{content:"\F3BA"}.mdi-numeric-8-box-outline:before{content:"\F3BB"}.mdi-numeric-9-box:before{content:"\F3BC"}.mdi-numeric-9-box-multiple-outline:before{content:"\F3BD"}.mdi-numeric-9-box-outline:before{content:"\F3BE"}.mdi-numeric-9-plus-box:before{content:"\F3BF"}.mdi-numeric-9-plus-box-multiple-outline:before{content:"\F3C0"}.mdi-numeric-9-plus-box-outline:before{content:"\F3C1"}.mdi-nut:before{content:"\F6F7"}.mdi-nutrition:before{content:"\F3C2"}.mdi-oar:before{content:"\F67B"}.mdi-octagon:before{content:"\F3C3"}.mdi-octagon-outline:before{content:"\F3C4"}.mdi-octagram:before{content:"\F6F8"}.mdi-octagram-outline:before{content:"\F774"}.mdi-odnoklassniki:before{content:"\F3C5"}.mdi-office:before{content:"\F3C6"}.mdi-office-building:before{content:"\F990"}.mdi-oil:before{content:"\F3C7"}.mdi-oil-temperature:before{content:"\F3C8"}.mdi-omega:before{content:"\F3C9"}.mdi-onedrive:before{content:"\F3CA"}.mdi-onenote:before{content:"\F746"}.mdi-onepassword:before{content:"\F880"}.mdi-opacity:before{content:"\F5CC"}.mdi-open-in-app:before{content:"\F3CB"}.mdi-open-in-new:before{content:"\F3CC"}.mdi-openid:before{content:"\F3CD"}.mdi-opera:before{content:"\F3CE"}.mdi-orbit:before{content:"\F018"}.mdi-ornament:before{content:"\F3CF"}.mdi-ornament-variant:before{content:"\F3D0"}.mdi-owl:before{content:"\F3D2"}.mdi-package:before{content:"\F3D3"}.mdi-package-down:before{content:"\F3D4"}.mdi-package-up:before{content:"\F3D5"}.mdi-package-variant:before{content:"\F3D6"}.mdi-package-variant-closed:before{content:"\F3D7"}.mdi-page-first:before{content:"\F600"}.mdi-page-last:before{content:"\F601"}.mdi-page-layout-body:before{content:"\F6F9"}.mdi-page-layout-footer:before{content:"\F6FA"}.mdi-page-layout-header:before{content:"\F6FB"}.mdi-page-layout-sidebar-left:before{content:"\F6FC"}.mdi-page-layout-sidebar-right:before{content:"\F6FD"}.mdi-palette:before{content:"\F3D8"}.mdi-palette-advanced:before{content:"\F3D9"}.mdi-palette-swatch:before{content:"\F8B4"}.mdi-panda:before{content:"\F3DA"}.mdi-pandora:before{content:"\F3DB"}.mdi-panorama:before{content:"\F3DC"}.mdi-panorama-fisheye:before{content:"\F3DD"}.mdi-panorama-horizontal:before{content:"\F3DE"}.mdi-panorama-vertical:before{content:"\F3DF"}.mdi-panorama-wide-angle:before{content:"\F3E0"}.mdi-paper-cut-vertical:before{content:"\F3E1"}.mdi-paperclip:before{content:"\F3E2"}.mdi-parking:before{content:"\F3E3"}.mdi-passport:before{content:"\F7E2"}.mdi-patreon:before{content:"\F881"}.mdi-pause:before{content:"\F3E4"}.mdi-pause-circle:before{content:"\F3E5"}.mdi-pause-circle-outline:before{content:"\F3E6"}.mdi-pause-octagon:before{content:"\F3E7"}.mdi-pause-octagon-outline:before{content:"\F3E8"}.mdi-paw:before{content:"\F3E9"}.mdi-paw-off:before{content:"\F657"}.mdi-paypal:before{content:"\F882"}.mdi-peace:before{content:"\F883"}.mdi-pen:before{content:"\F3EA"}.mdi-pencil:before{content:"\F3EB"}.mdi-pencil-box:before{content:"\F3EC"}.mdi-pencil-box-outline:before{content:"\F3ED"}.mdi-pencil-circle:before{content:"\F6FE"}.mdi-pencil-circle-outline:before{content:"\F775"}.mdi-pencil-lock:before{content:"\F3EE"}.mdi-pencil-off:before{content:"\F3EF"}.mdi-pentagon:before{content:"\F6FF"}.mdi-pentagon-outline:before{content:"\F700"}.mdi-percent:before{content:"\F3F0"}.mdi-periodic-table:before{content:"\F8B5"}.mdi-periodic-table-co2:before{content:"\F7E3"}.mdi-periscope:before{content:"\F747"}.mdi-pharmacy:before{content:"\F3F1"}.mdi-phone:before{content:"\F3F2"}.mdi-phone-bluetooth:before{content:"\F3F3"}.mdi-phone-classic:before{content:"\F602"}.mdi-phone-forward:before{content:"\F3F4"}.mdi-phone-hangup:before{content:"\F3F5"}.mdi-phone-in-talk:before{content:"\F3F6"}.mdi-phone-incoming:before{content:"\F3F7"}.mdi-phone-locked:before{content:"\F3F8"}.mdi-phone-log:before{content:"\F3F9"}.mdi-phone-minus:before{content:"\F658"}.mdi-phone-missed:before{content:"\F3FA"}.mdi-phone-outgoing:before{content:"\F3FB"}.mdi-phone-paused:before{content:"\F3FC"}.mdi-phone-plus:before{content:"\F659"}.mdi-phone-return:before{content:"\F82E"}.mdi-phone-rotate-landscape:before{content:"\F884"}.mdi-phone-rotate-portrait:before{content:"\F885"}.mdi-phone-settings:before{content:"\F3FD"}.mdi-phone-voip:before{content:"\F3FE"}.mdi-pi:before{content:"\F3FF"}.mdi-pi-box:before{content:"\F400"}.mdi-piano:before{content:"\F67C"}.mdi-pickaxe:before{content:"\F8B6"}.mdi-pier:before{content:"\F886"}.mdi-pier-crane:before{content:"\F887"}.mdi-pig:before{content:"\F401"}.mdi-pill:before{content:"\F402"}.mdi-pillar:before{content:"\F701"}.mdi-pin:before{content:"\F403"}.mdi-pin-off:before{content:"\F404"}.mdi-pin-off-outline:before{content:"\F92F"}.mdi-pin-outline:before{content:"\F930"}.mdi-pine-tree:before{content:"\F405"}.mdi-pine-tree-box:before{content:"\F406"}.mdi-pinterest:before{content:"\F407"}.mdi-pinterest-box:before{content:"\F408"}.mdi-pipe:before{content:"\F7E4"}.mdi-pipe-disconnected:before{content:"\F7E5"}.mdi-pipe-leak:before{content:"\F888"}.mdi-pirate:before{content:"\FA07"}.mdi-pistol:before{content:"\F702"}.mdi-piston:before{content:"\F889"}.mdi-pizza:before{content:"\F409"}.mdi-plane-shield:before{content:"\F6BA"}.mdi-play:before{content:"\F40A"}.mdi-play-box-outline:before{content:"\F40B"}.mdi-play-circle:before{content:"\F40C"}.mdi-play-circle-outline:before{content:"\F40D"}.mdi-play-network:before{content:"\F88A"}.mdi-play-pause:before{content:"\F40E"}.mdi-play-protected-content:before{content:"\F40F"}.mdi-play-speed:before{content:"\F8FE"}.mdi-playlist-check:before{content:"\F5C7"}.mdi-playlist-edit:before{content:"\F8FF"}.mdi-playlist-minus:before{content:"\F410"}.mdi-playlist-play:before{content:"\F411"}.mdi-playlist-plus:before{content:"\F412"}.mdi-playlist-remove:before{content:"\F413"}.mdi-playstation:before{content:"\F414"}.mdi-plex:before{content:"\F6B9"}.mdi-plus:before{content:"\F415"}.mdi-plus-box:before{content:"\F416"}.mdi-plus-box-outline:before{content:"\F703"}.mdi-plus-circle:before{content:"\F417"}.mdi-plus-circle-multiple-outline:before{content:"\F418"}.mdi-plus-circle-outline:before{content:"\F419"}.mdi-plus-minus:before{content:"\F991"}.mdi-plus-minus-box:before{content:"\F992"}.mdi-plus-network:before{content:"\F41A"}.mdi-plus-one:before{content:"\F41B"}.mdi-plus-outline:before{content:"\F704"}.mdi-pocket:before{content:"\F41C"}.mdi-podcast:before{content:"\F993"}.mdi-pokeball:before{content:"\F41D"}.mdi-pokemon-go:before{content:"\FA08"}.mdi-poker-chip:before{content:"\F82F"}.mdi-polaroid:before{content:"\F41E"}.mdi-poll:before{content:"\F41F"}.mdi-poll-box:before{content:"\F420"}.mdi-polymer:before{content:"\F421"}.mdi-pool:before{content:"\F606"}.mdi-popcorn:before{content:"\F422"}.mdi-pot:before{content:"\F65A"}.mdi-pot-mix:before{content:"\F65B"}.mdi-pound:before{content:"\F423"}.mdi-pound-box:before{content:"\F424"}.mdi-power:before{content:"\F425"}.mdi-power-cycle:before{content:"\F900"}.mdi-power-off:before{content:"\F901"}.mdi-power-on:before{content:"\F902"}.mdi-power-plug:before{content:"\F6A4"}.mdi-power-plug-off:before{content:"\F6A5"}.mdi-power-settings:before{content:"\F426"}.mdi-power-sleep:before{content:"\F903"}.mdi-power-socket:before{content:"\F427"}.mdi-power-socket-au:before{content:"\F904"}.mdi-power-socket-eu:before{content:"\F7E6"}.mdi-power-socket-uk:before{content:"\F7E7"}.mdi-power-socket-us:before{content:"\F7E8"}.mdi-power-standby:before{content:"\F905"}.mdi-powershell:before{content:"\FA09"}.mdi-prescription:before{content:"\F705"}.mdi-presentation:before{content:"\F428"}.mdi-presentation-play:before{content:"\F429"}.mdi-printer:before{content:"\F42A"}.mdi-printer-3d:before{content:"\F42B"}.mdi-printer-alert:before{content:"\F42C"}.mdi-printer-settings:before{content:"\F706"}.mdi-printer-wireless:before{content:"\FA0A"}.mdi-priority-high:before{content:"\F603"}.mdi-priority-low:before{content:"\F604"}.mdi-professional-hexagon:before{content:"\F42D"}.mdi-progress-check:before{content:"\F994"}.mdi-progress-clock:before{content:"\F995"}.mdi-progress-download:before{content:"\F996"}.mdi-progress-upload:before{content:"\F997"}.mdi-projector:before{content:"\F42E"}.mdi-projector-screen:before{content:"\F42F"}.mdi-publish:before{content:"\F6A6"}.mdi-pulse:before{content:"\F430"}.mdi-puzzle:before{content:"\F431"}.mdi-qi:before{content:"\F998"}.mdi-qqchat:before{content:"\F605"}.mdi-qrcode:before{content:"\F432"}.mdi-qrcode-edit:before{content:"\F8B7"}.mdi-qrcode-scan:before{content:"\F433"}.mdi-quadcopter:before{content:"\F434"}.mdi-quality-high:before{content:"\F435"}.mdi-quality-low:before{content:"\FA0B"}.mdi-quality-medium:before{content:"\FA0C"}.mdi-quicktime:before{content:"\F436"}.mdi-rabbit:before{content:"\F906"}.mdi-radar:before{content:"\F437"}.mdi-radiator:before{content:"\F438"}.mdi-radio:before{content:"\F439"}.mdi-radio-handheld:before{content:"\F43A"}.mdi-radio-tower:before{content:"\F43B"}.mdi-radioactive:before{content:"\F43C"}.mdi-radiobox-blank:before{content:"\F43D"}.mdi-radiobox-marked:before{content:"\F43E"}.mdi-raspberrypi:before{content:"\F43F"}.mdi-ray-end:before{content:"\F440"}.mdi-ray-end-arrow:before{content:"\F441"}.mdi-ray-start:before{content:"\F442"}.mdi-ray-start-arrow:before{content:"\F443"}.mdi-ray-start-end:before{content:"\F444"}.mdi-ray-vertex:before{content:"\F445"}.mdi-react:before{content:"\F707"}.mdi-read:before{content:"\F447"}.mdi-receipt:before{content:"\F449"}.mdi-record:before{content:"\F44A"}.mdi-record-player:before{content:"\F999"}.mdi-record-rec:before{content:"\F44B"}.mdi-recycle:before{content:"\F44C"}.mdi-reddit:before{content:"\F44D"}.mdi-redo:before{content:"\F44E"}.mdi-redo-variant:before{content:"\F44F"}.mdi-reflect-horizontal:before{content:"\FA0D"}.mdi-reflect-vertical:before{content:"\FA0E"}.mdi-refresh:before{content:"\F450"}.mdi-regex:before{content:"\F451"}.mdi-relative-scale:before{content:"\F452"}.mdi-reload:before{content:"\F453"}.mdi-reminder:before{content:"\F88B"}.mdi-remote:before{content:"\F454"}.mdi-remote-desktop:before{content:"\F8B8"}.mdi-rename-box:before{content:"\F455"}.mdi-reorder-horizontal:before{content:"\F687"}.mdi-reorder-vertical:before{content:"\F688"}.mdi-repeat:before{content:"\F456"}.mdi-repeat-off:before{content:"\F457"}.mdi-repeat-once:before{content:"\F458"}.mdi-replay:before{content:"\F459"}.mdi-reply:before{content:"\F45A"}.mdi-reply-all:before{content:"\F45B"}.mdi-reproduction:before{content:"\F45C"}.mdi-resize-bottom-right:before{content:"\F45D"}.mdi-responsive:before{content:"\F45E"}.mdi-restart:before{content:"\F708"}.mdi-restore:before{content:"\F99A"}.mdi-restore-clock:before{content:"\F6A7"}.mdi-rewind:before{content:"\F45F"}.mdi-rewind-outline:before{content:"\F709"}.mdi-rhombus:before{content:"\F70A"}.mdi-rhombus-medium:before{content:"\FA0F"}.mdi-rhombus-outline:before{content:"\F70B"}.mdi-rhombus-split:before{content:"\FA10"}.mdi-ribbon:before{content:"\F460"}.mdi-rice:before{content:"\F7E9"}.mdi-ring:before{content:"\F7EA"}.mdi-road:before{content:"\F461"}.mdi-road-variant:before{content:"\F462"}.mdi-robot:before{content:"\F6A8"}.mdi-robot-vacuum:before{content:"\F70C"}.mdi-robot-vacuum-variant:before{content:"\F907"}.mdi-rocket:before{content:"\F463"}.mdi-room-service:before{content:"\F88C"}.mdi-rotate-3d:before{content:"\F464"}.mdi-rotate-left:before{content:"\F465"}.mdi-rotate-left-variant:before{content:"\F466"}.mdi-rotate-right:before{content:"\F467"}.mdi-rotate-right-variant:before{content:"\F468"}.mdi-rounded-corner:before{content:"\F607"}.mdi-router-wireless:before{content:"\F469"}.mdi-routes:before{content:"\F46A"}.mdi-rowing:before{content:"\F608"}.mdi-rss:before{content:"\F46B"}.mdi-rss-box:before{content:"\F46C"}.mdi-ruler:before{content:"\F46D"}.mdi-run:before{content:"\F70D"}.mdi-run-fast:before{content:"\F46E"}.mdi-sale:before{content:"\F46F"}.mdi-salesforce:before{content:"\F88D"}.mdi-sass:before{content:"\F7EB"}.mdi-satellite:before{content:"\F470"}.mdi-satellite-uplink:before{content:"\F908"}.mdi-satellite-variant:before{content:"\F471"}.mdi-sausage:before{content:"\F8B9"}.mdi-saxophone:before{content:"\F609"}.mdi-scale:before{content:"\F472"}.mdi-scale-balance:before{content:"\F5D1"}.mdi-scale-bathroom:before{content:"\F473"}.mdi-scanner:before{content:"\F6AA"}.mdi-scanner-off:before{content:"\F909"}.mdi-school:before{content:"\F474"}.mdi-screen-rotation:before{content:"\F475"}.mdi-screen-rotation-lock:before{content:"\F476"}.mdi-screwdriver:before{content:"\F477"}.mdi-script:before{content:"\F478"}.mdi-sd:before{content:"\F479"}.mdi-seal:before{content:"\F47A"}.mdi-search-web:before{content:"\F70E"}.mdi-seat-flat:before{content:"\F47B"}.mdi-seat-flat-angled:before{content:"\F47C"}.mdi-seat-individual-suite:before{content:"\F47D"}.mdi-seat-legroom-extra:before{content:"\F47E"}.mdi-seat-legroom-normal:before{content:"\F47F"}.mdi-seat-legroom-reduced:before{content:"\F480"}.mdi-seat-recline-extra:before{content:"\F481"}.mdi-seat-recline-normal:before{content:"\F482"}.mdi-security:before{content:"\F483"}.mdi-security-account:before{content:"\F88E"}.mdi-security-account-outline:before{content:"\FA11"}.mdi-security-close:before{content:"\F99B"}.mdi-security-home:before{content:"\F689"}.mdi-security-lock:before{content:"\F99C"}.mdi-security-network:before{content:"\F484"}.mdi-security-off:before{content:"\F99D"}.mdi-select:before{content:"\F485"}.mdi-select-all:before{content:"\F486"}.mdi-select-inverse:before{content:"\F487"}.mdi-select-off:before{content:"\F488"}.mdi-selection:before{content:"\F489"}.mdi-selection-off:before{content:"\F776"}.mdi-send:before{content:"\F48A"}.mdi-send-secure:before{content:"\F7EC"}.mdi-serial-port:before{content:"\F65C"}.mdi-server:before{content:"\F48B"}.mdi-server-minus:before{content:"\F48C"}.mdi-server-network:before{content:"\F48D"}.mdi-server-network-off:before{content:"\F48E"}.mdi-server-off:before{content:"\F48F"}.mdi-server-plus:before{content:"\F490"}.mdi-server-remove:before{content:"\F491"}.mdi-server-security:before{content:"\F492"}.mdi-set-all:before{content:"\F777"}.mdi-set-center:before{content:"\F778"}.mdi-set-center-right:before{content:"\F779"}.mdi-set-left:before{content:"\F77A"}.mdi-set-left-center:before{content:"\F77B"}.mdi-set-left-right:before{content:"\F77C"}.mdi-set-none:before{content:"\F77D"}.mdi-set-right:before{content:"\F77E"}.mdi-set-top-box:before{content:"\F99E"}.mdi-settings:before{content:"\F493"}.mdi-settings-box:before{content:"\F494"}.mdi-settings-outline:before{content:"\F8BA"}.mdi-shape:before{content:"\F830"}.mdi-shape-circle-plus:before{content:"\F65D"}.mdi-shape-outline:before{content:"\F831"}.mdi-shape-plus:before{content:"\F495"}.mdi-shape-polygon-plus:before{content:"\F65E"}.mdi-shape-rectangle-plus:before{content:"\F65F"}.mdi-shape-square-plus:before{content:"\F660"}.mdi-share:before{content:"\F496"}.mdi-share-outline:before{content:"\F931"}.mdi-share-variant:before{content:"\F497"}.mdi-shield:before{content:"\F498"}.mdi-shield-half-full:before{content:"\F77F"}.mdi-shield-outline:before{content:"\F499"}.mdi-ship-wheel:before{content:"\F832"}.mdi-shopping:before{content:"\F49A"}.mdi-shopping-music:before{content:"\F49B"}.mdi-shovel:before{content:"\F70F"}.mdi-shovel-off:before{content:"\F710"}.mdi-shower:before{content:"\F99F"}.mdi-shower-head:before{content:"\F9A0"}.mdi-shredder:before{content:"\F49C"}.mdi-shuffle:before{content:"\F49D"}.mdi-shuffle-disabled:before{content:"\F49E"}.mdi-shuffle-variant:before{content:"\F49F"}.mdi-sigma:before{content:"\F4A0"}.mdi-sigma-lower:before{content:"\F62B"}.mdi-sign-caution:before{content:"\F4A1"}.mdi-sign-direction:before{content:"\F780"}.mdi-sign-text:before{content:"\F781"}.mdi-signal:before{content:"\F4A2"}.mdi-signal-2g:before{content:"\F711"}.mdi-signal-3g:before{content:"\F712"}.mdi-signal-4g:before{content:"\F713"}.mdi-signal-cellular-1:before{content:"\F8BB"}.mdi-signal-cellular-2:before{content:"\F8BC"}.mdi-signal-cellular-3:before{content:"\F8BD"}.mdi-signal-cellular-outline:before{content:"\F8BE"}.mdi-signal-hspa:before{content:"\F714"}.mdi-signal-hspa-plus:before{content:"\F715"}.mdi-signal-off:before{content:"\F782"}.mdi-signal-variant:before{content:"\F60A"}.mdi-silverware:before{content:"\F4A3"}.mdi-silverware-fork:before{content:"\F4A4"}.mdi-silverware-spoon:before{content:"\F4A5"}.mdi-silverware-variant:before{content:"\F4A6"}.mdi-sim:before{content:"\F4A7"}.mdi-sim-alert:before{content:"\F4A8"}.mdi-sim-off:before{content:"\F4A9"}.mdi-sitemap:before{content:"\F4AA"}.mdi-skip-backward:before{content:"\F4AB"}.mdi-skip-forward:before{content:"\F4AC"}.mdi-skip-next:before{content:"\F4AD"}.mdi-skip-next-circle:before{content:"\F661"}.mdi-skip-next-circle-outline:before{content:"\F662"}.mdi-skip-previous:before{content:"\F4AE"}.mdi-skip-previous-circle:before{content:"\F663"}.mdi-skip-previous-circle-outline:before{content:"\F664"}.mdi-skull:before{content:"\F68B"}.mdi-skype:before{content:"\F4AF"}.mdi-skype-business:before{content:"\F4B0"}.mdi-slack:before{content:"\F4B1"}.mdi-slackware:before{content:"\F90A"}.mdi-sleep:before{content:"\F4B2"}.mdi-sleep-off:before{content:"\F4B3"}.mdi-smoke-detector:before{content:"\F392"}.mdi-smoking:before{content:"\F4B4"}.mdi-smoking-off:before{content:"\F4B5"}.mdi-snapchat:before{content:"\F4B6"}.mdi-snowflake:before{content:"\F716"}.mdi-snowman:before{content:"\F4B7"}.mdi-soccer:before{content:"\F4B8"}.mdi-soccer-field:before{content:"\F833"}.mdi-sofa:before{content:"\F4B9"}.mdi-solid:before{content:"\F68C"}.mdi-sort:before{content:"\F4BA"}.mdi-sort-alphabetical:before{content:"\F4BB"}.mdi-sort-ascending:before{content:"\F4BC"}.mdi-sort-descending:before{content:"\F4BD"}.mdi-sort-numeric:before{content:"\F4BE"}.mdi-sort-variant:before{content:"\F4BF"}.mdi-soundcloud:before{content:"\F4C0"}.mdi-source-branch:before{content:"\F62C"}.mdi-source-commit:before{content:"\F717"}.mdi-source-commit-end:before{content:"\F718"}.mdi-source-commit-end-local:before{content:"\F719"}.mdi-source-commit-local:before{content:"\F71A"}.mdi-source-commit-next-local:before{content:"\F71B"}.mdi-source-commit-start:before{content:"\F71C"}.mdi-source-commit-start-next-local:before{content:"\F71D"}.mdi-source-fork:before{content:"\F4C1"}.mdi-source-merge:before{content:"\F62D"}.mdi-source-pull:before{content:"\F4C2"}.mdi-soy-sauce:before{content:"\F7ED"}.mdi-speaker:before{content:"\F4C3"}.mdi-speaker-bluetooth:before{content:"\F9A1"}.mdi-speaker-off:before{content:"\F4C4"}.mdi-speaker-wireless:before{content:"\F71E"}.mdi-speedometer:before{content:"\F4C5"}.mdi-spellcheck:before{content:"\F4C6"}.mdi-spotify:before{content:"\F4C7"}.mdi-spotlight:before{content:"\F4C8"}.mdi-spotlight-beam:before{content:"\F4C9"}.mdi-spray:before{content:"\F665"}.mdi-square:before{content:"\F763"}.mdi-square-edit-outline:before{content:"\F90B"}.mdi-square-inc:before{content:"\F4CA"}.mdi-square-inc-cash:before{content:"\F4CB"}.mdi-square-medium:before{content:"\FA12"}.mdi-square-medium-outline:before{content:"\FA13"}.mdi-square-outline:before{content:"\F762"}.mdi-square-root:before{content:"\F783"}.mdi-square-root-box:before{content:"\F9A2"}.mdi-square-small:before{content:"\FA14"}.mdi-ssh:before{content:"\F8BF"}.mdi-stack-exchange:before{content:"\F60B"}.mdi-stack-overflow:before{content:"\F4CC"}.mdi-stadium:before{content:"\F71F"}.mdi-stairs:before{content:"\F4CD"}.mdi-standard-definition:before{content:"\F7EE"}.mdi-star:before{content:"\F4CE"}.mdi-star-circle:before{content:"\F4CF"}.mdi-star-circle-outline:before{content:"\F9A3"}.mdi-star-face:before{content:"\F9A4"}.mdi-star-half:before{content:"\F4D0"}.mdi-star-off:before{content:"\F4D1"}.mdi-star-outline:before{content:"\F4D2"}.mdi-steam:before{content:"\F4D3"}.mdi-steam-box:before{content:"\F90C"}.mdi-steering:before{content:"\F4D4"}.mdi-steering-off:before{content:"\F90D"}.mdi-step-backward:before{content:"\F4D5"}.mdi-step-backward-2:before{content:"\F4D6"}.mdi-step-forward:before{content:"\F4D7"}.mdi-step-forward-2:before{content:"\F4D8"}.mdi-stethoscope:before{content:"\F4D9"}.mdi-sticker:before{content:"\F5D0"}.mdi-sticker-emoji:before{content:"\F784"}.mdi-stocking:before{content:"\F4DA"}.mdi-stop:before{content:"\F4DB"}.mdi-stop-circle:before{content:"\F666"}.mdi-stop-circle-outline:before{content:"\F667"}.mdi-store:before{content:"\F4DC"}.mdi-store-24-hour:before{content:"\F4DD"}.mdi-stove:before{content:"\F4DE"}.mdi-subdirectory-arrow-left:before{content:"\F60C"}.mdi-subdirectory-arrow-right:before{content:"\F60D"}.mdi-subtitles:before{content:"\FA15"}.mdi-subtitles-outline:before{content:"\FA16"}.mdi-subway:before{content:"\F6AB"}.mdi-subway-variant:before{content:"\F4DF"}.mdi-summit:before{content:"\F785"}.mdi-sunglasses:before{content:"\F4E0"}.mdi-surround-sound:before{content:"\F5C5"}.mdi-surround-sound-2-0:before{content:"\F7EF"}.mdi-surround-sound-3-1:before{content:"\F7F0"}.mdi-surround-sound-5-1:before{content:"\F7F1"}.mdi-surround-sound-7-1:before{content:"\F7F2"}.mdi-svg:before{content:"\F720"}.mdi-swap-horizontal:before{content:"\F4E1"}.mdi-swap-horizontal-variant:before{content:"\F8C0"}.mdi-swap-vertical:before{content:"\F4E2"}.mdi-swap-vertical-variant:before{content:"\F8C1"}.mdi-swim:before{content:"\F4E3"}.mdi-switch:before{content:"\F4E4"}.mdi-sword:before{content:"\F4E5"}.mdi-sword-cross:before{content:"\F786"}.mdi-sync:before{content:"\F4E6"}.mdi-sync-alert:before{content:"\F4E7"}.mdi-sync-off:before{content:"\F4E8"}.mdi-tab:before{content:"\F4E9"}.mdi-tab-plus:before{content:"\F75B"}.mdi-tab-unselected:before{content:"\F4EA"}.mdi-table:before{content:"\F4EB"}.mdi-table-border:before{content:"\FA17"}.mdi-table-column:before{content:"\F834"}.mdi-table-column-plus-after:before{content:"\F4EC"}.mdi-table-column-plus-before:before{content:"\F4ED"}.mdi-table-column-remove:before{content:"\F4EE"}.mdi-table-column-width:before{content:"\F4EF"}.mdi-table-edit:before{content:"\F4F0"}.mdi-table-large:before{content:"\F4F1"}.mdi-table-merge-cells:before{content:"\F9A5"}.mdi-table-of-contents:before{content:"\F835"}.mdi-table-row:before{content:"\F836"}.mdi-table-row-height:before{content:"\F4F2"}.mdi-table-row-plus-after:before{content:"\F4F3"}.mdi-table-row-plus-before:before{content:"\F4F4"}.mdi-table-row-remove:before{content:"\F4F5"}.mdi-table-search:before{content:"\F90E"}.mdi-table-settings:before{content:"\F837"}.mdi-tablet:before{content:"\F4F6"}.mdi-tablet-android:before{content:"\F4F7"}.mdi-tablet-cellphone:before{content:"\F9A6"}.mdi-tablet-ipad:before{content:"\F4F8"}.mdi-taco:before{content:"\F761"}.mdi-tag:before{content:"\F4F9"}.mdi-tag-faces:before{content:"\F4FA"}.mdi-tag-heart:before{content:"\F68A"}.mdi-tag-minus:before{content:"\F90F"}.mdi-tag-multiple:before{content:"\F4FB"}.mdi-tag-outline:before{content:"\F4FC"}.mdi-tag-plus:before{content:"\F721"}.mdi-tag-remove:before{content:"\F722"}.mdi-tag-text-outline:before{content:"\F4FD"}.mdi-target:before{content:"\F4FE"}.mdi-taxi:before{content:"\F4FF"}.mdi-teach:before{content:"\F88F"}.mdi-teamviewer:before{content:"\F500"}.mdi-telegram:before{content:"\F501"}.mdi-television:before{content:"\F502"}.mdi-television-box:before{content:"\F838"}.mdi-television-classic:before{content:"\F7F3"}.mdi-television-classic-off:before{content:"\F839"}.mdi-television-guide:before{content:"\F503"}.mdi-television-off:before{content:"\F83A"}.mdi-temperature-celsius:before{content:"\F504"}.mdi-temperature-fahrenheit:before{content:"\F505"}.mdi-temperature-kelvin:before{content:"\F506"}.mdi-tennis:before{content:"\F507"}.mdi-tent:before{content:"\F508"}.mdi-terrain:before{content:"\F509"}.mdi-test-tube:before{content:"\F668"}.mdi-test-tube-empty:before{content:"\F910"}.mdi-test-tube-off:before{content:"\F911"}.mdi-text:before{content:"\F9A7"}.mdi-text-shadow:before{content:"\F669"}.mdi-text-short:before{content:"\F9A8"}.mdi-text-subject:before{content:"\F9A9"}.mdi-text-to-speech:before{content:"\F50A"}.mdi-text-to-speech-off:before{content:"\F50B"}.mdi-textbox:before{content:"\F60E"}.mdi-textbox-password:before{content:"\F7F4"}.mdi-texture:before{content:"\F50C"}.mdi-theater:before{content:"\F50D"}.mdi-theme-light-dark:before{content:"\F50E"}.mdi-thermometer:before{content:"\F50F"}.mdi-thermometer-lines:before{content:"\F510"}.mdi-thermostat:before{content:"\F393"}.mdi-thermostat-box:before{content:"\F890"}.mdi-thought-bubble:before{content:"\F7F5"}.mdi-thought-bubble-outline:before{content:"\F7F6"}.mdi-thumb-down:before{content:"\F511"}.mdi-thumb-down-outline:before{content:"\F512"}.mdi-thumb-up:before{content:"\F513"}.mdi-thumb-up-outline:before{content:"\F514"}.mdi-thumbs-up-down:before{content:"\F515"}.mdi-ticket:before{content:"\F516"}.mdi-ticket-account:before{content:"\F517"}.mdi-ticket-confirmation:before{content:"\F518"}.mdi-ticket-outline:before{content:"\F912"}.mdi-ticket-percent:before{content:"\F723"}.mdi-tie:before{content:"\F519"}.mdi-tilde:before{content:"\F724"}.mdi-timelapse:before{content:"\F51A"}.mdi-timer:before{content:"\F51B"}.mdi-timer-10:before{content:"\F51C"}.mdi-timer-3:before{content:"\F51D"}.mdi-timer-off:before{content:"\F51E"}.mdi-timer-sand:before{content:"\F51F"}.mdi-timer-sand-empty:before{content:"\F6AC"}.mdi-timer-sand-full:before{content:"\F78B"}.mdi-timetable:before{content:"\F520"}.mdi-toggle-switch:before{content:"\F521"}.mdi-toggle-switch-off:before{content:"\F522"}.mdi-toggle-switch-off-outline:before{content:"\FA18"}.mdi-toggle-switch-outline:before{content:"\FA19"}.mdi-toilet:before{content:"\F9AA"}.mdi-toolbox:before{content:"\F9AB"}.mdi-toolbox-outline:before{content:"\F9AC"}.mdi-tooltip:before{content:"\F523"}.mdi-tooltip-edit:before{content:"\F524"}.mdi-tooltip-image:before{content:"\F525"}.mdi-tooltip-outline:before{content:"\F526"}.mdi-tooltip-outline-plus:before{content:"\F527"}.mdi-tooltip-text:before{content:"\F528"}.mdi-tooth:before{content:"\F8C2"}.mdi-tooth-outline:before{content:"\F529"}.mdi-tor:before{content:"\F52A"}.mdi-tournament:before{content:"\F9AD"}.mdi-tower-beach:before{content:"\F680"}.mdi-tower-fire:before{content:"\F681"}.mdi-towing:before{content:"\F83B"}.mdi-track-light:before{content:"\F913"}.mdi-trackpad:before{content:"\F7F7"}.mdi-trackpad-lock:before{content:"\F932"}.mdi-tractor:before{content:"\F891"}.mdi-traffic-light:before{content:"\F52B"}.mdi-train:before{content:"\F52C"}.mdi-train-variant:before{content:"\F8C3"}.mdi-tram:before{content:"\F52D"}.mdi-transcribe:before{content:"\F52E"}.mdi-transcribe-close:before{content:"\F52F"}.mdi-transfer:before{content:"\F530"}.mdi-transit-transfer:before{content:"\F6AD"}.mdi-transition:before{content:"\F914"}.mdi-transition-masked:before{content:"\F915"}.mdi-translate:before{content:"\F5CA"}.mdi-treasure-chest:before{content:"\F725"}.mdi-tree:before{content:"\F531"}.mdi-trello:before{content:"\F532"}.mdi-trending-down:before{content:"\F533"}.mdi-trending-neutral:before{content:"\F534"}.mdi-trending-up:before{content:"\F535"}.mdi-triangle:before{content:"\F536"}.mdi-triangle-outline:before{content:"\F537"}.mdi-trophy:before{content:"\F538"}.mdi-trophy-award:before{content:"\F539"}.mdi-trophy-outline:before{content:"\F53A"}.mdi-trophy-variant:before{content:"\F53B"}.mdi-trophy-variant-outline:before{content:"\F53C"}.mdi-truck:before{content:"\F53D"}.mdi-truck-delivery:before{content:"\F53E"}.mdi-truck-fast:before{content:"\F787"}.mdi-truck-trailer:before{content:"\F726"}.mdi-tshirt-crew:before{content:"\F53F"}.mdi-tshirt-v:before{content:"\F540"}.mdi-tumble-dryer:before{content:"\F916"}.mdi-tumblr:before{content:"\F541"}.mdi-tumblr-box:before{content:"\F917"}.mdi-tumblr-reblog:before{content:"\F542"}.mdi-tune:before{content:"\F62E"}.mdi-tune-vertical:before{content:"\F66A"}.mdi-twitch:before{content:"\F543"}.mdi-twitter:before{content:"\F544"}.mdi-twitter-box:before{content:"\F545"}.mdi-twitter-circle:before{content:"\F546"}.mdi-twitter-retweet:before{content:"\F547"}.mdi-two-factor-authentication:before{content:"\F9AE"}.mdi-uber:before{content:"\F748"}.mdi-ubuntu:before{content:"\F548"}.mdi-ultra-high-definition:before{content:"\F7F8"}.mdi-umbraco:before{content:"\F549"}.mdi-umbrella:before{content:"\F54A"}.mdi-umbrella-closed:before{content:"\F9AF"}.mdi-umbrella-outline:before{content:"\F54B"}.mdi-undo:before{content:"\F54C"}.mdi-undo-variant:before{content:"\F54D"}.mdi-unfold-less-horizontal:before{content:"\F54E"}.mdi-unfold-less-vertical:before{content:"\F75F"}.mdi-unfold-more-horizontal:before{content:"\F54F"}.mdi-unfold-more-vertical:before{content:"\F760"}.mdi-ungroup:before{content:"\F550"}.mdi-unity:before{content:"\F6AE"}.mdi-unreal:before{content:"\F9B0"}.mdi-untappd:before{content:"\F551"}.mdi-update:before{content:"\F6AF"}.mdi-upload:before{content:"\F552"}.mdi-upload-multiple:before{content:"\F83C"}.mdi-upload-network:before{content:"\F6F5"}.mdi-usb:before{content:"\F553"}.mdi-van-passenger:before{content:"\F7F9"}.mdi-van-utility:before{content:"\F7FA"}.mdi-vanish:before{content:"\F7FB"}.mdi-vector-arrange-above:before{content:"\F554"}.mdi-vector-arrange-below:before{content:"\F555"}.mdi-vector-circle:before{content:"\F556"}.mdi-vector-circle-variant:before{content:"\F557"}.mdi-vector-combine:before{content:"\F558"}.mdi-vector-curve:before{content:"\F559"}.mdi-vector-difference:before{content:"\F55A"}.mdi-vector-difference-ab:before{content:"\F55B"}.mdi-vector-difference-ba:before{content:"\F55C"}.mdi-vector-ellipse:before{content:"\F892"}.mdi-vector-intersection:before{content:"\F55D"}.mdi-vector-line:before{content:"\F55E"}.mdi-vector-point:before{content:"\F55F"}.mdi-vector-polygon:before{content:"\F560"}.mdi-vector-polyline:before{content:"\F561"}.mdi-vector-radius:before{content:"\F749"}.mdi-vector-rectangle:before{content:"\F5C6"}.mdi-vector-selection:before{content:"\F562"}.mdi-vector-square:before{content:"\F001"}.mdi-vector-triangle:before{content:"\F563"}.mdi-vector-union:before{content:"\F564"}.mdi-venmo:before{content:"\F578"}.mdi-verified:before{content:"\F565"}.mdi-vhs:before{content:"\FA1A"}.mdi-vibrate:before{content:"\F566"}.mdi-video:before{content:"\F567"}.mdi-video-3d:before{content:"\F7FC"}.mdi-video-4k-box:before{content:"\F83D"}.mdi-video-account:before{content:"\F918"}.mdi-video-image:before{content:"\F919"}.mdi-video-input-antenna:before{content:"\F83E"}.mdi-video-input-component:before{content:"\F83F"}.mdi-video-input-hdmi:before{content:"\F840"}.mdi-video-input-svideo:before{content:"\F841"}.mdi-video-minus:before{content:"\F9B1"}.mdi-video-off:before{content:"\F568"}.mdi-video-plus:before{content:"\F9B2"}.mdi-video-stabilization:before{content:"\F91A"}.mdi-video-switch:before{content:"\F569"}.mdi-video-vintage:before{content:"\FA1B"}.mdi-view-agenda:before{content:"\F56A"}.mdi-view-array:before{content:"\F56B"}.mdi-view-carousel:before{content:"\F56C"}.mdi-view-column:before{content:"\F56D"}.mdi-view-dashboard:before{content:"\F56E"}.mdi-view-dashboard-outline:before{content:"\FA1C"}.mdi-view-dashboard-variant:before{content:"\F842"}.mdi-view-day:before{content:"\F56F"}.mdi-view-grid:before{content:"\F570"}.mdi-view-headline:before{content:"\F571"}.mdi-view-list:before{content:"\F572"}.mdi-view-module:before{content:"\F573"}.mdi-view-parallel:before{content:"\F727"}.mdi-view-quilt:before{content:"\F574"}.mdi-view-sequential:before{content:"\F728"}.mdi-view-stream:before{content:"\F575"}.mdi-view-week:before{content:"\F576"}.mdi-vimeo:before{content:"\F577"}.mdi-violin:before{content:"\F60F"}.mdi-virtual-reality:before{content:"\F893"}.mdi-visual-studio:before{content:"\F610"}.mdi-visual-studio-code:before{content:"\FA1D"}.mdi-vk:before{content:"\F579"}.mdi-vk-box:before{content:"\F57A"}.mdi-vk-circle:before{content:"\F57B"}.mdi-vlc:before{content:"\F57C"}.mdi-voice:before{content:"\F5CB"}.mdi-voicemail:before{content:"\F57D"}.mdi-volleyball:before{content:"\F9B3"}.mdi-volume-high:before{content:"\F57E"}.mdi-volume-low:before{content:"\F57F"}.mdi-volume-medium:before{content:"\F580"}.mdi-volume-minus:before{content:"\F75D"}.mdi-volume-mute:before{content:"\F75E"}.mdi-volume-off:before{content:"\F581"}.mdi-volume-plus:before{content:"\F75C"}.mdi-vote:before{content:"\FA1E"}.mdi-vote-outline:before{content:"\FA1F"}.mdi-vpn:before{content:"\F582"}.mdi-vuejs:before{content:"\F843"}.mdi-walk:before{content:"\F583"}.mdi-wall:before{content:"\F7FD"}.mdi-wall-sconce:before{content:"\F91B"}.mdi-wall-sconce-flat:before{content:"\F91C"}.mdi-wall-sconce-variant:before{content:"\F91D"}.mdi-wallet:before{content:"\F584"}.mdi-wallet-giftcard:before{content:"\F585"}.mdi-wallet-membership:before{content:"\F586"}.mdi-wallet-travel:before{content:"\F587"}.mdi-wan:before{content:"\F588"}.mdi-washing-machine:before{content:"\F729"}.mdi-watch:before{content:"\F589"}.mdi-watch-export:before{content:"\F58A"}.mdi-watch-export-variant:before{content:"\F894"}.mdi-watch-import:before{content:"\F58B"}.mdi-watch-import-variant:before{content:"\F895"}.mdi-watch-variant:before{content:"\F896"}.mdi-watch-vibrate:before{content:"\F6B0"}.mdi-water:before{content:"\F58C"}.mdi-water-off:before{content:"\F58D"}.mdi-water-percent:before{content:"\F58E"}.mdi-water-pump:before{content:"\F58F"}.mdi-watermark:before{content:"\F612"}.mdi-waves:before{content:"\F78C"}.mdi-weather-cloudy:before{content:"\F590"}.mdi-weather-fog:before{content:"\F591"}.mdi-weather-hail:before{content:"\F592"}.mdi-weather-hurricane:before{content:"\F897"}.mdi-weather-lightning:before{content:"\F593"}.mdi-weather-lightning-rainy:before{content:"\F67D"}.mdi-weather-night:before{content:"\F594"}.mdi-weather-partlycloudy:before{content:"\F595"}.mdi-weather-pouring:before{content:"\F596"}.mdi-weather-rainy:before{content:"\F597"}.mdi-weather-snowy:before{content:"\F598"}.mdi-weather-snowy-rainy:before{content:"\F67E"}.mdi-weather-sunny:before{content:"\F599"}.mdi-weather-sunset:before{content:"\F59A"}.mdi-weather-sunset-down:before{content:"\F59B"}.mdi-weather-sunset-up:before{content:"\F59C"}.mdi-weather-windy:before{content:"\F59D"}.mdi-weather-windy-variant:before{content:"\F59E"}.mdi-web:before{content:"\F59F"}.mdi-webcam:before{content:"\F5A0"}.mdi-webhook:before{content:"\F62F"}.mdi-webpack:before{content:"\F72A"}.mdi-wechat:before{content:"\F611"}.mdi-weight:before{content:"\F5A1"}.mdi-weight-kilogram:before{content:"\F5A2"}.mdi-weight-pound:before{content:"\F9B4"}.mdi-whatsapp:before{content:"\F5A3"}.mdi-wheelchair-accessibility:before{content:"\F5A4"}.mdi-whistle:before{content:"\F9B5"}.mdi-white-balance-auto:before{content:"\F5A5"}.mdi-white-balance-incandescent:before{content:"\F5A6"}.mdi-white-balance-iridescent:before{content:"\F5A7"}.mdi-white-balance-sunny:before{content:"\F5A8"}.mdi-widgets:before{content:"\F72B"}.mdi-wifi:before{content:"\F5A9"}.mdi-wifi-off:before{content:"\F5AA"}.mdi-wifi-strength-1:before{content:"\F91E"}.mdi-wifi-strength-1-alert:before{content:"\F91F"}.mdi-wifi-strength-1-lock:before{content:"\F920"}.mdi-wifi-strength-2:before{content:"\F921"}.mdi-wifi-strength-2-alert:before{content:"\F922"}.mdi-wifi-strength-2-lock:before{content:"\F923"}.mdi-wifi-strength-3:before{content:"\F924"}.mdi-wifi-strength-3-alert:before{content:"\F925"}.mdi-wifi-strength-3-lock:before{content:"\F926"}.mdi-wifi-strength-4:before{content:"\F927"}.mdi-wifi-strength-4-alert:before{content:"\F928"}.mdi-wifi-strength-4-lock:before{content:"\F929"}.mdi-wifi-strength-alert-outline:before{content:"\F92A"}.mdi-wifi-strength-lock-outline:before{content:"\F92B"}.mdi-wifi-strength-off:before{content:"\F92C"}.mdi-wifi-strength-off-outline:before{content:"\F92D"}.mdi-wifi-strength-outline:before{content:"\F92E"}.mdi-wii:before{content:"\F5AB"}.mdi-wiiu:before{content:"\F72C"}.mdi-wikipedia:before{content:"\F5AC"}.mdi-window-close:before{content:"\F5AD"}.mdi-window-closed:before{content:"\F5AE"}.mdi-window-maximize:before{content:"\F5AF"}.mdi-window-minimize:before{content:"\F5B0"}.mdi-window-open:before{content:"\F5B1"}.mdi-window-restore:before{content:"\F5B2"}.mdi-windows:before{content:"\F5B3"}.mdi-windows-classic:before{content:"\FA20"}.mdi-wordpress:before{content:"\F5B4"}.mdi-worker:before{content:"\F5B5"}.mdi-wrap:before{content:"\F5B6"}.mdi-wrench:before{content:"\F5B7"}.mdi-wunderlist:before{content:"\F5B8"}.mdi-xamarin:before{content:"\F844"}.mdi-xamarin-outline:before{content:"\F845"}.mdi-xaml:before{content:"\F673"}.mdi-xbox:before{content:"\F5B9"}.mdi-xbox-controller:before{content:"\F5BA"}.mdi-xbox-controller-battery-alert:before{content:"\F74A"}.mdi-xbox-controller-battery-charging:before{content:"\FA21"}.mdi-xbox-controller-battery-empty:before{content:"\F74B"}.mdi-xbox-controller-battery-full:before{content:"\F74C"}.mdi-xbox-controller-battery-low:before{content:"\F74D"}.mdi-xbox-controller-battery-medium:before{content:"\F74E"}.mdi-xbox-controller-battery-unknown:before{content:"\F74F"}.mdi-xbox-controller-off:before{content:"\F5BB"}.mdi-xda:before{content:"\F5BC"}.mdi-xing:before{content:"\F5BD"}.mdi-xing-box:before{content:"\F5BE"}.mdi-xing-circle:before{content:"\F5BF"}.mdi-xml:before{content:"\F5C0"}.mdi-xmpp:before{content:"\F7FE"}.mdi-yammer:before{content:"\F788"}.mdi-yeast:before{content:"\F5C1"}.mdi-yelp:before{content:"\F5C2"}.mdi-yin-yang:before{content:"\F67F"}.mdi-youtube:before{content:"\F5C3"}.mdi-youtube-creator-studio:before{content:"\F846"}.mdi-youtube-gaming:before{content:"\F847"}.mdi-youtube-tv:before{content:"\F448"}.mdi-zip-box:before{content:"\F5C4"}.mdi-zip-disk:before{content:"\FA22"}.mdi-blank:before{content:"\F68C";visibility:hidden}.mdi-18px.mdi-set,.mdi-18px.mdi:before{font-size:18px}.mdi-24px.mdi-set,.mdi-24px.mdi:before{font-size:24px}.mdi-36px.mdi-set,.mdi-36px.mdi:before{font-size:36px}.mdi-48px.mdi-set,.mdi-48px.mdi:before{font-size:48px}.mdi-dark:before{color:rgba(0,0,0,0.54)}.mdi-dark.mdi-inactive:before{color:rgba(0,0,0,0.26)}.mdi-light:before{color:#fff}.mdi-light.mdi-inactive:before{color:rgba(255,255,255,0.3)}.mdi-rotate-45:before{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.mdi-rotate-90:before{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.mdi-rotate-135:before{-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg)}.mdi-rotate-180:before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.mdi-rotate-225:before{-webkit-transform:rotate(225deg);-ms-transform:rotate(225deg);transform:rotate(225deg)}.mdi-rotate-270:before{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.mdi-rotate-315:before{-webkit-transform:rotate(315deg);-ms-transform:rotate(315deg);transform:rotate(315deg)}.mdi-flip-h:before{-webkit-transform:scaleX(-1);transform:scaleX(-1);filter:FlipH;-ms-filter:"FlipH"}.mdi-flip-v:before{-webkit-transform:scaleY(-1);transform:scaleY(-1);filter:FlipV;-ms-filter:"FlipV"}.mdi-spin:before{-webkit-animation:mdi-spin 2s infinite linear;animation:mdi-spin 2s infinite linear}@-webkit-keyframes mdi-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes mdi-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}