:root {
    --blue: #088acb;
    --light-blue: #ebf7fa;
    --orange: #ff7200;
    --charcoal-grey: #404a50;
    --dark-color: #2F4858;
    --text-color: #333;
    --font: 'Montserrat', sans-serif;
    --menu-top-h: 70px;
}

/* -----------------------------------------
   General
----------------------------------------- */

html {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    height: 100%;
    padding-top: var(--menu-top-h);
}

html.html {
    margin-top: 0 !important;
}

body {
    font-display: auto;
    font-family: var(--font);
    color: #333;
    margin: 0;
    height: 100%;
    background-color: #fff;
}

* {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

input, textarea, select {
    font-display: auto;
    font-family: var(--font);
    outline: none;
}

input[type="text"], input[type="email"], input[type="submit"], input[type="tel"], textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
}

textarea {
    border-radius: 0;
    height: 150px;
    resize: none;
    box-shadow: none;
}

::-webkit-input-placeholder { color: #666; }
::-moz-placeholder { color: #666; }
:-ms-input-placeholder { color: #666; }

a {
    text-decoration: none;
}

.page b {
    font-weight: bold;
}

img {
    border: 0;
    vertical-align: top;
    outline: none;
}

p:empty {
    display: none;
}

.page {
    width: 100%;
    flex: 1 0 auto;
}

.row {
    max-width: 1200px;
}

.flex-fl {
    display: flex;
    flex-flow: wrap;
}

.flex {
    display: flex;
    justify-content: space-between;
}

.grid {
    display: grid;
}

.b-800 {
    font-weight: 800 !important;
}

.wrapper {
    margin: auto;
    padding: 0 30px;
    max-width: 1230px;
}

.h1, .h2, .h3 {
    color: var(--dark-color);
}

.text-white {
    color: #fff !important;
}

.blue {
    color: #088acb;
    font-weight: 600;
}

.blue-color {
    color: #088acb;
}

.orange-txt {
    color: #ff7200 !important;
}

.center {
    text-align: center;
}

.hidden {
    display: none;
}
.show {
    display: block;
}
.grecaptcha-badge {
    opacity: 0 !important;
}

/* -----------------------------------------
   Header Styles
----------------------------------------- */

.main-header-box {
    background: #fff;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 50;
    -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, .1) !important;
    -moz-box-shadow: 0 0 7px rgba(0, 0, 0, .1) !important;
    box-shadow: 0 0 7px rgba(0, 0, 0, .1) !important;
}

.main-header {
    height: var(--menu-top-h);
}

.main-header > .wrapper {
    align-items: center;
    height: 100%;
    max-width: 100%;
}

.main-header-right {
    white-space: nowrap;
    align-items: center;
}

.dropdown > .dropdown-menu {
    /*max-width: 850px;*/
    min-width: auto;
    overflow: hidden;
}

.main-nav > ul > li {
    height: var(--menu-top-h);
}

.main-nav li {
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    line-height: var(--menu-top-h);
    /*position: relative;*/
}

.main-nav li:hover > a {
    color: var(--orange);
}

.main-nav .menu-item-has-children li:hover > a[href="#"],
.main-nav .menu-item-has-children li:hover > a[href=""]{
    color: inherit;
    cursor: default;
}

/*.main-nav li.dropdown:hover > a {
    box-shadow: 0 -1px 12px 2px rgba(0, 0, 0, 0.09);
}*/

.main-nav a {
    color: var(--dark-color);
    padding: 0 1.2vw;
    display: inline-block;
}

.main-nav .current-menu-item > a,
.main-nav .current-menu-parent > a {
    color: var(--orange);
}
.main-nav-mob .solutions-item-parent > a,
.solutions-item-parent > a {
    display: none;
}
.menu-item-desc {
    line-height: normal;
    font-weight: normal;
    letter-spacing: -0.01px;
    color: #4a4a4a;
    font-size: 12px;
    white-space: break-spaces;
}
.menu-item-who li > a:before, .solutions-item-parent li > a:before {
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
    max-height: 32px;
}
.main-menu .menu-item-frontline-ai .dropdown-menu > li > a {
    padding: 6px 0 !important;
}
.menu-item-frontline-ai .dropdown-menu > li > a:before {
    display: inline-block;
    padding-right: 10px;
    margin-top: 6px;
    vertical-align: middle;
}
.menu-item-edvir a:before {
    content: url(../images/menu/eDVIR-ico.svg);
}
.menu-item-safety a:before {
    content: url(../images/menu/safety-ico.svg);
}
.menu-item-issue a:before {
    content: url(../images/menu/issue-repair-ico.svg);
}
.menu-item-maintenance a:before {
    content: url(../images/menu/calendar.svg);
}
.menu-item-visibility a:before {
    content: url(../images/menu/visibility-ico.svg);
}
.menu-item-api a:before {
    content: url(../images/menu/API2-ico.svg);
}
.menu-item-equipment a:before {
    content: url(../images/menu/equipment-ico.svg);
}
.menu-item-forklift a:before {
    content: url(../images/menu/forklift.svg);
}
.menu-item-repair a:before {
    content: url(../images/menu/repair-ico.svg);
}
.menu-item-vehicle a:before {
    content: url(../images/menu/key-ico.svg);
}
.menu-item-rental a:before {
    content: url(../images/menu/rental-ico.svg);
}
.menu-item-delivery a:before {
    content: url(../images/menu/delivery-ico.svg);
}
.menu-item-schools a:before {
    content: url(../images/menu/school-ico.svg);
}
.menu-item-construction a:before {
    content: url(../images/menu/construction-ico.svg);
}
.menu-item-trucking a:before {
    content: url(../images/menu/trucking-ico.svg);
}
.menu-item-gov a:before {
    content: url(../images/menu/gov-ico.svg);
}
.menu-item-asset a:before {
    content: url(../images/menu/assessment-ico.svg);
}
.menu-item-ai-warehouses a:before {
    content: url(../images/menu/ico-ai-warehouses.svg);
}
.menu-item-ai-warehouses.active a:before {
    content: url(../images/menu/ico-ai-warehouses-o.svg);
}
.menu-item-ai-construction a:before {
    content: url(../images/menu/ico-ai-construction.svg);
}
.menu-item-ai-construction.active a:before {
    content: url(../images/menu/ico-ai-construction-o.svg);
}
.menu-item-ai-fleets a:before {
    content: url(../images/menu/ico-ai-fleets.svg);
}
.menu-item-ai-fleets.active a:before {
    content: url(../images/menu/ico-ai-fleets-o.svg);
}
.solutions-item-parent {
    min-width: 700px;
}

.mobile-menu {
    display: none;
}

.mobile-menu-icon {
    width: 25px;
    height: 19px;
    position: relative;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
}

.mobile-menu-icon span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background: var(--dark-color);
    border-radius: 3px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

.mobile-menu-icon span:nth-child(1) {
    top: 0px;
}

.mobile-menu-icon span:nth-child(2), .mobile-menu-icon span:nth-child(3) {
    top: 8px;
}

.mobile-menu-icon span:nth-child(4) {
    top: 16px;
}

.mobile-menu-icon.open span:nth-child(1) {
    top: 18px;
    width: 0%;
    left: 50%;
}

.mobile-menu-icon.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.mobile-menu-icon.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.mobile-menu-icon.open span:nth-child(4) {
    top: 18px;
    width: 0%;
    left: 50%;
}

.m-nav-overlay {
    background-color: #333;
    opacity: .7;
    width: 100%;
    height: 100%;
    right: 0;
    position: fixed;
    z-index: 48;
}

.m-nav-overlay.enter {
    opacity: .7;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: opacity .3s linear;
    transition: opacity .3s linear;
}

.m-nav-overlay.leave {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 0;
    -webkit-transition: opacity .3s linear, -webkit-transform 0ms ease-out .3s;
    transition: opacity .3s linear, -webkit-transform 0ms ease-out .3s;
    transition: transform 0ms ease-out .3s, opacity .3s linear;
    transition: transform 0ms ease-out .3s, opacity .3s linear, -webkit-transform 0ms ease-out .3s;
}

.m-nav {
    position: fixed;
    width: 80%;
    height: calc(100% - var(--menu-top-h));
    max-width: 320px;
    z-index: 1000;
    background-color: #fff;
    right: 0;
    /*padding-bottom: 20px;*/
    overflow: auto;
}

.m-nav.enter {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: -webkit-transform .4s ease-out;
    transition: transform .4s ease-out;
}

.m-nav.leave {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: -webkit-transform .25s ease-out;
    transition: transform .25s ease-out;
}

.main-nav-mob li {
    list-style: none;
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 28px;
    position: relative;
}

.main-nav-mob li.solutions-item {
    display: none;
}

.main-nav-mob #top-nav-ul > li > a {
    font-weight: bold;
    font-size: 16px;
    padding: 7px 0;
    margin: 0 20px;
    border-bottom: 1px solid #c1bebe;
}
.main-nav-mob #top-nav-ul > li:last-child > a {
    border-bottom: 0;
}

.main-nav-mob #top-nav-ul > li > a.active {
    color: var(--orange);
}

.main-nav-mob .company-item > .dropdown-menu > li > a,
.main-nav-mob .solutions-item-parent > a {
    font-size: 15px;
    font-weight: bold;
}
.main-nav-mob .solutions-item-parent .dropdown-menu {
    display: block;
    padding-top: 0;
}
.main-nav-mob .company-item > .dropdown-menu .dropdown-menu,
.main-nav-mob .solutions-item-parent > .dropdown-menu {
    padding-left: 10px;
}
.main-nav-mob .solutions-item-parent .menu-item-has-children > a {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    color: #a7a7a7;
}
.main-nav-mob .solutions-item .dropdown-menu  {
    padding-left: 10px;
}
.main-nav-mob .solutions-item .dropdown-menu li a {
    padding-left: 40px;
    background-size: 32px 32px;
}
.main-nav-mob .schools-li a{
    background: url('../images/menu/schools.svg') no-repeat center left;
}
.main-nav-mob .logistics-li a {
    background: url('../images/menu/logist.svg') no-repeat center left;
}
.main-nav-mob .construction-li a {
    background: url('../images/menu/construction_ico.svg') no-repeat center left;
}
.main-nav-mob .delivery-li a {
    background: url('../images/menu/last.svg') no-repeat center left;
}
.main-nav-mob .mobility-li a {
    background: url('../images/menu/shared.svg') no-repeat center left;
}
.main-nav-mob .amazon-li a {
    background: url('../images/menu/amazone_ico.svg') no-repeat center left;
}

.main-nav-mob #top-nav-ul > li > .dropdown-menu {
    display: none;
    /*padding-top: 10px;*/
}
.main-nav-mob #top-nav-ul .dropdown .caret {
    background: url("../images/arrow-down-mob-menu.svg") no-repeat;
    width: 10px;
    height: 8px;
    display: block;
    position: absolute;
    right: 22px;
    top: 18px;
}

.main-nav-mob #top-nav-ul .dropdown .active .caret {
    background: url("../images/arrow-up-mob-menu.svg") no-repeat;
}

.main-nav-mob .current-menu-item > a,
.main-nav-mob .current-menu-item > a:hover {
    color: var(--orange);
}

.main-nav-mob a:hover {
    color: var(--orange);
}

.main-nav-mob a {
    color: var(--dark-color);
    padding: 5px 0;
    margin: 0 20px;
    display: block;
}
.main-nav .menu-item-frontline-ai:hover > a,
.main-nav .menu-item-frontline-ai > a:hover,
.main-nav .menu-item-frontline-ai > a {
    color: #fff;
}
.main-nav .menu-item-frontline-ai > a .caret {
    content: url(../images/menu/top-menu-down-arr.svg);
    display: inline-block;
    margin-left: 7px;
}

.main-nav .menu-item-frontline-ai:before {
     content: '';
     display: block;
     height: 40%;
     width: 93%;
     border: 2px solid var(--dark-color);
     background: var(--dark-color);
     border-radius: 30px;
     position: absolute;
     top: 15px;
     padding: 18px;
     left: 3%;
     z-index: -1;
 }
.main-header-inverted .main-nav .menu-item-frontline-ai:before {
    border: 2px solid #fff;
    background: none;
}
.main-header-inverted .menu-item-frontline-ai:hover > a:before {
    display: none  !important;
}
.main-nav .menu-item-frontline-ai:after {
    content: '';
    display: block;
    height: 40%;
    width: 1px;
    background: #b5b4b4;
    position: absolute;
    top: 30%;
    right: -0.5vw;
}
.main-header-inverted .main-nav .menu-item-frontline-ai:after {
    background: #fff;
}
.main-nav-mob .menu-item-frontline-ai a {
    padding: 5px 0 0 0;
    font-weight: 600;
}
.main-nav-mob .dropdown-menu li a {
    /*padding-left: 10px;*/
}

.main-nav-mob .menu-item-1 .dropdown-menu > .dropdown-menu li a,
.main-nav-mob .menu-item-who .dropdown-menu li a {
    padding-left: 10px;
    display: grid;
    grid-template-columns: 32px 1fr;
    grid-column-gap: 5px;
    line-height: 1.3;
    align-items: center;
}

.menu-item-box {
    margin: 20px 0;
}

.menu-item-box > a {
    box-shadow: inset 0 0 0 2px var(--orange);
    color: var(--dark-color);
    font-size: 14px;
    font-weight: 800;
    text-align: center;
    border-radius: 30px;
}

.menu-item-box > a:hover {
    box-shadow: inset 0 0 0 3px var(--dark-color);
    color: var(--dark-color);
}

.menu-item-login > a {
    font-size: 14px;
    font-weight: 500;
}
.menu-item-login > a:after {
    content: url("../images/icon-login-blue.svg");
    filter: grayscale(100%);
    display: inline-block;
    vertical-align: middle;
}
/*.menu-item-login > a:hover:after {
    filter: grayscale(0);
}*/

