/*
Theme Name: equigraphics.be
Version: 1.0
*/

/* FONTS */

@font-face {
font-family: "Roboto";
src: url('assets/fonts/Roboto-700.ttf') format('truetype');
font-weight: 700;
}

@font-face {
font-family: "Open Sans";
src: url('assets/fonts/Open-Sans-700.ttf') format('truetype');
font-weight: 700;
}

@font-face {
font-family: "Raleway";
src: url('assets/fonts/Raleway-800.ttf') format('truetype');
font-weight: 800;
}

@font-face {
font-family: "Merriweather";
src: url('assets/fonts/Merriweather-900.ttf') format('truetype');
font-weight: 900;
}

@font-face {
font-family: "Judson";
src: url('assets/fonts/Judson-700.ttf') format('truetype');
font-weight: 700;
}

@font-face {
font-family: "Nerko One";
src: url('assets/fonts/Nerko-One-400.ttf') format('truetype');
font-weight: 400;
}

/* ROOT */

:root {
  --primary: #ca9e67;
  --primaryhover: #a88252;
  --secondary: #232641;
  --secondaryhover: #151726;
  --background: #fffcf5;
  --backgroundhover: #f2ede1;
}

/* HTML */

html {
position:relative;
width: 100vw;
}

body {
font-family: "obvia", sans-serif;
font-weight: 400;
font-style: normal;
overflow-x:hidden!important;
max-width: 100vw !important;
width: 100vw;
padding:0!important;
margin:0!important;
background-color: #fff !important;
font-size:17px;
line-height: 1.5;
position: relative;
color: #212121;
}

body.modal-open,
html.modal-open {
overflow-x: hidden !important;
overflow-y: hidden !important;
}

h1 {
font-family: "obliqua", sans-serif;
font-weight: 700;
font-style: normal;
font-size:50px;
margin: 0;
color: var(--secondary);
line-height: 1.15
}

h2 {
font-family: "obliqua", sans-serif;
font-weight: 700;
font-style: normal;
font-size:42px;
color: var(--secondary);
margin: 0;
line-height: 1.3;
text-transform: uppercase;
}

h3 {
font-weight: 600;
font-style: normal;
font-size: 25px;
color: var(--primary);
margin: 0;
line-height: 1.3;
text-transform: uppercase;
}

h4 {
font-weight: 600;
font-style: normal;
font-size: 19px;
color: var(--primary);
margin: 0;
line-height: 1.4;
}

h5 {
font-weight: 600;
font-style: normal;
font-size: 17px;
color: #212121;
margin: 0;
line-height: 1.5;
text-transform: uppercase;
}

