@font-face {
font-family: 'icomoon';
src:  url(//www.devillesdrivingschool.co.uk/wp-content/plugins/bedriver-core/assets/fonts/icomoon.eot?i18ba9);
src:  url(//www.devillesdrivingschool.co.uk/wp-content/plugins/bedriver-core/assets/fonts/icomoon.eot?i18ba9#iefix) format('embedded-opentype'),
url(//www.devillesdrivingschool.co.uk/wp-content/plugins/bedriver-core/assets/fonts/icomoon.ttf?i18ba9) format('truetype'),
url(//www.devillesdrivingschool.co.uk/wp-content/plugins/bedriver-core/assets/fonts/icomoon.woff?i18ba9) format('woff'),
url(//www.devillesdrivingschool.co.uk/wp-content/plugins/bedriver-core/assets/fonts/icomoon.svg?i18ba9#icomoon) format('svg');
font-weight: normal;
font-style: normal;
font-display: block;
}
[class^="icomoon-"], [class*=" icomoon-"] { font-family: 'icomoon' !important;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icomoon-call-center:before {
content: "\e909";
}
.icomoon-pluse:before {
content: "\e93a";
}
.icomoon-grid-second:before {
content: "\e939";
}
.icomoon-admition:before {
content: "\e900";
}
.icomoon-arrow:before {
content: "\e901";
}
.icomoon-arrow-left:before {
content: "\e902";
}
.icomoon-arrow-right:before {
content: "\e903";
}
.icomoon-art-board:before {
content: "\e904";
}
.icomoon-award:before {
content: "\e905";
}
.icomoon-book:before {
content: "\e906";
}
.icomoon-brain:before {
content: "\e907";
}
.icomoon-building:before {
content: "\e908";
}
.icomoon-call-center .path1:before {
content: "\e909";
}
.icomoon-call-center .path2:before {
content: "\e90a";
margin-left: -1.33984375em;
}
.icomoon-call-center .path3:before {
content: "\e90b";
margin-left: -1.33984375em;
}
.icomoon-call-center .path4:before {
content: "\e90c";
margin-left: -1.33984375em;
}
.icomoon-call-center .path5:before {
content: "\e90d";
margin-left: -1.33984375em;
}
.icomoon-call-center .path6:before {
content: "\e90e";
margin-left: -1.33984375em;
}
.icomoon-car:before {
content: "\e90f";
}
.icomoon-certified:before {
content: "\e910";
}
.icomoon-chat-quote:before {
content: "\e911";
}
.icomoon-check:before {
content: "\e912";
}
.icomoon-course:before {
content: "\e913";
}
.icomoon-course-single:before {
content: "\e914";
}
.icomoon-duration:before {
content: "\e915";
}
.icomoon-enrooled:before {
content: "\e916";
}
.icomoon-envelope-second:before {
content: "\e917";
}
.icomoon-envelope-third:before {
content: "\e918";
}
.icomoon-envlope:before {
content: "\e919";
}
.icomoon-Experienced_icon:before {
content: "\e91a";
}
.icomoon-eye:before {
content: "\e91b";
}
.icomoon-Faq:before {
content: "\e91c";
}
.icomoon-grid:before {
content: "\e91d";
}
.icomoon-Group-4772:before {
content: "\e91e";
}
.icomoon-home:before {
content: "\e91f";
}
.icomoon-idea:before {
content: "\e920";
}
.icomoon-instractor:before {
content: "\e921";
}
.icomoon-lecture:before {
content: "\e922";
}
.icomoon-level-up:before {
content: "\e923";
}
.icomoon-license:before {
content: "\e924";
}
.icomoon-location:before {
content: "\e925";
}
.icomoon-office-location:before {
content: "\e926";
}
.icomoon-people:before {
content: "\e927";
}
.icomoon-phone:before {
content: "\e928";
}
.icomoon-phone-second:before {
content: "\e929";
}
.icomoon-quality:before {
content: "\e92a";
}
.icomoon-quote-right:before {
content: "\e92b";
}
.icomoon-search:before {
content: "\e92c";
}
.icomoon-sefty-belt:before {
content: "\e92d";
}
.icomoon-share:before {
content: "\e92e";
}
.icomoon-shedule:before {
content: "\e92f";
}
.icomoon-skill:before {
content: "\e930";
}
.icomoon-speed-test:before {
content: "\e931";
}
.icomoon-star:before {
content: "\e932";
}
.icomoon-test-paper:before {
content: "\e933";
}
.icomoon-tuition:before {
content: "\e934";
}
.icomoon-video-arrow:before {
content: "\e935";
}
.icomoon-video-btn:before {
content: "\e936";
}
.icomoon-video-classes:before {
content: "\e937";
}
.icomoon-wheel:before {
content: "\e938";
}.nice-select {
-webkit-tap-highlight-color: transparent;
background-color: #fff;
border-radius: 5px;
border: solid 1px #e8e8e8;
box-sizing: border-box;
clear: both;
cursor: pointer;
display: block;
float: left;
font-family: inherit;
font-size: 14px;
font-weight: normal;
height: 42px;
line-height: 40px;
outline: none;
padding-left: 18px;
padding-right: 30px;
position: relative;
text-align: left !important;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
width: auto; }
.nice-select:hover {
border-color: #dbdbdb; }
.nice-select:active, .nice-select.open, .nice-select:focus {
border-color: #999; }
.nice-select:after {
border-bottom: 2px solid #999;
border-right: 2px solid #999;
content: '';
display: block;
height: 5px;
margin-top: -4px;
pointer-events: none;
position: absolute;
right: 12px;
top: 50%;
-webkit-transform-origin: 66% 66%;
-ms-transform-origin: 66% 66%;
transform-origin: 66% 66%;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out;
width: 5px; }
.nice-select.open:after {
-webkit-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
transform: rotate(-135deg); }
.nice-select.open .list {
opacity: 1;
pointer-events: auto;
-webkit-transform: scale(1) translateY(0);
-ms-transform: scale(1) translateY(0);
transform: scale(1) translateY(0); }
.nice-select.disabled {
border-color: #ededed;
color: #999;
pointer-events: none; }
.nice-select.disabled:after {
border-color: #cccccc; }
.nice-select.wide {
width: 100%; }
.nice-select.wide .list {
left: 0 !important;
right: 0 !important; }
.nice-select.right {
float: right; }
.nice-select.right .list {
left: auto;
right: 0; }
.nice-select.small {
font-size: 12px;
height: 36px;
line-height: 34px; }
.nice-select.small:after {
height: 4px;
width: 4px; }
.nice-select.small .option {
line-height: 34px;
min-height: 34px; }
.nice-select .list {
background-color: #fff;
border-radius: 5px;
box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
box-sizing: border-box;
margin-top: 4px;
opacity: 0;
overflow: hidden;
padding: 0;
pointer-events: none;
position: absolute;
top: 100%;
left: 0;
-webkit-transform-origin: 50% 0;
-ms-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transform: scale(0.75) translateY(-21px);
-ms-transform: scale(0.75) translateY(-21px);
transform: scale(0.75) translateY(-21px);
-webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
z-index: 9; }
.nice-select .list:hover .option:not(:hover) {
background-color: transparent !important; }
.nice-select .option {
cursor: pointer;
font-weight: 400;
line-height: 40px;
list-style: none;
min-height: 40px;
outline: none;
padding-left: 18px;
padding-right: 29px;
text-align: left;
-webkit-transition: all 0.2s;
transition: all 0.2s; }
.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
background-color: #f6f6f6; }
.nice-select .option.selected {
font-weight: bold; }
.nice-select .option.disabled {
background-color: transparent;
color: #999;
cursor: default; }
.no-csspointerevents .nice-select .list {
display: none; }
.no-csspointerevents .nice-select.open .list {
display: block; }.odometer.odometer-auto-theme, .odometer.odometer-theme-default {
display: inline-block;
vertical-align: middle;
position: relative;
}
.odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-default .odometer-digit {
display: inline-block;
vertical-align: middle;
position: relative;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {
display: inline-block;
vertical-align: middle;
visibility: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-default .odometer-digit .odometer-digit-inner {
text-align: left;
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon, .odometer.odometer-theme-default .odometer-digit .odometer-ribbon {
display: block;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner, .odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner {
display: block;
-webkit-backface-visibility: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value, .odometer.odometer-theme-default .odometer-digit .odometer-value {
display: block;
-webkit-transform: translateZ(0);
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value, .odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value {
position: absolute;
}
.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner {
-webkit-transition: -webkit-transform 2s;
-moz-transition: -moz-transform 2s;
-ms-transition: -ms-transform 2s;
-o-transition: -o-transform 2s;
transition: transform 2s;
}
.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
-webkit-transition: -webkit-transform 2s;
-moz-transition: -moz-transform 2s;
-ms-transition: -ms-transform 2s;
-o-transition: -o-transform 2s;
transition: transform 2s;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.odometer.odometer-auto-theme, .odometer.odometer-theme-default {  }
.odometer.odometer-auto-theme .odometer-value, .odometer.odometer-theme-default .odometer-value {
text-align: center;
}.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}.vbox-overlay {
--vbox-tools-color: #fff;
--vbox-title-background: #101010;
--vbox-title-width: 'auto';
--vbox-title-radius: 0;
--vbox-share-background: #101010;
--vbox-share-width: 'auto';
--vbox-share-radius: 0
}
.vbox-overlay *, .vbox-overlay :after, .vbox-overlay :before {
-webkit-backface-visibility: hidden;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.vbox-overlay * {
-webkit-backface-visibility: visible;
backface-visibility: visible
}
.vbox-overlay {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
position: fixed;
left: 0;
top: 0;
bottom: 0;
right: 0;
z-index: 999999
}
.vbox-share, .vbox-title {
line-height: 1;
position: fixed;
z-index: 98;
text-align: center;
margin: 0 auto;
color: var(--vbox-tools-color)
}
.vbox-title {
font-size: 12px;
background-color: var(--vbox-title-background);
width: var(--vbox-title-width);
border-radius: var(--vbox-title-radius);
padding: 12px 54px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block
}
.vbox-share {
font-size: 24px;
padding: 0 .35em;
background-color: var(--vbox-share-background);
width: var(--vbox-share-width);
border-radius: var(--vbox-share-radius)
}
.vbox-link-btn, button.vbox-link-btn, button.vbox-link-btn:active, button.vbox-link-btn:focus, button.vbox-link-btn:hover {
border: none !important;
background: 0 0 !important;
box-shadow: none !important;
color: inherit !important;
padding: 6px 12px;
outline: 0;
display: inline-block;
cursor: pointer
}
.vbox-share a {
color: inherit !important;
padding: 6px 12px;
display: inline-block
}
.vbox-share svg {
z-index: 10;
vertical-align: middle
}
.vbox-close {
cursor: pointer;
position: fixed;
top: 20px;
right: 20px;
z-index: 99;
color: #000;
color: var(--vbox-tools-color);
border: 0;
font-size: 24px;
display: flex;
align-items: center;
opacity: .8;
transition: opacity .2s
}
.vbox-close:hover {
opacity: 1
}
.vbox-left-corner {
cursor: pointer;
position: fixed;
left: 20px;
top: 20px;
overflow: hidden;
line-height: 1;
font-size: 12px;
z-index: 99;
display: flex;
align-items: center;
color: var(--vbox-tools-color)
}
.vbox-num {
display: inline-block;
}
.vbox-left {
left: 0
}
.vbox-right {
right: 0
}
.vbox-top {
top: 0
}
.vbox-bottom {
bottom: 0
}
.vbox-next, .vbox-prev {
position: fixed;
top: 50%;
margin-top: -15px;
overflow: hidden;
cursor: pointer;
display: block;
color: #d2d2d2;
width: 30px;
height: 30px;
z-index: 99;
opacity: .8;
transition: opacity .2s
}
.vbox-next:hover, .vbox-prev:hover {
color: #d2d2d2;
opacity: 1
}
.vbox-next span, .vbox-prev span {
position: relative;
width: 20px;
height: 20px;
border: 2px solid transparent;
border-top-color: var(--vbox-tools-color);
border-right-color: var(--vbox-tools-color);
text-indent: -100px;
position: absolute;
top: 8px;
display: block
}
.vbox-prev {
left: 20px
}
.vbox-next {
right: 20px
}
.vbox-prev span {
left: 10px;
-ms-transform: rotate(-135deg);
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg)
}
.vbox-next span {
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
right: 10px
}
.vbox-inline, .venoratio {
position: relative;
width: 100%;
margin: 0 auto
}
.venoratio::before {
display: block;
padding-top: var(--vb-aspect-ratio);
content: ""
}
.venoratio>* {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.venoratio-1x1 {
--vb-aspect-ratio: 100%
}
.venoratio-4x3 {
--vb-aspect-ratio: calc(3 / 4 * 100%)
}
.venoratio-16x9 {
--vb-aspect-ratio: calc(9 / 16 * 100%)
}
.venoratio-21x9 {
--vb-aspect-ratio: calc(9 / 21 * 100%)
}
.vbox-child.vbox-inline, .vbox-child.venoratio {
max-width: 1400px
}
.vbox-open {
overflow: hidden
}
.vbox-container {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
overflow: hidden;
z-index: 20;
max-height: 100%;
padding: 30px 0
}
.vbox-content {
opacity: 0
}
.vbox-content {
text-align: center;
width: 100%;
position: relative;
overflow: hidden;
padding: 20px 5%;
display: flex;
align-items: center;
justify-content: center;
min-height: 90vh;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
}
.vbox-container img {
max-width: 100%;
width: 100%;
height: 100%;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
object-fit: contain;
object-position: center;
}
.vbox-child { max-width: 100%;
text-align: initial;
height: 90vh;
width: 100%;
left: 0;
top: 0;
}
.vbox-child img {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
display: block
}
.vbox-grab .vbox-child img {
cursor: grab
}
.vbox-content.swipe-left {
margin-left: -200px !important
}
.vbox-content.swipe-right {
margin-left: 200px !important
}
.vbox-preloader {
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0)
}
.vbox-preloader .vbox-preloader-inner {
opacity: 1;
transition: opacity .2s
}
.vbox-hidden {
display: none
}
.vbox-preloader.vbox-hidden .vbox-preloader-inner {
opacity: 0
}
.vbox-backdrop {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-transform: translateZ(-1px);
-moz-transform: translateZ(-1px);
-o-transform: translateZ(-1px);
transform: translateZ(-1px);
z-index: 0
}
.vbox-tooltip {
position: relative;
display: inline-block
}
.vbox-tooltip .vbox-tooltip-text {
visibility: hidden;
color: #fff;
text-align: center;
padding: 0;
position: absolute;
z-index: 1;
bottom: 100%;
left: 0;
opacity: 0;
transition: opacity .3s;
margin-bottom: 2px;
font-family: sans-serif
}
.vbox-top .vbox-tooltip .vbox-tooltip-text {
bottom: auto;
top: 100%;
margin-bottom: 0;
margin-top: 2px
}
.vbox-tooltip-inner {
padding: 5px 10px;
background-color: rgba(0, 0, 0, .9);
border-radius: 6px;
font-size: 10px
}
.vbox-tooltip:hover .vbox-tooltip-text {
visibility: visible;
opacity: 1
}
.vbox-overlay {
--sk-size: 40px;
--sk-color: #333
}
.sk-center {
margin: auto
}
.sk-plane {
width: var(--sk-size);
height: var(--sk-size);
background-color: var(--sk-color);
animation: sk-plane 1.2s infinite ease-in-out
}
@keyframes sk-plane {
0% {
transform: perspective(120px) rotateX(0) rotateY(0)
}
50% {
transform: perspective(120px) rotateX(-180.1deg) rotateY(0)
}
100% {
transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg)
}
}
.sk-chase {
width: var(--sk-size);
height: var(--sk-size);
position: relative;
animation: sk-chase 2.5s infinite linear both
}
.sk-chase-dot {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
animation: sk-chase-dot 2s infinite ease-in-out both
}
.sk-chase-dot:before {
content: '';
display: block;
width: 25%;
height: 25%;
background-color: var(--sk-color);
border-radius: 100%;
animation: sk-chase-dot-before 2s infinite ease-in-out both
}
.sk-chase-dot:nth-child(1) {
animation-delay: -1.1s
}
.sk-chase-dot:nth-child(2) {
animation-delay: -1s
}
.sk-chase-dot:nth-child(3) {
animation-delay: -.9s
}
.sk-chase-dot:nth-child(4) {
animation-delay: -.8s
}
.sk-chase-dot:nth-child(5) {
animation-delay: -.7s
}
.sk-chase-dot:nth-child(6) {
animation-delay: -.6s
}
.sk-chase-dot:nth-child(1):before {
animation-delay: -1.1s
}
.sk-chase-dot:nth-child(2):before {
animation-delay: -1s
}
.sk-chase-dot:nth-child(3):before {
animation-delay: -.9s
}
.sk-chase-dot:nth-child(4):before {
animation-delay: -.8s
}
.sk-chase-dot:nth-child(5):before {
animation-delay: -.7s
}
.sk-chase-dot:nth-child(6):before {
animation-delay: -.6s
}
@keyframes sk-chase {
100% {
transform: rotate(360deg)
}
}
@keyframes sk-chase-dot {
100%, 80% {
transform: rotate(360deg)
}
}
@keyframes sk-chase-dot-before {
50% {
transform: scale(.4)
}
0%, 100% {
transform: scale(1)
}
}
.sk-bounce {
width: var(--sk-size);
height: var(--sk-size);
position: relative
}
.sk-bounce-dot {
width: 100%;
height: 100%;
border-radius: 50%;
background-color: var(--sk-color);
opacity: .6;
position: absolute;
top: 0;
left: 0;
animation: sk-bounce 2s infinite cubic-bezier(.455, .03, .515, .955)
}
.sk-bounce-dot:nth-child(2) {
animation-delay: -1s
}
@keyframes sk-bounce {
0%, 100% {
transform: scale(0)
}
45%, 55% {
transform: scale(1)
}
}
.sk-wave {
width: var(--sk-size);
height: var(--sk-size);
display: flex;
justify-content: space-between
}
.sk-wave-rect {
background-color: var(--sk-color);
height: 100%;
width: 15%;
animation: sk-wave 1.2s infinite ease-in-out
}
.sk-wave-rect:nth-child(1) {
animation-delay: -1.2s
}
.sk-wave-rect:nth-child(2) {
animation-delay: -1.1s
}
.sk-wave-rect:nth-child(3) {
animation-delay: -1s
}
.sk-wave-rect:nth-child(4) {
animation-delay: -.9s
}
.sk-wave-rect:nth-child(5) {
animation-delay: -.8s
}
@keyframes sk-wave {
0%, 100%, 40% {
transform: scaleY(.4)
}
20% {
transform: scaleY(1)
}
}
.sk-pulse {
width: var(--sk-size);
height: var(--sk-size);
background-color: var(--sk-color);
border-radius: 100%;
animation: sk-pulse 1.2s infinite cubic-bezier(.455, .03, .515, .955)
}
@keyframes sk-pulse {
0% {
transform: scale(0)
}
100% {
transform: scale(1);
opacity: 0
}
}
.sk-flow {
width: calc(var(--sk-size) * 1.3);
height: calc(var(--sk-size) * 1.3);
display: flex;
justify-content: space-between
}
.sk-flow-dot {
width: 25%;
height: 25%;
background-color: var(--sk-color);
border-radius: 50%;
animation: sk-flow 1.4s cubic-bezier(.455, .03, .515, .955) 0s infinite both
}
.sk-flow-dot:nth-child(1) {
animation-delay: -.3s
}
.sk-flow-dot:nth-child(2) {
animation-delay: -.15s
}
@keyframes sk-flow {
0%, 100%, 80% {
transform: scale(.3)
}
40% {
transform: scale(1)
}
}
.sk-swing {
width: var(--sk-size);
height: var(--sk-size);
position: relative;
animation: sk-swing 1.8s infinite linear
}
.sk-swing-dot {
width: 45%;
height: 45%;
position: absolute;
top: 0;
left: 0;
right: 0;
margin: auto;
background-color: var(--sk-color);
border-radius: 100%;
animation: sk-swing-dot 2s infinite ease-in-out
}
.sk-swing-dot:nth-child(2) {
top: auto;
bottom: 0;
animation-delay: -1s
}
@keyframes sk-swing {
100% {
transform: rotate(360deg)
}
}
@keyframes sk-swing-dot {
0%, 100% {
transform: scale(.2)
}
50% {
transform: scale(1)
}
}
.sk-circle {
width: var(--sk-size);
height: var(--sk-size);
position: relative
}
.sk-circle-dot {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0
}
.sk-circle-dot:before {
content: '';
display: block;
width: 15%;
height: 15%;
background-color: var(--sk-color);
border-radius: 100%;
animation: sk-circle 1.2s infinite ease-in-out both
}
.sk-circle-dot:nth-child(1) {
transform: rotate(30deg)
}
.sk-circle-dot:nth-child(2) {
transform: rotate(60deg)
}
.sk-circle-dot:nth-child(3) {
transform: rotate(90deg)
}
.sk-circle-dot:nth-child(4) {
transform: rotate(120deg)
}
.sk-circle-dot:nth-child(5) {
transform: rotate(150deg)
}
.sk-circle-dot:nth-child(6) {
transform: rotate(180deg)
}
.sk-circle-dot:nth-child(7) {
transform: rotate(210deg)
}
.sk-circle-dot:nth-child(8) {
transform: rotate(240deg)
}
.sk-circle-dot:nth-child(9) {
transform: rotate(270deg)
}
.sk-circle-dot:nth-child(10) {
transform: rotate(300deg)
}
.sk-circle-dot:nth-child(11) {
transform: rotate(330deg)
}
.sk-circle-dot:nth-child(1):before {
animation-delay: -1.1s
}
.sk-circle-dot:nth-child(2):before {
animation-delay: -1s
}
.sk-circle-dot:nth-child(3):before {
animation-delay: -.9s
}
.sk-circle-dot:nth-child(4):before {
animation-delay: -.8s
}
.sk-circle-dot:nth-child(5):before {
animation-delay: -.7s
}
.sk-circle-dot:nth-child(6):before {
animation-delay: -.6s
}
.sk-circle-dot:nth-child(7):before {
animation-delay: -.5s
}
.sk-circle-dot:nth-child(8):before {
animation-delay: -.4s
}
.sk-circle-dot:nth-child(9):before {
animation-delay: -.3s
}
.sk-circle-dot:nth-child(10):before {
animation-delay: -.2s
}
.sk-circle-dot:nth-child(11):before {
animation-delay: -.1s
}
@keyframes sk-circle {
0%, 100%, 80% {
transform: scale(0)
}
40% {
transform: scale(1)
}
}
.sk-circle-fade {
width: var(--sk-size);
height: var(--sk-size);
position: relative
}
.sk-circle-fade-dot {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0
}
.sk-circle-fade-dot:before {
content: '';
display: block;
width: 15%;
height: 15%;
background-color: var(--sk-color);
border-radius: 100%;
animation: sk-circle-fade 1.2s infinite ease-in-out both
}
.sk-circle-fade-dot:nth-child(1) {
transform: rotate(30deg)
}
.sk-circle-fade-dot:nth-child(2) {
transform: rotate(60deg)
}
.sk-circle-fade-dot:nth-child(3) {
transform: rotate(90deg)
}
.sk-circle-fade-dot:nth-child(4) {
transform: rotate(120deg)
}
.sk-circle-fade-dot:nth-child(5) {
transform: rotate(150deg)
}
.sk-circle-fade-dot:nth-child(6) {
transform: rotate(180deg)
}
.sk-circle-fade-dot:nth-child(7) {
transform: rotate(210deg)
}
.sk-circle-fade-dot:nth-child(8) {
transform: rotate(240deg)
}
.sk-circle-fade-dot:nth-child(9) {
transform: rotate(270deg)
}
.sk-circle-fade-dot:nth-child(10) {
transform: rotate(300deg)
}
.sk-circle-fade-dot:nth-child(11) {
transform: rotate(330deg)
}
.sk-circle-fade-dot:nth-child(1):before {
animation-delay: -1.1s
}
.sk-circle-fade-dot:nth-child(2):before {
animation-delay: -1s
}
.sk-circle-fade-dot:nth-child(3):before {
animation-delay: -.9s
}
.sk-circle-fade-dot:nth-child(4):before {
animation-delay: -.8s
}
.sk-circle-fade-dot:nth-child(5):before {
animation-delay: -.7s
}
.sk-circle-fade-dot:nth-child(6):before {
animation-delay: -.6s
}
.sk-circle-fade-dot:nth-child(7):before {
animation-delay: -.5s
}
.sk-circle-fade-dot:nth-child(8):before {
animation-delay: -.4s
}
.sk-circle-fade-dot:nth-child(9):before {
animation-delay: -.3s
}
.sk-circle-fade-dot:nth-child(10):before {
animation-delay: -.2s
}
.sk-circle-fade-dot:nth-child(11):before {
animation-delay: -.1s
}
@keyframes sk-circle-fade {
0%, 100%, 39% {
opacity: 0;
transform: scale(.6)
}
40% {
opacity: 1;
transform: scale(1)
}
}
.sk-grid {
width: var(--sk-size);
height: var(--sk-size)
}
.sk-grid-cube {
width: 33.33%;
height: 33.33%;
background-color: var(--sk-color);
float: left;
animation: sk-grid 1.3s infinite ease-in-out
}
.sk-grid-cube:nth-child(1) {
animation-delay: .2s
}
.sk-grid-cube:nth-child(2) {
animation-delay: .3s
}
.sk-grid-cube:nth-child(3) {
animation-delay: .4s
}
.sk-grid-cube:nth-child(4) {
animation-delay: .1s
}
.sk-grid-cube:nth-child(5) {
animation-delay: .2s
}
.sk-grid-cube:nth-child(6) {
animation-delay: .3s
}
.sk-grid-cube:nth-child(7) {
animation-delay: 0s
}
.sk-grid-cube:nth-child(8) {
animation-delay: .1s
}
.sk-grid-cube:nth-child(9) {
animation-delay: .2s
}
@keyframes sk-grid {
0%, 100%, 70% {
transform: scale3D(1, 1, 1)
}
35% {
transform: scale3D(0, 0, 1)
}
}
.sk-fold {
width: var(--sk-size);
height: var(--sk-size);
position: relative;
transform: rotateZ(45deg)
}
.sk-fold-cube {
float: left;
width: 50%;
height: 50%;
position: relative;
transform: scale(1.1)
}
.sk-fold-cube:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--sk-color);
animation: sk-fold 2.4s infinite linear both;
transform-origin: 100% 100%
}
.sk-fold-cube:nth-child(2) {
transform: scale(1.1) rotateZ(90deg)
}
.sk-fold-cube:nth-child(4) {
transform: scale(1.1) rotateZ(180deg)
}
.sk-fold-cube:nth-child(3) {
transform: scale(1.1) rotateZ(270deg)
}
.sk-fold-cube:nth-child(2):before {
animation-delay: .3s
}
.sk-fold-cube:nth-child(4):before {
animation-delay: .6s
}
.sk-fold-cube:nth-child(3):before {
animation-delay: .9s
}
@keyframes sk-fold {
0%, 10% {
transform: perspective(140px) rotateX(-180deg);
opacity: 0
}
25%, 75% {
transform: perspective(140px) rotateX(0);
opacity: 1
}
100%, 90% {
transform: perspective(140px) rotateY(180deg);
opacity: 0
}
}
.sk-wander {
width: var(--sk-size);
height: var(--sk-size);
position: relative
}
.sk-wander-cube {
background-color: var(--sk-color);
width: 20%;
height: 20%;
position: absolute;
top: 0;
left: 0;
--sk-wander-distance: calc(var(--sk-size) * 0.75);
animation: sk-wander 2s ease-in-out -2s infinite both
}
.sk-wander-cube:nth-child(2) {
animation-delay: -.5s
}
.sk-wander-cube:nth-child(3) {
animation-delay: -1s
}
@keyframes sk-wander {
0% {
transform: rotate(0)
}
25% {
transform: translateX(var(--sk-wander-distance)) rotate(-90deg) scale(.6)
}
50% {
transform: translateX(var(--sk-wander-distance)) translateY(var(--sk-wander-distance)) rotate(-179deg)
}
50.1% {
transform: translateX(var(--sk-wander-distance)) translateY(var(--sk-wander-distance)) rotate(-180deg)
}
75% {
transform: translateX(0) translateY(var(--sk-wander-distance)) rotate(-270deg) scale(.6)
}
100% {
transform: rotate(-360deg)
}
}.widget-posts-list li:before {
display: none;
}
.widget-posts-list li {
width: 100%;
overflow: hidden;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
align-items: center;
padding-left: 0 !important;
}
.widget-posts-list li .widget-post-thumb {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.widget-posts-list li .widget-post-thumb .thumb {
background-repeat: no-repeat;
background-size: cover;
background-position: center;
width: 80px;
height: 70px;
margin: 0;
border-radius: 2px;
}
.widget-posts-list.circle li .widget-post-thumb .thumb {
width: 70px;
border-radius: 50%;
}
.widget-posts-list li .widget-post-thumb img {
width: 100%;
}
.widget-posts-list li .widget-post-content {
padding-left: 1.2rem !important;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.widget-posts-list li .widget-post-content a {
font-family: var(--ansol-primary-font, 'Inter');
color: var(--ansol-heading-color, #1c1c1c);
font-size: 16px;
font-weight: 700;
line-height: 20px;
letter-spacing: -0.5px;
display: block;
}
.widget-posts-list li .widget-post-content a:hover {
color: var(--ansol-primary-color, #fa360a);
text-decoration: underline;
}
.widget-posts-list li .widget-post-content .post-date {
font-family: var(--ansol-primary-font, 'Inter');
color: var(--ansol-base-color, #666);
font-size: 14px;
text-transform: capitalize;
line-height: 1;
font-weight: 500;
letter-spacing: -0.5px;
display: block;
margin-top: 10px;
}
.widget .widget-posts-list li:not(:last-of-type) {
margin-bottom: 20px;
} .swiper-container {
height: 300px;
}
.carousel-preloader {
background-color: #fff;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
display: flex;
align-items: center;
justify-content: center;
z-index: 10;
}
.carousel-preloader .dot-flashing,
.carousel-preloader .dot-flashing::before,
.carousel-preloader .dot-flashing::after {
background-color: #666;
}
.swiper-container-initialized {
height: auto;
}
.swiper-container-initialized .carousel-preloader {
opacity: 0;
visibility: hidden;
transition: all 0.2s linear;
}
.dl-slider-controls {
display: flex;
align-items: center;
justify-content: center;
column-gap: 20px;
margin-top: 30px;
}
.swiper-container-rtl .dl-slider-controls.style-1 {
flex-direction: row-reverse;
}
.dl-slider-button-prev, .dl-slider-button-next {
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: all 0.2s ease-in-out;
}
.dl-slider-button-prev:hover, .dl-slider-button-next:hover {
color: var(--ansol-primary-color, #fa360a);
transition: all 0.2s ease-in-out;
}
.dl-slider-button-prev svg, .dl-slider-button-next svg {
width: 20px;
} @media (min-width: 992px) {
.nav-outside {
margin: 0;
}
.nav-outside .swiper-container {
position: static;
width: calc(100% - 90px);
}
.nav-outside .dl-slider-controls.style-2 .dl-slider-button-prev {
left: 0;
}
.nav-outside .dl-slider-controls.style-2 .dl-slider-button-next {
left: auto;
right: 0;
}
}
.dl-slider-controls.style-2 .dl-slider-button-prev,
.dl-slider-controls.style-2 .dl-slider-button-next {
background-color: #fff;
color: #0b2238;
border: 1px solid #eee;
width: 50px;
height: 50px;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
border-radius: 50%;
z-index: 1;
}
.dl-slider-controls.style-2 .dl-slider-button-next {
left: auto;
right: 0;
}
.nav-outside .dl-slider-controls.style-2 .dl-slider-button-prev,
.nav-outside .dl-slider-controls.style-2 .dl-slider-button-next {
width: 40px;
height: 40px;
}
.nav-outside .dl-slider-button-prev svg, .nav-outside .dl-slider-button-next svg {
width: 15px;
}
.dl-slider-controls.style-2 .dl-slider-button-prev:hover,
.dl-slider-controls.style-2 .dl-slider-button-next:hover {
background-color: var(--ansol-primary-color, #fa360a);
color: #fff;
}
@media (max-width: 992px) {
.nav-none .dl-slider-button-prev,
.nav-none .dl-slider-button-next {
display: none;
}
} .dl-swiper-pagination {
display: flex;
align-items: center;
justify-content: center;
column-gap: 0;
}
.dl-swiper-pagination .swiper-pagination-bullet {
width: 25px;
height: 25px;
display: flex;
align-items: center;
justify-content: center;
-webkit-border-radius: inherit;
border-radius: inherit;
background: transparent;
opacity: 1;
}
.dl-swiper-pagination .swiper-pagination-bullet svg {
width: 100%;
height: 100%;
}
.dl-swiper-pagination .swiper-pagination-bullet .path {
stroke: #eee;
stroke-width: 1px;
display: none;
}
.dl-swiper-pagination .swiper-pagination-bullet .solid-fill {
fill: #eee;
}
.dl-swiper-pagination .swiper-pagination-bullet-active .path {
stroke: var(--ansol-primary-color, #fa360a);
display: inline-block !important;
stroke-dasharray: 1000;
stroke-dashoffset: 0;
animation: dash ease-in 3s;
animation-iteration-count: unset;
}
.dl-swiper-pagination .swiper-pagination-bullet-active .solid-fill {
fill: var(--ansol-primary-color, #fa360a);
}
@-webkit-keyframes dash {
from {
stroke-dashoffset: 1000;
}
to {
stroke-dashoffset: 0;
}
}
@keyframes dash {
from {
stroke-dashoffset: 1000;
}
to {
stroke-dashoffset: 0;
}
} .dl-pagination {
width: 100%;
display: flex;
justify-content: center;
column-gap: 20px;
align-items: center;
margin-top: 40px;
}
.dl-pagination .current, .dl-pagination a {
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
}
.dl-pagination a {
background-color: #f7f8f9;
color: var(--ansol-base-color, #666);
}
.dl-pagination a svg {
width: 20px;
}
.dl-pagination a:hover, .dl-pagination .current {
background-color: var(--ansol-primary-color, #fa360a);
color: #fff;
-webkit-box-shadow: 0px 10px 33.25px 1.75px rgb(0 27 103 / 35%);
box-shadow: 0px 10px 33.25px 1.75px rgb(0 27 103 / 35%);
} .adv-bg {
background-color: #f5f5f5;
width: 50%;
height: 100%;
position: absolute;
}
.adv-overlay-bg {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
} .dl-el-items .dl-el-item {
display: grid;
grid-template-columns: 60px 1fr;
align-items: flex-start;
grid-gap: 20px;
}
.dl-el-items .dl-el-item:not(:last-of-type) {
margin-bottom: 20px;
}
.list-top .dl-el-items .dl-el-item {
grid-template-columns: 1fr;
}
.list-top .dl-el-items .dl-el-item .dl-el-list-icon {
width: 60px;
}
.dl-el-items .dl-el-item .dl-el-list-icon {
background-color: var(--ansol-primary-color, #fa360a);
width: 100%;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
font-size: 30px;
color: #ffffff;
}
.dl-el-items .dl-el-item .dl-el-list-icon svg {
fill: #ffffff;
}
.dl-el-items .dl-el-item .dl-el-list-content h3 {
margin: 0 0 5px;
font-size: 18px;
line-height: 1;
color: var(--ansol-heading-color, #1c1c1c);
}
.dl-el-items .dl-el-item .dl-el-list-content p {
font-size: 17px;
line-height: 28px;
letter-spacing: -0.2px;
color: var(--ansol-base-color, #666);
margin: 0;
} .el-social-items {
list-style: none;
margin: 0;
padding: 0;
display: block;
}
.el-social-items li {
display: inline-block;
margin-right: 5px;
}
.el-social-items a {
display: inline-block;
width: 45px;
height: 45px;
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
line-height: 1;
color: #fff;
position: relative;
overflow: hidden;
z-index: 1;
}
.el-social-items.style-1 a {
background-color: var(--ansol-primary-color, #fa360a);
}
.el-social-items a:focus,
.el-social-items a:hover {
color: #fff;
}
.el-social-items.style-1 a:before,
.el-social-items.style-1 a:after {
background-color: var(--ansol-dark, #02113f);
content: '';
position: absolute;
top: 0;
left: 0;
transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
z-index: -1;
}
.el-social-items.style-1 a:before,
.el-social-items.style-1 a:after {
height: 50%;
width: 0;
}
.el-social-items.style-1 a:after {
left: auto;
right: 0;
top: auto;
bottom: 0;
}
.el-social-items.style-1 a:focus:before,
.el-social-items.style-1 a:focus:after,
.el-social-items.style-1 a:hover:before,
.el-social-items.style-1 a:hover:after {
width: 100%;
} .el-social-items.style-2 a {
background-color: transparent;
overflow: hidden;
}
.el-social-items.style-2 a:before {
content: "";
z-index: 1;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.el-social-items.style-2 a:after {
content: "";
z-index: -2;
position: absolute;
left: 3px;
top: 3px;
width: 100%;
height: 100%;
transition: all 0.3s 0.2s;
}
.el-social-items.style-2 a:hover {
color: #FFFFFF;
}
.el-social-items.style-2 a:hover:after {
transition: all 0.3s;
left: 0;
top: 0;
}
.blob-dl-btn__inner {
z-index: -1;
overflow: hidden;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: var(--ansol-primary-color, #fa360a);
border-radius: 2px;
transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.blob-dl-btn__blobs {
position: relative;
display: block;
height: 100%;
}
.blob-dl-btn__blob {
position: absolute;
top: 2px;
width: 25%;
height: 100%;
background: var(--ansol-dark, #02113f);
border-radius: 100%;
transform: translate3d(0, 150%, 0) scale(1.7);
transition: transform 0.45s;
}
.blob-dl-btn__blob:nth-child(1) {
left: 0%;
transition-delay: 0s;
}
.blob-dl-btn__blob:nth-child(2) {
left: 30%;
transition-delay: 0.08s;
}
.blob-dl-btn__blob:nth-child(3) {
left: 60%;
transition-delay: 0.16s;
}
.blob-dl-btn__blob:nth-child(4) {
left: 90%;
transition-delay: 0.24s;
}
.el-social-items.style-2 a:hover .blob-dl-btn__blob {
transform: translateZ(0) scale(1.7);
} .clearfix::after {
display: block;
clear: both;
content: "";
}  .dl-widget-about .widget-brand img {
max-width: 100%;
}
.dl-widget-about .footer-icon-box {
display: flex;
justify-content: flex-start;
margin-top: 25px;
}
.dl-widget-about .footer-icon-box div:not(.footer-icon-content) {
height: 50px;
}
.dl-widget-about .footer-icon-box svg {
width: 50px;
height: 50px;
margin-right: 15px;
fill: var(--ansol-primary-color, #fa360a);
}
.dl-widget-about .footer-icon-content h3 {
font-size: 20px;
line-height: 1;
font-weight: 600;
color: var(--ansol-heading-color, #1c1c1c);
letter-spacing: -0.5px;
margin: 0 0 5px;
}
.dl-widget-about .footer-icon-content a {
font-family: var(--ansol-primary-font, 'Inter');
color: var(--ansol-primary-color, #fa360a);
display: block;
text-decoration: underline;
font-size: 15px;
font-weight: 600;
line-height: 1;
letter-spacing: 0;
}
.dl-widget-about .footer-icon-content a:hover {
color: var(--ansol-heading-color, #1c1c1c);
} .footer-widgets-area .dl-widget-about .widget-brand img {
max-width: 60%;
}
.footer-widgets-area .dl-widget-about .footer-icon-box svg {
width: 45px;
height: 45px;
}
.footer-widgets-area .dl-widget-about .footer-icon-content h3 {
font-size: 18px;
}
.footer-widgets-area.dark .dl-widget-about .footer-icon-content a:hover,
.footer-widgets-area.dark .dl-widget-about .footer-icon-content h3 {
color: #ddd;
}
.footer-widgets-area.dark .dl-widget-about p {
color: #ddd;
} .dl-widget-about .wt-social-icons {
list-style: none;
margin: 25px 0 0;
padding: 0;
}
.dl-widget-about .wt-social-icons li {
display: inline-block;
padding: 0;
margin-right: 5px;
margin-bottom: 5px;
}
.dl-widget-about .wt-social-icons li::before {
display: none;
}
.dl-widget-about .wt-social-icons li a {
background-color: var(--ansol-dark, #02113f);
color: #ffffff;
border-radius: 2px;
font-size: 14px;
width: 35px;
height: 35px;
line-height: 1;
display: inline-flex;
align-items: center;
justify-content: center;
}
.dl-widget-about .wt-social-icons li a:hover {
opacity: 0.9;
}
.mc4wp-form-widget ul.mc-social-icons li.facebook-f a,
.dl-widget-about .wt-social-icons li.facebook-f a {
background-color: #1877f2;
}
.mc4wp-form-widget ul.mc-social-icons li.twitter a,
.dl-widget-about .wt-social-icons li.twitter a {
background-color: #1da1f2;
}
.mc4wp-form-widget ul.mc-social-icons li.instagram a,
.dl-widget-about .wt-social-icons li.instagram a {
background-color: #c13584;
}
.mc4wp-form-widget ul.mc-social-icons li.pinterest-2 a,
.dl-widget-about .wt-social-icons li.pinterest-2 a {
background-color: #e60023;
}
.mc4wp-form-widget ul.mc-social-icons li.linkedin-in a,
.dl-widget-about .wt-social-icons li.linkedin-in a {
background-color: #0077b5;
}
.mc4wp-form-widget ul.mc-social-icons li.behance a,
.dl-widget-about .wt-social-icons li.behance a {
background-color: #1769ff;
}
.mc4wp-form-widget ul.mc-social-icons li.youtube-2 a,
.dl-widget-about .wt-social-icons li.youtube-2 a {
background-color: #ff0000;
}
.mc4wp-form-widget ul.mc-social-icons li.dribbble a,
.dl-widget-about .wt-social-icons li.dribbble a {
background-color: #ea4c89;
}
.mc4wp-form-widget ul.mc-social-icons li.flickr a,
.dl-widget-about .wt-social-icons li.flickr a {
background-color: #ff0084;
} .widget .contact-info-list {
width: 100%;
display: flex;
flex-direction: column;
row-gap: 15px;
list-style: none;
margin: 0;
padding: 0;
}
.widget .contact-info-list li {
width: 100%;
display: grid;
grid-template-columns: 30px 1fr;
grid-column-gap: 10px;
padding: 0;
}
.widget .contact-info-list li::before {
display: none;
}
.widget .contact-info-list li i {
font-size: 30px;
color: var(--ansol-primary-color, #fa360a);
}
.widget .contact-info-list li,
.widget .contact-info-list li a {
font-size: 17px;
line-height: 26px;
color: var(--ansol-heading-color, #1c1c1c);
}
.dark .widget .contact-info-list li,
.dark .widget .contact-info-list li a {
color: #ddd;
}
.widget .contact-info-list li a:hover,
.dark .widget .contact-info-list li a:hover {
color: var(--ansol-primary-color, #fa360a);
} .mc4wp-form-widget {
overflow: hidden;
}
.mc4wp-form-widget label {
font-family: "Work Sans", sans-serif;
font-size: 12px;
}
.mc4wp-form-widget input[type="email"] {
width: 100%;
border-radius: 0;
border: 1px solid #eee;
background-color: #fff;
color: #6c7a87;
padding: 11px 10px;
margin-bottom: 10px;
}
.dark-widget .mc4wp-form-widget input[type="email"] {
border: 1px solid #333;
background-color: #333;
color: #fff;
}
.mc4wp-form-widget input::-webkit-input-placeholder {
color: #999 !important;
}
.mc4wp-form-widget input:-moz-placeholder { color: #999 !important;
}
.mc4wp-form-widget input::-moz-placeholder { color: #999 !important;
}
.mc4wp-form-widget input:-ms-input-placeholder {
color: #999 !important;
}
.mc4wp-form-widget input[type="submit"] {
background-color: var(--ansol-primary-color, #fa360a);
width: 100%;
line-height: 45px;
min-height: 45px;
padding: 0;
transition: opacity 0.35s ease;
}
.mc4wp-form-widget input[type="submit"]:hover {
opacity: 0.9;
transition: opacity 0.35s ease;
} .mc4wp-form-widget.style-2 .mc4wp-form-fields {
position: relative;
}
.mc4wp-form-widget.style-2 input[type="email"] {
padding: 0 60px 0 10px;
margin-bottom: 0;
line-height: 50px;
}
.mc4wp-form-widget.style-2 input[type="submit"] {
background-image: url(//www.devillesdrivingschool.co.uk/wp-content/plugins/ansol-core/assets/img/paper-plane.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 15px;
width: 45px;
height: 45px;
position: absolute;
right: 4px;
top: 50%;
text-indent: 9999px;
transform: translateY(-50%);
}
.mc4wp-form-submitted p {
margin: 0;
}
.mc4wp-form-submitted .mc4wp-error,
.mc4wp-form-submitted .mc4wp-success {
margin-top: 20px;
padding: 10px;
line-height: 26px;
}
.mc4wp-form-submitted .mc4wp-success {
border: 1px solid green;
color: green;
}
.mc4wp-form-submitted .mc4wp-error {
border: 1px solid red;
color: red;
}
.dark-widget .mc4wp-form-submitted .mc4wp-success p {
color: green;
}
.dark-widget .mc4wp-form-submitted .mc4wp-error p a,
.dark-widget .mc4wp-form-submitted .mc4wp-error p {
color: red;
}
.mc4wp-form-widget .desc {
margin-bottom: 0;
margin-top: 15px;
}
.dark-widget .mc4wp-form-widget .mc-social-icons,
.mc4wp-form-widget .mc-social-icons {
display: block;
margin-top: 20px;
}
.mc4wp-form-widget .mc-social-icons li {
display: inline-block;
margin-bottom: 5px;
padding: 0;
}
.mc4wp-form-widget .mc-social-icons li::before {
display: none;
}
.mc4wp-form-widget .mc-social-icons li:not(:last-of-type) {
margin-right: 5px;
margin-bottom: 5px;
}
.mc4wp-form-widget .mc-social-icons li a {
background-color: var(--ansol-dark, #02113f);
color: #ffffff;
display: inline-flex;
align-items: center;
justify-content: center;
width: 35px;
height: 35px;
line-height: 1;
font-size: 14px;
}
.mc4wp-form-widget .mc-social-icons li a:hover {
opacity: 0.8;
}
.dark-widget .mc4wp-error a {
color: #ddd;
}