.breadcrumbs-top {
    position: relative;
    padding: 8px;
    background: #fff;
    z-index: 1;
}

.breadcrumbs {
    font-size: 14px;
    margin: 0;
}

.breadcrumbs a {
    color: #333;
}

/* -----------------------------------------
   Buttons
----------------------------------------- */

.button {
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.button, .main-form-box input[type="submit"], .popup-form-box input[type="submit"], .contact-form input[type="submit"] {
    -webkit-appearance: none;
    background: #ff7200;
    border: 0;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 20px;
    font-weight: 600;
    line-height: 52px;
    text-align: center;
    outline: none;
    width: 220px;
}

.button:hover, .main-form-box input[type="submit"]:hover, .popup-form-box input[type="submit"]:hover, .contact-form input[type="submit"]:hover {
    background: #e46701;
}

.button:active, .main-form-box input[type="submit"]:active, .popup-form-box input[type="submit"]:active, .contact-form input[type="submit"]:active {
    font-weight: 700;
}

.button-reverse {
    border: 2px solid #fff;
    background: #fff;
    color: #088acb;
}

.button-reverse:hover {
    color: #fff;
    background: transparent;
}

.button-reverse:active {
    border: 2px solid #fff;
}

.button-reverse-border {
    border: 2px solid #fff;
    color: #fff;
    background: transparent;
}

.button-reverse-border:hover {
    background: #fff;
    color: #088acb;
}

.button-reverse-border:active {
    border: 2px solid #fff;
}

.button-orange {
    background-color: var(--orange);
    border: 2px solid var(--orange);
    color: #ffffff;
}

.button-orange:hover {
    background-color: #e46701;
}

.button-orange-reverse-border {
    border: 2px solid var(--orange);
    color: var(--orange);
    background: transparent;
    font-weight: 600;
}

.button-orange-reverse-border:hover {
    background: var(--orange);
    color: #fff;
}

.button-blue-reverse-border {
    border: 2px solid var(--blue);
    color: var(--blue);
    background: transparent;
    font-weight: 600;
}

.button-blue-reverse-border:hover {
    background: var(--blue);
    color: #fff;
}

.button-blue-reverse-border:active {
    border: 2px solid var(--blue);
}

.button-blue {
    background-color: var(--blue);
    border: 2px solid var(--blue);
    color: #ffffff;
}
.button-blue:hover {
    background-color: #0B69CB;
    border-color: #0B69CB;
}
.button.btn-border-blue {
    border: solid 2px #088acb;
    background: #fff;
    color: #088acb;
}

.button.btn-border-blue:hover {
    background: #088acb;
    color: #fff;
}

.button-white {
    background: #fff;
    border: 2px solid #088acb;
    border-radius: 0;
    color: #088acb;
    width: 150px;
    line-height: 50px;
    height: 54px;
    -webkit-appearance: none;
}
.button-expand {
    overflow: hidden;
    width: 150px;
    height: 40px;
    cursor: pointer;
    position: relative;
    border-radius: 2px;
 }
.button-expand:hover::before{
    box-shadow: inset 0 0 0 0 var(--orange);
}
.button-expand::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    transition: all 0.9s ease;
    border-radius: 2px;
    background: var(--blue);
    box-shadow: inset 0 0 0 150px var(--orange);
 }

.login-box {
    box-shadow: inset 0 0 0 2px var(--blue);
    color: var(--blue);
    display: inline-block;
    font-size: 15px;
    font-weight: 600;
    line-height: 40px;
    text-align: center;
    width: 172px;
    margin-left: 45px;
    border-radius: 2px;
}

.login-box:hover, .button.button-white:hover {
    background: #fff;
    box-shadow: inset 0 0 0 3px #088acb;
}

/* -----------------------------------------
   Sliders
----------------------------------------- */

/* arrows */
@font-face {
    font-family: 'arrows_custom';
    src: url('../fonts/arrows/arrows_custom.eot');
    src: url('../fonts/arrows/arrows_custom.eot#iefix') format('embedded-opentype'),
    url('../fonts/arrows/arrows_custom.woff') format('woff'),
    url('../fonts/arrows/arrows_custom.ttf') format('truetype'),
    url('../fonts/arrows/arrows_custom.svg#arrows_custom') format('svg');
    font-weight: normal;
    font-style: normal;
}

.arrow-icon {
    font-display: auto;
    font-family: "arrows_custom";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    margin-left: .2em;
    font-size: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* arrows end */

.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: 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;
    outline: none;
    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;
}

/* -----------------------------------------
   Forms
----------------------------------------- */

.error-input,
.error-msg + .select2 .select2-selection {
    border: 1px solid #c11e1e;
}

.error-msg {
    position: absolute;
    top: 100%;
    right: 2px;
    margin-top: -20px;
    color: #c11e1e;
    font-size: 12px;
    font-style: normal;
    text-align: right;
}

.input-small-first + .error-msg {
    right: 53%;
}

div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
    display: none !important;
    border-radius: 0;
    background-color: #f7f8fb;
    border: 1px solid #f7f8fb !important;
    color: #c11e1e;
    font-size: 14px;
    line-height: 20px;
    margin: 0 !important;
    margin-bottom: 20px !important;
    padding: 10px 20px !important;
    text-align: left;
    width: 100%;
}

/* Lead forms: fields, consent line, Turnstile, submit — in that order.
   .contact-form sets font-size: 0, so the consent line sets its own. */
.wpcf7-form .form-consent {
    margin: 4px 0 0;
    font-size: 12px;
    line-height: 1.6;
    color: #6b7c88;
    text-align: left;
}

.wpcf7-form .form-consent a {
    color: inherit;
    text-decoration: underline;
    text-underline-offset: 2px;
    transition: color 0.2s ease;
}

.wpcf7-form .form-consent a:hover,
.wpcf7-form .form-consent a:focus {
    color: #ff7200;
}

/* data-size="flexible" stretches the widget to the form width (min 300px).
   min-height reserves its 65px before the challenge loads, so the button
   below does not jump when the widget appears. */
.wpcf7-form .wpcf7-turnstile {
    margin: 14px 0 0;
    min-height: 65px;
    line-height: 0;
}

.wpcf7-form .form-consent + .wpcf7-turnstile + .contact-submit-box {
    margin-top: 22px;
}

.wpcf7-form.sent .form-consent,
.wpcf7-form.sent .wpcf7-turnstile {
    display: none;
}
/* -----------------------------------------
   Popups
----------------------------------------- */

.white-popup {
    position: relative;
    background: #FFF;
    padding: 80px 100px 60px;
    width: auto;
    max-width: 770px;
    margin: 20px auto;
    text-align: center;
}

.mfp-close {
    background: url(../images/icons_button-close-normal.svg) center no-repeat !important;
    color: transparent !important;
    margin: 10px;
}

.mfp-close:hover {
    background: url(../images/icons_button-close-hover.svg) center no-repeat !important;
}

.mfp-close:active {
    background: url(../images/icons_button-close-press.svg) center no-repeat !important;
}

/* -----------------------------------------
   Content Styles
----------------------------------------- */
.page-default {
    padding-bottom: 5%;
}
.page-default p {
    padding-bottom: 1.5em;
}
.dark_bg {
    color: #fff;
    background-color: var(--dark-color);
}
.dark_bg .h1,
.dark_bg .h2,
.dark_bg .h3 {
    color: #fff;
}
/* -----------------------------------------
   Posts Styles
----------------------------------------- */

.search-box {
    background: url(../images/icons_Search-icon.svg) center no-repeat;
    display: inline-block;
    height: 38px;
    vertical-align: middle;
    width: 28px;
}

.section-title {
    font-size: 46px;
    font-weight: 300;
    line-height: 50px;
    margin: 0;
}

.app-stores a {
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 100%;
    width: 169px;
    height: 50px;
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    vertical-align: top;
}

.app-stores a:first-child {
    margin-right: 20px;
}

.app-store {
    background-image: url(../images/appstore.png);
}

.google-play {
    background-image: url(../images/googleplay.png);
}

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}

.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* popup styles */
.srv-popup-overlay {
    background-color: #333;
    background-color: rgb(51 51 51 / 70%);
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    position: fixed;
    z-index: 101;
}

.srv-popup {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: none;
    background: #fff;
    min-width: 620px;
    z-index: 1000;
}

.srv-popup-close {
    background: url(../images/icons_button-close-normal.svg) center no-repeat !important;
    width: 16px;
    height: 16px;
    line-height: 16px;
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
}

.srv-popup-close:hover {
    background: url(../images/icons_button-close-hover.svg) center no-repeat !important;
}

.srv-popup-inner {
    padding: 20px 5px;
}

.srv-popup-team-item-name {
    text-transform: uppercase;
    font-size: 18px;
}

.srv-popup-team-item-position {
    margin-bottom: 20px;
}

.srv-popup-team-item-txt {
    margin-bottom: 10px;
}

.srv-popup-team-item-txt p {
    font-size: 14px !important;
    margin-bottom: 0 !important;
    color: #000;
}

.srv-popup-team-item-txt blockquote {
    background-color: #ebf7fa;
    padding: 12px;
    font-weight: bold;
    color: #000000;
    margin-bottom: 20px;
    position: relative;
}

.srv-popup-team-item-txt blockquote:before {
    content: '';
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 15px solid #ebf7fa;
    position: absolute;
    top: 5px;
    left: -15px;
    z-index: 1;
}

/* popup styles end*/

