#et-info-email:before, #et-info-phone:before, #et_search_icon:before, .comment-reply-link:after, .et-cart-info span:before, .et-pb-arrow-next:before, .et-pb-arrow-prev:before, .et-social-icon a:before, .et_audio_container .mejs-playpause-button button:before, .et_audio_container .mejs-volume-button button:before, .et_overlay:before, .et_password_protected_form .et_submit_button:after, .et_pb_button:after, .et_pb_contact_reset:after, .et_pb_contact_submit:after, .et_pb_font_icon:before, .et_pb_newsletter_button:after, .et_pb_pricing_table_button:after, .et_pb_promo_button:after, .et_pb_testimonial:before, .et_pb_toggle_title:before, .form-submit .et_pb_button:after, .mobile_menu_bar:before, a.et_pb_more_button:after {
font-family: ETmodules!important;
speak: none;
font-style: normal;
font-weight: 400;
-webkit-font-feature-settings: normal;
font-feature-settings: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0;
direction: ltr;
}
#et-info-phone:before {
content: "\e090";
position: relative;
top: 2px;
margin-right: 2px;
} .social-share-icon{
-webkit-filter: url(#goo);
filter: url(#goo);
}
.social-share-icon a.a{
z-index: 123;
}
.social-share-icon a{
text-decoration: none;
color: #00a2f5;
height: 30px;
width: 30px;
border-radius: 100px;
display:flex;
align-items:center;
justify-content:center;
background-color: #fff;
line-height: 45px;
text-align: center;
}
.social-share-icon a i{
}
.social-share-icon a.a1{
color: #0160BE;
}
.social-share-icon a.a2{
color: #0096EB;
}
.social-share-icon a.a3{
color: #E1306C;
}
.social-share-icon a.a5{
color: #1B6FEC;
} 
.social-share-icon span.et-pb-icon {
font-size: 30px;
}
ul#menu-primary-menu svg {
width: 28px;
display: inline-block;
height: 40px;
margin: auto;
margin-right: 10px;
vertical-align: middle;
}
#top-menu>li{
padding-left:25px;
padding-right:25px
}
#top-menu>li:first-child{
padding-left: 0;
}
@keyframes rotate {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.btnview a {
color: #626262;
transition-duration: .2s;
}
.btnview:hover.btnview a {
color: #fff;
transition-duration: .2s;
}
.btnview {
padding: 8px 20px;
line-height: 1.7em!important;
background-color: transparent;
background-size: cover;
background-position: 50%;
background-repeat: no-repeat;
border: 2px solid;
transition-duration: .2s;
-webkit-transition-property: all!important;
transition-property: all!important;
width: max-content;
margin: auto;
color: #626262!important;
border-width: 1px!important;
border-color: #626262;
border-radius: 25px;
font-size: 16px;
text-transform: uppercase!important;
position: relative;
overflow: hidden;
}
.btnviewone  {
padding: 10px 20px; background-color: transparent;
background-size: cover;
background-position: 50%;
background-repeat: no-repeat;
border: 2px solid;
transition-duration: .2s;
-webkit-transition-property: all!important;
transition-property: all!important;
width: 100%;
text-align: center;
margin: auto;
color: #2ea3f2!important;
border-width: 1px!important;
border-color: transparent;
border-radius: 165px;
font-size: 42px;
text-transform: uppercase!important;
position: relative;
overflow: hidden;
transition:0.3s ease-in-out;
}
.btnviewone a:before {
content: 'Discover More';
font-size: 16px;
position: absolute;
left: -100px;
white-space: nowrap;
text-transform:capitalize;
width: 100%;
opacity: 0;
color:#0589c5;
transition:0.3s ease-in-out;
}
.et_pb_column .et_pb_blurb:hover
.btnviewone a:before {
text-decoration: none;
left: -35px;
opacity: 1;
transition:0.3s ease-in-out;
}
.btnviewone a:after {
content: '';
width: 100%;
height: auto;
position: absolute;
top: 0;
left: 0;
bottom: 0;
background-image: url(https://valvolineexpresscare.ca/wp-content/uploads/2023/10/blackcar.gif);
right: 0;
background-position: bottom;
background-repeat: no-repeat;
background-size: contain;
opacity: 0;
transition:0.3s ease-in-out;
}
.et_pb_column .et_pb_blurb:hover
.btnviewone a:after {
text-decoration: none;
opacity: 1;
transition: 0.3s ease-in-out; left: 20%!important;
}
.btnviewone span.arrow {
opacity:1;
transition:0.3s ease-in-out;
color:#fff;
}
.et_pb_column .et_pb_blurb:hover span.arrow {
right: 10px;
opacity:0;
position: relative;
margin-left: 122px;
transition:0.3s ease-in-out;
}
.btnview:hover{
color:#fff
}
.btnview:hover:before, .btnview:hover:after {
border-width: 60px 262.5px;
}
.btnview:before {
content: ""!important;
visibility: visible!important;
display: block!important;
opacity: 1;
margin-left: 0;
width: 0;
height: 0;
position: absolute;
bottom: 0;
left: 0;
border-width: 0;
border-style: solid;
z-index: -1;
border-color: transparent transparent transparent #626262;
transition: all 0.7s ease 0s;
}
.btnview:after {
content: ""!important;
visibility: visible!important;
display: block!important;
opacity: 1!important;
margin-left: 0;
position: absolute;
top: 0;
right: 0;
width: 0;
height: 0;
border-width: 0;
border-style: solid;
z-index: -1;
border-color: transparent #626262 transparent transparent;
transition: all 0.7s ease 0s;
}
table, th, td {
border: none !important;
border-collapse: collapse;
}
ul#menu-primary-menu li.location svg {
width: 46px;
display: inline-block;
height: 46px;
margin: auto;
margin-right: 10px;
vertical-align: middle;
}
.et-menu .menu-item-has-children>a:first-child:after {
font-family: ETmodules;
content: "3";
font-size: 16px;
position: relative;
right: 0;
top: 0;
font-weight: 800;
margin-left: 5px;
}
ul.sub-menu li {
padding: 0;
}
ul.sub-menu li a{    
width:240px;
padding:6px;
}
ul.homebannerbullet li::marker {
content: '⫸'; }
.btnviewblack {
text-align: center;
}
.btnviewblack a {
font-size: 52px;
color: #000;
margin: auto;
text-align: center; }
.colcount_2 {
column-count: 2;
break-inside: avoid-column;
column-gap: 20px;
}
svg.websvg {
vertical-align: middle;
}
.et_pb_section_3:before {
z-index: 0!important;
}
.btnviewone a {
color: #000;
}
ul.colcount_2 a:hover:before {
border-width: 1px 262.5px;
}
ul.colcount_2 a:before {
content: ""!important;
visibility: visible!important;
display: block!important;
opacity: 1;
margin-left: 0;
width: 0;
height: 0;
position: absolute;
bottom: 0;
left: 0;
border-width: 0;
border-style: solid;
z-index: -1;
border-color: #2ea3f2;
transition: all 0.7s ease 0s;
}
ul.colcount_2 a {
position: relative;
width: fit-content;
overflow: hidden;
display: block;
}
ul.colcount_2 li {
margin-bottom: 10px;
}
li.submenu  ul {
position: absolute;
padding: 20px 0;
z-index: 9999;
width: 330px;
background: #fff;
visibility: hidden;
opacity: 0;
border-top: 3px solid #2ea3f2;
box-shadow: 0 2px 5px rgba(0,0,0,.1);
-moz-box-shadow: 0 2px 5px rgba(0,0,0,.1);
-webkit-box-shadow: 0 2px 5px rgba(0,0,0,.1);
-webkit-transform: translateZ(0);
text-align: left;
}
li.submenu ul.sub-menu li a {
width: 330px;
padding: 6px;
}
li.submenu ul.sub-menu {
padding: 0;
text-align: left;
}
.et_mobile_menu li a:hover, .nav ul li a:hover {
background-color: #fff;
color: rgb(0 69 141);
opacity: 1;
}
.flyingift {
-webkit-animation: float 3s infinite;
animation: float 3s infinite;
transition: all 1s ease;
}
@keyframes float {
0% {
transform:translatex(10px)
}
50% {
transform:translatex(-10px)
}
to {
transform:translatex(10px)
}
}
.image-front {
-webkit-animation: float-minimal 5s infinite;
animation: float-minimal 5s infinite;
transition: all .4s ease;}
@keyframes float-minimal {
0% {
transform:translatey(20px)
}
50% {
transform:translatey(-20px)
}
to {
transform:translatey(20px)
}
}
.coin{
animation: animate 3s linear infinite;
}
@keyframes animate {
0%{
transform: rotateX(0deg);
}
100%{
transform: rotateY(360deg);
}
}
.animation-class img {
transform: translateX(-50%);
animation: rotation 8s infinite linear;
}
@keyframes rotation {
from {
transform:rotate(0deg)
}
to {
transform:rotate(359deg)
}
} .dp-carousel .swiper-button-next {
transform: none;
top: 10px;
margin-top: 20%;
margin-right: 40vw;
background-color: #fff;
padding: 25px !important;
border-radius: 50px;
background-color: #0093d0;
}
.dp-carousel .swiper-button-prev {
transform: none;
margin-top: 20%;
top: 10px;
margin-left: 40vw;
right: 100px;
font-size: 20px !important;
background-color: #fff;
padding: 25px !important;
border-radius: 50px;
background-color: #ee3124;
} .swiper-button-next:after, .swiper-button-prev:after {
font-size: 15px;
color: #ffffff;
} .dp-carousel .swiper-pagination-bullet-active {
background-color: #fff;
}
.dp-carousel .swiper-pagination-bullet {
background-color: #fff;
top: 15px;
} .pa-toggle-text .et_pb_text_inner {
max-height: 200px;
transition: max-height 0.3s ease-out;
overflow: hidden;
} .pa-toggle-text .et_pb_text_inner:after {
content: "";
display: inline-block;
position: absolute;
pointer-events: none;
height: 100px;
width: 100%;
left: 0;
right: 0;
bottom: 0;
background-image: linear-gradient(0deg, #fff 10%, transparent);
} .pa-toggle-text .pa-text-expand-button {
padding: 0.5em;
text-align: center;
color: #00d263!important;
} .pa-toggle-text .pa-text-expand-button span {
cursor: pointer;
} .pa-toggle-text .pa-text-expand-button .pa-text-toggle-icon {
font-family: ETMODULES, "sans-serif";
} .pa-toggle-text .pa-text-toggle-expanded {
max-height: 2000px;
transition: max-height 0.3s ease-in;
} .pa-toggle-text .pa-text-toggle-expanded.et_pb_text_inner:after {
background: none;
} .et_pb_bg_layout_light .et-pb-controllers .et-pb-active-control {
background-color: #333;
width: 60px;
transition: 0.4s;
}
.addReadMore.showlesscontent .SecSec,
.addReadMore.showlesscontent .readLess {
display: none;
}
.addReadMore.showmorecontent .readMore {
display: none;
}
.addReadMore .readMore,
.addReadMore .readLess {
font-weight: bold;
margin-left: 2px;
color: #0094d1;
cursor: pointer;
}
.addReadMoreWrapTxt.showmorecontent .SecSec,
.addReadMoreWrapTxt.showmorecontent .readLess {
display: block;
} .dp-carousel-main .swiper-button-prev{
margin-top: 700px
}
.dp-carousel-main .swiper-button-next{
margin-top: 700px
} .dp-carousel-two .swiper-button-prev{
margin-top: 450px
}
.dp-carousel-two .swiper-button-next{
margin-top: 450px
} .dp-carousel-three .swiper-container{
overflow:hidden;
}
.dp-carousel-three .swiper-button-prev{
margin-top: 560px
}
.dp-carousel-three .swiper-button-next{
margin-top: 560px;
margin-right: 45%;
}
@media only screen and (max-width: 540px){
.dp-carousel-two .swiper-button-prev{
margin-left: 30%;
margin-top: 350px
}
.dp-carousel-two .swiper-button-next{
margin-right: 30% ;
margin-top: 350px
}
.dp-carousel-main .swiper-button-prev{
margin-left: 30%;
margin-top: 500px;
}
.dp-carousel-main .swiper-button-next{
margin-right: 30% ;
margin-top: 500px;
}
.dp-carousel-three .swiper-container{
overflow:hidden;
}
.dp-carousel-three .swiper-button-prev{
margin-top: 460px;
margin-left: 30%;
}
.dp-carousel-three .swiper-button-next{
margin-top: 460px;
margin-right: 30% ;
}
.dp-carousel .swiper-button-prev{
margin-left: 30%;
}
.dp-carousel .swiper-button-next{
margin-right: 30%; 
} .et_pb_section.et_pb_section_0_tb_footer.et_section_regular {
display: none;
}
}
@media only screen and (max-width: 913px) and (min-width: 768px){
.dp-carousel .swiper-button-prev{
margin-left: 42%;
top: 40px;
}
.dp-carousel .swiper-button-next{
margin-right: 40%;
top: 40px;
}
.et_pb_blurb_content {
margin-top: 50px;
} .et_pb_section.et_pb_section_0_tb_footer.et_section_regular {
display: none;
}
}
ul#mobile_menu1{
width: auto;
} .mobile_nav.closed {
margin-top: 10px;
}
span.mobile_menu_bar{
margin-top: 10px;
}
.et_pb_menu--style-left_aligned .et_pb_menu__logo {
margin-right: 10px;
}
@media only screen and (max-width: 521px) and (min-width: 360px){
.et_pb_column .et_pb_blurb:hover
.btnviewone a:before {
text-decoration: none;
left: auto;
opacity: 1;
transition: 0.3s ease-in-out;
}
.btnviewone a:before {
content: 'Discover More';
font-size: 14px; left: -100px;
white-space: nowrap;
text-transform: capitalize;
width: 100%;
opacity: 0;
color: #0589c5;
transition: 0.3s ease-in-out;
}
.et_pb_column .et_pb_blurb:hover
.btnviewone a:after {
text-decoration: none;
opacity: 1;
transition: 0.3s ease-in-out;  top: 32px;
}
.btnviewone a:after {
display: none; }
.btnviewone  {
padding: 0px;}
}
.et-pb-arrow-prev {
left: 12px !important;
opacity: 1;
margin: 0;
}
.et-pb-arrow-next {
right: 12px!important;
opacity: 1!important;
margin: 0;
}
@media only screen and (max-width: 521px) and (min-width: 360px){
.et-pb-arrow-prev {
left: 12px !important;
opacity: 1;
margin: 0;
margin-top: 75px;
}
.et-pb-arrow-next {
right: 12px!important;
opacity: 1!important;
margin: 0;
margin-top: 75px;}
}
ul.custmlist li:before {
content: "9";
font-size: 25px;
color: #ffff;
font-family: ETmodules!important;
font-weight: 400!important;
vertical-align: middle;
position: absolute;
left: -7px;
}
ul.custmlist {
list-style-type: none;
}
ul.custmlist li{
margin-left: 3px;
}
#main-header .et_mobile_menu li ul, .et_pb_fullwidth_menu .et_mobile_menu li ul, .et_pb_menu .et_mobile_menu li ul {
visibility: visible!important;
display: block!important;
padding-left: 0px!important;
}
.divilife-3-col-feature-blurb-slider .slick-arrow{
background: rgb(4 117 163 / 38%)!important;
}
.divilife-3-col-feature-blurb-slider .slick-arrow:before {
color: #0475a3!important;
}
.slick-dots li.slick-active button {
background-color: #a0cbdc!important;
}
ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after, .et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after {
margin-right: 5px!important;
}
@media only screen and (max-width: 521px) and (min-width: 360px){
.btnviewone a:before {
display:none;
content: 'Discover More';
font-size: 14px; left: -100px;
white-space: nowrap;
text-transform: capitalize;
width: 100%;
opacity: 0;
color: #0589c5;
transition: 0.3s ease-in-out;
}
}
.pa-toggle-text .et_pb_text_inner:after {
display:none!important;
}
@media only screen and (max-width: 400px){
.dp-carousel-three .swiper-button-prev{
margin-top: 520px;
margin-left: 30%;
}
.dp-carousel-three .swiper-button-next{
margin-top: 520px;
margin-right: 30% ;
}
}
#et_pb_section {
padding: 50px 0;
overflow: hidden!important;
} @media only screen and (max-width: 770px){
.dp-carousel .swiper-button-prev {
margin-left: 40%!important;
top: 50%!important;
margin-top: 30%;
}
.dp-carousel .swiper-button-next {
margin-right: 41%!important;
top: 50%!important;
margin-top: 30%;
}
}
@media only screen and (max-width: 1370px){
.dp-carousel .swiper-button-next {
margin-right: 44%;
}
}
@media only screen and (max-width: 1025px){
.dp-carousel .swiper-button-next {
margin-right: 40%;
top: 10%!important;
margin-top: 30%;
}
.dp-carousel .swiper-button-prev {
margin-left: 43%;
top: 10%!important;
margin-top: 30%;
}
}
@media only screen and (max-width: 913px){
.dp-carousel .swiper-button-next {
margin-right: 40%;
top: 45%!important;
margin-top: 25%;
}
.dp-carousel .swiper-button-prev {
margin-left: 43%;
top: 45%!important;
margin-top: 25%;
}
}
@media only screen and (max-width: 821px){
.dp-carousel .swiper-button-prev {
margin-top: 30%;
}
.dp-carousel .swiper-button-next {
margin-top: 30%;
}
ul#mobile_menu2 li  a {
padding-left: 5px;
}
ul#mobile_menu2 li a svg {
vertical-align: middle;
margin-right: 10px;
}
}
@media only screen and (max-width: 1281px){
.dp-carousel .swiper-button-prev {
margin-top: 30%;
margin-left: 40vw;
}
.dp-carousel .swiper-button-next {
margin-top: 30%;
margin-right: 43%;
}
}
article li a {
display: inline-block;
}