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-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: 200px !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: 200px !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 {}
/* product category level*/
.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('../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 {
/*top: 143px;*/
}
.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('../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;
}
/* Parts menu */
#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 {
/*display: block;*/
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(../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(../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;
}
/*Contact*/
.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(../img/phone-white-icon.png);*/
background-image: url(../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(../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;
}
}
/*End 767*/
.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;
}
/*tiles-categories*/
.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*/
.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*/
.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;
}
/*Banner Slider*/
.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 tiles*/
.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 tiles*/
.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;
}
/*Category page*/
.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;
}
/* for screen size more than 1200px */
@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;
}
/* The container */
.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;
}
/* Hide the browser's default checkbox */
.checkbox-container input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
left: 0;
top: 4px;
}
/* Create a custom checkbox */
.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;
}
/*Section - Category grid*/
.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 {
/*margin-bottom: 40px;*/
}
.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;
}
/*Browse by model*/
.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 {
/* content: "";
position: absolute;
left: 0;
top: 0;
border-left: 1px solid #E5E5E5;
width: 1px;
height: 100%;*/
}
.tiles .browse-model-section.grid.column-2,
.tiles .browse-model-section.grid {
/*border-top: 1px solid #E5E5E5;*/
}
.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*/
.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;
/*flex-direction: column;*/
}
.quantity-cart-holder .quantity {
/*max-width: 85px;*/
}
.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('../img/Icons/Solid-Top.svg');
}
.quantity-button.quantity-down::after {
top: 2px;
background-image: url('../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('../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('../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('../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*/
.product-variant-header.intro-product .inner {
max-width: 1520px;
padding: 0px 40px 0px;
}
.product-variant-grid {
/*border-top: 1px solid #E5E5E5;
border-left: 1px solid #E5E5E5;*/
}
.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('../img/Icons/Phone.svg');*/
background-image: url('../img/Icons/Phone-dark.svg') !important;
}
.single-product .product-enquiry-call::after {
background-image: url('../img/Icons/Phone-dark.svg') !important;
}
.product-enquiry-call:hover::after {
opacity: 0;
}
a.product-enquiry-call::before {
background-image: url('../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 Transporting Water*/
.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;
}
/*Section Gallery*/
.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('../img/Icons/Stem-Left.svg');
}
.gallery-slider .slick-next::before {
background-image: url('../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('../img/Icons/Stem-Left-Yellow.svg');
opacity: 1;
height: 15px;
}
.gallery-slider .slick-next:hover::after {
background-image: url('../img/Icons/Stem-Right-Yellow.svg');
opacity: 1;
height: 15px;
}
.gallery-slider .slick-slide {
height: auto;
}
/*Contact Us*/
.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;
}
/*single product testimonials*/
.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;
}
/*single product testimonials slider*/
.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;
}
/*Contact */
.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;
}
/*Contact form Class*/
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: bold;*/
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;
/*margin-bottom: 20px;*/
}
.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;
}
/*End Contact form Class*/
.content-columns .grid.column-2 .col:first-child {
padding-right: 5%;
}
.content-columns .grid.column-2 .col:last-child {
padding-left: 5%;
}
/*Contact Form Overlay */
.contact-text-form form>div>div {
padding: 0 !important;
}
.contact-text-form .columnContainer {
padding: 0 !important;
}
.contact-text-form .containerWrapper .columnContainer:nth-child(2) {
/* margin-right: 16px;*/
}
.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 {
/* width: 100% !important;
margin-right: 0 !important;
min-height: auto !important;*/
}
.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 Form Footer*/
.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;
}
/*For Ticks*/
.contact-text-form .lp-ellipsis,
.contact-text-form .lp-form-field font span {
font-size: 12px !important;
line-height: 12px;
/*font-weight: bold;*/
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*/
.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 .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: bold;*/
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*/
.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*/
.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*/
.application-form .section-head.center h2,
.application-form .section-head.center>p {
text-align: left;
}
/*Nearest TTi Dealer*/
.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('../img/Solid-Right.svg');
background-size: contain;
background-repeat: no-repeat;
width: 7px;
height: 8px;
position: absolute;
right: 0;
top: 8px;
}
.dealerInner {
position: relative;
}
/*.dealerInner::after {
content: "";
position: absolute;
bottom: -16px;
left: 0;
background-color: #E5E5E5;
height: 6px;
width: 100%;
}*/
.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;
/*display: flex;*/
flex-direction: row-reverse;
justify-content: space-between;
/*display: none;*/
}
.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;
}
/*the container must be positioned relative:*/
.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('../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;
}
/*Intro Video Slider*/
.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;
}
/*Variable product*/
.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;
/*flex-direction: column;*/
}
.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;
/*height: 100%;*/
}
.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 {
/*padding-top: 12.5px;
padding-bottom: 12.5px;*/
}
.variable-product .col.tile .woocommerce-price-suffix {
transition: all 0.3s ease;
}
.variable-product .col.tile:hover .woocommerce-price-suffix {
color: #C7D92D;
}
/*End Variable product*/
/*start Variable video*/
.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;
}
/*End Variable video*/
/*Section Icons*/
.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;
}
/*End Section Icons*/
/*Cta Banner*/
.cta-sticky {
position: sticky;
top: 0;
z-index: 99;
}
.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;
}
.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;
}
/*End Cta Banner*/
/*New Versions Footer*/
.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;
/*margin: 0 auto;*/
}
.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;
}
/*End New Versions Footer*/
/*12/07/2022 css*/
.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: 36px 0px 0px 20px;*/
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) {
/*.testimonial-tile__grid.grid.column-3 .testimonial-tile-col:nth-child(3n+1) {
margin-right: 0;
}*/
.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) {
/*Testimonial tiles*/
/*.testimonial-tile__grid.grid.column-3 .testimonial-tile-col {
width: calc(100% * (1 / 3) - 32px);
}*/
/*.testimonial-tile__grid.grid.column-3 .testimonial-tile-col:nth-child(2n+1) {
margin-right: 0;
}*/
/*News tiles*/
.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;
}
/*categories*/
.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;
}
/*Section - Category grid*/
.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 {
/*padding: 5px 0px 10px 0px;*/
}
.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*/
.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*/
.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 Transporting Water*/
.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;
}
/*single product testimonials*/
.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*/
.cta-banner-bottom.cta-sticky {
top: 64px;
}
/*End Cta Banner*/
.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: 36px 0px 0px 10px;*/
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) {
/*margin-right: 0;*/
}
.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*/
.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*/
.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;
}
/*Intro Silder*/
.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;
}
/*Categories*/
.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*/
.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;
}
/*Gallery Section*/
.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 Form Overlay*/
.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;
}
/*Contact Form*/
.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 .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*/
.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;
}
/*Contact form Class*/
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;
}
/*End Contact form Class*/
.content-columns .grid.column-2 .col:first-child {
padding-right: 0;
}
.content-columns .grid.column-2 .col:last-child {
padding-left: 0;
}
/*Section Icons*/
.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) {
/*New Versions Footer*/
.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;
}
/*End New Versions Footer*/
}
@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 0px 0px;*/
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 {
/*padding: 117px 20px;*/
}
.tiles-categories__column {
/*width: calc(50% - 10px);
margin-right: 0;*/
}
.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;
}
/*News Showcase*/
.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*/
.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;
}
/*Intro Silder*/
.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;
}
/*Categories*/
.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: 16px;*/
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*/
.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 Transporting Water*/
.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;
}
/*Section Gallery*/
.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*/
.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*/
.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;
}
/*For Video Slider*/
.banner-slider__slide.slick-initialized .slick-slide {
/*width: 20% !important;*/
overflow: hidden;
}
/*Contact form Class*/
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;
}
/*End Contact form Class*/
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;
}
/*Section Icons*/
.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;
}
/*New Versions Footer*/
.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: 30px;*/
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;
}
/*End New Versions Footer*/
/*Dealer locator*/
.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;
}
/*End Dealer locator*/
.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*/
.product-variant-grid .tile.col.product.product-variant-col {
width: calc(49.966% - 0px);
}
/* .intro-product.product-variant-header a.product-enquiry-call {
padding: 9px 2px 12px 28px;
} */
.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 {
/*flex-wrap: wrap;*/
}
.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 {
/*display: unset;*/
}
.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*/
.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;
}
}
/*This Css for if CTA Not sticky*/
@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;
}
}
/*End This Css for if CTA Not sticky*/
.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;
/*top: -40px;
right: -50px;*/
}
.mfp-gallery .mfp-image-holder .mfp-content {
/*width: 77%;*/
}
.mfp-gallery .mfp-image-holder .mfp-content img.mfp-img {
/*width: auto;
object-fit: contain;*/
}
.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 {
/*width: 65%;*/
}
}
/************/
.product-content-col .product-copy .tick-points-simple .tick-heading {
font-size: 20px;
line-height: 27px;
font-weight: 600;
margin-bottom: 16px;
}
/***** troubleshooting filtering *****/
.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;
}
/*Instagram Styles*/
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%;
}
}
/* @media (max-width: 29.99em) { .section--instagram .section__column.instagram-gallery { } } */
.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 .section__column.instagram-gallery #sb_instagram #sbi_images .sbi_item { padding: 15px !important; } */
/* @media (max-width: 64em) { .section--instagram .section__column.instagram-gallery #sb_instagram #sbi_images .sbi_item { } } */
/* @media (max-width: 46.24em) { .section--instagram .section__column.instagram-gallery #sb_instagram #sbi_images .sbi_item { width: 33.33%; }
.section--instagram .section__column.instagram-gallery #sb_instagram #sbi_images .sbi_item .sbi_instagram_link { right: calc(50% - 18px); }
.section--instagram .section__column.instagram-gallery #sb_instagram #sbi_images .sbi_item .sbi_hover_bottom { bottom: calc(50% - 15px); } }
@media (max-width: 29.99em) { .section--instagram .section__column.instagram-gallery #sb_instagram #sbi_images .sbi_item { padding: 5px !important; width: 33.33%; }
.section--instagram .section__column.instagram-gallery #sb_instagram #sbi_images .sbi_item .sbi_hover_top p a { font-size: 14px; }
.section--instagram .section__column.instagram-gallery #sb_instagram #sbi_images .sbi_item .sbi_instagram_link { font-size: 20px; }
.section--instagram .section__column.instagram-gallery #sb_instagram #sbi_images .sbi_item .sbi_hover_bottom { bottom: calc(50% - 15px); }
.section--instagram .section__column.instagram-gallery #sb_instagram #sbi_images .sbi_item .sbi_hover_bottom p { font-size: 14px; } }
.section--instagram .section__column.instagram-gallery #sb_instagram #sbi_images .sbi_item .sbi_info, .section--instagram .section__column.instagram-gallery #sb_instagram #sbi_images .sbi_item .sbi_link .sbi_hover_top, .section--instagram .section__column.instagram-gallery #sb_instagram #sbi_images .sbi_item .sbi_link .sbi_hover_bottom { display: none; }
.section--instagram .section__column.instagram-gallery #sb_instagram #sbi_images .sbi_item .sbi_photo_wrap:hover .sbi_photo { -webkit-transform: scale(1); transform: scale(1); } */
/*Instagram Styles*/
/* Image Gallery Section */
.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));
/* 6 images in a row for desktop */
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));
/* 3 images in a row for tablets */
}
}
@media screen and (max-width: 600px) {
.image-grid {
grid-template-columns: repeat(auto-fill, minmax(calc(100% / 2), 1fr));
/* 2 images in a row for mobile devices */
}
.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;
}
}
/* Image Gallery Section */
/* Content slider css */
.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;
}
/* Content slider css end */
/* New Banner */
.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;
/* 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)); */
}
/* .new-banner-slider__content::after {
content: "";
position: absolute;
left: 0;
top: 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));
z-index: -1;
} */
.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;
/* max-width: 440px; */
}
.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;
/* max-width: 338px; */
}
.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;
/* max-width: 296px; */
}
.new-banner-slider__text p {
font-size: 16px;
line-height: 24px;
letter-spacing: 0;
}
}
/* End New Banner */
/* New Categories Tiles */
.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("../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;
}
}
/* End Categories Tiles */
/* New Text and icons */
.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) {
/* .section--text-and-icons .icon-title {
font-size: 22px;
} */
}
@media screen and (max-width: 810px) {
/* .section--text-and-icons .icon-title {
font-size: 21px;
} */
}
@media screen and (max-width: 780px) {
/* .section--text-and-icons .icon-title {
font-size: 20px;
} */
}
@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;
}
}
/* End New Text and icons */
/* Instagram Section */
.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;
}
}
/* End Instagram Section */
/* Start Section Image */
.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("../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;
}
}
/* End Section Image */
/* Text And Media Section */
.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("../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 {
/* padding: 42.2917% 0px 0px !important; */
height: auto;
}
.contained-video .wistia_responsive_wrapper.wistia_responsive_wrapper-active {
/* position: relative !important; */
height: auto !important;
top: 50% !important;
transform: translateY(-50%);
}
/* .contained-video.autoplay-video .wistia_responsive_wrapper {
top: 50% !important;
transform: translateY(-50%);
height: auto !important;
width: auto !important;
} */
/* .contained-video.autoplay-video .banner-video--inner {
width: auto !important;
height: auto !important;
} */
@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) {
.media-left .text-holder {
margin-left: 25px;
}
.column-2-3 .text-holder {
padding: 25px 25px 25px 25px;
}
} */
@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;
}
}
/* End Text And Media Section */
/* Overlay Images Section */
.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;
}
}
/* End Overlay Images Section */
/* Start Process step Section */
.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;
}
}
/* End Process Step Section */
/* Start Experience Header Section */
.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;
/* background-color: #E3EC96; */
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("../img/experience-first.svg");
}
.experience-repeater__column.last-column {
background-image: url("../img/experience-last.svg");
}
.experience-repeater__column.column-number1 {
background-image: url("../img/experience1.svg");
}
.experience-repeater__column.column-number2 {
background-image: url("../img/experience2.svg");
}
.experience-repeater__column.column-number3 {
background-image: url("../img/experience3.svg");
}
.experience-repeater__column.column-number4 {
background-image: url("../img/experience4.svg");
}
.experience-repeater__column.column-number5 {
background-image: url("../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;
}
}
/* End Experience Header Section */
/* Start Reel Section */
.section--reel {
margin: 16px 0 0;
}
.section--reel .section__background {
/* background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%), url("../img/home-banner-new.png") lightgray 50%; */
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("../img/reel-frame.svg");
top: 9px;
}
.reel__repeater::after {
background-image: url("../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;
}
}
/* End Reel Section */
/* Checkout Page CSS */
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;
}
/* Checkout Page Css */
.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;
}
/*Modal Popup Section Start*/
.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__text-holder {
flex-direction: row;
} */
.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;
}
}
/*Modal Popup Section End*/