.section-0 {
    background: url(https://www.driveroo.com/wp-content/uploads/2019/03/app-demo.jpg) center no-repeat;
    min-height: 650px;
    height: 100%;
    text-align: center;
    color: white;
    background-size: cover;
}

.section-1 {
    background: url(../images/img-1.jpg) center no-repeat;
    min-height: 700px;
    text-align: right;
}

.main-form-box {
    display: inline-block;
    font-size: 0;
    padding-top: 60px;
    text-align: right;
    width: 670px;
}

.form, .section-1 div.wpcf7, .section-0 div.wpcf7 {
    display: inline-block;
    margin-top: 50px;
    text-align: right;
    width: 570px;
}

.main-form-box input, .main-form-box select, .input, .popup-form-box input, .contact-form input, textarea, select {
    border-radius: 0;
    background-color: #f7f8fb;
    border: 1px solid #f7f8fb;
    color: #666;
    font-size: 14px;
    line-height: 46px;
    margin-bottom: 20px;
    padding: 0 20px;
    width: 100%;
}

.main-form-box input:focus, .popup-form-box input:focus, .input:focus, .contact-form input:focus {
    border: 1px solid;
    border-color: #088acb;
}

.main-form-box .two-columns .wpcf7-form-control-wrap, .popup-form-box .two-columns .wpcf7-form-control-wrap {
    display: inline-block;
    vertical-align: top;
    width: 47.3684210526%;
}

.main-form-box .two-columns .wpcf7-form-control-wrap:first-child,
.popup-form-box .two-columns .wpcf7-form-control-wrap:first-child {
    margin-right: 5.2631578947%;
}

.main-form-box select, .popup-form-box select, .select, .contact-form select {
    background-image: url(../images/icons_arrow-dropdown.svg);
    background-position: right 15px center;
    background-repeat: no-repeat;
    border-radius: 0;
    display: inline-block;
    height: 46px;
    -moz-appearance: none;
    -webkit-appearance: none;
}

.contact-form select {
    width: 100%;
}

.contact-form div.wpcf7-response-output {
    font-size: 14px;
    margin: 1em 0 1em;
}

.sub-title {
    font-size: 28px;
    font-weight: 300;
    line-height: 40px;
    margin-top: 20px;
}

.srv-locations-gmap-wrap .gmp_map_opts {
    width: 100% !important;
}

.icons-wrap {
    background: url(../images/arrows.png) center top no-repeat;
    margin-top: 240px;
}

.icons-wrap-2 {
    background: url(../images/arrows-5.png) center top no-repeat;
    margin-top: 240px;
}

.icons-box {
    flex-wrap: wrap;
    padding: 85px 0 80px;
}

.section-4 .icons-box {
    justify-content: center;
}

.icon-item {
    font-size: 16px;
    font-weight: 300;
    flex: 1;
    line-height: 23px;
    padding: 190px 40px 0;
    position: relative;
}

.icon-item:before {
    max-height: 170px;
}

.section-2 {
    background: url(../images/img-2.jpg) center no-repeat;
    min-height: 500px;
    padding: 110px 0 40px;
    text-align: center;
}

.section-2 .icon-item {
    background: url(../images/icons_BG_shield.svg) center top no-repeat;
    color: #666;
}

.icon-item-1:before {
    content: "";
    background: url(../images/icons_icon-customers-ondemand.svg) center top no-repeat;
    position: absolute;
    left: 0;
    top: 30px;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.icon-item-2:before {
    content: "";
    background: url(../images/icons_icon-fast.svg) center top no-repeat;
    position: absolute;
    left: 0;
    top: 30px;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.icon-item-3:before {
    content: "";
    background: url(../images/icons_icon-artificial-Intelligence.svg) center top no-repeat;
    position: absolute;
    left: 0;
    top: 30px;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.icon-title {
    font-size: 22px;
    font-weight: 600;
    line-height: 26px;
    margin-bottom: 10px;
}

.section-3 {
    background: url(../images/img-3.jpg) center top no-repeat;
    color: #fff;
    min-height: 700px;
    padding: 90px 0 100px;
    text-align: center;
}

.section-3 .icon-item, .section-4 .icon-item {
    padding-top: 135px;
}

.section-3 .icon-text {
    color: rgba(255, 255, 255, .8);
}

.icon-item-4 {
    background: url(../images/icons_step-clic-and-inspect.svg) center top no-repeat;
}

.icon-item-5 {
    background: url(../images/icons_step-connect.svg) center top no-repeat;
}

.icon-item-6 {
    background: url(../images/icons_Step-Service.svg) center top no-repeat;
}

.icon-item-21 {
    background: url(../images/icons_step-review.svg) center top no-repeat;
}

.icon-item-22 {
    background: url(../images/icons_step-post.svg) center top no-repeat;
}

.icon-item-23 {
    background: url(../images/icons_Step-earn.svg) center top no-repeat;
}

.section-4 {
    background: url(../images/img-4.jpg) center no-repeat;
    min-height: 990px;
    padding: 90px 0 50px;
    text-align: center;
}

.icon-item-7:before,
.icon-item-8:before,
.icon-item-9:before,
.icon-item-10:before,
.icon-item-11:before,
.icon-item-12:before,
.icon-item-13:before,
.icon-item-14:before,
.icon-item-15:before,
.icon-item-16:before,
.icon-item-17:before,
.icon-item-20:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    pointer-events: none;
    opacity: 0;
}

.icon-item-7 {
    background: url(../images/icons_Flat-Tire-Repair.svg) center top no-repeat;
    margin-top: -160px;
}

.icon-item-7:before,
.icon-item-7:hover {
    background: url(../images/icons_Flat-Tire-Repair-hover.svg) center top no-repeat;
}

.icon-item-8 {
    background: url(../images/icons_Oil-Change.svg) center top no-repeat;
    margin-top: -210px;
}

.icon-item-8:before,
.icon-item-8:hover {
    background: url(../images/icons_Oil-Change-hover.svg) center top no-repeat;
}

.icon-item-9 {
    background: url(../images/icons_Intelegent-Inspection.svg) center top no-repeat;
    margin-top: -275px;
}

.icon-item-9:before,
.icon-item-9:hover {
    background: url(../images/icons_Intelegent-Inspection-hover.svg) center top no-repeat;
}

.section-4 .icon-item.icon-item-9 {
    margin-left: 115px;
    margin-right: 115px;
}

.icon-item-20 {
    background: url(../images/icons_Smart-Self-Inspection.svg) center top no-repeat;
    margin-top: -260px;
}

.icon-item-20:before,
.icon-item-20:hover {
    background: url(../images/icons_Smart-Self-Inspection-hover.svg) center top no-repeat;
}

.icon-item-10 {
    background: url(../images/icons_Air-Cond-Service.svg) center top no-repeat;
    margin-top: -210px;
}

.icon-item-10:before,
.icon-item-10:hover {
    background: url(../images/icons_Air-Cond-Service-hover.svg) center top no-repeat;
}

.icon-item-11 {
    background: url(../images/icons_Smog-Check.svg) center top no-repeat;
    margin-top: -160px;
}

.icon-item-11:before,
.icon-item-11:hover {
    background: url(../images/icons_Smog-Check-hover.svg) center top no-repeat;
}

.icon-item-12 {
    background: url(../images/icons_Tire-Rotation.svg) center top no-repeat;
    margin-top: 30px;
}

.icon-item-12:before,
.icon-item-12:hover {
    background: url(../images/icons_Tire-Rotation-hover.svg) center top no-repeat;
}

.icon-item-13 {
    background: url(../images/icons_Alignment.svg) center top no-repeat;
    margin-top: 80px;
}

.icon-item-13:before,
.icon-item-13:hover {
    background: url(../images/icons_Alignment-hover.svg) center top no-repeat;
}

.icon-item-14 {
    background: url(../images/icons_Wiper-Blade.svg) center top no-repeat;
    margin-top: 130px;
}

.icon-item-14:before,
.icon-item-14:hover {
    background: url(../images/icons_Artboard-35-hover.svg) center top no-repeat;
}

.icon-item-15 {
    background: url(../images/icons_Battery-inspection.svg) center top no-repeat;
    margin-top: 130px;
}

.icon-item-15:before,
.icon-item-15:hover {
    background: url(../images/icons_Battery-inspection-hover.svg) center top no-repeat;
}

.icon-item-16 {
    background: url(../images/icons_Brake-inspection.svg) center top no-repeat;
    margin-top: 80px;
}

.icon-item-16:before,
.icon-item-16:hover {
    background: url(../images/icons_Brake-inspection-hover.svg) center top no-repeat;
}

.icon-item-17 {
    background: url(../images/icons_Check-Engine-Light.svg) center top no-repeat;
    margin-top: 30px;
}

.icon-item-17:before,
.icon-item-17:hover {
    background: url(../images/icons_Check-Engine-Light-hover.svg) center top no-repeat;
}

.icons-wrap-2 + .center-box {
    margin-top: 0;
}

.icons-wrap-2 .icon-item-12 {
    margin-top: 30px;
}

.icons-wrap-2 .icon-item-13 {
    margin-top: 80px;
}

.icons-wrap-2 .icon-item-14 {
    margin-top: 130px;
}

.icons-wrap-2 .icon-item-15 {
    margin-top: 130px;
}

.icons-wrap-2 .icon-item-16 {
    margin-top: 80px;
}

.icons-wrap-2 .icon-item-17 {
    margin-top: 30px;
}

.center-box {
    color: #088acb;
    font-size: 20px;
    line-height: 26px;
    margin-top: 20px;
    margin-left: -85px;
    position: absolute;
    top: 20%;
    left: 50%;
    width: 170px;
}

.center-box-title {
    font-size: 24px;
}

.section-4 .icon-item {
    color: #666;
    font-size: 16px;
    font-weight: 300;
    flex: none;
    line-height: 24px;
    margin-left: 15px;
    margin-right: 15px;
    padding: 130px 0 0;
    width: 170px;
    position: relative;
}

.icon-popup {
    position: absolute;
    left: 50%;
    margin-left: -285px;
    top: 200px;
    z-index: 2;
    box-shadow: 0px 0px 25px 0px rgba(92, 93, 94, 0.2);
    font-size: 14px;
    line-height: 24px;
    color: #666;
    background: #fff;
    padding: 30px 40px;
    width: 570px;
    text-align: center;
}

.section-4 .icon-item .icon-popup {
    display: none;
}

.section-4 .icon-item:hover .icon-popup {
    display: block !important;
}

.section-4 .icon-title {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 0;
}

.big-button {
    font-size: 24px;
    font-weight: 400;
    text-transform: uppercase;
    padding: 0 80px;
    width: auto;
}

.relative {
    position: relative;
}

.section-5 {
    background: #f4f6fa;
    padding: 90px 0 130px;
    text-align: center;
}

.section-5 .sub-title {
    font-size: 18px;
    font-weight: 300;
    line-height: 24px;
}

.img-left {
    margin-top: 60px;
}

.img-left img {
    width: 100%;
}

.sep-text {
    display: inline-block;
    font-size: 16px;
    line-height: 21px;
    padding-top: 100px;
    position: relative;
    text-align: left;
    width: 580px;
}

.sep-text .button {
    position: relative;
    display: block;
    left: 0;
    bottom: 0;
    margin-top: 10px;
}

.sep-text li {
    margin-bottom: 10px;
}

.sub-list {
    list-style-type: none;
    margin-top: 5px;
}

.sub-list li {
    position: relative;
    padding-left: 10px;
}

.sub-list li:before {
    content: "-";
    position: absolute;
    left: 0;
    top: 0;
}

.sep-title {
    font-size: 28px;
    font-weight: 300;
    line-height: 30px;
    margin-bottom: 30px;
}

.section-6 {
    background: url(../images/img-5.jpg) center bottom no-repeat;
    text-align: center;
    padding-top: 130px;
}

.accordion {
    flex: 1;
    margin: 55px 0 100px;
    text-align: left;
    background: transparent;
}

.accordion:first-child {
    margin-right: 30px;
}

.accordion-item {
    border: 1px solid #d0d0d0;
    padding: 0;
    margin: 0 0 30px 0;
}

.page .accordion-item, .page .accordion .ufaq-faq-div {
    border: 1px solid #d0d0d0;
    padding: 0;
    margin: 0 1.5% 30px 1.5%;
    background: #fff;
    vertical-align: top;
    width: 46%;
    display: inline-block;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.accordion-title, .accordion .ufaq-faq-title-text h4 {
    color: #333;
    display: block !important;
    cursor: pointer;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    margin: 0 !important;
    min-height: 52px;
    outline: none;
    padding: 13px 55px 13px 20px;
    position: relative;
    border: 0;
}

.accordion .ufaq-faq-title-text h4 {
    background: url(../images/plus.png) right 4px center no-repeat #f4f6fa;
}

.accordion-title:after {
    content: '+';
    position: absolute;
    top: 50%;
    right: 5px;
    width: 45px;
    height: 45px;
    margin-top: -23px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #088acb;
    font-size: 35px;
    line-height: 45px;
    text-align: center;
    font-weight: 300;
}

.accordion-title.active {
    border-bottom: 1px solid #d0d0d0;
}

.accordion-title.active:after {
    content: '-';
    line-height: 40px;
}

.accordion-title.active, .ewd-ufaq-post-active .ufaq-faq-title-text h4 {
    background: none;
}

.accordion-title::before {
    content: '';
}

.faq-title {
    color: #333;
    font-size: 16px;
    font-weight: bold;
    line-height: 30px;
    padding-top: 10px;
}

.accordion-text {
    color: #666;
    display: none;
    font-size: 14px;
    line-height: 23px;
    padding: 15px 20px 15px 20px;
}

.ufaq-faq-body {
    padding: 0 !important;
}

.ufaq-faq-post {
    color: #666;
    font-size: 14px;
    line-height: 23px;
    padding: 0 20px 20px 20px;
}

.phone-popup {
    max-width: 570px;
}

.phone-popup div.wpcf7 .phone-captcha {
    margin: 0 auto 0 auto;
    max-width: 306px;
    padding-bottom: 20px;
}

.popup-form-box {
    display: inline-block;
    font-size: 0;
}

.popup-title {
    margin-bottom: 30px;
    font-size: 30px;
    font-weight: 300;
    line-height: 36px;
}

.phone-popup .popup-title {
    font-size: 22px;
    line-height: 26px;
}

.popup-form-box .form {
    margin-top: 30px;
}

.mobile-show {
    display: none;
}

.section-7 {
    background: url(../images/img-6.jpg) center top no-repeat;
    height: 650px;
    padding-top: 110px;
}

.section-9 {
    background: url(../images/img-7.jpg) center top no-repeat;
    height: 650px;
    padding-top: 110px;
}

.big-title {
    display: block;
    font-size: 70px;
    margin-bottom: 10px;
}

.text-box {
    font-size: 22px;
    font-weight: 300;
    line-height: 24px;
    padding: 70px 0;
}

.text-box p {
    margin-bottom: 10px;
}

.text-box b {
    font-weight: 600;
}

.icon-item-18:before {
    content: "";
    background: url(../images/icons_icon-smart.svg) center top no-repeat;
    position: absolute;
    left: 0;
    top: 30px;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.icon-item-19:before {
    content: "";
    background: url(../images/icons_icon-journal.svg) center top no-repeat;
    position: absolute;
    left: 0;
    top: 30px;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.section-32 .icon-item {
    background: no-repeat;
    color: #666;
}

.icon-item-30:before {
    content: "";
    background: url(../images/icons_sell-offers.svg) center top no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.icon-item-31:before {
    content: "";
    background: url(../images/icons_sell-returns.svg) center top no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.icon-item-32:before {
    content: "";
    background: url(../images/icons_sell-less-effort.svg) center top no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.icon-item-33:before {
    content: "";
    background: url(../images/icons_Ondemand-now.svg) center top no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.icon-item-34:before {
    content: "";
    background: url(../images/icons_Ondemand-today.svg) center top no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.icon-item-35:before {
    content: "";
    background: url(../images/icons_Ondemand-experts.svg) center top no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.section-8 {
    padding: 70px 0 60px;
}

.wpcf7 p {
    margin: 0 !important;
}
.contact-form {
    font-size: 0;
    margin-top: 10px;
}

.contact-form .three-columns span {
    display: inline-block;
    vertical-align: top;
    width: calc(33.33% - 30px);
}

.contact-form .three-columns span:last-child {
    width: 33.33%;
}

.contact-form .three-columns .select2-container,
.contact-form .select2-container {
    width: 100% !important;
}

.contact-form .three-columns span:first-child, .contact-form .three-columns span:nth-child(2) {
    margin-right: 30px;
}

.contact-submit-box {
    text-align: right;
}

.contact-form .mc4wp-checkbox {
    font-size: 13px;
    color: #088acb;
    /*margin-bottom: 15px;*/
    display: block;
    text-align: left;
}

.contact-form .mc4wp-checkbox input[type="checkbox"] {
    display: inline-block;
    width: auto;
    vertical-align: middle;
    margin: 0 5px 0 0;
}

.blue-box {
    background: #088acb;
    color: #fff;
    padding: 60px 0;
}

.blue-box .button {
    margin-top: 30px;
}

/*Technicians page*/

#blue-box {
    padding: 60px 0;
    min-height: 0;
}

#blue-box .button {
    margin-top: 30px;
}

#section-6 {
    background: url(../images/img-5.jpg) center bottom no-repeat;
}

#section-5 .sub-title {
    font-size: 18px;
    line-height: 24px;
}

#section-3 {
    background: url(../images/img-3.jpg) center top no-repeat;
    background-size: cover;
}

#section-3 .icon-item {
    padding-top: 135px;
}

#section-3 .icon-text {
    color: rgba(255, 255, 255, .8);
}

#section-3 .sub-title {
    margin-top: 0;
}

.icons-box-3 {
    flex-wrap: wrap;
    padding: 55px 0 55px;
}

#section-2 {
    background: url(../images/img-2.jpg) center no-repeat;
    padding: 110px 0 60px;
}

#section-2 .icon-item {
    background: url(../images/icons_BG_shield.svg) center top no-repeat;
}

#section-1 {
    min-height: 700px;
    text-align: right;
    background-position: top center;
    background-repeat: no-repeat;
    padding: 0;
    background-size: cover;
}

#section-1 div.wpcf7 {
    display: inline-block;
    margin-top: 50px;
    text-align: right;
    width: 570px;
}