.bg-primary h3 { color: #fff; }

.bg-secondary h2 { color: #fff;  }

@media(max-width: 991.98px) {
    h1 { font-size: 42px; line-height: 1.3; }
    h2 { font-size: 32px; line-height: 1.3; }
    h3 { font-size: 23px; line-height: 1.5; }
    h4 { font-size: 20px; line-height: 1.5; }
}

a:not(.btn) {
color: var(--primary);
text-decoration: none;
}

a:hover {
text-decoration:none;
color:var(--primary);
}

p {
font-size:16.5px;
line-height: 1.5;
}

p.small {
font-size: 14px !important;
line-height: 1.3;
}

p.lead {
font-size:19px;
line-height: 1.5;
color:#5e5c78;
}

p strong { font-weight: 600; }

ion-icon {
vertical-align: -2px;
font-size: 18px;
}

::-moz-selection { background-color: var(--primary); color:#fff }
::selection { background-color: var(--primary); color:#fff }

hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #cbcbcb;
margin: 1em 0;
padding: 0;
}

/* COLORS */

.primary { color: var(--primary) !important; }
.bg-primary { background-color: var(--primary) !important; }

.secondary { color: var(--secondary) !important; }
.bg-secondary { background-color: var(--secondary) !important; }

.bg-light { background-color: var(--background) !important; border-color: var(--background) !important }

.white { color:#fff!important }
.white-faded { color: rgba(255,255,255,.6) !important }
.dark { color:#121c2d!important }
.bg-dark { background-color:#121c2d!important}
.semigray { color:#869ca8!important }
.bg-semigray { background-color:#869ca8!important; border-color:#869ca8!important }

/* GENERAL */

.b0 { border: none !important; }

.clear {
display:block !important;
clear:both !important
}

.bg-image {
background-color: var(--background);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
-o-background-size: cover;
-moz-background-size: cover;
-webkit-background-size:cover;
}

.card {
border:none;
z-index: 150;
position: relative;
width: 100%;
height: auto;
position: relative;
background-color: #fff;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
border-radius: 10px;
-webkit-box-shadow: rgba(100, 100, 111, 0.1) 0px 7px 29px 0px;
        box-shadow: rgba(100, 100, 111, 0.1) 0px 7px 29px 0px;
}

.card:hover {
-webkit-transform: translateY(-5px);
-ms-transform: translateY(-5px);
transform: translateY(-5px);
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}

.card .card-body {
padding: 35px 25px;
position:relative;
}

.card .card-body p:last-child { margin-bottom: 0 }

.card-body.small { padding: 25px; }

.card .float-btn {
position: absolute;
bottom: 0;
left: 50%;
-webkit-transform: translate(-50%,50%);
    -ms-transform: translate(-50%,50%);
        transform: translate(-50%,50%);
z-index: 20;
}

.card.card-lg { border-radius: 20px; }

.card.card-lg .card-img {
position: relative;
height: 250px;
width: 100%;
-o-object-fit: cover;
   object-fit: cover;
-o-object-position: center center;
   object-position: center center;
background-color: #e0e5f5;
border-radius: 0 0 20px 20px;
}

.card.card-lg .card-body { padding: 50px; }

.card-thumb {
position: relative;
height: auto;
width: 100%;
min-width: 100%;
aspect-ratio: 12/7;
-o-object-position: center center;
   object-position: center center;
-o-object-fit: cover;
   object-fit: cover;
border-radius: 0 0 10px 10px;
}

@media(min-width: 768px) {
    .card.h-100.w-thumb { padding-bottom: 210px; }
    .card.h-100.w-thumb .card-thumb {
    aspect-ratio: unset;
    height: 210px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: auto;
    }
}

.card-thumb.top { border-radius: 10px 10px 0 0; }

.masonry .col-12:nth-child(even) .card .card-thumb { aspect-ratio: 12/6; }

@media(max-width: 767.98px) {
    .card.card-lg .card-body { padding: 40px; }
}

@media(max-width: 575.98px) {
    .card.card-lg .card-body { padding: 30px; }
}

.card-overlay {
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
background-color: #f7f9fa;
z-index: 20;
}

.img-card {
position: relative;
border-radius: 10px;
overflow: hidden;
height: 325px;
-webkit-box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
        box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
background-color: var(--background);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
-o-background-size: cover;
-moz-background-size: cover;
-webkit-background-size:cover;
}

.bg-light .img-card,
.bg-primary .img-card,
.bg-secondary .img-card {
-webkit-box-shadow: none !important;
        box-shadow: none !important;
}

.img-card::after {
z-index: 5;
position: absolute;
content: "";
left: 0;
bottom: 0;
top:0;
right: 0;
opacity: .85;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
background: -o-linear-gradient(60deg, rgba(18, 28, 45,1), rgba(18, 28, 45, .7), rgba(18, 28, 45,.2), rgba(18, 28, 45,0) );
background: linear-gradient(30deg, rgba(18, 28, 45,1), rgba(18, 28, 45, .7), rgba(18, 28, 45,.2), rgba(18, 28, 45,0) );
}

.img-card:hover::after {
opacity: .7;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}

.img-card .content {
position: absolute;
left: 40px;
right: 50px;
bottom: 30px;
z-index: 20;
max-width: 450px;
}

.img-card .content * { color: #fff; }

.img-card .content h3 {
font-size: 20px;
line-height: 1.4;
margin-bottom: 10px;
}

.img-card .content p {
font-size: 15px;
line-height: 1.4;
margin-bottom: 0;
}

.img-card .content img.icon {
width: auto;
height: auto;
max-width: 40px;
max-height: 40px;
-webkit-filter: invert(76%) sepia(100%) saturate(1872%) hue-rotate(325deg) brightness(102%) contrast(107%);
        filter: invert(76%) sepia(100%) saturate(1872%) hue-rotate(325deg) brightness(102%) contrast(107%);
margin-bottom: 15px;
}

.alert {
border: none !important;
border-radius: 10px !important;
}

.alert p:last-child { margin-bottom: 0 !important }

section { position: relative; }

section .container {
position: relative;
z-index: 15;
}

.underline {
text-decoration: underline !important;
-webkit-transition:.2s;
-o-transition:.2s;
transition:.2s;
cursor: pointer;
font-weight: inherit;
}

.underline:hover {
text-decoration: underline;
-webkit-text-decoration-color: var(--primary);
text-decoration-color: var(--primary);
color: var(--primary);
-webkit-transition:.2s;
-o-transition:.2s;
transition:.2s;
font-weight: inherit;
}

.no-bg { background-color: transparent !important; }

.no-shadow {
-webkit-box-shadow: none !important;
box-shadow: none !important
}

.mt-n2 { margin-top: -20px; }
.mt-n3 { margin-top: -30px; }
.mt-n4 { margin-top: -40px; }
.mt-n5 { margin-top: -50px; }
.mt-n6 { margin-top: -60px; }

.mb-n2 { margin-bottom: -20px; }
.mb-n3 { margin-bottom: -30px; }
.mb-n4 { margin-bottom: -40px; }
.mb-n5 { margin-bottom: -50px; }
.mb-n6 { margin-bottom: -60px; }

.he-200 { height: 200px; }
.he-250 { height: 250px; }
.he-300 { height: 300px; }

.widget {
margin-bottom: 30px;
list-style-type: none;
padding: 0
}

.rounded { border-radius: 12px !important; }

.badge {
padding: 8px 15px;
border-radius: 4px;
font-size: 15px;
font-weight: 400;
}

h3 ion-icon {
font-size: 25px;
display: inline-block;
vertical-align: -4px;
}

.contact-icons ion-icon {
font-size: 21px;
display: inline-block;
vertical-align: -4px;
color: var(--secondary);
}

img.icon {
height: auto;
width: 20px;
display: inline-block;
}

.nav-link,
.nav-link:hover { color: var(--primary); }

.nav-tabs .nav-link {
border-top-left-radius: 0rem;
border-top-right-radius: 0rem;
}

.modal-body {
border-radius: 12px;
}

.modal .btn-close {
position: absolute;
right: 15px;
top: 15px;
z-index: 1000;
}

a.fancybox { cursor: pointer; }

.fancybox-button {
background: var(--secondary);
color: #fff;
}

.fancybox-bg { background-color: var(--primary); }

.offcanvas { border: none !important; }

.offcanvas-body { padding: 1.5rem 1.5rem; }

.p-relative { position: relative !important; }

.p-absolute { position: absolute !important; }

.rrounded { border-radius: 10px; }

.container-fluid { padding-left: 100px; padding-right: 100px; }

@media(max-width: 1500px) {
    .container-fluid { padding-left: 75px; padding-right: 75px; }
}

@media(max-width: 1250px) {
    .container-fluid { padding-left: 50px; padding-right: 50px; }
}

@media(max-width: 767.98px) {
    .container-fluid { padding-left: 35px; padding-right: 35px; }
}

@media(max-width: 575.98px) {
    .container-fluid { padding-left: 15px; padding-right: 15px; }
}

.card-form {
border-radius: 10px;
background-color: #fff;
padding: 30px 40px 70px 40px;
position: relative;
}

.card-form button {
position: absolute;
right: 0;
bottom: 0;
background-color: var(--primary);
color: #fff;
display: inline-block;
text-align: center;
padding: 20px 35px;
border-radius: 0 0 10px 0;
cursor: pointer;
border: none;
outline: none;
-webkit-box-shadow: none;
        box-shadow: none;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}

.card-form button ion-icon {
color: #fff;
font-size: 20px;
vertical-align: middle;
}

.card-form button:hover {
background-color: #910631;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}

.masonry .col-12:nth-child(odd) .img-card { height:400px; }

/* BUTTONS */

.btn {
display:inline-block;
border-radius: 30px;
padding: 13px 35px 10px 35px;
font-size:15px;
line-height: 25px;
font-weight: 400;
white-space: normal;
border: 1px solid;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}

.btn-lg {
padding: 14px 30px 12px 30px;
font-size:18px;
line-height: 25px;
}

.btn-sm { padding:10px 20px 8px 20px; }

.btn:active, 
button:active,
.btn:focus, 
button:focus,
.btn:hover, 
button:hover{
outline:none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}

.btn img {
height: auto;
width: 32px;
-webkit-filter: brightness(60%) contrast(94%);
        filter: brightness(60%) contrast(94%);
margin-right: 15px;
}

.btn .badge {
padding: 6px 12px;
font-size: 13px;
}

.btn .icon-img {
height: 20px;
width: auto;
}

.btn-lg .icon-img {
height: 23px;
width: auto;
}

.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active {
color: #fff;
background-color: var(--primary);
border-color: var(--primary);
}

.btn-check+.btn:hover {
color: #fff;
background-color: var(--primary);
border-color: var(--primary);
}

.btn-primary {
background: var(--primary);
color:#fff;
border-color: var(--primary);
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
background: var(--primaryhover);
border-color: var(--primaryhover);
color: #fff !important;
}

.btn-outline-primary {
color: var(--primary);
background-color: transparent;
border-color: var(--primary);
}

.btn-outline-primary:hover,
.btn-outline-primary:active,
.btn-outline-primary:focus {
background: var(--primaryhover);
border-color: var(--primaryhover);
color: #fff;
}

.btn-secondary {
background-color: var(--secondary);
border-color: var(--secondary);
color: #fff;
}

.btn-secondary:hover,
.btn-secondary:active,
.btn-secondary:focus {
background-color: var(--secondaryhover);
border-color: var(--secondaryhover);
color: #fff;
}

.btn-outline-secondary {
color: var(--secondary);
background-color: transparent;
border-color: var(--secondary);
}

.btn-outline-secondary:hover,
.btn-outline-secondary:active,
.btn-outline-secondary:focus {
background: var(--secondaryhover);
border-color: var(--secondaryhover);
color: #fff;
}

.btn-light {
background-color: #fff !important;
border: none;
color: var(--secondary);
}

.btn-light:hover,
.btn-light:focus,
.btn-light:active {
background-color: var(--secondary) !important;
border-color: #fff;
color: #fff;
}

.btn-outline-light {
border-color: #fff;
color: #fff;
background-color: transparent;
}

.btn-outline-light:hover,
.btn-outline-light:active,
.btn-outline-light:focus, {
border-color: #fff;
color: var(--secondary);
background-color: #fff;
}

.btn-default {
background-color: var(--background); 
border-color: var(--background);
color: var(--secondary);
}

.btn-default:hover {
background-color: var(--backgroundhover); 
border-color: var(--backgroundhover);
color: var(--secondary);
}

.btn-outline-default {
background-color: transparent;
border-color: var(--background);
color: var(--secondary);
}

.btn-clean {
color: var(--primary);
font-size: 16.5px;
text-decoration: underline;
background-color: transparent;
border-color: transparent;
}

.btn:focus,
.btn:active,
a:focus,
a:active,
button:focus,
button:active,
input:focus {
outline:none!important;
-webkit-box-shadow:none;
box-shadow:none
}

.btn ion-icon {
vertical-align: -5px;
font-size: 21px;
}

.icon-btn {
position: relative;
width: 55px;
height: 55px;
display: inline-block;
border-radius: 50%;
background-color: var(--primary);
color: #fff;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
cursor: pointer;
vertical-align: middle;
}

.icon-btn:hover {
background-color: #2b020b;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}

.icon-btn ion-icon {
position: absolute;
font-size: 26px;
vertical-align: 0px;
color: #fff;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}

.icon-btn.light { background-color: #fff; }

.icon-btn.light ion-icon { color: var(--primary); }

/* NAVBAR */

.navbar {
padding: 15px 0;
z-index:950;
background-color: transparent;
height: auto;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}

.navbar::before {
position: absolute;
content: "";
left: 0;
right: 0;
top: -10px;
bottom: -20px;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,1)),color-stop(rgba(255,255,255,.85)),to(rgba(255,255,255,0)));
background: -o-linear-gradient(top, rgba(255,255,255,1),rgba(255,255,255,.85),rgba(255,255,255,0));
background: linear-gradient(180deg, rgba(255,255,255,1),rgba(255,255,255,.85),rgba(255,255,255,0));
z-index:900;
}

.navbar .container {
position:relative;
z-index: 930;
}

.navbar-nav .menu-item {
margin: 0 0 0 40px;
position: relative;
}

.navbar-nav .menu-item a {
font-size:17px;
color: var(--secondary); 
padding-left: 0 !important;
padding-right: 0 !important;
padding-top: 12px !important;
padding-bottom: 12px !important;
text-align: center;
}

.navbar-nav a { line-height:20px }

.navbar-nav .menu-item > a:hover,
.navbar-nav .current-menu-item > a,
.navbar-nav .current-menu-parent > a { color: var(--primary); }

.navbar-brand {
width: auto;
text-align: center;
margin-right: auto;
display: block;
}

.navbar-brand img {
height: 80px;
width: auto;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}

.navbar .dropdown-menu {
border: none;
-webkit-box-shadow:0 30px 40px -20px rgba(0,0,0,0.1);
box-shadow:0 30px 40px -20px rgba(0,0,0,0.1);
-moz-box-shadow:0 30px 40px -20px rgba(0,0,0,0.1);
border-radius: 5px;
top: 42px;
position: relative;
padding: 10px;
min-width: 0;
}

.navbar-nav .menu-item .dropdown-toggle {
position:relative;
margin-right: 20px !important; 
}

.dropdown-menu .menu-item { margin: 10px 10px !important; }

.dropdown-menu .menu-item:last-child { margin-bottom: 8px !important }

.dropdown-menu .menu-item a {
font-size:16px;
font-weight: 600;
color:#121c2d; 
width: auto;
padding-top: 0px !important;
padding-bottom: 0px !important;
}

.dropdown-menu .menu-item a { color: var(--primary) !important; }

.dropdown-menu .menu-item a:hover,
.dropdown-menu .current-menu-item a {
color: var(--primary);
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}

.dropdown-menu .dropdown-item { display: inline-block; }

.dropdown-menu .dropdown-item:visited,
.dropdown-menu .dropdown-item:focus,
.dropdown-menu .dropdown-item:hover { background-color: transparent !important }

.navbar-toggle {
border: none;
background-color: transparent;
-webkit-box-shadow: none;
        box-shadow: none;
outline: none;
}

.navbar-toggle .icon {
width:37px;
height:37px;
position:relative;
margin:0 auto;
padding:0;
margin-top:2px;
}

.navbar-toggle .line {
position:absolute;
right:0;
top:0;
height:4px;
width:100%;
background: var(--primary);
border-radius: 10px;
-webkit-transition:all cubic-bezier(0.26,0.1,0.27,1.55) .35s;
-o-transition:all cubic-bezier(0.26,0.1,0.27,1.55) .35s;
transition:all cubic-bezier(0.26,0.1,0.27,1.55) .35s
}

.navbar-toggle .top { top:14% }

.navbar-toggle .middle { top:48%; width:75%; right: 0; left: auto; }

.navbar-toggle .bottom { top: 80%; }

.navbar-toggle .icon.close .top {
transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-ms-transform:rotate(45deg);
top:48%
}

.navbar-toggle .icon.close .middle,
.navbar-toggle .icon.close .bottom {
transform:rotate(-45deg);
-webkit-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
top:48%;
width: 100%;
}

.mobile-menu {
position: fixed;
right: 0;
top: 0;
bottom: 0;
left: 0;
height: 100vh;
background-color: #fff;
z-index: 900;
overflow: hidden !important;
display: none;
}

.mobile-menu .inner {
display: none;
overflow-y: auto;
padding: 180px 50px 50px 50px;
}

.mobile-menu .address .icon { vertical-align: 8px; }

@media(max-width: 1399.98px) {
    .navbar {
    padding-left: 70px;
    padding-right: 70px;
    }
    .navbar-nav .menu-item { margin: 0 0 0 27px; }
    .navbar .btn-sm {
    padding: 10px 20px 9px 20px;
    font-size: 15px;
    }
    .navbar .navbar-brand img { max-width: 160px; }
}

@media(min-width: 1192px) {
    .dropdown-menu li:hover .sub-menu { visibility:visible }
    .dropdown:hover .dropdown-menu { display:block }
    .mobile-menu { display: none !important; }
}

@media(max-width: 1199.98px) {
    .navbar .navbar-brand img { height: 70px; }
    .navbar-nav {
    margin-left:0;
    padding-left:0;
    margin-top:0;
    }
    .navbar-nav .menu-item {
    margin: 0 auto 7px auto !important;
    display: inline-block;
    width: auto;
    }
    .navbar-nav .menu-item a {
    display: inline-block;
    font-size: 18px;
    }
    .dropdown-menu { 
    display: none;
    background-color: #fff;
    top: 7px !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    margin-bottom: 5px;
    }
    .dropdown-menu .menu-item { margin: 10px 0px !important }
    .dropdown-menu .menu-item:last-child { margin-bottom: 15px !important }
    .navbar .dropdown-menu::before { display: none; }
    .dropdown-toggle::after { display: none; }
    .navbar .container { position: relative; }
}

@media(max-width: 810px) {
    .nav-links .btn:first-child { display:none; }
}

@media(max-width: 767.98px) {
    .mobile-menu .inner { padding: 200px 50px 50px 50px; }
}

@media(max-width: 575.98px) {
    .page-template-page-front .navbar {
    padding-left: 30px;
    padding-right: 30px;
    }
    .page-template-page-front .navbar .container::before {
    right: -15px;
    left: -15px;
    }
}

@media(max-width: 500px) {
    .navbar .container::before {
    right: -20px;
    left: -20px;
    }
    .navbar .btn-sm {
    padding:9px 8px;
    line-height: 20px;
    font-size: 13.5px;
    }
    .mobile-menu .inner { padding: 180px 35px 50px 35px; }
}

@media(max-width: 420px) {
    .navbar .btn-sm { display:none; }
    .mobile-menu .inner { padding: 170px 25px 45px 25px; }
}

/* PAGINATION */

.pagination-box {
position: relative;
height: 60px;
widows: 100%;
margin-bottom:10px;
margin-top: 20px;
border: none;
}

.pagination .page-link {
color: #000;
border: 1px solid #ccc;
outline: none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}

.pagination .page-link:hover {
color: #000;
}

.pagination-box .pagination {
position: absolute;
top: 0;
left: 50%;
-ms-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
}

.pagination .page-link.current {
color: #fff;
background-color: var(--primary);
border-color: var(--primary);
}

.pagination .page-link:not(.current):hover { background-color: #F1F1F1; }


.custom-slick {
opacity: 0;
visibility: hidden;
}

.custom-slick.slick-initialized {
opacity: 1;
visibility: visible;
}

.slick-slide {
cursor:-webkit-grab;
cursor:grab;
outline: none !important
}

.slick-dotted.slick-slider {
padding-bottom: 50px;
margin-bottom: 0;
}

.slick-dots { bottom: -10px; }

.slick-dots li { margin: 0 }

.slick-dots li.slick-active button:before {
color: var(--primary);
font-size: 8px;
padding-top: 1px;
}

.slick-arrow {
width: 50px;
height: 50px;
background-color: var(--secondary) !important;
color: #fff !important;
border-radius: 50%;
z-index: 99;
}

.slick-arrow.slick-disabled {
opacity:0;
cursor: default;
pointer-events: none;
}

.slick-arrow ion-icon {
color: #fff !important;
font-size: 20px;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
}

.slick-next:before,
.slick-prev:before {
display: none;
}

.slick-dotted.slick-slider .slick-arrow { margin-top:-20px; }

.slick-gallery {
position: relative;
z-index: 25;
}

.slick-gallery .gallery-item {
height: 350px;
width: auto;
}

.slick-gallery .gallery-item img {
height: 100%;
width: auto;
border-radius: 8px;
}

.slick-gallery .slick-slide { margin: 0 15px; overflow: hidden; } 

.slick-gallery .slick-list { margin: 0 -15px 0 -120px; }

.slick-gallery .slick-next { right: 40px; z-index: 100; }
.slick-gallery .slick-prev { left: 40px; z-index: 100;  }

/* PAGES GENERAL */

.page,
.single,
.archive,
.blog,
.archive {
position: relative;
overflow-x: hidden;
}

.page-intro {
padding: 140px 0 60px 0;
background-image: url(assets/img/equi-bg.jpg);
background-color: var(--background);
margin-bottom: 60px;
position: relative;
background-size: cover;
background-position: center 40%;
background-repeat: no-repeat;
}

.page-intro .container {
position: relative;
z-index: 50;
}

.page-intro img {
width: 90%;
height: auto;
display: block;
margin-left: auto;
}

@media(max-width: 767.98px) {
    .page-intro { margin-bottom:40px; }
}

@media(max-width: 500px) {
    .page-intro { padding: 170px 0 75px 0; }
}

.social a { margin: 5px; }

.social a ion-icon {
font-size: 24px;
color:var(--primary);
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}

.social a:hover ion-icon {
color:#fff;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}

.page-content {
position: relative;
z-index: 50;
}

.wysiwyg {
font-size:16.5px;
line-height: 1.5;
color: #212121;
clear: both;
}

.wysiwyg p { margin-bottom:20px; }

.wysiwyg:not(.light) p strong,
.wysiwyg:not(.light) li strong { color: var(--primary); }

.wysiwyg h5,
.wysiwyg h4,
.wysiwyg h3,
.wysiwyg h2,
.wysiwyg h1 { margin-bottom: 20px; }

h3 + h2 { margin-top: -20px !important; }

h4 + h3,
h4 + h2,
h5 + h3,
h5 + h2,
h5 + h1 { margin-top: -15px !important; }

h2 + ul,
h2 + ol,
h3 + ul,
h3 + ol { margin-top: 20px !important; }

.wysiwyg h4 { color: var(--primary); }

.wysiwyg p + h2,
.wysiwyg p + h3,
.wysiwyg p + h4,
.wysiwyg p + h5 { margin-top: 30px !important; }

.wysiwyg ul,
.wysiwyg ol { margin: 25px 0 30px 0 }

.wysiwyg li {
margin-bottom:5px;
padding-left: 10px;
}

.wysiwyg p:last-child,
.wysiwyg li:last-child { margin-bottom: 0 }

.wysiwyg a:not(.btn):not(.button):not(.no-underline):not(.remove):not(.team-card-link) {
text-decoration: underline;
-webkit-text-decoration-color: var(--primary);
text-decoration-color: var(--primary);
color: var(--primary);
font-weight: 600;
-webkit-transition:.2s;
-o-transition:.2s;
transition:.2s
}

.wysiwyg a:not(.btn):not(.button):not(.no-underline):not(.remove):not(.team-card-link):hover {
text-decoration: underline;
-webkit-text-decoration-color: var(--primaryhover);
text-decoration-color: var(--primaryhover);
color: var(--primaryhover);
-webkit-transition:.2s;
-o-transition:.2s;
transition:.2s
}

.wysiwyg img {
display: block;
max-width: 100%;
height: auto;
margin: 32px auto;
border-radius: 8px;
}

.wysiwyg img.alignnone {
float:none;
margin: 32px 0;
}

.wysiwyg img.alignleft {
float:left;
margin: 10px 45px 32px 0px;
}   

.wysiwyg img.aligncenter {
display:block;
float:none;
margin: 32px auto;
}   

.wysiwyg img.alignright {
float:right;
margin: 32px 0 32px 35px;
}

.wysiwyg iframe:not(.wp-embedded-content) {
display: block;
width: 100%;
aspect-ratio: 16/9;
height: auto;
}

.wysiwyg iframe.wp-embedded-content {
display: block;
width: 100%;
max-width: 650px;
}

.wysiwyg .gallery {
height: 400px !important;
margin: 40px 0 !important;
}

.wysiwyg .gallery .gallery-item {
margin-top: 0 !important;
width: auto !important;
}

.wysiwyg .gallery .gallery-item img {
height: 400px !important;
width: auto !important;
margin: 0 !important;
border: none !important;
}

@media(max-width: 767.98px) {
    .wysiwyg img,
    .wysiwyg img.alignnone,
    .wysiwyg img.alignleft,
    .wysiwyg img.aligncenter,
    .wysiwyg img.alignright {
    margin: 35px auto !important;
    float: none;
    display: block;
    }
}

.wysiwyg.light { color:#fff }

.wysiwyg.light p { color:#fff }

.wysiwyg.light h1,
.wysiwyg.light h2,
.wysiwyg.light h3 { color:#fff }

.wysiwyg.light a:not(.btn):not(.button):not(.no-underline):not(.remove),
.wysiwyg.light a:not(.btn):not(.button):not(.no-underline):not(.remove):hover {
-webkit-text-decoration-color: #fff;
text-decoration-color: #fff;
color: #fff;
}

.blockquote { max-width: 700px; margin: 0 auto; }

.blockquote p {
font-size:22px;
line-height:35px;
text-transform: uppercase;
color: var(--primary);
font-weight:900;
margin: 0;
font-style: italic;
}

.blockquote-footer {
font-size:18px;
line-height:25px;
font-weight:300;
text-transform: uppercase;
margin-top: 20px;
margin-bottom: 0;
}

.blocks-start .page-blocks .block-row:first-child { padding-top: 70px; }

.page-blocks .block-row {
padding-bottom: 70px;
position: relative;
}

.block-row.bg-light + .block-row,
.block-row.bg-primary + .block-row,
.block-row.bg-secondary + .block-row { padding-top: 70px; }

.page-blocks .block-row.bg-light,
.page-blocks .block-row.bg-primary,
.page-blocks .block-row.bg-secondary { padding: 70px 0; }

.block-row.bg-light + .block-row.bg-light,
.block-row.bg-primary + .block-row.bg-primary,
.block-row.bg-secondary + .block-row.bg-secondary { padding-top: 0px; }

.page-blocks .block-row.bg-light:last-child,
.page-blocks .block-row.bg-primary:last-child,
.page-blocks .block-row.bg-secondary:last-child { padding-bottom: 70px;}

.page-blocks .block-row {
padding-bottom: 70px;
position: relative;
}

.block-row.text:not(.bg-light) + .block-row.t2c,
.block-row.text:not(.bg-primary) + .block-row.t2c,
.block-row.text:not(.bg-secondary) + .block-row.t2c { margin-top: -105px; }

.page-blocks .block-row.split .col-12 { height:100% !important }

.page-blocks .col-12 { position: relative; }

.page-blocks .block-row.cards.bg-light,
.page-blocks .block-row.cards.bg-primary,
.page-blocks .block-row.cards.bg-secondary {
padding-bottom: 0px;
margin-bottom: 75px;
}

.page-blocks .block-row.cards.bg-light + .block-row:not(.bg-light),
.page-blocks .block-row.cards.bg-primary + .block-row:not(.bg-primary),
.page-blocks .block-row.cards.bg-secondary + .block-row:not(.bg-secondary) { margin-top: -50px; }

.page-blocks .block-image-frame { position:relative; }

.page-blocks .block-image-frame .block-image { border-radius: 15px; }

.page-blocks .block-row.split .block-image-frame.cover .block-image {
position: relative;
width: 100%;
display: block;
aspect-ratio: 12/9;
-o-object-fit: cover;
   object-fit: cover;
-o-object-position: center center;
   object-position: center center;
}

.page-blocks .block-row.split .block-image-frame.contain .block-image {
position: relative;
width: auto;
display: block;
max-width: 100%;
}

.page-blocks .block-row.image .block-image-frame.cover .block-image {
position: relative;
width: 100%;
display: block;
height: 500px;
-o-object-fit: cover;
   object-fit: cover;
-o-object-position: center center;
   object-position: center center;
}

.page-blocks .block-row.image .block-image-frame.contain .block-image {
position: relative;
width: 100%;
display: block;
}

.page-blocks .block-row.image .block-image-frame.fullwidth .block-image { border-radius:0; }

.page-blocks .block-row.image.fullwidth { padding-bottom:0; }

.block-row.image.fullwidth + .block-row { padding-top:70px; }

.page-blocks .block-row.form.bg-light .card,
.page-blocks .block-row.form.bg-primary .card,
.page-blocks .block-row.form.bg-secondary .card {;
margin-top: -185px;
}

.page-blocks .block-row.form.bg-light,
.page-blocks .block-row.form.bg-primary,
.page-blocks .block-row.form.bg-secondary {
margin-top: 115px;
}

.page-blocks .block-row.naamstickers {
position: relative;
z-index: 200;
}

/* PRODUCTS */

.product-card {
border:4px solid var(--primary);
border-radius: 10px;
padding: 20px 30px 30px 30px;
text-align: left;
background-color: #fff;
height: 100%;
-webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
        transform: translateY(0px);
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}

.product-card:hover {
-webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
        transform: translateY(-5px);
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}

.product-card img {
display: block;
width: auto;
height: auto;
max-width: 95%;
max-height: 200px;
margin: 0 auto 10px auto;
}

#naamstickers { margin-top:100px; }

#naamstickers .card-lg {
margin-top: -180px;
}

.naamstickers-input > *:last-child {
border-top-right-radius: 50px !important;
border-bottom-right-radius: 50px !important;
}

.naamstickers-input .country-select {
width: 85px !important;
display: inline-block;
border-radius: 50px 0 0 50px !important;
-webkit-box-flex:unset;
    -ms-flex:unset;
        flex:unset;
height: 70px;
}

.naamstickers-input input.form-control.input-text {
border-top-left-radius: 0;
border-top-right-radius: 0;
height: 70px !important;
padding-left: 25px !important;
font-size: 21px;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
-o-background-size: cover;
-moz-background-size: cover;
-webkit-background-size:cover;
}

.naamstickers-input input[name="flag"] {
display: none;
}

.naamstickers-input .flag-select {
background-color: #fff;
border-radius: 50px 0 0 50px;
border: 1px solid #cecece !important;
width: auto;
padding: 0 18px 0 25px;
text-align: center;
}

.naamstickers-input .selected-flag .arrow {
right: -5px;
border-left: 3px solid transparent;
border-right: 3px solid transparent;
border-top: 5px solid #555;
}

.naamstickers-input img.flag {
width: 30px;
height: auto;
border-radius: 3px;
margin-right: 10px;
}

.naamstickers-input img.flag.select {
margin-right:0;
width: 40px;
}

.naamstickers-input .flag-dropdown li a {
padding: 5px 10px;
display: block;
cursor: pointer;
}

.carrosserie-colors span {
display: inline-block;
margin: 7px;
width: 40px;
height: 40px;
border-radius: 50%;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
-o-background-size: cover;
-moz-background-size: cover;
-webkit-background-size:cover;
background-color: var(--background);
cursor: pointer;
position: relative;
transition: all .3s;
}

.carrosserie-colors span.active,
.carrosserie-colors span:hover {
transform: scale(1.25);
transition: all .3s;
}

.textCalc {
position: fixed;
left: -999vw;
z-index: -1;
word-wrap: none !important;
width: auto;
white-space: nowrap !important;
}

.input-color {
border-radius: 5px;
width: 36px;
height: 36px;
cursor: pointer;
-webkit-transition: all linear .2s;
-o-transition: all linear .2s;
transition: all linear .2s;
}

.input-color #colorPick > span { display:none; }

.product-option { position:relative; }

.product-option label {
display: block;
padding: 30px 30px 60px 30px;
border-radius: 10px;
border: 2.5px solid #eee;
cursor: pointer;
text-align: center;
height: 100%;
position: relative;
}

.product-option label.active {
border-color: var(--secondary);
}

.product-option label img {
display: block;
width: auto;
height: auto;
max-width: 95%;
max-height: 200px;
margin: 0 auto 10px auto;
}

.product-option input {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
        transform: translateX(-50%);
bottom: 30px;
}

/* FOOTER */

.footer {
position: relative;
z-index: 200;
color:#fff;
background-color: var(--secondary);
padding: 50px 0 0 0;
}

.footer-brand img {
height: auto;
width: 85%;
max-width: 130px;
}

.footer-logo {
height: auto;
width: 75px;
-webkit-filter: grayscale(1) invert(1) brightness(100);
        filter: grayscale(1) invert(1) brightness(100);
}

.footer a:hover { color: var(--primary); }

.footer-nav {
list-style: none;
margin: 0;
padding: 0;
}

.footer-nav li {
display: block;
margin: 0 0 10px 0;
}

.footer-nav a {
font-size: 18px;
color:#fff;
}

.footer-nav a:hover { color: var(--primary); }

.footer p a {
text-decoration: underline;
color:#fff;
}

.footer ion-icon { color: var(--primary) }

.footer a:hover ion-icon { color: #fff }

.footer-copy {
opacity: .85;
color:#fff;
border-top: 1px solid rgba(255,255,255,.4);
font-size:13.5px;
padding: 20px 0;
margin-top: 60px;
text-align: center;
}

.footer-copy a {
color: #fff;
text-decoration: underline;
font-size:13.5px;
}

.footer-copy a:hover { text-decoration: underline }

.footer-copy .disclaimer-nav {
display: inline-block;
list-style: none;
padding: 0;
margin: 0;
}

.footer-copy .disclaimer-nav li {
display: inline-block;
padding:0;
margin: 0 0 0 7px;
}

/* WPforms */

.form-divider {
width: 100%;
height: 1px;
margin: 15px 0;
border-top: 3px dashed var(--background);
}

.bg-light .form-divider {
width: 100%;
height: 1px;
margin: 15px 0;
border-top: 3px dashed #fff;
opacity: .8;
}

label { color:#657786 }

input.form-control:not([type='checkbox']):not([type='radio']):not([type='range']),
.wpforms-form input:not([type='checkbox']):not([type='radio']):not([type='range']) {
width:100%;
display:block;
border:1px solid #cecece;
background-color:#fff;
padding:8px 10px;
border-radius: 6px;
}

.input-group input.form-control:not([type='checkbox']):not([type='radio']):not([type='range']) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}

select.form-select,
.wpforms-form select,
select {
width:100%;
display:block;
border:1px solid #cecece;
background-color:#fff;
padding:8px 10px;
border-radius: 6px !important;
}

textarea.form-control,
textarea:not(.select2-search__field),
.wpforms-form textarea {
width:100%;
display:block;
border:1px solid #cecece;
background-color: #fff;
padding:10px 15px;
border-radius: 6px !important;
height:140px ;
}

.input-group>input.form-control:not([type='checkbox']):not([type='radio']):not([type='range']) { width: 1% !important; }

input.form-control:not([type='checkbox']):not([type='radio']):not([type='range']):focus,
select.form-select:focus,
.select2-container--default.select2-container--focus .select2-selection--multiple { border-color: var(--primary) !important; }

.select2-container--default.select2-container--focus .select2-selection--multiple {
border-bottom-left-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}

input:disabled,
input.disabled,
input.form-control.disabled { background-color: #e2e6e9 !important; }

input:focus,
input:active,
select:focus,
select:active,
textarea:focus,
textarea:active {
-webkit-box-shadow: none !important;
box-shadow: none !important;
outline:  none !important;
border-color: var(--primary) !important;
}

.form-check-input:checked {
background-color: var(--primary);
border-color: var(--primary);
}

.form-check-input:focus {
border-color: #ccc;
outline: 0;
-webkit-box-shadow: none;
        box-shadow: none;
}

textarea:focus,
input:focus { outline: none !important }

.wpforms-form label {
width:100%;
display:block;
max-width:600px;
margin: 10px 0;
font-size: 16px;
line-height: 20px;
color: #657786;
}

.wpforms-form label.wpforms-label-hide { display: none !important; }

.wpforms-form label:first-child { margin-top:0px }

.wpforms-form .wpforms-field-checkbox label { margin-bottom: 18px; }

.wpforms-form .wpforms-field-label-inline { color:#000 }

.wpforms-container.light .wpforms-field-label-inline { color:#fff !important; }

.wpforms-field { margin-bottom: 15px; }

.wpforms-field.wpforms-field-hidden { margin-bottom: 0px; }

.wpforms-field-hp {display: none;}

.wpforms-field-sublabel { display: none !important; }

.wpforms-form textarea:focus,
.wpforms-form input:focus { outline: none !important }

div.wpforms-container .wpforms-form .choices__inner {
background-color: transparent !important;
padding: 7px 0 !important;
border: none !important;
border-bottom: 1px solid #ccc !important;
border-radius: 0px !important;
}

div.wpforms-container .wpforms-form .choices__list--single { font-size: 16px !important; }

.wpforms-form .choices__list.choices__list--dropdown .choices__input.choices__input--cloned { display: none !important; }

.select2-container--default .select2-selection--multiple .select2-selection__choice {
border:none !important;
background-color:#f8fafb;
border-radius: 0px !important;
-moz-border-radius: 0px !important;
-webkit-border-radius: 0px !important;
}

div.wpforms-container .wpforms-form .choices__list--multiple .choices__item {
border-radius: 0px !important;
background-color: #565E64 !important;
border: 1px solid #565E64 !important;
}

.wpforms-form input[type='checkbox'] {
background-color: #fff !important;
border-color: #ccc;
}

.wpforms-form input[type='checkbox']:checked {
background-color: var(--primary) !important;
border-color: var(--primary) !important;
}

.wpforms-field.wpforms-field-gdpr-checkbox { width: auto; }

.wpforms-field-gdpr-checkbox label {
width: auto;
display: inline !important;
}

.wpforms-field-gdpr-checkbox li {
padding: 0;
margin: 0
}

.wpforms-field-gdpr-checkbox ul {
list-style-type: none;
padding: 0;
margin: 0
}

.wpforms-field-gdpr-checkbox a { text-decoration: underline; }

.wpforms-required-label { color: #DC3545;  }

label.wpforms-error { color: #DC3545; margin: 5px 0 10px 0 }

.rc-anchor, .rc-anchor-normal-footer { display: none !important; }

.g-recaptcha {
margin-bottom: 20px;
margin-top: 5px;
}

#g-recaptcha-response { display: none !important; }

.wpforms-page-indicator-page-number {
display: inline-block;
height: 40px;
width: 40px;
border-radius: 8px;
margin-right: 15px;
text-align: center;
padding-top: 7px;
color: #000;
background-color: #fff
}

.active .wpforms-page-indicator-page-number { color:#fff }

.wpforms-page-indicator-page { display: inline-block; }

.wpforms-page-indicator { margin-bottom: 25px; }

.wpforms-page-button {
display:inline-block;
border-radius: 50px;
-moz-border-radius:50px;
-webkit-border-radius:50px;
padding: 10px 30px !important;
font-size:15px;
line-height: 25px;
font-weight: 400;
white-space: normal;
border: 1px solid var(--primary);
background: transparent;
color: var(--primary);
}

.wpforms-page-button.wpforms-page-prev { margin-right: 25px; }

.wpforms-field ul {
list-style-type: none;
padding: 0;
margin: 0;
}

.wpforms-field-label-inline { display: inline !important; }

.wpforms-field ul li { margin-bottom: 10px; }

.wpforms-uploader { height:160px; }

.wpforms-error-container {
margin-bottom: 25px;
color: #DC3545 !important;
font-weight: 700;
}

.otgs-development-site-front-end { display: none !important; }

@media(max-width: 767.98px) {
    .wpforms-page-indicator-page {
    display: block;
    width: 100% !important;
    margin: 0 0 20px 0;
    }
}

@media(max-width: 575.98px) {
    div.wpforms-container .wpforms-form .choices__list--single { font-size: 15px !important; }
}

.wpforms-image-choices-modern {
position: relative; 
display: -webkit-box; 
display: -ms-flexbox; 
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
    -ms-flex-direction: row;
        flex-direction: row;
-ms-flex-wrap: wrap;
    flex-wrap: wrap;
width: 100%;
gap: 30px;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
}

.wpforms-image-choices-modern .wpforms-image-choices-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;
-ms-flex-preferred-size: 100%;
    flex-basis: 100%;
-webkit-box-flex: 1;
    -ms-flex: 1;
        flex: 1;
border: 2px solid #eee;
border-radius: 7px;
background-color: #fff;
padding: 30px;
text-align: center;
width: 50%;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
margin: 0;
height: 100%;
}

.wpforms-image-choices-modern .wpforms-image-choices-item label {
cursor: pointer !important;
width: 100%;
text-align: center;
display: block;
margin: 0;
outline: none;
-webkit-box-shadow: none;
        box-shadow: none;
}

.wpforms-image-choices-modern .wpforms-image-choices-item.wpforms-selected { border-color: var(--primary); }

.wpforms-image-choices-modern .wpforms-image-choices-image img {
display: block;
width: auto;
max-width: none;
height: 85px;
margin: 5px auto 20px auto;
}

.wpforms-image-choices-modern input { display: none !important; }

.wpforms-field.wpforms-field-pagebreak { margin-bottom: 0; }

[class*="wpforms-pagebreak-"] {
margin-top: 5px !important;
margin-bottom: 40px !important
}

.wpforms-page-button.wpforms-page-prev {
color: #565E64 !important;
border-color: transparent !important;
padding: 10px 12px !important;
margin-right: 13px !important;
}

.form-range::-webkit-slider-thumb { background: var(--primary); }

.form-range::-moz-range-thumb { background: var(--primary); }

.form-range::-ms-thumb { background: var(--primary); }

.form-range::-webkit-slider-thumb:active {
background-color: var(--primary);
-webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(179, 7, 60, 0.25);
        box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(179, 7, 60, 0.25);
}
.form-range::-webkit-slider-thumb,
.custom-range:focus::-webkit-slider-thumb, 
.custom-range:focus::-moz-range-thumb,
.custom-range:focus::-ms-thumb {
-webkit-box-shadow: var(--primary);
        box-shadow: var(--primary);
-webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(179, 7, 60, 0.25);
        box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(179, 7, 60, 0.25);
}

#apbct__email_id__wp_wpforms_19425 { display:none !important; }