/*Technicians page end*/

.section-10 {
    padding: 80px 0 100px;
}

.section-image {
    margin: 80px 0 50px;
    width: 100%;
}

.f20 {
    color: #666;
    font-size: 20px;
    font-weight: 300;
    line-height: 26px;
    margin-bottom: 60px;
}

.f20 b {
    font-weight: 600;
}

.section-11 {
    background: url(../images/img-9.jpg) center no-repeat;
    height: 630px;
    padding-top: 75px;
}

.testimonials-box {
    width: 770px;
}

.testimonials-item {
    background: url(../images/icons_icon-quotes.svg) center top no-repeat;
    font-size: 14px;
    line-height: 23px;
    margin-bottom: 60px;
    padding-top: 50px;
}

.testimonials-item p {
    margin-bottom: 10px;
}

.section-12 {
    background: url(../images/img-10.jpg) center top no-repeat;
    height: 940px;
    padding-top: 90px;
}

.section-12 .sub-title {
    font-size: 18px;
    line-height: 28px;
}

.section-12 .sep-text {
    padding-left: 500px;
    padding-top: 50px;
    width: 100%;
}

.section-13 {
    background: url(../images/img-11.jpg) center top no-repeat;
    height: 650px;
    padding-top: 110px;
}

.section-13 .text-box {
    padding: 40px 0 60px 0;
}

.image-box {
    position: absolute;
    left: 0;
    right: 0;
    top: 140px;
    z-index: 2;
    justify-content: space-around;
}

.image-box img:first-child {
    margin-left: 40px;
}

.image-box img:nth-of-type(2) {
    margin-right: 10px;
}

.image-box img:last-child {
    margin-right: 40px;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.container {
    display: flex;
    /*overflow-x: hidden;*/
    /*flex-wrap: wrap;*/
    flex-direction: column;
}

.section {
    width: 100%;
}

.shop-type .select2-container {
    width: 100% !important;
}

.select2-container {
    vertical-align: top;
    height: 48px;
}

.select2-container--default .select2-selection .select2-selection__rendered {
    padding: 0 20px;
}

.select2-container .select2-selection--single {
    height: 48px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #666;
    font-size: 14px;
    line-height: 48px;
    margin-top: 0;
    height: 48px;
    text-align: left;
}

.select2-container--default .select2-selection {
    background-color: #f7f8fb;
    background-image: url(../images/icons_arrow-dropdown.svg);
    background-position: right 15px center;
    background-repeat: no-repeat;
    border-radius: 0;
    border: 1px solid #f7f8fb;
}

.select2-container--default:hover .select2-selection {
    border-color: #088acb;
}

.select2-container--default.select2-container--open .select2-selection {
    background-image: url(../images/select-2.png);
}

.select2-container--default.select2-container--focus .select2-selection {
    border: 0;
}

.select2-dropdown {
    margin: 5px 0;
    background: #f7f8fb;
    border: 0;
    border-radius: 0;
    box-shadow: 0px 0px 30px 0px rgba(40, 50, 60, 0.16);
}

.select2-results__option {
    padding-left: 20px;
    font-size: 14px;
    color: #666;
}

.select2-results__option:hover {
    font-weight: bold;
}

.select2-container--default .select2-selection--single .select2-selection__arrow, .select2-search.select2-search--dropdown {
    display: none;
}

.select2-container--default .select2-results__option[aria-selected=true], .select2-results__option.select2-results__option--highlighted, .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background: none;
    color: inherit;
}

.info-popup {
    max-width: 1170px;
}

.info-popup .icon-item-7,
.info-popup .icon-item-8,
.info-popup .icon-item-9,
.info-popup .icon-item-10,
.info-popup .icon-item-11,
.info-popup .icon-item-12,
.info-popup .icon-item-13,
.info-popup .icon-item-14,
.info-popup .icon-item-15,
.info-popup .icon-item-16,
.info-popup .icon-item-17,
.info-popup .icon-item-20 {
    padding-top: 135px;
    margin-top: 0;
}

.info-popup .icon-item-7 {
    background: url(../images/icons_Intelegent-Inspection-hover.svg) center top no-repeat;
}

.info-popup .icon-item-8 {
    background: url(../images/icons_Oil-Change-hover.svg) center top no-repeat;
}

.info-popup .icon-item-9 {
    background: url(../images/icons_Flat-Tire-Repair-hover.svg) center top no-repeat;
}

.info-popup .icon-item-10 {
    background: url(../images/icons_Air-Cond-Service-hover.svg) center top no-repeat;
}

.info-popup .icon-item-11 {
    background: url(../images/icons_Smog-Check-hover.svg) center top no-repeat;
}

.info-popup .icon-item-12 {
    background: url(../images/icons_Tire-Rotation-hover.svg) center top no-repeat;
}

.info-popup .icon-item-13 {
    background: url(../images/icons_Alignment-hover.svg) center top no-repeat;
}

.info-popup .icon-item-14 {
    background: url(../images/icons_Artboard-35-hover.svg) center top no-repeat;
}

.info-popup .icon-item-15 {
    background: url(../images/icons_Battery-inspection-hover.svg) center top no-repeat;
}

.info-popup .icon-item-16 {
    background: url(../images/icons_Brake-inspection-hover.svg) center top no-repeat;
}

.info-popup .icon-item-17 {
    background: url(../images/icons_Check-Engine-Light-hover.svg) center top no-repeat;
}

.info-popup .icon-item-20 {
    background: url(../images/icons_Smart-Self-Inspection-hover.svg) center top no-repeat;
}

.info-title {
    margin-bottom: 20px;
    color: #088acb;
    font-size: 24px;
    font-weight: 300;
}

.info-title strong {
    font-weight: 600;
}

.info-price,
.info-duration {
    font-size: 18px;
    font-weight: 300;
}

.info-description {
    margin: 30px 0;
}

.info-services {
    list-style: none;
    font-size: 15px;
}

.page-ppi-style {
    width: 100%;
}

.page-ppi-style .row {
    max-width: 1230px;
}

.page-ppi-style .section-7 {
    background: url(../images/banner-ppi.jpg) center top no-repeat;
    height: 650px;
    padding-top: 178px;
    position: relative;
}

.section-7 .dots {
    position: absolute;
    left: 50%;
    bottom: 20px;
}

.page-ppi-style .section-7 .big-title {
    font-size: 70px;
    font-weight: 700;
}

.page-ppi .section-7 .big-title.blue {
    color: #1e619e;
}

.page-ppi-style .text-box {
    font-size: 22px;
    font-weight: 500;
    padding: 46px 0;
    line-height: 1.6;
}

.section-experts {
    padding-top: 120px;
}

.section-experts .row:last-child {
    border-bottom: 1px solid #429ef3;
    padding-bottom: 100px;
}

.section-experts .column-inner {
    padding: 0 0 0 30px;
}

.section-experts .section-title {
    margin-bottom: 60px;
}

.section-experts .experts-list {
    max-width: 1060px;
}

.section-experts .experts-list p {
    margin-bottom: 70px;
    padding-left: 100px;
    position: relative;
    font-weight: 300;
}

.section-experts .experts-list p b {
    margin-top: 11px;
    display: inline-block;
}

.section-experts .experts-list-img {
    position: absolute;
    max-width: 70px;
    top: 0;
    left: 0;
}

.section-experts .experts-list a {
    color: #666666;
    font-weight: 600;
    text-decoration: underline;
    margin-top: 10px;
    display: inline-block;
}

.section-experts .experts-list a:hover {
    color: #333;
}

.section-works {
    background-color: #eef6fe;
    padding-top: 100px;
    text-align: center;
    position: relative;
}

.section-works .section-title {
    margin-bottom: 84px;
}

.section-works .img-wrap {
    position: relative;
    display: inline-block;
}

.section-works .works-info-block {
    max-width: 16%;
    text-align: left;
    font-weight: 400;
    position: absolute;
    line-height: 1.45;
    font-size: 14px;
    font-size: 1.03vw;
    z-index: 1;
}

.section-works .works-info-block-1 {
    top: 4.5%;
    left: 3%;
}

.section-works .works-info-block-2 {
    top: 4.5%;
    right: 3%;
}

.section-works .works-info-block-3 {
    top: 18.6%;
    left: 3%;
}

.section-works .works-info-block-4 {
    top: 18.6%;
    right: 3%;
}

.section-works .works-info-block-5 {
    top: 34%;
    left: 3%;
}

.section-works .works-info-block-6 {
    top: 32.7%;
    right: 3%;
}

.section-works .works-info-block-7 {
    top: 64.3%;
    left: 3%;
}

.section-works .works-info-block-8 {
    top: 51.4%;
    right: 3%;
}

.section-works .works-info-block-9 {
    top: 79.4%;
    right: 3.3%;
}

.page-oil .section-works .works-info-block-1 {
    top: 4.5%;
    left: 3.5%;
}

.page-oil .section-works .works-info-block-2 {
    top: 4.5%;
    right: 3.3%;
}

.page-oil .section-works .works-info-block-3 {
    top: 19.4%;
    left: 3.5%;
}

.page-oil .section-works .works-info-block-4 {
    top: 19.4%;
    right: 3.3%;
}

.page-oil .section-works .works-info-block-5 {
    top: 35.7%;
    left: 3.5%;
}

.page-oil .section-works .works-info-block-6 {
    top: 34.2%;
    right: 3.3%;
}

.page-oil .section-works .works-info-block-9 {
    top: 83.4%;
    right: 3.3%;
}

.section-works-mob .accordion-item {
    background: #fff;
}

.page-ppi-style .section-2 {
    padding-top: 100px;
    padding-bottom: 90px;
}

.page-ppi-style .section-2 .icon-title {
    color: #088acb;
    font-size: 22px;
    font-weight: 600;
    line-height: 26px;
    text-transform: uppercase;
}

.page-ppi-style .section-2 .icon-item {
    font-size: 18px;
    padding: 190px 15px 0;
}

.page-ppi-style .section-2 .icon-item span {
    display: inline-block;
    margin-bottom: 6px;
}

.page-ppi-style .icon-item:before {
    position: absolute;
    left: 0;
    top: 30px;
    width: 100%;
    height: 100%;
    max-height: 170px;
    z-index: 2;
}

.page-ppi-style .icon-item-18:before {
    content: "";
    background: url(../images/ico-ppi2.png) center 17px no-repeat;
}

.page-ppi-style .icon-item-19:before {
    content: "";
    background: url(../images/ico-ppi3.png) center 18px no-repeat;
}

.section-view-report {
    background-color: #eef6fe;
    text-align: center;
    padding: 54px 0 50px 0;
    position: relative;
}

.section-shadow {
    position: relative;
}

.section-shadow:before {
    content: '';
    bottom: -31px;
    left: 0;
    width: 100%;
    height: 30px;
    display: block;
    position: absolute;
    box-shadow: 0 -25px 25px rgba(27, 79, 128, 0.1);
    z-index: 1;
}

.section-view-report .link-view-report {
    color: #088acb;
    font-size: 16px;
    font-weight: 600;
    line-height: 30px;
    text-decoration: underline;
    margin-bottom: 20px;
    display: inline-block;
}

.page-ppi-style .section-3 {
    padding: 120px 0 120px 0;
    background: url(../images/bg-ppi-2.jpg) center top no-repeat;
    min-height: 0;
}

.page-ppi-style .section-3 .section-title {
    color: #ffffff;
    font-size: 46px;
    line-height: 54px;
    margin-bottom: 65px;
}

.page-ppi-style .section-3 .section-title strong {
    font-weight: 600;
}

.page-ppi-style .section-3 .search-vin {
    max-width: 770px;
    margin: 0 auto 87px auto;
    position: relative;
}

.page-ppi-style .section-3 .search-vin .input {
    height: 50px;
    background: #fff;
    border: 1px solid #e1e1e1;
    padding-right: 65px;
    margin: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.page-ppi-style .section-3 .search-vin .button-search {
    position: absolute;
    top: 0;
    right: 0;
    padding: 12px 17px;
    cursor: pointer;
}

.section-buyer-faq {
    padding-top: 122px;
}

.section-buyer-faq > .row {
    border-bottom: 1px solid #429ef3;
    padding-bottom: 100px;
}

.section-buyer-faq .section-title {
    margin-bottom: 75px;
}

.section-buyer-faq .accordion-title {
    font-weight: 500;
}

.technicians-video {
    position: relative;
    padding-bottom: 49.5%;
    /* 16:9 */
    height: 0;
    max-width: 88%;
    margin: 0 auto 50px auto;
}

.technicians-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ppi-video {
    position: relative;
    padding-bottom: 56.1%;
    /* 16:9 */
    height: 0;
    margin: 0 auto 50px auto;
}

.ppi-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.testimonials-video {
    position: relative;
    padding-bottom: 56.1%;
    /* 16:9 */
    height: 0;
    margin: 0 auto;
}

.frame-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.section-works-mob {
    background-color: #eef6fe;
    padding-top: 40px;
}

.search-vin .error-msg {
    position: absolute;
    bottom: -21px;
    left: 5px;
    margin-top: 0;
    color: #ea4040;
    font-size: 14px;
    font-style: normal;
    display: inline-block;
    text-align: left;
}

.section-works-descr {
    font-size: 18px;
    margin-bottom: 40px;
}

.section-works-descr p {
    padding-bottom: 10px;
}

.section-feedback {
    background: url(../images/img-2.jpg) top no-repeat;
    min-height: 500px;
    padding: 50px 0 70px;
}

.section-feedback .wrapper {
    max-width: 600px;
}

.section-feedback .section-title {
    margin-bottom: 30px;
}

.section-feedback p {
    font-size: 20px;
    font-weight: 300;
    margin-bottom: 20px;
}

.feedback-form {
    max-width: 100%;
}

.feedback-form input[type="submit"] {
    -webkit-appearance: none;
    background: #088acb;
    border: 0;
    border-radius: 0;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 20px;
    font-weight: 600;
    line-height: 60px;
    text-align: center;
    outline: none;
    width: 220px;
}

.feedback-form input[type="text"],
.feedback-form input[type="email"],
.feedback-form textarea,
.feedback-form select {
    border-radius: 0;
    background-color: #f7f8fb;
    border: 1px solid #f7f8fb;
    color: #666;
    font-size: 14px;
    line-height: 46px;
    padding: 0 20px;
    width: 100%;
    margin-bottom: 0;
}

.feedback-form input[type="text"]:focus,
.feedback-form input[type="email"]:focus,
.feedback-form textarea:focus,
.feedback-form select:focus {
    border: 1px solid;
    border-color: #088acb;
}

.feedback-form input[type="radio"] {
    display: none;
    opacity: 0;
    width: 0;
    height: 0;
}

.feedback-form .wpcf7-form-control-wrap {
    position: relative;
    margin-top: 3px;
    clear: both;
    overflow: hidden;
}

.feedback-form label {
    font-size: 16px;
    font-weight: 300;
}

.feedback-form .wpcf7-list-item {
    position: relative;
    margin: 0 5px 0 5px;
}

.feedback-form .wpcf7-radio {
    margin-top: 8px;
    display: block;
    float: left;
    clear: both;
}

.feedback-form .wpcf7-list-item-label:before {
    font-size: 25px;
    font-family: Font Awesome\ 5 Free;
    display: inline-block;
    content: "\f005";
    font-weight: 900;
}

.feedback-form .wpcf7-list-item-label {
    color: #ddd;
    font-size: 0;
}

.feedback-form .wpcf7-list-item {
    float: right;
}

.feedback-form input[type="radio"]:checked ~ .wpcf7-list-item-label, /* show gold star when clicked */
.feedback-form .wpcf7-radio .checked ~ .wpcf7-list-item .wpcf7-list-item-label,
.feedback-form .wpcf7-radio:not(:checked) .wpcf7-list-item-label:hover, /* hover current star */
.feedback-form .wpcf7-radio:not(:checked) .wpcf7-list-item:hover ~ .wpcf7-list-item .wpcf7-list-item-label {
    color: #FFD700;
}

.feedback-form .wpcf7-mail-sent-ok.success {
    margin: 30px 0 20px 0;
    font-weight: 600;
    font-size: 24px;
    color: #088acb;
}

.feedback-form .sent-ok {
    display: none;
}

.feedback-form .wpcf7-form.sent .sent-ok {
    display: block;
}

.page-oil .section-7 {
    background: url(../images/banner-oil.jpg) center top no-repeat;
    height: 650px;
    padding-top: 178px;
}

.page-oil .section-works .section-title {
    margin-bottom: 40px;
}

.page-oil .section-works p {
    max-width: 783px;
    margin: 0 auto;
}

.section-phone-form {
    padding: 0 15px 100px 15px;
    width: 100%;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fcfcfc+0,ffffff+49,eef6fe+49,ffffff+49,eef6fe+49,eef6fe+50,eef6fe+50,eef6fe+100 */
    background: #fefefe; /* Old browsers */
    background: -moz-linear-gradient(top, #fefefe 0%, #fefefe 50%, #eef6fe 50%, #fefefe 50%, #eef6fe 50%, #eef6fe 50%, #eef6fe 50%, #eef6fe 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #fefefe 0%, #fefefe 50%, #eef6fe 50%, #fefefe 50%, #eef6fe 50%, #eef6fe 50%, #eef6fe 50%, #eef6fe 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #fefefe 0%, #fefefe 50%, #eef6fe 50%, #fefefe 50%, #eef6fe 50%, #eef6fe 50%, #eef6fe 50%, #eef6fe 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#eef6fe', GradientType=0); /* IE6-9 */
}

.section-phone-form.bg-white {
    background: #fefefe;
    padding-bottom: 100px;
}

.section-phone-form strong {
    font-weight: 700;
}

.section-phone-form .section-title {
    font-size: 48px;
}

.section-phone-form .sub-title {
    font-weight: 400;
    font-size: 24px;
}

.phone-form-block {
    background: url("../images/phone-block-img.jpg") no-repeat 0% 72% #fff;

    max-width: 1230px;
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.16);
    margin: 0 auto;
}

.phone-form-block-inner {
    padding: 67px 50px 70px 20px;
    float: right;
}

.phone-form {
    padding-top: 48px;
    width: 57%;
    border-top: 1px solid #f7f8fb;
    float: right;
    clear: both;
    margin-top: 34px;
}

.phone-form span.wpcf7-not-valid-tip {
    bottom: 13px;
}

.phone-form .label-title {
    color: #333333;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px;
}

.phone-form .button {
    width: 173px;
    height: 53px;
    line-height: 53px;
    font-size: 18px;
}

.phone-form input.wpcf7-text {
    border-radius: 0;
    background-color: #f7f8fb;
    border: 1px solid #f7f8fb;
    color: #666;
    font-size: 14px;
    line-height: 46px;
    margin-bottom: 34px;
    padding: 0 20px;
    width: 100%;
}

.phone-form .columns.col-pad {
    padding-right: 24px;
}

.phone-form .columns.col-or {
    padding-left: 24px;
    padding-right: 0;
    position: relative;
}

.phone-form .col-or:before {
    content: 'OR';
    position: absolute;
    left: -9px;
    top: 0;
    line-height: 52px;
    color: #666666;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
}

.phone-form .ph-captcha {
    margin-bottom: 30px;
    display: inline-block;
}

.srv-hero {
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: top left;
    background-color: #ffffff;
    background-size: cover;
    padding-top: 130px;
    padding-bottom: 450px;
    text-align: center;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.srv-hero-content.flex {
    width: 100%;
    align-items: center;
}

.page-blog {
    background: url("../images/blog-bg.webp") 0px 0px no-repeat;
    background-size: contain;
}

.page-blog .srv-hero {
    padding-bottom: 60px;
    padding-top: 60px;
    overflow: hidden;
    background: none;
}

.page-blog .h1 {
    color: var(--dark-color);
    line-height: 1.19;
    margin: 0 0 5px 0;
    font-weight: 800;
    font-size: 36px;
}
.page-blog .page-blog-subtitle {
    color: var(--dark-color);
    font-size: 18px;
    line-height: 1.19;
    font-weight: normal;
}
.posts-row {
    padding-bottom: 20px;
}

.srv-section {
    width: 100%;
    min-height: 400px;
    position: relative;
    background-color: #fff;
    font-size: 16px;
}

.srv-section p {
    font-size: 16px;
    margin-bottom: 30px;
}

.srv-section .h1 {
    font-size: 46px;
    width: 100%;
    font-weight: 300;
    line-height: 1.1;
    margin: 0;
    /*color: #fff;*/
    padding-bottom: 40px;
}

.srv-section .h1 strong {
    font-size: 1.2em;
    font-weight: 600;
}

.srv-section-title {
    font-size: 1.9em;
    font-weight: 400;
    line-height: 1.8;
}

.srv-section-title strong {
    font-size: 1.6em;
    font-weight: 900;
}

.srv-section-subtitle {
    font-size: 1.4em;
    opacity: .7;
    margin-bottom: 40px;
}

.srv_2_cols_hot_rt .flex-fl,
.srv_2_cols_hot_lt .flex-fl {
    align-items: center;
}

.srv_2_cols_hot_rt,
.srv_2_cols_hot_lt {
    overflow: hidden;
}

.srv_2_cols_hot_rt ul,
.srv_2_cols_hot_lt ul {
    width: 100%;
}

.srv-section-color-overlay {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 1;
    width: 100%;
}

.srv-image-overlay-wrap {
    position: absolute;
    top: 412px;
    z-index: 3;
    width: 100%;
}

.srv-section-content {
    position: relative;
    z-index: 2;
}

.page .section-2 {
    background: none;
}

.page .button-md {
    height: 50px;
    width: auto;
    line-height: 50px;
    font-size: 14px;
    padding: 0 20px;
    min-width: 150px;
}

.section-bg-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.page-service .icons-box {
    padding: 140px 0 80px;
}

.page-service .icon-item {
    background-size: 140px auto;
    padding: 160px 40px 0;
}

.page-service .icon-item:before {
    background-size: 60px auto;
}

.flex-table {
    display: table;
    width: 100%;
}

.flex-cell {
    display: table-cell;
    vertical-align: middle;
}

.flex-cell-inner {
    padding: 40px 30% 40px 30px;
}

.page-service-net .srv-hero {
    padding-bottom: 50px;
}

.page-service-net .icons-box {
    padding: 0;
}

.page-fleets .srv-hero {
    min-height: calc(100vh - var(--menu-top-h));
    padding: 0;
}

.page-fleets .srv-hero .srv-section-content {
    display: flex;
    height: 100%;
    justify-content: center;
    flex-direction: column;
}

.page-fleets .srv-section .h1 {
    font-size: 40px;
    font-weight: 400;
}

.page-fleets .srv-section {
    padding: 120px 0;
}

.page-fleets .srv-section-hero-bottom {
    background-color: #0972a7;
    color: #fff;
    min-height: 0;
}

.page-fleets .srv-section-hero-bottom:after {
    content: '';
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #0972a7;
    position: absolute;
    bottom: -20px;
    left: 50%;
    margin-left: -20px;
    z-index: 1;
}

.page-fleets .section-2 {
    min-height: 0;
    padding: 0;
}

.page-fleets .srv-section-hero-bottom .srv-section-title {
    font-size: 1.8em;
    line-height: 1.4;
    font-weight: 600;
}

.page-fleets .srv-section-title {
    line-height: 1.3;
    padding-bottom: 10px;
    width: 100%;
}

.page-fleets .srv-section-subtitle {
    width: 100%;
}

.hero-two-cols .srv-section-content {
    display: block !important;
}

.hero-list-img {
    width: 26px;
    display: inline-block;
}

.hero-list-text {
    width: calc(100% - 46px);
    padding-left: 15px;
    display: inline-block;
}

#contactSectionImg {
    padding: 40px 0px;
}

.contact-form .contact-form-img .three-columns span,
.contact-form .contact-form-img .three-columns span:last-child {
    width: 100%;
}

.contact-form .contact-form-img input {
    background-color: #ebf7fa;
    border: 1px solid #ebf7fa;
}

.contact-form .contact-form-img input[type="submit"] {
    background-color: #ff7200;
}

.srv-two-fifth {
    width: 40%;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: 0% calc(50% + 60px);
    background-size: contain;
    padding: 800px 30px 30px 30px;
}

.page-home .srv-two-fifth {
    background-position: -10% calc(50% + 60px);
    background-size: 77% auto;
}

.srv-three-fifth {
    width: 60%;
}

.srv-phone-form {
    margin: 45px 0 36px 0;
}

.srv-phone-form-label {
    font-size: 0.9em;
    color: #000;
    margin-bottom: 16px;
}

.srv-phone-form .wpcf7-form {
    position: relative;
}

.srv-phone-form .wpcf7-form-control-wrap {
    padding-right: 158px;
    width: 100%;
}

.srv-phone-form .wpcf7-submit {
    position: absolute;
    top: 0;
    right: 0;
    width: 150px;
    height: 50px;
    background-color: #ff7200;
    font-size: 18px;
    font-weight: bold;
    color: #ffffff;
    border: 0;
    cursor: pointer;
}

.srv-phone-form .wpcf7-submit:hover {
    background-color: #e46701;
}

.srv-phone-form span.wpcf7-not-valid-tip {
    left: 0;
}

.srv-highlight-block {
    font-size: 16px;
    font-weight: bold;
    padding: 15px 185px 15px 20px;
    position: relative;
}

.srv-highlight-block.light {
    background-color: #ffffff;
    color: #000;
}

.srv-highlight-block.dark {
    background-color: rgba(0, 0, 0, 0.2);
    color: #ffffff;
}

.srv-highlight-block .button {
    width: 160px;
    height: 50px;
    line-height: 50px;
    font-size: 14px;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -25px;
}

.srv-list {
    padding-left: 20px;
    margin-bottom: 30px;
}

.srv-list ul {
    padding-left: 20px;
}

.srv-list li {
    /*margin-top: 10px;*/
}

.srv-section-2-col,
.srv-section-faq {
    padding-top: 100px;
}

.srv-section-steps {
    background-position: center;
    background-size: cover;
}

.srv-faq-accordion {
    margin-top: 40px;
}

.srv-blue-block {
    background-color: #ebf7fa;
    padding: 25px 30px;
}

.srv-blue-block .srv-section-title {
    margin-bottom: 8px;
}

.srv-blue-block p {
    margin-bottom: 22px;
}

.srv-blue-block a {
    color: #088acb;
}

.srv-blue-block .app-stores a:first-child {
    margin: 0 0 10px 0;
}

/*start hotspots*/

.srv-hotspot-container {
    position: relative;
    display: table;
    margin: 0 auto;
    clear: both;
    table-layout: fixed
}

.srv-hotspot-container-inner-cell {
    display: table-cell
}

.srv-fullwidth-hotspots .srv-hotspot-container-inner-cell {
    width: 100%;
    display: block
}

.srv-hotspot-container-inner-wrap img {
    width: 100%;
    display: block
}

.srv-hotspot-container .srv-image-hotspot {
    height: 18px;
    width: 18px;
    font-size: 10px;
    line-height: 18px;
    text-align: center;
    position: absolute;
    z-index: 1;
    margin: -9px 0 0 -9px
}

.srv-image-hotspot-tooltip {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    background: rgba(0, 0, 0, 0.88);
    color: #fff;
    width: 200px;
    padding: 15px;
    font-size: 12px;
    border-radius: 2px;
    top: -100px;
    left: -92px;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.srv-image-hotspot-tooltip:after {
    content: '';
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid rgba(0, 0, 0, 0.88);
    position: absolute;
    bottom: -10px;
    left: 50%;
    margin-left: -10px;
}

.srv-hotspot-container .srv-image-hotspot:hover .srv-image-hotspot-tooltip {
    opacity: 1;
    visibility: visible;
}

.srv-hotspot-container .srv-image-hotspot_inner {
    display: block;
    border-radius: 100px;
    position: absolute;
    height: 100%;
    width: 100%;
    /*background: #fff;*/
    /*color: #888;*/
    background-color: #ff7200;
    color: #fff;
    z-index: 2;
    cursor: pointer;
    text-decoration: none
}

.srv-hotspot-container .srv-image-hotspot_inner:hover {
    /*background: #fff;*/
    /*color: #888*/
    background-color: #ff7200;
    color: #fff;
}

.srv-hotspot-blank .srv-hotspot-container .srv-image-hotspot_inner {
    overflow: hidden;
    text-indent: -200%
}

.srv-hotspot-container .srv-image-hotspot-pulse {
    display: block;
    /*background: #fff;*/
    background-color: #ff7200;
    border-radius: 100px;
    height: 40px;
    width: 40px;
    position: absolute;
    -webkit-animation: srv_pulsate 2s ease-out infinite;
    animation: srv_pulsate 2s linear infinite;
    opacity: 0;
    top: -11px;
    left: -11px;
    z-index: 1
}

.srv-fullwidth-hotspots {
    border-top: none
}

.srv-fullwidth-hotspots img {
    width: 100%;
    border-radius: 0;
}

.srv-fullwidth-hotspots .srv-hotspot-container {
    display: block
}

.srv-locations {
    padding: 40px 0 80px 0;
}

.srv-locations .srv-section-title {
    margin-bottom: 1em;
}

.srv-locations-img {
    height: 0;
    width: 100%;
    display: table;
    overflow: hidden;
    background: #000;
    position: relative;
    padding-bottom: 62%;
    color: #fff;
    text-decoration: none;
}

.srv-locations-img-wrap {
    overflow: hidden;
}

.srv-locations-title {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    font-size: 18px;
    padding: 10px;
}

.srv-locations-txt {
    font-size: 16px;
    margin-top: 10px;
    line-height: 1.4;
    margin-bottom: 30px;
}

.srv-locations-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    opacity: 0.7;
    -webkit-transition: all 1s ease-out 0s;
    -moz-transition: all 1s ease-out 0s;
    -o-transition: all 1ms ease-out 0s;
    transition: all 1s ease-out 0s;
    cursor: pointer;
}

.srv-locations-img:hover img {
    opacity: 1;
    -ms-transform: scale(1.2, 1.2);
    -webkit-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
}

.srv-locations-gmap {
    pointer-events: none;
    width: 100% !important;
}

.lightbox .lb-image {
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
    border: 0 !important;
}

.srv-hotspot-tooltip-mob {
    position: relative;
    margin: 12px 25px 0 25px;
    display: none;
}

.srv-hotspot-tooltip-mob-count {
    background: #ff7200;
    color: #fff;
    height: 40px;
    width: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 20px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
}

.srv-hotspot-tooltip-mob-inner {
    padding: 15px 15px 15px 20px;
    background-color: rgba(0, 0, 0, 0.2);
    margin-left: 55px;
    position: relative;
}

.srv-hotspot-tooltip-mob-inner:after {
    content: '';
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid rgba(0, 0, 0, 0.2);
    position: absolute;
    top: 10px;
    left: -10px;
}

.srv-section-table {
    padding-top: 100px;
    padding-bottom: 100px;
}

.srv-section-table .srv-table {
    margin-bottom: 60px;
}

table tbody {
    background-color: #fff;
}

table.srv-table tbody tr:nth-child(even) {
    background: none;
}

table.srv-table tbody {
    border: 0;
}

.srv-table tr th {
    background: #088acb;
    font-size: 14px;
    text-align: center;
    color: #ffffff;
    border-left: 1px solid #fff;
    line-height: 1;
}

.srv-table tr td {
    border-bottom: 1px solid rgba(153, 153, 153, 0.3);
    border-left: 1px solid #fff;
    width: 13.5%;
    font-size: 13px;
    font-weight: bold;
    color: #333333;
    padding: 15px 10px 15px 0;
}

.srv-table tr td:first-child {
    width: 19%;
}

.srv-table tr > td:last-child {
    background-color: rgba(255, 114, 0, 0.1) !important;
}

.srv-table tr td:nth-child(4),
.srv-table tr td:nth-child(5) {
    background-color: #ebf7fa;
}

.srv-table-plan {
    font-weight: bold;
    line-height: 1.86;
    text-transform: uppercase;
}

.srv-table-price {
    font-size: 26px;
    font-weight: 300;
    line-height: 1;
    display: inline-block;
    margin-top: 3px;
}

.srv-table-competitor {
    font-size: 12px;
    font-weight: bold;
    line-height: 1.4;
    text-align: center;
    color: #ffffff;

}

.srv-table-competitor span {
    opacity: 0.6;
}

.srv-table-checked {
    background-image: url("../images/srv/srv-table-checked.svg");
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.srv-table-item-dropdown {
    cursor: pointer;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;

}

.srv-table-item-dropdown:hover {
    opacity: 0.5;
}

.srv-table-item-dropdown td:first-child span {
    background-image: url("../images/srv/srv-table-item-dropdown.svg");
    background-repeat: no-repeat;
    background-position: 0% 50%;
    padding-left: 16px;
    display: inline-block;
}

.srv-table-item-dropdown.active td:first-child span {
    background-image: url("../images/srv/srv-table-item-dropdown-active.svg");
}

.srv-table-mob .srv-table-item-dropdown.active td:first-child span {
    background-image: url("../images/srv/srv-table-item-dropdown-lt.svg");
}

.srv-table-mob-item-dropdown:hover {
    opacity: 0.5;
}

.srv-table-mob-item-dropdown span {
    background-image: url("../images/srv/srv-table-item-dropdown-lt.svg");
    background-repeat: no-repeat;
    background-position: 100% 50%;
    padding-right: 12px;
    display: inline-block;
    cursor: pointer;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.srv-table-mob-item-dropdown.active span {
    background-image: url("../images/srv/srv-table-item-dropdown.svg");
}

.srv-table-mob-dropdown.active {
    display: table-cell;
}

.srv-table-mob-dropdown,
.srv-table-dropdown {
    display: none;
}

.srv-table-dropdown.active {
    display: table-row;
}

.srv-table-dropdown table {
    margin: 0;
}

.srv-table .srv-table-dropdown > td {
    padding: 0;
}

.srv-table .srv-table-dropdown td {
    font-weight: 400;
}

.srv-table .srv-table-dropdown > td:last-child {
    border-bottom: 0;
}

.srv-table .srv-table-dropdown table td:first-child {
    padding-left: 16px;
}

.srv-table-mob-header,
.srv-table-mob {
    margin-bottom: 0;
}

.srv-table-mob tbody,
.srv-table-mob-header tbody {
    border: 0;
}

.srv-table-mob-header {
    width: 104px;
    position: relative;
    left: -1px;
}

.srv-table-mob-header td {
    background: #088acb;
    font-size: 12px;
    color: #ffffff;
    border-bottom: 1px solid #fff;
    line-height: 1;
    height: 59px;
}

.srv-table-mob th,
.srv-table-mob tr td tr td {
    border-right: 1px solid rgba(153, 153, 153, 0.3);
    min-width: 60px;
    padding: 0 5px;
}

.srv-table-dropdown table table tr:first-child > td,
.srv-table-mob > tbody > tr > td > table > tbody > tr:first-child > td {
    height: 50px;
    font-size: 11px;
    overflow: hidden;
}

.srv-table-mob table {
    margin-bottom: 0;
}

.srv-table-mob-competitor {
    font-size: 11px;
}

.srv-table-mob-price {
    font-size: 18px;
    margin-top: 0;
}

.srv-table-mob td {
    background-color: #fff;
    border-bottom: 1px solid #fff;
    height: 59px;
}

.srv-table-mob tbody > tr > td {
    padding: 0;
}

.srv-table-mob tr:nth-child(4) td,
.srv-table-mob tr:nth-child(5) td {
    background-color: #ebf7fa;
}

.srv-table-mob .srv-table-dropdown tr td tr:nth-child(4) td,
.srv-table-mob .srv-table-dropdown tr td tr:nth-child(5) td {
    background-color: #ebf7fa;;
}

.srv-table-mob tr td tr:last-child td {
    background-color: rgba(255, 114, 0, 0.1);
}

.srv-table-mob .srv-table-dropdown tr td tr:last-child td {
    background-color: rgba(255, 114, 0, 0.1);
}

.srv-table-mob tr td.srv-table-dropdown > table > tbody > tr td {
    /*.srv-table-mob  tr td.srv-table-dropdown tr:last-child td*/
    background-color: #fff;
}

.srv-table-mob .srv-table-dropdown > table > tbody > tr > td {
    padding: 0;
    border: 0;
}

.srv-table-mob {
    width: auto;
}

.srv-table-mob th {
    font-size: 10px;
    text-align: left;
    padding: 5px !important;
}

.srv-table-mob-header-wrap {
    display: inline-block;
    position: relative;
    z-index: 1;
}

.srv-table-mob-wrap {
    display: inline-block;
    width: 100%;
    padding-left: 104px;
    margin-left: -109px;
    overflow-x: auto;
    /*top: 15px;*/
    position: relative;
}

.srv-table-mob-child {
    font-weight: 400;
}

.table-mob {
    display: none;
    position: relative;
}

.table-mob-arrow {
    position: absolute;
    padding: 10px 4px;
    right: 0;
    margin-top: -20px;
    background: #dadada;
    top: 50%;
}

.table-mob:hover .table-mob-arrow {
    opacity: 0;
}

/*steps block*/
.srv-step {
    background: #fcfcfc;
    padding: 45px 20px 20px 20px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border-color: #e1e1e1;
    font-size: 16px;
    box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.3);
    text-align: center;
    position: relative;
    width: 100%;
    margin: 65px 20px 0 20px;
}

.srv-step-icon {
    position: absolute;
    left: 50%;
    top: -35px;
    margin: 0 0 0 -35px;
    width: 70px;
    height: 70px;
}

.srv-step-title {
    color: #088acb;
    padding: 2px 0 0 0;
    margin: 0 0 16px 0;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 1.25em;
}

.srv-step-subtitle {
    font-weight: 600;
    color: #000000;
    margin: 0 0 16px 0;
    font-size: 0.95em;
}

.srv-step-text {
    text-align: left;
    color: #333;
}

.srv-step-text ul {
    padding-left: 20px;
    color: #666666;
}

.srv-step-text ul li {
    margin-bottom: 8px;
}

.srv-step-text-bottom {
    margin-top: 40px;
}

.srv-step a {
    color: #088acb;
    text-decoration: underline;
}

/*steps block end*/

/*reviews block*/

.srv-reviews-item {
    margin-bottom: 40px;
}

.srv-reviews-title {
    font-size: 24px;
    color: #000000;
    font-weight: 500;
    margin-bottom: 5px;
}

.srv-reviews-rate {
    font-size: 20px;
    line-height: 0.9;
    color: #ff7200;
    margin-bottom: 30px;
}

.srv-reviews-rate-stars {
    background: url("../images/stars-rate.svg") no-repeat;
    width: 112px;
    height: 20px;
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
}

.srv-reviews-rate-stars-rated {
    background: url("../images/stars-rate-orange.svg") no-repeat;
    width: 112px;
    height: 20px;
    display: inline-block;
}

.srv-reviews-slider {
    padding-bottom: 40px;
    border-bottom: 2px solid #999;
}

.srv-reviews-slider-item {
    padding-left: 10px;
    padding-right: 10px;
}

.srv-reviews-slider .arrow-icon {
    position: absolute;
    bottom: -2px;
    border: 2px solid #999;
    color: #999;
    width: 30px;
    height: 30px;
    outline: 5px solid #fff;
}

.srv-reviews-slider .slick-arrow-left {
    right: 40px;
}

.srv-reviews-slider .slick-arrow-right {
    right: 0px;
    border: 2px solid #088acb;
    color: #088acb;
}

.srv-reviews-author {
    margin-bottom: 5px;
}

.srv-reviews-quote {
    font-size: 16px;
    color: #333333;
    /*height: 145px;*/
    width: 100%;
    /*overflow: auto;*/
    display: block;
    /*position: relative;*/
}

.srv-reviews-text-title {
    font-size: 1.4em;
    font-weight: 500;
    margin-bottom: 20px;
    line-height: 1.2;
}

.srv-reviews-text-1 {
    background: #ebf7fa;
    padding: 30px 20px;
    text-align: center;
}

.srv-reviews-text-2 {
    text-align: center;
    padding: 40px 5px;
}

.srv-reviews-text-2 .srv-phone-form {
    margin: 30px 0 0 0;
}

.srv-reviews-text-2 p {
    margin-bottom: 0;
}

.car-tag {
    padding: 5px 6px;
    background: #fff;
    display: inline-block;
    color: #088acb;
    border: 1px solid #088acb;
    border-radius: 2px;
    font-size: 0.8em;
    margin: 3px 3px;
}

.car-tag:hover {
    background-color: #fbfdfd;
}

.car-tag-more {
    color: #088acb;
    font-size: 15px;
    margin-top: 10px;
    display: inline-block;
    text-decoration: underline;
}

/*reviews block end*/

/*page about*/

.srv-team-items-all {
    margin-top: 30px;
}

.srv-press-item img {
    margin: 0 auto 15px auto;
}

.srv-press-item a {
    color: #088acb;
    outline: none;
    word-break: break-all;
}

.srv-press-item a:hover {
    text-decoration: underline;
}

.srv-team-item-icon-wrap {
    position: relative;
    overflow: hidden;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}

.srv-team-item-icon-info {
    background: rgba(8, 138, 203, 0.71);
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
    opacity: 0;
    top: 0;
    left: 0;
    padding: 12px;

    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.srv-team-item-icon-wrap:hover .srv-team-item-icon-info {
    z-index: 1;
    opacity: 1;
}

.team-item-ico {
    width: 40px;
    height: 40px;
    display: block;
    background-repeat: no-repeat;
    margin-bottom: 12px;
    cursor: pointer;
}

.team-item-ico:hover {
    opacity: .5;
}

.srv-team-item-info {
    background-image: url("../images/ic-info.png");
}

.srv-team-item-in {
    background-image: url("../images/ic-linked-in.png");
}

.srv-section-hero-bottom-text p {
    margin-bottom: 30px;
}

.srv-section-hero-bottom-text blockquote {
    border-left: 5px solid #ff7200;
    padding-left: 30px;
}

.srv-team-quote {
    background-size: cover;
    background-blend-mode: soft-light;
    background-position: 50% 50%;
    background-attachment: fixed;
    min-height: 0;
}

.srv-team-items {
    margin-top: 50px;
}

.srv-team-item {
    margin-bottom: 25px;
    padding: 0 10px;
    overflow: hidden;
}

.srv-team-item-icon {
    max-height: 250px;
}

.srv-team-item-name {
    padding-top: 8px;
}

.srv-gallery-img-wrap {
    padding: 0 10px;
}

.srv-press .srv-section-title {
    margin-bottom: 40px;
}

.nav-page {
    text-align: center;
    padding: 20px 0;
}

.nav-page-item {
    padding: 0 25px;
    color: #333;
    border-right: 1px solid #333;
}

.nav-page-item:last-child {
    border: 0;
}

.nav-page-item:hover {
    color: #088acb;
}

.office-slider-nav {
    margin-top: 50px;
}

.office-slider-nav .icon-slider-title {
    font-size: 18px;
    font-weight: 300;
}

.office-slider p {
    color: #fff;
    margin: 50px 0;
}

.srv-gallery-slider {
    padding: 0 20px;
    /*margin-right: 20px;*/
    /*margin-left: 20px;*/
    margin-bottom: 30px;
    overflow: hidden;
}

.srv-gallery-slider .slick-arrow {
    position: absolute;
    color: #088acb;
    font-size: 32px;
    top: 50%;
    margin-top: -26px;
}

.srv-gallery-slider .slick-arrow:hover {
    opacity: .5;
}

.srv-gallery-slider .slick-arrow-right {
    right: -15px;
}

.srv-gallery-slider .slick-arrow-left {
    left: -15px;
}

/*page about team end*/

/*page home*/
.srv-section-steps-dark .srv-step {
    background: rgba(45, 45, 45, 0.18);
}

.srv-section-steps-dark .srv-step-title,
.srv-section-steps-dark .srv-step-text {
    color: #fff;
}

.page-home .srv-section {
    padding: 120px 0px;
}

.page-home .srv-hero {
    background-position: center;
    height: calc(100vh - var(--menu-top-h));
    padding: 0;
}

.page-home .srv-phone {
    padding: 0;
}

.page-home .srv-hero .h1 {
    font-size: 3em;
    /*font-size: 3.6em;*/
    line-height: 1.3;
}

.page-home .srv-hero .button {
    font-size: 1em;
    margin-right: 10px;
    margin-top: 10px;
    line-height: 50px;
    width: 220px;
}

.page-home .srv-hero .srv-section-content {
    display: flex;
    height: 100%;
    justify-content: center;
    flex-direction: column;
}

.hero-slider,
.hero-slider-item {
    height: calc(100vh - var(--menu-top-h));
}

.hero-slider-item {
    background-position: center;
    background-size: cover;
}

.hero-slider .slick-dots {
    position: absolute;
    bottom: 10px;
    left: 50%;
    margin-left: -30px;
    z-index: 1;
}

.hero-slider .slick-dots li {
    display: inline-block;
    font-size: 0;
    line-height: 1;
    margin: 0 5px;
    opacity: 0.5;
    color: #fff;
}

.hero-slider .slick-dots li.slick-active {
    opacity: 0.8;
}

.hero-slider .slick-dots li:before {
    content: '•';
    font-size: 32px;
    line-height: 1;
}

.img-wrap-fleets {
    position: relative;
    display: inline-block;
}

.txt-fleets {
    position: absolute;
    top: 50px;
    left: 10%;
    width: 80%;
}

#fleets-app .srv-section-subtitle {
    opacity: 1;
}

.srv-section-steps .srv-section-subtitle {
    padding-top: 20px;
}

.srv-phone .section-title {
    padding-bottom: 20px;
}

/*end page home*/

.srv-hero-slider {
    padding: 0 !important;
    background-image: none;
}

.srv-hero-slider .srv-section-content {
    display: flex;
    height: 100%;
    justify-content: center;
    flex-direction: column;
}

/*testimonials block*/
.testimonials-slider {
    font-size: 16px;
    padding: 0 40px;
    margin-top: 40px;
}

.testimonials-quote q {
    font-style: italic;
    font-size: 1.25em;
    font-weight: 400;
}

.testimonials-author-name {
    color: #000000;
    font-size: 1.2em;
    font-weight: 600;
}

.testimonials-author-position {
    color: #919191;
    font-size: 0.8em;
}

.testimonials-slider .slick-arrow {
    position: absolute;
    color: #088acb;
    font-size: 32px;
    top: 50%;
    margin-top: -42px;
}

.testimonials-slider .slick-arrow:hover {
    opacity: .5;
}

.testimonials-slider .slick-arrow-right {
    right: -15px;
}

.testimonials-slider .slick-arrow-left {
    left: -15px;
}

/*testimonials block end*/

.icon-slider-wrap {
    background: #088acb;
    padding: 30px 0;
}

.icon-slider-wrap .flex-fl {
    align-items: center;
}

.icon-slider {
    color: #fff;
}

.icon-slider img {
    max-height: 500px;
    max-width: 100%;
    margin: 0 auto;
}

.icon-slider .section-title {
    margin-bottom: 10px;
    width: 100%;
}

.icon-slider-content {
    height: 500px;
}

.icon-slider-content p {
    width: 100%;
}

.icon-slider-txt-col {
    padding-right: 10px;
}

.icon-slider-title {
    text-transform: uppercase;
    display: block;
    line-height: 1.2em;
    margin-top: 7px;
    margin-bottom: 3px;
    font-size: 13px;
    text-align: center;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.icon-slider-icon {
    margin: 0 auto;
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
    opacity: 0.6;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.slick-slide:hover .icon-slider-icon {
    opacity: 1;
}

.slider-nav-arr .slick-slide {
    padding: 0 10px 0px 10px;
    height: 140px;
    overflow: hidden;
    position: relative;
}

.slider-nav-arr .slick-slide:before {
    content: '';
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 20px solid #088acb;
    position: absolute;
    bottom: -20px;
    left: 50%;
    margin-left: -20px;
    z-index: -1;

}

.slider-nav-arr .slick-current:before {
    bottom: 0;
    z-index: 1;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.slick-current .icon-slider-icon {
    -webkit-filter: none; /* Safari 6.0 - 9.0 */
    filter: none;
    opacity: 1;
}

.slick-current .icon-slider-title {
    color: #088acb;
}

.page-fleets .srv-section-icons-slider {
    padding: 40px 0 0 0;
}

.scroll-down-link {
    height: 60px;
    width: 40px;
    margin: 0px 0 0 -20px;
    line-height: 60px;
    position: absolute;
    left: 49.85%;
    bottom: 0px;
    color: #FFF;
    text-align: center;
    font-size: 35px;
    z-index: 100;
    text-decoration: none;
    text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
    -webkit-animation: fade_move_down 2s ease-in-out infinite;
    animation: fade_move_down 2s ease-in-out infinite;
}

@-webkit-keyframes srv_pulsate {
    0% {
        -webkit-transform: scale(0.1);
        opacity: 0.0
    }

    50% {
        opacity: 0.7
    }

    100% {
        -webkit-transform: scale(1);
        opacity: 0.0
    }
}

@keyframes srv_pulsate {
    0% {
        transform: scale(0.1);
        opacity: 0.0
    }

    50% {
        opacity: 0.7
    }

    100% {
        transform: scale(1);
        opacity: 0.0
    }
}

/*end hotspots*/

.single a {
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.single {
    width: 100%;
    padding-top: 40px;
    padding-bottom: 40px;
}

.single article {
    font-size: 16px;
    line-height: 1.3;
    color: var(--dark-color);
}

.single article h1 {
    font-size: 28px;
    font-weight: bold;
    line-height: 1.3;
    color: var(--dark-color);
}

.single article h2 {
    font-size: 24px;
    font-weight: bold;
    line-height: 1.5;
    color: var(--dark-color);
}

.single article h3 {
    font-size: 20px;
    font-weight: bold;
    color: var(--dark-color);
}

.single article h4 {
    font-size: 18px;
    font-weight: bold;
    color: var(--dark-color);
}

.single article h1,
.single article h2,
.single article h3,
.single article h4 {
    margin-top: 40px;
    margin-bottom: 10px;
}
.single article p,
.single article hr,
.single article ol,
.single article ul {
    margin-bottom: 30px;
}

.single article ol,
.single article ul {
    padding-left: 20px;
}

.single .addtoany_content {
    padding-top: 30px;
}

.author-meta {
    display: grid;
    grid-template-columns: 96px 1fr;
    column-gap: 30px;
    padding: 40px 0;
    border-top: 1px solid #979797;
    margin-top: 40px;
}
.author-meta__img img {
    width: 100%;
    border-radius: 100%;
    display: inline-block;
}
.author-meta__title {
    font-size: 12px;
    font-weight: bold;
    line-height: 1.17;
    color: #000;
}
.author-meta__name {
    font-size: 21px;
    font-weight: bold;
    line-height: 1.14;
    color: var(--dark-color);
    margin-bottom: 10px;
}
.author-meta__desc {
    font-size: 14px;
    line-height: 1.5;
    color: #000;
    max-width: 400px;
}

.post a {
    color: #088acb;
    text-decoration: underline;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.post a:hover {
    text-decoration: none;
}

.post h5 {
    font-size: 1em;
    margin-bottom: 10px;
}

.single article blockquote {
    border-left-style: solid;
    border-left-width: 7px;
    padding-left: 20px;
    margin-bottom: 1em;
    margin-right: 1em;
    font-size: 1.235em;
    line-height: 1.5em;
    border-color: #088acb;
}

.post-meta {
    font-size: 14px;
    padding-top: 15px;
    margin-bottom: 30px;
}

.post-meta a {
    color: #999;
    text-decoration: none;
}

.post-meta a:hover {
    color: #088acb;
    text-decoration: none;
}

.post-tags {
    margin-top: 5px;
}

.post-link-nav {
    position: fixed;
    top: 50%;
    height: 110px;
    background: #aaa;
    background: rgba(0, 0, 0, 0.1);
    display: block;
    color: #fff;
    font-size: 14px;
    margin-top: -55px;
    padding: 15px 0;
    text-decoration: none !important;
    z-index: 501;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.post-link-nav:hover {
    background: rgba(0, 0, 0, 0.8);
}

.post-link-nav:hover .post-link-txt {
    width: 250px;
}

.post-link-btn {
    height: 110px;
    line-height: 110px;
    width: 24px;
    position: absolute;
    top: 0;
    text-align: center;
    color: #fff;
    font-size: 18px;
}

.post-link-txt {
    width: 0;
    height: 100%;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    overflow: hidden;
    color: #fff;
    text-decoration: none;
    display: block;
    text-align: center;
}

.post-link-txt-title {
    display: flex;
    width: 250px;
    height: 100%;
    align-items: center;
    justify-content: center;
    padding: 0 6px;
}

.post-link-nav-next {
    right: 0;
    padding-right: 34px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.post-link-nav-next .post-link-btn {
    right: 0;
}

.post-link-nav-next .post-link-txt-title {
    padding-left: 15px;
}

.post-link-nav-prev {
    left: 0;
    padding-left: 34px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.post-link-nav-prev .post-link-btn {
    left: 0;
}

.posts {
    width: 100%;
}

.posts > .content {
    max-width: 1200px;
    margin-top: 40px;
    margin-bottom: 40px;
}

.posts-title {
    font-size: 28px;
    font-weight: 300;
    color: #088acb;
    margin-top: 0;
    line-height: 1.1;
    margin-bottom: 40px;
}

.posts .post {
    border-bottom: 1px solid #ccc;
    margin-bottom: 30px;
}

.posts .post-title {
    font-size: 25px;
    font-weight: 400;
    color: #333333;
    margin-top: 0;
    text-decoration: none;
    line-height: 1.1;
    margin-bottom: 20px;
}

.posts .post-title a {
    text-decoration: none;
    color: #000;
}

.posts .post-title a:hover {
    color: #088acb;
}

.posts .post-thumbnail {
    margin-bottom: 20px;
    display: block;
}

.posts .post-thumbnail img {
    /*max-height: 300px;*/
    object-fit: cover;
}

.posts .post-thumbnail:hover {
    opacity: 0.5;
}

.posts .pagination {
    text-align: center;
}

.page-blog article {
    border-radius: 5px;
    box-shadow: 0 0 15px 10px rgba(0, 0, 0, 0.05);
    margin-bottom: 30px;
}

.page-blog .pagination {
    margin: 30px 0;
}

.page-blog .pagination .current {
    background: none;
    color: #333;
    font-size: 16px;
    font-weight: 500;
}
.pagination a, .pagination button {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    color: #999;
}

.page-blog article .aspect-ratio-box {
    height: 0;
    overflow: hidden;
    padding-top: calc(950.44 / 1127.34 * 100%);
    background: white;
    position: relative;
    min-height: 430px;
}

.page-blog article .aspect-ratio-box-inside {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.page-blog article .flexbox-centering {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.page-blog article .viewport-sizing {
    font-size: 14px;
    width: 100%;
}

.page-blog article .yuzo-img-wrap {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}

.page-blog article.has-post-thumbnail .viewport-sizing {
    height: 100%;
}

.post-thumbnail {
    display: block;
    height: 0;
    position: relative;
    padding-top: 56.25%;
}

.post-thumbnail img {
    top: 0;
    position: absolute;
    object-fit: cover;
    height: 100%;
    width: 100%;
    border-radius: 10px;
}

.posts-row .post-text {
    padding: 10px 20px 0px 20px;
    text-align: center;
    color: #333;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.5;

}

.posts-row .has-post-thumbnail .post-text {
    text-align: left;
}

.posts-row article > a {
    display: block;
    text-decoration: none;
}

.posts-row article > a:hover .viewport-sizing {
    opacity: .5;
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

.posts-row .post-title {
    margin-bottom: 10px;
    margin-top: 10px;
    color: #585858;
    /* white-space: nowrap; */
    /* overflow: hidden !important; */
    font-size: 24px;
    font-weight: 600;
    line-height: 1.25;
    font-stretch: normal;
    /* text-overflow: ellipsis; */
}

.posts-row .post-meta {
    margin-bottom: 0;
    font-size: 0.9em;
    color: #a2a2a2;
}

.pagination .current {
    background: transparent;
    color: #088acb;
    font-weight: 600;
}

.pagination li {
    font-size: .95rem;
}

.pagination a, .pagination button {
    padding: 0 .625rem;
    color: #0a0a0a;
}

.pagination a:hover, .pagination button:hover {
    background: transparent;
    text-decoration: underline;
}

.widget {
    margin-bottom: 40px;
}

.widget .widgettitle {
    margin-bottom: 5px;
    display: block;
    font-size: 21px;
    font-weight: bold;
    line-height: 1.33;
    color: var(--dark-color);
    max-width: 276px;
}

.widget .tagcloud a {
    color: #999;
}

.widget ul li {
    list-style: none;
    padding: 4px 0;
}

.widget .search-form {
    position: relative;
    padding-bottom: 25px;
    border-bottom: solid 2px #d3eaf6;
}

.widget .search-form .btn {
    position: absolute;
    top: 2px;
    right: 14px;
    width: 45px;
    height: 52px;
    background: transparent;
    color: #3d4a51;
    border: 0;
    font-size: 23px;
    border-radius: 0;
    cursor: pointer;
}

.widget #search-field {
    width: 100%;
    height: 56px;
    padding: 0 70px 0 20px;
    background: #fff;
    border-radius: 28px;
    border: solid 2px #d3eaf6;
    font-size: 18px;
    font-style: italic;
    color: var(--dark-color);
}

.widget_recent_entries li {
    font-style: italic;
    padding: 5px 0;
    border-bottom: 1px solid #979797;
    line-height: 1.33;
}

.sidebar a {
    color: #86bbd8;
    font-size: 18px;
}

.sidebar a:hover {
    color: #088acb;
}

.srv-progress-bar-container {
    width: 100%;
    /*margin-bottom: 40px;*/
}

.srv-progress-bar {
    position: relative;
    margin-bottom: 7px;
    background: #fff;
    height: 32px;
    overflow: hidden;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.srv-progress-title {
    position: absolute;
    z-index: 2;
    bottom: 3px;
    left: 3px;
    color: white;
    background: black;
    background: rgba(0, 0, 0, 0.5);
    padding: 1px 10px 2px 10px;
    border-radius: 3px;
    line-height: 21px;
}

.srv-progress-status {
    width: 100%;
    height: 100%;
}

.animated-number-wrap {
    margin-bottom: 60px;
}

.animated-number {
    text-align: center;
}

.animated-number-title {
    font-size: 70px;
    font-weight: 300;
}

.animated-number-title .no-number {
    opacity: .5;
}

.animated-number-content {
    font-size: 19px;
}

.srv-pricing-table-container {
    position: relative;
    clear: both;
    width: 100%;
    display: table;
    table-layout: fixed
}

.pricing-table-wrap {
    display: table-cell
}

.pricing-table {
    margin: 10px;
    border-bottom: 1px solid #e1e1e1;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.pricing-table > li {
    list-style-type: none;
    list-style-position: outside;
    padding: 9px 12px;
    border-top-style: solid;
    border-top-width: 1px;
    border-left-style: solid;
    border-left-width: 1px;
    border-right-style: solid;
    border-right-width: 1px;
    margin: 0;
    text-align: center;
    position: relative;
    border-color: #e1e1e1;
    color: #666666;
}

.pricing-table li.srv-pricing-row,
.pricing-table li.srv-heading-row {
    background-color: #088acb !important;
    color: #ffffff !important;
    border-color: #82b2ca;
}

.pricing-table > li:nth-child(even) {
    color: #919191;
    background-color: #ffffff;
}

.pricing-table > li:nth-child(odd) {
    background: #fcfcfc;
}

.srv-pricing-table-container .pricing-table > li:last-child {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    display: block
}

.pricing-table li.srv-pricing-row .currency-symbol {
    font-size: 0.5em;
    position: relative;
    top: -0.6em;
    line-height: 1em;
    font-weight: normal;
    color: #fff;
}

.pricing-table li.srv-pricing-row .currency-symbol,
.pricing-table li.srv-pricing-row small {
    opacity: 0.4;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}

.pricing-table > li:first-child, .pricing-extra {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-top-style: solid;
    border-top-width: 1px;
    border-left-style: solid;
    border-left-width: 1px;
    border-right-style: solid;
    border-right-width: 1px
}

.pricing-extra {
    display: none
}

.srv-desc-col.pricing-table li {
    border-style: dashed;
    border-left: none;
    border-right: none;
    text-align: right
}

#top .srv-desc-col.pricing-table .srv-button-row {
    border: none
}

#top .srv-button-row .srv-button-wrap {
    margin: 10px 0
}

.pricing-table li.srv-pricing-row {
    text-align: center;
    font-size: 60px;
    line-height: 1em;
    padding: 25px 12px;
    font-weight: 600
}

.pricing-table li.srv-pricing-row small {
    display: block;
    font-size: 16px;
    font-style: italic;
    line-height: 1.4em;
    font-weight: normal;
    letter-spacing: 1px;
    text-shadow: none
}

.pricing-table.srv-highlight-col .pricing-extra {
    display: block;
    position: absolute;
    top: -20px;
    height: 25px;
    left: -1px;
    right: -1px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

.pricing-table li.empty-table-cell {
    display: none
}

.pricing-table.srv-desc-col li.empty-table-cell {
    display: block
}

.fallback-table-val {
    visibility: hidden
}

.pricing-table.srv-highlight-col {
    box-shadow: 0 0 9px 1px rgba(0, 0, 0, 0.1);
    margin: 4px
}

.pricing-table.srv-highlight-col > li:last-child {
    padding-bottom: 25px
}

.pricing-table.srv-highlight-col .first-table-item {
    position: relative;
    top: -9px;
    z-index: 10
}

.orange-bar .srv-progress-status {
    background-color: #FFCF66;
}

.green-bar .srv-progress-status {
    background-color: #83a846;
}

.fw-item {
    padding-left: 90px;
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    margin-bottom: 15px;
}

.fw-item-text {
    text-align: left;
}

.fw-item-text h3 {
    line-height: 1.2;
}

.fw-item-text p {
    font-size: 0.9em;
    margin-top: 10px;
}

.fw-item-img {
    position: absolute;
    left: 0px;
    top: 0px;
    border: 1px solid #ccc;
    border-radius: 100%;
    width: 74px;
    height: 74px;
    font-size: 27px;
    padding: 16px;
}

.srv-icon-char {
    width: 100px;
    height: 100px;
    border: 3px solid #fff;
    border-radius: 100%;
    display: inline-block;
    color: #fff;
    font-size: 26px;
    text-align: center;
    line-height: 95px;
    position: relative;
}

.srv-icon-char:after {
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    content: '';
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    top: 0;
    left: 0;
    padding: 0;
    z-index: -1;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1);
    opacity: 0;
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
    -webkit-transform-style: preserve-3d
}

.srv-icon-char:hover:after {
    -webkit-animation: sonarEffect 1s ease-out;
    animation: sonarEffect 1s ease-out
}

#cc-banner {
    width: 100%;
    background-color: #eeeeeed9;
    text-align: left;
    padding: 15px;
    position: fixed;
    bottom: 0;
    z-index: 101;
    font-size: 14px;
    display: none;
}
#cc-banner .row {
    max-width: 85%;
}
.cc-banner-close-ok {
    text-decoration: underline;
    cursor: pointer;
}
.cc-banner-close-ok:hover {
    text-decoration: none;
}
.cc-banner-close {
    position: absolute;
    top: 0;
    left: 15px;
    font-size: 28px;
    color: #333;
    cursor: pointer;
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

.cc-banner-close:hover {
    opacity: .8;
}

@-webkit-keyframes sonarEffect {
    0% {
        opacity: 0.3
    }

    40% {
        opacity: 0.5;
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255, 255, 255, 0.5)
    }

    100% {
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255, 255, 255, 0.5);
        -webkit-transform: scale(1.5);
        opacity: 0
    }
}

@keyframes sonarEffect {
    0% {
        opacity: 0.3
    }

    40% {
        opacity: 0.5;
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255, 255, 255, 0.5)
    }

    100% {
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255, 255, 255, 0.5);
        transform: scale(1.5);
        opacity: 0
    }
}

@-webkit-keyframes fade_move_down {
    0% {
        -webkit-transform: translate(0, -20px);
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        -webkit-transform: translate(0, 20px);
        opacity: 0
    }
}

@keyframes fade_move_down {
    0% {
        transform: translate(0, -20px);
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        transform: translate(0, 20px);
        opacity: 0
    }
}

.line {
    position: relative;
}

.wpcf7-mail-sent-ok.success {
    border: 0;
    padding: 0;
    margin: 30px 0 0 0;
    font-size: 20px;
    font-weight: 600;
}

.popup-mail-sent-ok.success {
    font-size: 22px;
    line-height: 26px;
    font-weight: 300;
}

.icons-box.flex > a + p, .footer-nav br {
    display: none;
}

.ewd-ufaq-post-margin-symbol {
    display: none !important;
}

.ufaq-faq-title-text {
    width: 100% !important;
}

/*body div.wpcf7 .ajax-loader {*/
/*    display: none;*/
/*}*/

body div.wpcf7 .ajax-loader {
    width: 20px;
    height: 20px;
    margin: 0 6px;
    top: 3px;
}

body span.wpcf7-not-valid-tip {
    color: #c11e1e;
    font-size: 12px;
    font-style: normal;
    position: absolute;
    right: 0;
    bottom: 1px;
}

.wpcf7-form-control-wrap {
    display: block;
}

.social-menu li {
    display: inline-block;
    list-style: none;
    margin-right: 10px;
    vertical-align: middle;
}

.social-menu li:last-child {
    margin-right: 0;
}

.social-menu a {
    display: block;
    color: #fff;
    height: 25px;
    vertical-align: top;
    width: 20px;
    text-align: center;
    font-size: 16px;
}

.social-menu a:hover {
    opacity: .8;
}

/* -----------------------------------------
   Footer Styles
----------------------------------------- */

.main-footer {
    background: #112A3A;
    padding: 50px 0;
    line-height: 1.4;
    font-size: 15px;
}

.main-footer * {
    color: #fff;
}

.footer-menu ul {
    list-style: none;
}
.footer-contacts a {
    display: inline-block;
    margin-top: 10px;
}
.footer-contacts,
.footer-menu .sub-menu a {
    opacity: 0.5;
}
.footer-menu a {
    display: inline-block;
    margin-bottom: 7px;
    font-size: 14px;
}

.footer-menu a:hover, .footer-menu li.current-menu-item a {
    opacity: 1;
}

.footer-menu #bottom-nav-fleet {
    display: grid;
    grid-template-columns: 1fr 1.3fr 1.3fr 1fr;
    grid-column-gap: 30px;
    grid-row-gap: 20px;
}
.footer-menu #bottom-nav-fleet > li > a,
.main-footer h4 {
    margin-bottom: 15px;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    cursor: default;
}
.footer-menu-grid {
    display: grid;
    grid-template-columns: 4fr 1fr;
    grid-column-gap: 30px;
}
.bottom-menu li {
    display: block;
    font-size: 14px;
    width: 40%;
    float: left;
    padding-right: 15px;
}

.main-footer .powered-by {
    margin: 20px 0;
    opacity: 0.5;
    display: inline-block;
}
.main-footer .powered-by:hover {
    opacity: 0.8;
}

#to_top {
    display: none;
    position: fixed;
    z-index: 100;
    /*bottom: 50px;*/
    bottom: 75px;
    cursor: pointer;
    font-weight: 500;
    font-size: 16px;
    text-align: center;
    right: 5px;
    width: 80px;
    height: 80px;
    background: url(../images/hex_tottop.png) no-repeat center;
    background-size: contain;
    color: rgb(8, 138, 203);
    line-height: 76px;
}

#to_top .fa {
    line-height: 40px;
}

.copyright-box {
    background: #001626;
    padding-top: 8px;
    padding-bottom: 8px;
    line-height: 1.5;
}

.copyright-box * {
    color: rgba(255, 255, 255, 0.50);;
    font-size: 14px;
    font-weight: 500;
}