/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 3 апр. 2020 г., 10:01:28
    Author     : Sergey.Senotov
*/
/* Global style */
h3, .h3{
    font-weight: 500;
}
h2 b,
h3 b{
    color: #ED123D;
}
ul {
    padding: 0;

}
.nowrap{
  white-space: nowrap;
}
/* Spinner */
.ajax-progress-throbber .throbber{
  width: 20px;
  height: 20px;
  padding: 0;
  display: block;
  background: transparent url(/themes/fleetcor/css/../img/spinner.svg) no-repeat 0 center;
  background-size: contain;
}
.ajax-progress-throbber .throbber{
  -webkit-animation-name: rotation;
  -webkit-animation-duration: 1s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: rotation;
  -moz-animation-duration: 1s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -o-animation-name: rotation;
  -o-animation-duration: 1s;
  -o-animation-iteration-count: infinite;
  -o-animation-timing-function: linear;
  animation-name: rotation;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@-webkit-keyframes rotation {
  0% {-webkit-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
    -o-transform:rotate(0deg);
    transform:rotate(0deg);}
  100% {-webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -o-transform:rotate(360deg);
    transform:rotate(360deg);}
}
@-moz-keyframes rotation {
  0% {-webkit-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
    -o-transform:rotate(0deg);
    transform:rotate(0deg);}
  100% {-webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -o-transform:rotate(360deg);
    transform:rotate(360deg);}
}
@-o-keyframes rotation {
  0% {-webkit-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
    -o-transform:rotate(0deg);
    transform:rotate(0deg);}
  100% {-webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -o-transform:rotate(360deg);
    transform:rotate(360deg);}
}
@keyframes rotation {
  0% {-webkit-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
    -o-transform:rotate(0deg);
    transform:rotate(0deg);}
  100% {-webkit-transform:rotate(360deg);
    -moz-transform:rotate(720deg);
    -o-transform:rotate(360deg);
    transform:rotate(360deg);}
}
@media (max-width: 1024px){
  .inp-group .ajax-progress-throbber{
    top: 10px;
    left: 0px;
  }
}



/* END Spinner */
.jq-selectbox li{
    width: 100%;
}
.node__content.white ul li{
    color: white;
}
.text-block{
    padding: 50px;
}

/* block-partner-form-block */
.block-partner-form-block,
.block-page-form-block{
    color: black;
    padding: 0;
}
.block-partner-form-block .button ,
.block-page-form-block .button {
    cursor: pointer;
}
.support__question .inp-group .jq-selectbox {
    background: #EEE;
}
.support__question .inp-group__checkbox .label{
    color: black;
}

/* Home page */
.text_block{
    margin-top: 56px;
}
.advantages__slider .h2{
  margin-bottom: 14px;
}
.advantages__slider .h2 a,
.advantages__slider .h1 a{
    color: #ED123D;
}
.advantages__slider .btn{
    margin-top: 30px;
}
.advantages__slider{
    overflow: hidden;
}
.advantages__item-top_txt{
  max-width: 700px;
}
.advantages__item-top{
  height: 200px;
}
/* END Home page */

/* Fix header block page */
.top__typical-headline{
    /*max-width: 600px;*/
}
.top__typical-headline.long-headline{
  max-width: 660px;
}
.top__typical-advantages{
    margin-bottom: 0px !important;
}
.top__typical a{
    color: #ED123D;
}
.top__typical a.btn-primary{
    color: #212E35;
}
.header__nav ul li:after{
    z-index: 99 !important;
}
.menu__fuel-news_item-content span a,
.menu__news-news_item-content span a,
.menu__fuel-news_item-content span,
.menu__news-news_item-content span{
  text-align: left;
}
/* END Fix header block page */

/* Ladecarte */
.ladekarte_btn{
    margin-bottom: 20px;
    text-align: center;
    min-width: 230px;
}
.items-block{
    margin: 50px -25px 20px;
    float: left;
}
.items-block .item {
    width: 160px;
    float: left;
    margin: 20px 5px;
    padding: 20px 10px;
    background-color: #eaeaea;
    font-size: 1.2rem;
    min-height: 130px;
    font-weight: 300;
    font-size: 12px;
}
.note{
    margin-top: 20px;
}
.note .icon {
    width: 30px;
    height: 30px;
    background: url(/themes/fleetcor/css/../img/icons/icons8.png) center center no-repeat;
    background-size: contain;
    float: left;
    margin: 5px 15px 5px 0;
}
.ev-text-block4{
    margin: 30px 0;
}
.ev-text-block4 .logo{
    float: left;
    margin: 0 30px 20px 0;
}
.ev-text-block4 h2 {
    margin: 20px 0;
}

.extra .lade_extra__items{

    margin-left: 20px;
    position: absolute;
    left: 380px;
    top: -45px;
    overflow: hidden;
    padding: 120px 0;
}
.extra .lade_extra__items .slick-list{
    overflow: visible;
}
.ladekarte__text_block{
    padding-top: 50px;
}
.ladekarte__text_block h2{
    margin: 30px 0;
}
.ladekarte__text_block p,
.extra__list p,
.extra__list h4{
    margin-bottom: 15px;
}
.block-ladecarte-block .questions__headline-title p{
    color: black;
}
.extra .wrapper__mini .slider__controls .lade_prev {
    background: url(/themes/fleetcor/css/../img/icons/prev-news.svg) center center no-repeat !important;
    background-size: cover;
}
.extra .wrapper__mini .slider__controls .lade_next {
    background: url(/themes/fleetcor/css/../img/icons/next-news.svg) center center no-repeat!important;
    background-size: cover;
}
.gas-station{
    position: relative;
    padding: 50px 0;
    overflow: hidden;
}
.gas-station_l{
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    max-width: 40%;
}
.gas-station_l img{
    max-height: 100%;
    max-width: 100%;
}
.gas-station-r{
    width: calc(60% - 88px);
    padding-top: 60px;
    float: right;
}
.gas-station p{
    margin-bottom: 20px;
}
.gas-station__bg{
    position: absolute;
    width: 60%;
    right: 0;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
}
.gas-station__bg img{
    width:100%;
}
.left-bg .gas-station__bg img{
    min-height: 100%;

}
.form_lade .inp-group input:hover {
    border-color: #80D3DD;
    background: #FFF;
}
.form_lade .inp-group input {
    background: #EEE;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 2px solid transparent;
    -webkit-transition: all .4s;
    transition: all .4s;
    line-height: 55px;
}
.form_lade .inp-group__checkbox .label{
    color: black;
}
.form_lade .gas-station__bg{
        max-height: 100%;
}

.support__question .inp-group input[type=radio] {
    display: none;
}
.support__question .inp-group input[type=radio]:hover{
    border-color: -internal-light-dark-color(rgb(118, 118, 118), rgb(195, 195, 195));
    background-color: -internal-light-dark-color(rgb(255, 255, 255), rgb(59, 59, 59));

}
.support__question .inp-group input[type=radio] + label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 50px;
    margin-right: 15px;
    font-size: 13px;
    padding: 3px 0 3px 50px;
}
.support__question .inp-group input[type=radio] + label:before {
    content: "";
    display: inline-block;
    border-radius: 15px;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    bottom: 1px;
    top: 0;
    border: 1px solid #B4AFB5;
    box-sizing: border-box;
}

.support__question .inp-group input[type=radio]:checked + label:before {
    content: "\2022";
    color: #ffffff;
    font-size: 31px;
    text-align: center;
    line-height: 15px;
    border: none;
    background-color: #FFD300;
}
.solution_block{
    display: flex;
    padding: 0 0 24px 24px;
}
.solution_block .solution-item{
    width: 33.33%;
}
#ladecarte .support__topic {
    margin: 0 0px 20px;
}
#ladecarte .support__question .inp-group__checkbox {
    margin-bottom: 10px;
}
#ladecarte .support__question .inp-group {
    margin: 0px;
}
#ladecarte .styled-checkbox + label,
.support__question .styled-checkbox + label{
    color: #212E35;
}
.extra__list__travelcard .extra__list-item{
    width: 50%;
}
.extra__list__travelcard .extra__list-content .extra__list-desc,
.extra__list__travelcard .extra__list-content .extra__list-headline {
    max-width: 500px;
}
/* END Ladecarte*/

/* advantages */
.advantages__items__two .advantages__item {
    width: 40%;
}
.advantages__items__two .advantages__item-big,
.advantages__items__two .advantages__item:hover {
    width: 60%;
}
.advantages__items__two .advantages__item-top_txt .h1{
        font-size: 30px;
}
/* END advantages */

/* Block Price */
#block-price{
    margin-top: 50px;
}
/* END Block Price */

/* Carnet */
.carnet_block{
  margin-top: 80px;
}
.carnet_block_slogan{
    color: #B4AFB5 !important;
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 1.5;
    width: 40%;
    float: right;
    text-align: center;
}
.carnet_block_images{
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px;
}
.carnet_block_image{
    position: relative;
        width: 30%;
    float: left;
    margin-right: 3%;
}
.uk-position-bottom {
    position: absolute !important;
    bottom: 0;
    left: 0;
    right: 0;
}
.bs-steps-overlay {
    position: relative;
    padding: 2px 10px 5px 100px;
    background-color: rgba(0,0,0,0.6);
    color: #ffffff;
}
.bs-steps-number {
    position: absolute;
    font-size: 100px;
    line-height: 1;
    left: 10px;
    bottom: -5px;
    color: #ff0055;
}
.comparison .cards__item-advantages_icon svg .black {
    stroke: black;
}
.cards__item-in .cards__item-headline h2{
    color: #212E35;
}
@media (max-width: 1024px){
    .carnet_block_slogan{
        width: 100%;
        margin: 10px 0;
    }
    .carnet_block_images{
        flex-direction: column;
    }
    .carnet_block_image{
        width: 100%;
        margin: 10px 0;
    }
}
/* END Carnet */

/* Card block */
.card-block{
    padding: 50px 0;
}
.card-block-in{
    max-width: 1025px;
    margin-left: auto;
    margin-right: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
}
.card-block__headline{
    margin-bottom: 20px;
}
.card-block-l{
    width: -webkit-calc(50% - 88px);
    width: calc(50% - 88px);
    padding-right: 80px;
}
.card-block-l img{
    max-width: 100%;
}
card-block-r{

}
/* END Card block */
/* Fuel Cards */
.fuel-cards header h3{
    margin-bottom: 20px;
}
.fuel-cards header p{
    /*line-height: 100%;*/
    margin-bottom: 50px;
}
.fuel-cards .card__details-items{
    overflow: auto;
}
.fuel-cards .card__details-item .card__details-icon{
    margin: 0 32px 10px 0;
}

.fuel-cards .card__details-item .card__details-icon svg{
    max-height: 40px;
    fill: black;
}

.fuel-cards .card__details-item .card__details-desc{
    margin: 7px 0px;
}
.fuel-cards .card__details-item .card__details-desc p{
    display: none;
    color:black;
}
.fuel-cards .cards__item-footer_r{
    margin: 0 auto;
}

.card__details.block_fuel_cards{
    margin: 100px 0 0;
}
.block_fuel_cards .card__details-l{
    color: white;
}
.block_fuel_cards .card__details-l .card__details-text{
    margin: 0 0 20px 50px;
}
.block_fuel_cards .card__details-l .card__details-text p{
    /*font-size: 14px;*/
}
.block_fuel_cards .card__details-l .card__details-text h3{
    line-height: 150%;
}
.block_fuel_cards .card__details-r{
    margin-top: -100px;
}
.block_fuel_cards .card__details-r img{
    max-width: 500px;
    height: auto;
}
.block_fuel_cards .card__details-b{
    margin-left: 50px;
}
.block_fuel_cards .card__details-lists{
    margin: 10px 0 50px;
}
.block_fuel_cards .card__details-lists .card__details-icon{
    float:left;
}
/* END Fuel Cards */

/* FLOG */
.advantages__headline{
    padding: 80px 150px 0;
}
/* END FLOG */

/* Shel Card */
.node--type-cards .card__details .card__details-item,
.node--type-ladekarte .card__details .card__details-item{
    margin-bottom: 15px;
}
#block-locator{
    margin-bottom: 30px;
}
.node--type-cards .card__details-items,
.node--type-ladekarte  .card__details-items{
    max-width: 100%;
}
.node--type-cards .card__details,
.node--type-carnet .card__details,
.node--type-ladekarte  .card__details{
    margin-bottom: 0px;
}
/* END Shel Card */

/* EV Card */
.bestellen img{
    max-width: 500px;
    transform: skew(-20deg,20deg);
    text-align: center;
    margin: 0 auto;
}
.bestellen.top__typical-img:after {
    top: 0;
    background: none;
}
/*
.top__typical-lade-app .top__typical-bg img{
    width: auto;
    height: 600px;
    margin: 0 auto;
}
*/
.button-app {
    width: 230px;
    height: 70px;
    background-size: contain;
    display: block;
    background-repeat: no-repeat;
    margin: 10px 0;
}
.app-apple{
    background-image: url("/themes/fleetcor/css/../img/content/app_store.png");
}
.app-google{
    background-image: url("/themes/fleetcor/css/../img/content/google_play.png");
}


.node--type-lade-app .app__slider-phone_in h2{
    text-transform: uppercase;
    margin: 0 0 20px;
}
.node--type-lade-app .app__slider-phone_in{
    position: relative;
    width: 700px;
    height: auto;
    margin: 0;
}
.node--type-lade-app .app__slider .slider__controls-wrapper{
    width: 700px;
}
.app__slider-phone_android {
  width: 244px;
  height: 560px;
  background: url("/themes/fleetcor/css/../img/app/android2.png") center center no-repeat;
  background-size: 100% 100%;
  position: relative;
}
.app__slider-phone_android .app__slider-phone_in{
  position: absolute;
  left: 0;
  right: 0;
  top: 30px;
  width: 230px;
  height: 510px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 20px;
  overflow: hidden;
}
.app__slider-item .phone{
    width: 30%;
    float: left;
    margin: 0 10% 30px 0;
}
.app__slider .slider__controls .slick-dots{
  margin-top: -15px;
}
.node--type-lade-app .app__slider .button-app{

}
.node--type-lade-app .app__slider-in_r .app__slider-headline{
    width: 350px;
}
.node--type-lade-app .app__slider-in_r,
.node--type-lade-app .app__slider-in_l{
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.app__slider-in_r .app__slider{
    width: 260px;
    padding: 0;
}
/* END EV Card */
hr.hr{
    border: 1px solid rgba(33,46,53);
    margin: 30px 0;
}

/* Login Form */
#user-login-form{
    max-width: 1024px;
    margin: 200px auto;
}
#user-login-form .profile__in-wrapper{
    display: block;
}
/* END Login Form */

/* Monevia */
.extra__list-items {
    display: flex;
    align-items: center;
    justify-content: center;
}
.monevia_articles p{
    font-size: 18px;
}
.monevia-block img,
.monevia-block-red img{
    max-width: 100%;
}
.monevia-block .extra__list-icon{
    width: 200px;
    height: 200px;
    background: none;
}
.monevia-block-red .extra__list-icon{
    background: rgb(237,26,59);
    padding: 30px;
}
.monevia-block-red .text-red{
    color: rgb(237,26,59);
}

/* END Monevia */

/* Services */
.top__typical__text-left{
    max-width: 720px;
}
.articles__items .articles__item-btn {
  margin-top: 10px;
}
.articles__item.views-row {
    cursor: auto;
}
.top__typical .new-section .top__typical-breadcrumbs{
  padding: 70px 0 0;
  margin: 0;
}
.top__typical .new-section .top__typical-breadcrumbs .top__typical-breadcrumbs_items{
  margin-bottom: 15px;
}


.new-articles{
  padding: 80px 0px;
}
.new-articles.dark-section .articles__item{
  width: 50%;
  margin: 0 0 20px;
}
.new-articles.dark-section .articles__item .articles__item-content{
  margin-left: 0;
}
.new-articles.dark-section .articles__item .articles__item-txt{
  height: auto;
}

.new-articles .articles__headline h2{
  font-weight: 500;
  font-size: 40px;
  color: #212E35;
  text-transform: uppercase;
  line-height: 120%;
}
.new-articles .articles__item h3 {
  margin-bottom: 10px;
}
.new-articles .fuel-cards-slider-section__slide-shadow{
  margin: 0;
  height: 100%;
  background: white;
}
.new-articles .fuel-cards-slider__picture{
  height: 175px;
  overflow: hidden;
}
.new-articles .fuel-cards-services__image{
  height: auto;
}
.new-articles .fuel-cards-slider__text{
  height: 90px;
  overflow: hidden;
  position: relative;
  font-size: 16px;
}

.new-articles .fuel-cards-slider__text::before{
  content: " ";
  width: 100%;
  position: absolute;
  bottom: 0;
  height: 60px;
  background: rgb(255,255,255);
  background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
}
.new-articles .slick-list{
  margin-bottom: 30px;
}
/* Dark theme */

.new-articles.dark-section .articles__headline h2,
.new-articles.dark-section .articles__headline{
  color: white;
}
.new-articles .slick-dots{
  text-align: center;
}

.new-articles .new-articles__nav,
.articles .new-articles__nav{
  display: none;
}
.new-articles .new-articles__nav {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.new-articles .new-articles__dots {
  margin: 0 16px;
}
.new-articles .new-articles__next,
.new-articles .new-articles__prev {
  width: 12px;
  height: 24px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-transition: -webkit-filter 0.2s;
  transition: -webkit-filter 0.2s;
  -o-transition: filter 0.2s;
  transition: filter 0.2s;
  transition: filter 0.2s, -webkit-filter 0.2s;
}
.new-articles .slick-dots {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: none;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 0;
}
.new-articles .slick-dots button {
  padding: 0;
  margin: 0 5px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #80828A;
  border: none;
}
.new-articles .slick-dots .slick-active button {
  background-color: #ED123D;
}
@media (max-width: 1024px){
  .new-articles .new-articles__nav{
    display: flex;
  }
  .new-articles.dark-section .articles__items,
  .new-articles.lite-sections .articles__items{
    display: block;
    margin: 0 -10px;
  }
  .new-articles.dark-section .articles__item{
    margin: 0 10px;
    width: auto;
  }
  .new-articles.dark-section .articles__item .articles__item-txt {
    height: 130px;
    overflow: hidden;
  }
}
@media (min-width: 1025px){
  .top__typical .new-section{
    background-size: 60%;
    background-position: right;
  }
}
/* Services */

/* Bag Fix */
.modal .styled-checkbox+label:before{
    background: #F8F8F8;
}
.jq-selectbox li{
    font-size: 16px;
}
.support__question .styled-checkbox+label:before{
    border: 1px solid #ccc;
}
.support__question .styled-checkbox:checked+label:after{
    left: 6px;
    top: 4px;
}
.support__question .btn__wrapper .btn {
    cursor: pointer;
    margin-top: 20px;
}
input.btn {
    cursor: pointer;
}
.questions {
    overflow: hidden;
}
.company__news-bg img, .questions__bg img{
        /*height: auto;*/
    }
.is-down .partner__item-in {
    display: table;
}
.configure__footer-r .btn-yellow:hover {
    opacity: 1;
    background: #f3c900;
}
.questions__r .btn__wrapper{
    top: 50%;
    transform: translateY(-50%);
}
#form-system-messages.errors{
    color: red;
}
#form-system-messages div[data-drupal-messages]{
        margin: 0 25px 20px;
}
.top__typical-list ul li:after {
    background: url(/themes/fleetcor/css/../img/evc/check-red.svg) center center no-repeat;
}
.inp-group__checkbox.inp-group__required:after{
    background: none;
}
.inp-group__required .jq-selectbox__select:after {
    position: absolute;
    content: ' ';
    top: 10px;
    right: 20px;
    width: 6px;
    height: 6px;
    background: #ED123D;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    z-index: 10;
}
.inp-group input.error {
    border: 1px solid red;
}
.inp-group select.error + .jq-selectbox__select{
    border: 1px solid red;
}
.inp-group input.error+label+span,
.modal .inp-group input.error+label span p,
.support__question .inp-group__checkbox input.error+label+span{
    color: red;
}
#form-system-messages ul{
    color: red;
    font-size: 100%;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
}
#form-system-messages ul li{
    font-size: 100%;
    list-style-type: disc;
    display: list-item;
}
.email-validation-message,
.phone-validation-message,
.company-validation-message,
.name-validation-message{
    color: red;
    margin: -20px 0 5px 35px;
    min-height: 20px;
}
.top__typical-page .top__typical-headline,
.top__typical-service .top__typical-headline{
  max-width: 530px;
}
.top__typical-content{
    padding-right: 640px;
}
.top__typical-article .top__typical-headline,
.top__typical-news .top__typical-headline,
.top__typical-service .top__typical-headline,
.top__typical-cards .top__typical-headline,
.top__typical-page.no-image .top__typical-headline,
.view-faq .top__typical-headline{
    max-width: 100%;
}
.advantages__slider-l{
    padding-right: 140px;
}
.extra .wrapper__mini .slider__controls{
    bottom: 0;
}
.extra .wrapper__mini{
    min-height: 416px;
}
.extra__item-wrapper,
.extra__item{
    float: left;
    display: block;
}

.extra__bg img{
    width: 100%;
    min-height: 100%;
}
.services-slider .extra__item-headline{
    max-height: 55px;
    overflow: hidden;
}

/* EXTRA TOOLS */
.extra__items{
    width: max-content;
}
.extra__item {
    width: 400px;
    height: 295px;
}
.extra__item-content p {
    font-size: 18px;
}
/* EXTRA TOOLS */

.inp-group__question:after{
    top: 50% !important;
}
#customer-support-form .inp-group .jq-selectbox__trigger .jq-selectbox__trigger-arrow{
    right: 0 !important;
}
.news__single-img img {
    height: auto;
}
.news__single-content img{
  max-width: 100%;
  height: auto;
}
.partner__item-icon-img{
    overflow: hidden;
    border-radius: 30px;
    padding: 0;
    width: 100%;
    display: inline-block;
    height: 100%;
}
.partner__item-icon img{
        max-height: 100%;
}
.modal-dialog {
    border-radius: 24px;
    overflow: hidden;
}
.pagination li:last-child{
    width: 48px;
}
.pagination li.dont-width, .pagination li.dont-width a {
    width: auto;
}
.e2e-gradient {
    margin-bottom: 40px;
    padding: 25px 0px;
}
.e2e-gradient h2 {
    margin: 35px 0 18px;
}
.e2e-gradient .line-pik {
    overflow: hidden;
}
.e2e-gradient .line-pik img {
    float: left;
    margin: 15px 20px 40px 10px;
    width: 60px;
}
.no-padding-top{
    padding-top: 0px;
}
/* Page Form */
.page_form__in .form-item-legal-notice-1 label,
.page_form__in .inp-group__checkbox label,
.partner__in .form-item-legal-notice-1 label{
    float: left;
    margin: 4px;
    z-index: 10;
}
.partner__in .form-item-legal-notice-1 label{
    margin-bottom: 30px;
}
.page_form__in  .styled-checkbox:checked+label:after{
    top: 10px;
}
.desc_title{
    float: left;
    margin: 0 20px 20px 0;
}
/* END Page Form */

/* Block-in-text */
.block-in-text{
    margin: 30px 0;

}
.block-in-text .card-block-l{
    width: 50%;
    padding: 15px 30px 15px 0;
}
.block-in-text .card-block__headline{
    margin: 0;
}
/* END Block-in-text */
.articles__item-txt {
    height: 130px;
    overflow: hidden;
}
.articles__item h3{
    line-height: 100%;
}
.simpleParallax{
    height: 100%;
}
a.btn.btn-primary{
  white-space: nowrap;
}
@media (max-width: 1700px) and (min-width: 1460px) {
  .top__typical .top__typical-img{
    width: 620px;
  }
}
@media (max-width: 1460px) and (min-width: 1025px) {
    .top__typical__text-left{
        max-width: 520px;
    }
  .advantages__item-top_txt{
    max-width: 400px;
  }
  .top__typical .top__typical-img{
    width: 620px;
  }

  .partner__items .partner__item:nth-child(3n+3) .partner__item-in{
    left: -180px;
  }
  .partner__items .partner__item:nth-child(3n+3).is-down .partner__item-in{
    left: -420px;
  }
  .partner__items .partner__item:nth-child(3n+3) .partner__item-in:after{
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    left: 54%;
    bottom: -20px;
  }
  .partner__items .partner__item:nth-child(3n+3).is-down .partner__item-in:after{
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    left: auto;
    bottom: auto;
    right: -10px;
    top: 5px;
  }
}
.back-map::after {
    content: "";
    background: top left url(/sites/default/files/inline-images/map_fuel.png) no-repeat;
    opacity: 0.1;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1;
}


@media (max-width: 1200px) and (min-width: 1025px) {
    .top__typical__text-left{
        max-width: auto;
    }
  .advantages__tabs-item .advantages__tabs-r{
    width: 43%;
  }
  .advantages__slider-item_in{
    max-width: 980px;
  }
  .advantages__slider-items .slick-next{
    right: 24px;
  }
  .advantages__slider-items .slick-prev{
    left: 24px;
  }
  .advantages__slider-l{
    padding-right: 100px;
  }
  .top__typical-page .top__typical-headline_fw{
    max-width: 520px;
  }
  .top__typical .top__typical-img{
    width: 500px;
  }
  .news__single-content{
    margin: 0;
    padding-left: 0px;
    max-width: 535px;
  }
  .news__single-img{
    max-width: 460px;
  }
}

/* Mobile */
@media (max-width: 1024px){
    .top__typical-breadcrumbs ul li{
        padding: 0 0 0 20px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 40%;
    }
    .top__typical-breadcrumbs ul li:before{
        width: 8px;
        left: 6px;
    }
    .top__typical-bg{
      overflow: hidden;
    }
    /* Font size */
    .app__item-txt span, .app__slider-list ul li, .calc__items-result_r, .content__content p, .extra__list-btn .btn, .extra__list-content .extra__list-desc p, .extra__list-content .extra__list-headline h1, .extra__list-content .extra__list-headline h2, .extra__list-content .extra__list-headline h3, .extra__list-content .extra__list-headline h4, .extra__list-content .extra__list-headline h5, .extra__list-content .extra__list-headline h6,
    .articles__item p,
    .promises__item-txt p,
    .calc__title p, .card__details-desc p, .card__details-footer p,
    .card__details-list ul li{
      font-size: 14px;
    }
  .menu__links-headline h5 {
    margin-bottom: 8px;
  }

    /* END Font size */

  .support__question .styled-checkbox:checked+label:after {
        left: 5px;
        top: 8px;
    }
    .top__typical__text-left{
        max-width: auto;
    }

    .monevia-img{
        height: auto;
    }
    .monevia-btn{
        height: auto !important;
        white-space: normal !important;
        text-align: center;
    }
    .monevia-block .extra__list-icon {
        height: auto;
    }
    .monevia-block-red .extra__list-item:last-child{
        margin-bottom: 24px;
    }
    .monevia-block-red .extra__list-icon {
        padding: 10px 15px;
    }

    #user-login-form{
        max-width: 1024px;
        margin: 100px auto;
    }

    .email-validation-message,
    .phone-validation-message,
    .company-validation-message,
    .name-validation-message{
        margin: -10px 0 0px 20px;
        min-height: 5px;
    }

    .news__single-item .wrapper__mini{
        width: 100%;
    }
    .news__single-item .news__single-img{
      float: none;
      margin: 0px;
    }
    .news__single-img img{
        max-height: 300px;
        max-width: 450px;
        margin: 0 auto;
    }
    .articles__item-txt{
        height: auto;
    }
    .modal-content .modal-header .h1{
        padding-left: 0px;
    }
    .modal .close {
        top: 5px;
        right: 5px;
    }
    .inp-group .jq-selectbox__trigger .jq-selectbox__trigger-arrow {
        right: 31px !important;
        width: 12px;
        height: 6px;
    }
    .advantages__slider-img{

    }
    .advantages__slider-img img{
        width: 100%;
        height: auto;
    }
    .advantages__slider .btn {
        margin: 0 0 30px;
    }
    .company__news-bg{
        height: auto;
    }
    .company__news-bg img, .questions__bg img{
        height: 100%;
    }
    .services__headline-title{
        text-align: center;
    }
    .extra__item {
        width: 340px;
    }
    .block_fuel_cards .card__details-r img {
        max-width: 500px;
        width: 100%;
    }
    .cards__block .cards__item-desc .card__details-item{
        width: 100%;
    }
    .cards__item-btn .btn span:after{
        -webkit-transform: translate(0,0) rotate(90deg);
        -ms-transform: translate(0,0) rotate(90deg);
        transform: translate(0,0) rotate(90deg);
    }
    .cards__item-btn .btn.is-active span:after{
        -webkit-transform: translate(0,0) rotate(-90deg);
        -ms-transform: translate(0,0) rotate(-90deg);
        transform: translate(0,0) rotate(-90deg);
    }
    .cards__item-in .cards__item-label{
        display: flex;
        padding: 0px;
        justify-content: center;
        align-items: center;
    }
    .m-center{
        text-align: center;
    }
    .ev-text-block4 .logo{
        margin: 0 10% 30px;
        display: block;
        width: 80%;
    }
    .short-form .checkbox-text{
        font-size: 15px;
        margin: 0px 20px 0 10px;
    }
    .support__question .inp-group__drag span.inp-group__drag-sign{
        padding-left: 20px;
        font-size: 16px;
    }
    .questions__r.form-wrapper .btn__wrapper{
        margin-top: 30px;
    }
    #block-megamenu.menu__links .no-child a{
        width: 100%;
    }
    .news__item{
        margin: 0 20px 24px;
        background: white;
        -webkit-box-shadow: 0 3px 10px rgb(0 0 0 / 10%);
        -moz-box-shadow: 0 3px 10px rgb(0 0 0 / 10%);
        box-shadow: 0 3px 10px rgb(0 0 0 / 10%);
        border-radius: 5px;
        overflow: hidden;
        background-color: #fff;
        color: #333;
    }
    .news__item-img{
        width: 100%;
        height: auto;
    }
    .news__item-content .news__item-content,
    .news__item-btn{
        display: none;
    }
    .news__items .pagination{
        text-align: center;
        display: block;
    }
    .pagination li.dont-width{
        width: 48px;
        height: 48px;
        background: #80D3DD;
    }
    .top__typical-img:after{
        background: none;
    }

    .note {
        margin-top: 0px;
        margin-bottom: 40px;
    }
    .extra__items-wrapper{
        overflow: hidden;

    }
    .extra .lade_extra__items {
        left: 0;
        position: relative;
        top: initial;
        margin-left: 0;
        padding-top: 16px;
        margin-right: -15px;
        padding-bottom: 20px;
    }
    .extra__items{
        width: auto;
    }
    .rteright{
        text-align: left;
        display: block;
        overflow-wrap: anywhere;
    }
    .block-img-text .card-block-in{
        display: block;
    }
    .block-img-text .card-block-in .card-block-l{
        width: 100%;
        padding: 0 0 30px;
    }
    .statistic__item-numbers h5{
        font-size: 22px;
    }
    .statistic__item-desc p{
        font-size: 14px;
    }
    /* Footer block */
    .footer__top-logo{
        width: 100%;
    }
}
@media (max-width: 576px) {
  .advantages__headline {
    padding: 10px;
  }
  .advantages__tabs-content .btn {
    padding: 0px 30px;
    white-space: nowrap;
  }
  .advantages__slider-l {
    padding-top: 100px;
    padding-right: 10px;
  }
  .advantages__slider-r{
    top: 0px;
  }
  .extra__bg{
    width: 100%;
  }
  .statistic__items{
    flex-direction: column;
    align-items: center;
    margin-bottom: 20px;
  }
  .statistic__item {
    width: 80%;
  }
  .gas-station-r{
    width: 100%;
  }
  .left-bg .gas-station__bg img {
    min-height: auto;
  }
  .extra__list__travelcard .extra__list-item{
    width: 100%;
  }
  .extra__list-icon svg{
    width: 56px;
  }
  .text-block {
    padding: 5px;
  }
  .solution_block {
    flex-direction: column;
    padding: 10px 0px;
  }
  .solution_block .solution-item{
    width: 100%;
    margin-bottom: 10px;
  }
  .form__bestellen .inp-group input.support__topic-r{
    width: 100%;
  }
  #ladecarte .support__question .inp-group__checkbox{
    margin-bottom: 10px;
  }
  .form__bestellen .carte-item-block .carte-item-title {
    text-align: center;
  }
  .form__bestellen .inp-group__checkbox span a{
    color: blue;
  }
  .form__bestellen .carte-item-block .carte-item {
    width: 100%;
    margin-bottom: 5px;
  }
  .form__bestellen .carte-item-block{
    flex-direction: column;
  }
  .table-overflow{
    overflow-x: scroll;
  }
  .articles__headline{
    margin-top: 10px;
  }
}
/* END Mobile */

/* END Bag Fix */

/* 404 */

.circles:after {
  content:'';
  display:inline-block;
  width:100%;
  height:100px;

  position:absolute;
  top:-50px;
  left:0;
  transform:skewY(-4deg);
  -webkit-transform:skewY(-4deg);
}

.circles {
    text-align: center;
    position: relative;
    margin-top:-60px;
}

.circles p {
    font-size: 240px;
    color: #49555a;
    padding-top: 60px;
    position: relative;
    z-index: 9;
    line-height: 100%;
}

.circles p small {
  font-size: 40px;
  line-height: 100%;
  vertical-align: top;
}

.circles .circle.small {
	width: 140px;
	height: 140px;
	border-radius: 50%;
	background: #3782C8;
	position: absolute;
	z-index: 1;
	top: 80px;
	left: 50%;
	animation: 7s smallmove infinite cubic-bezier(1,.22,.71,.98);
	-webkit-animation: 7s smallmove infinite cubic-bezier(1,.22,.71,.98);
	animation-delay: 1.2s;
	-webkit-animation-delay: 1.2s;
}

.circles .circle.med {
	width: 200px;
	height: 200px;
	border-radius: 50%;
	background: #3782C8;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 10%;
	animation: 7s medmove infinite cubic-bezier(.32,.04,.15,.75);
	-webkit-animation: 7s medmove infinite cubic-bezier(.32,.04,.15,.75);
	animation-delay: 0.4s;
	-webkit-animation-delay: 0.4s;
}

.circles .circle.big {
	width: 400px;
	height: 400px;
	border-radius: 50%;
	background: #3782C8;
	position: absolute;
	z-index: 1;
	top: 200px;
	right: 0;
	animation: 8s bigmove infinite;
	-webkit-animation: 8s bigmove infinite;
	animation-delay: 3s;
	-webkit-animation-delay: 1s;
}

@-webkit-keyframes smallmove {
	0% { top: 10px; left: 45%; opacity: 1; }
	25% { top: 300px; left: 40%; opacity:0.7; }
	50% { top: 240px; left: 55%; opacity:0.4; }
	75% { top: 100px; left: 40%;  opacity:0.6; }
	100% { top: 10px; left: 45%; opacity: 1; }
}
@keyframes smallmove {
	0% { top: 10px; left: 45%; opacity: 1; }
	25% { top: 300px; left: 40%; opacity:0.7; }
	50% { top: 240px; left: 55%; opacity:0.4; }
	75% { top: 100px; left: 40%;  opacity:0.6; }
	100% { top: 10px; left: 45%; opacity: 1; }
}

@-webkit-keyframes medmove {
	0% { top: 0px; left: 20%; opacity: 1; }
	25% { top: 300px; left: 80%; opacity:0.7; }
	50% { top: 240px; left: 55%; opacity:0.4; }
	75% { top: 100px; left: 40%;  opacity:0.6; }
	100% { top: 0px; left: 20%; opacity: 1; }
}

@keyframes medmove {
	0% { top: 0px; left: 20%; opacity: 1; }
	25% { top: 300px; left: 80%; opacity:0.7; }
	50% { top: 240px; left: 55%; opacity:0.4; }
	75% { top: 100px; left: 40%;  opacity:0.6; }
	100% { top: 0px; left: 20%; opacity: 1; }
}

@-webkit-keyframes bigmove {
	0% { top: 0px; right: 4%; opacity: 0.5; }
	25% { top: 100px; right: 40%; opacity:0.4; }
	50% { top: 240px; right: 45%; opacity:0.8; }
	75% { top: 100px; right: 35%;  opacity:0.6; }
	100% { top: 0px; right: 4%; opacity: 0.5; }
}
@keyframes bigmove {
	0% { top: 0px; right: 4%; opacity: 0.5; }
	25% { top: 100px; right: 40%; opacity:0.4; }
	50% { top: 240px; right: 45%; opacity:0.8; }
	75% { top: 100px; right: 35%;  opacity:0.6; }
	100% { top: 0px; right: 4%; opacity: 0.5; }
}

/* END 404 */

.faq {
    padding: 0px 0 40px;
}

.faq__items .views-row{
    width: 100%;
}
.node--type-cards .card__details .card__details-item svg,
.node--type-ladekarte .card__details .card__details-item svg{
    max-height: 65px;
}
.node--type-carnet .card__details .card__details-item svg{
    width: 48px;
}
.configure__in input{
    visibility: hidden;
}
.questions__l .inp-group .modal-body a{
    border-bottom: 1px dashed #000;
    color: black;
}
/* New Header */
.header-phone{
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  text-transform: uppercase;
  color: #80828A;
}
.header_phone_dropdown {
  margin-right: 16px;
}
.header_phone_dropdown:hover, .header_phone_dropdown:active {
.header_phone_dropdown_box {
  display: block;
}
}
.header_phone_dropdown_btn {
  cursor: pointer;
  padding-top: 6px;
}
.header_phone_dropdown_box:before {
  position: absolute;
  content: " ";
  left: 8px;
  right: 0;
  height: 4px;
  background: #ed123d;
  width: 45px;
  z-index: 1000;
}
.header_phone_dropdown_box {
  z-index: 1000;
  display: none;
  position: absolute;
  line-height: 20px;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  margin-right: 18px;
  box-shadow: 0 50px 40px rgba(33,46,53,0.1);
  border-radius: 0 0 4px 4px;
  left: -5px;
  margin-top: 6px;
}
@media screen and (max-width: 1024px) {
  .header_phone_dropdown_box {
    left: unset;
    right: 0;
  }

  .header_phone_dropdown_box:before {
    position: absolute;
    content: " ";
    left: 55px;
    right: 0;
    height: 4px;
    background: #ed123d;
    width: 45px;
    z-index: 1000;
  }
}
.header_phone_dropdown_box_phones_container {
  display: flex;
  flex-direction: column;
  background: #FFFFFF;
  padding: 10px;
  gap: 10px;
}

.header__r .header__btn-yellow,
.header__btn-round,
.header__r.profile--active .header__btn-login{
    border-radius: 4px;

}
.header__r .header__btn span.name{
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    text-transform: uppercase;
}
.header__btn-round_profile:before{
    margin-left: 10px;
    margin-right: 10px;
    background: url(/themes/fleetcor/img/icons/profile2.svg) center center no-repeat;
}
.header__btn-round_profile:before{
    margin-left: auto;
    margin-right: auto;
}
.menu__links-headline .h5 {
    font-style: normal;
    line-height: 120%;
    margin: 0 0 16px;
    letter-spacing: 0.02em;
}
.header__nav ul li .submenu{
    padding: 40px 40px 40px 24px;
    background: #FFFFFF;
    box-shadow: 0px 50px 40px rgba(33, 46, 53, 0.1);
    border-radius: 0px 0px 4px 4px;
}
.header__nav ul li .submenu ul li a {
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 120%;
    letter-spacing: 0.02em;
    color: #80828A;
    text-transform: none;
}

.menu__fuel-news_headline, .menu__news-news_headline {
    margin: 0 0.5% 16px;
}
.menu__fuel-news_headline .h2 a{
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 120%;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    position: relative;
}
.menu__fuel-news_headline .h2 a:after,
.header__nav ul li .submenu .submenu-block a.head-link:after,
.header__nav ul li .submenu .menu__links-headline a.head-link:after{
    content: " ";
    width: 12px;
    height: 12px;
    display: inline-block;
    margin-left: 15px;
    position: absolute;
    top: 5px;
    background: url(/themes/fleetcor/img/icons/faq-arrow.svg) center center no-repeat;
}
.header__nav ul li .submenu .submenu-block a.head-link:after,
.header__nav ul li .submenu .menu__links-headline a.head-link:after{
    margin-left: 10px;
}

.menu__fuel-news_headline .h2 a:hover,
.header__nav ul li .submenu .submenu-block a.head-link:hover,
.header__nav ul li .submenu .menu__links-headline a.head-link:hover,
.header__nav ul li .submenu ul li a:hover{
    color: #3782C8;
    text-shadow: none;
    text-decoration: revert;
}

.menu__fuel-news_headline .h2 a:hover:after,
.header__nav ul li .submenu .submenu-block a.head-link:hover:after,
.header__nav ul li .submenu .menu__links-headline a.head-link:hover:after{
    background: url(/themes/fleetcor/img/icons/faq-arrow-blue.svg) center center no-repeat;
}
.menu__fuel-news_items, .menu__news-news_items{
    margin: 0;
}
.menu__news .menu__fuel-news_item,
.menu__news .menu__fuel-news-item{
    width: 24%;
    margin: 0 0.5%;
    padding: 0;
}
.menu__fuel-news_item-img, .menu__news-news_item-img {
    border-radius: 4px;
}
.menu__fuel-news_item-content span a,
.menu__news-news_item-content span a{
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 120%;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #212E35;
}
.menu__fuel-news_item:hover .menu__fuel-news_item-content span a,
.menu__fuel-news_item:hover .menu__news-news_item-content span a{
    opacity: 1;
    color: #3782C8;
}

.submenu-block{
    display: flex;
}
.submenu-block .menu__links-item{
    margin: 0 16px;
}
.header__nav ul li .submenu .submenu-block a.head-link,
.header__nav ul li .submenu .menu__links-headline a.head-link{
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 120%;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #212E35;
    margin: 0px 20px 20px 0;
    position: relative;
    white-space: nowrap;
}
.header__nav ul li .submenu .submenu-block .views-element-container a.head-link{
    margin: 0px 0px 20px;
}
/* END New Header */

/* New Megamenu */
#block-megamenu.menu__links{
    justify-content: flex-start;
}
.menu__links-item .menu__links-headline a .h5{
    font-weight: 500;
    font-size: 18px;
    line-height: 150%;
}
.menu__links-item .menu__links-headline a:hover{
    color: #80D3DD;
    text-shadow: none;
    text-decoration: revert;
}
.menu__links-item .menu__links-headline a:hover .h5{
    color: #80D3DD;
    text-shadow: none;
}
.menu__links-item_submenu ul{
    padding-left: 0;
}
.menu__links-item_submenu ul ul{
    margin: 0;
    padding-left: 13px;
}
.menu__links-item ul li {
    margin: 0;
}
.menu__links-item ul li a{
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 120%;
    letter-spacing: 0.02em;
    color: #B4AFB5;
    text-transform: none;
    margin-bottom: 16px;
    display: block;
}
.menu__links-item ul li a:hover{
    color: #ffffff;
    text-shadow: none;
    text-decoration: revert;
}
/* New Megamenu Footer */
.menu .footer__bottom-l,
.menu .footer__bottom-r{
    width: 15%;
}
.menu .footer__bottom-tel{
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 150%;
    letter-spacing: 0.02em;
    margin-right: 0;
}
.menu .footer__bottom-items{
    padding: 0;
    width: auto;
    margin: 0 auto;
}
.menu .footer__bottom-items .footer__bottom-item{
    width: auto;
    margin: 0 25px
}

.menu .footer__bottom-r .footer__lang .jq-selectbox{
    background: #212E35;
    border: 1px solid #80828A;
    box-sizing: border-box;
    border-radius: 4px;
}
.menu .footer__bottom-r .footer__lang .jq-selectbox__select-text {
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    letter-spacing: 0.02em;
    text-transform: none;
}
.menu .footer__bottom-r .footer__lang .jq-selectbox__dropdown{
    background: #212E35;
    border: 1px solid #80828A;
    box-sizing: border-box;
    border-radius: 4px;
}
.menu .footer__bottom-r .footer__lang .jq-selectbox__dropdown ul li a{
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    letter-spacing: 0.02em;
    text-transform: none;
}
.menu .footer__bottom-r .jq-selectbox__dropdown ul::-webkit-scrollbar-thumb {
    background: #7c7c7b;
}
/*  END New Megamenu Footer*/
@media (max-width: 1024px){
    /* New Megamenu */
    .menu__links-item .menu__links-headline a .h5{
        letter-spacing: 0.04em;
        margin: 0;
    }
    .menu__links-item:after{
        background: url(/themes/fleetcor/img/icons/dropdown-arrow-white.svg) center center no-repeat;
        top: 15px;
    }
    .menu__links-item ul li a{
        margin: 20px 0;
    }
    /* END New Megamenu */

    /* New Megamenu Footer*/
    .menu .footer__bottom-l, .menu .footer__bottom-r{
        width: 100%;
    }
    .menu .footer__bottom-r .footer__lang{
        margin: 0 auto;
        width: auto;
    }
    .menu .footer__bottom-items .footer__bottom-item{
        width: 180px;
        margin: 0 auto;
        margin-bottom: 20px;
    }
    .menu .footer__bottom-link:first-of-type .footer__bottom-item_icon{
        max-width: 100%;
    }
    /*  END New Megamenu Footer*/

}
/* END New Megamenu */

/* New Designe form */
/* Dark form */
.inp-group input,
.inp-group__textarea,
.inp-group .jq-selectbox{
    border: 1px solid #80828A;
    box-sizing: border-box;
    border-radius: 4px;
    color: #ffffff;
    background: #212e3552;
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 150%;
}
.inp-group .jq-selectbox{
    border: none;
}
.inp-group .jq-selectbox.focused .jq-selectbox__select,
.inp-group .jq-selectbox__select{
    border: 1px solid #80828A;
    box-sizing: border-box;
    border-radius: 4px;
}
.inp-group select.error + .jq-selectbox__select{
    border: 1px solid red;
}
.inp-group .jq-selectbox .jq-selectbox__select-text{
    color: #ffffff;
}
.inp-group .jq-selectbox__trigger .jq-selectbox__trigger-arrow{
    background: url(/themes/fleetcor/img/icons/dropdown-arrow_white.svg) center center no-repeat;
}
.inp-group__textarea{
    position: relative;
}
.inp-group__textarea textarea{
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 150%;
    color: #ffffff;
}
.inp-group input:hover,
.inp-group__textarea:hover,
.inp-group .jq-selectbox__select:hover{
    border: 1px solid #FFFFFF;
}
.inp-group__required input:focus, .is-focused {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.inp-group input.placeholder,
.inp-group textarea.placeholder{
    color: #ffffff;
    font-weight: 300;
    font-size: 18px;
    line-height: 150%;
}
.inp-group input:-moz-placeholder{
    color: #ffffff;
    font-weight: 300;
    font-size: 18px;
    line-height: 150%;
}
.inp-group textarea:-moz-placeholder{
    color: #ffffff;
    font-weight: 300;
    font-size: 18px;
    line-height: 150%;
}
.inp-group input::-webkit-input-placeholder{
    color: #ffffff;
    font-weight: 300;
    font-size: 18px;
    line-height: 150%;
}
.inp-group textarea::-webkit-input-placeholder{
    color: #ffffff;
    font-weight: 300;
    font-size: 18px;
    line-height: 150%;
}
.inp-group input:-webkit-autofill{
    -webkit-box-shadow: inset 0 0 0 50px #464437 !important;
    -webkit-text-fill-color: #fff !important;
    color: #fffffe !important;
}
.inp-group textarea:-webkit-autofill{
    -webkit-box-shadow: inset 0 0 0 50px #464437 !important;
    -webkit-text-fill-color: #fff !important;
    color: #fffffe !important;
}
.inp-group.success input,
.inp-group__textarea.success{
    border: 1px solid #4BC06C;
}
.inp-group.success:after{
    position: absolute;
    content: ' ';
    top: 22px;
    right: 20px;
    width: 18px;
    height: 15px;
    background: url(/themes/fleetcor/img/icons/check-green.svg) center center no-repeat;
    background-size: contain;
}
.styled-checkbox+label:before{
    border: 1px solid #80828A;
    box-sizing: border-box;
    border-radius: 4px;
    background: #212e3552;
}
.styled-checkbox:hover+label:before,
.styled-checkbox:focus+label:before{
    border: 1px solid #FFFFFF;
    background: #212e3552;
}
.styled-checkbox:active+label:before{
    background: #2E3D45;
    border: 1px solid #80828A;
}
.styled-checkbox:disabled+label:before{
    border: 1px solid #2E3D45;
}
.styled-checkbox:checked+label:before{
    background: #FFD300;
    border: none;
    border-radius: 4px;
}
.styled-checkbox:checked:hover+label:before{
    background: #E5BF07;
    border: none;
    border-radius: 4px;
}
.styled-checkbox:checked+label:after{
    content: '';
    position: absolute;
    left: 5px;
    top: 6px;
    background: #FFFFFF;
    width: 2px;
    height: 2px;
    -webkit-box-shadow: 2px 0 0 #FFFFFF, 4px 0 0 #FFFFFF, 4px -2px 0 #FFFFFF, 4px -4px 0 #FFFFFF, 4px -6px 0 #FFFFFF, 4px -8px 0 #FFFFFF;
    box-shadow: 2px 0 0 #FFFFFF, 4px 0 0 #FFFFFF, 4px -2px 0 #FFFFFF, 4px -4px 0 #FFFFFF, 4px -6px 0 #FFFFFF, 4px -8px 0 #FFFFFF;
    -webkit-transform: rotate(
        45deg
    );
    -ms-transform: rotate(45deg);
    transform: rotate(
        45deg
    );
}
.short-form .modal-header {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.modal-content,
.modal-dialog{
    border-radius: 4px;
}
.inp-group__checkbox .label.link{
    border-bottom: 1px dashed;
}
/* END Dark form */
/* Light form */
.support__question .inp-group{
    position: relative;
}
.support__question .inp-group input,
.support__question .inp-group__textarea,
.support__topics-in .inp-group .jq-selectbox,
.support__question .inp-group .jq-selectbox{
    box-sizing: border-box;
    border-radius: 4px;
    background: none;
    color: #212E35;
    border: 1px solid #B4AFB5;
}
.support__question .inp-group.inp-group__number input{
  position: initial;
  margin-top: 0px;
  text-align: left;
}
.support__topics-in .inp-group .jq-selectbox,
.support__question .inp-group .jq-selectbox{
    border: none;
}
.support__topics-in .inp-group .jq-selectbox,
.support__question .inp-group .jq-selectbox{
    padding: 0;
}

.support__question .inp-group .jq-selectbox{
    border: none;
}
.support__question .inp-group .jq-selectbox.focused .jq-selectbox__select,
.support__question .inp-group .jq-selectbox__select{
    border: 1px solid #B4AFB5;
    box-sizing: border-box;
    border-radius: 4px;
}
.support__question .inp-group select.error + .jq-selectbox__select{
    border: 1px solid red;
}
.support__question .inp-group .jq-selectbox__trigger .jq-selectbox__trigger-arrow,
.support__topics-in  .inp-group .jq-selectbox__trigger .jq-selectbox__trigger-arrow{
    background: url(/themes/fleetcor/img/icons/dropdown-arrow.svg) center center no-repeat;
}
.support__topics-in .inp-group .jq-selectbox .jq-selectbox__select-text,
.support__question .inp-group .jq-selectbox .jq-selectbox__select-text{
    color: #212E35;
}
.support__topics-in .jq-selectbox__trigger{
    right: 20px;
}
.support__question .inp-group .jq-selectbox__dropdown{
    border-radius: 4px;
    color: #212E35;
    border: 1px solid #B4AFB5;
    max-width: 100%;
}
.support__question .inp-group__textarea textarea{
    color: #212E35;
}
.support__question .inp-group input:active,
.support__question .inp-group__textarea:active,
.support__question .inp-group input:focus,
.support__question .inp-group__textarea:focus
{
    border: 1px solid #B4AFB5;
}
.support__question .inp-group input:hover,
.support__question .inp-group__textarea:hover,
.support__topics-in  .inp-group .jq-selectbox__select:hover,
.support__question .inp-group .jq-selectbox__select:hover{
    border: 1px solid #80828A;
}
.support__question .inp-group input.placeholder
.support__question .inp-group textarea.placeholder{
    color: #212E35;
}
.support__question .inp-group input:-moz-placeholder{
    color: #212E35;
}
.support__question .inp-group textarea:-moz-placeholder{
    color: #212E35;
}
.support__question .inp-group input::-webkit-input-placeholder{
    color: #212E35;
}
.support__question .inp-group textarea::-webkit-input-placeholder{
    color: #212E35;
}
.support__question .inp-group input:-webkit-autofill{
    -webkit-box-shadow: inset 0 0 0 50px #FFFDF2 !important;
    -webkit-text-fill-color: #212E35 !important;
    color: #212E35 !important;
}
.support__question .inp-group textarea:-webkit-autofill{
    -webkit-box-shadow: inset 0 0 0 50px #FFFDF2 !important;
    -webkit-text-fill-color: #212E35 !important;
    color: #212E35 !important;
}
.support__question .inp-group.success input,
.support__question .inp-group__textarea.success{
    border: 1px solid #4BC06C;
}

.support__question .styled-checkbox+label:before,
.modal .styled-checkbox+label:before{
    border: 1px solid #E2E2E2;
    background: none;
}
.support__question .styled-checkbox:hover+label:before,
.support__question .styled-checkbox:focus+label:before,
.modal .styled-checkbox:hover+label:before,
.modal .styled-checkbox:focus+label:before{
    border: 1px solid #B4AFB5;
    background: none;
}
.support__question .styled-checkbox:focus+label:before,
.modal .styled-checkbox:focus+label:before{
    border: 1px solid #80828A;
    background: none;
}
.support__question .styled-checkbox:active+label:before,
.modal .styled-checkbox:active+label:before{
    background: #F8F8F8;
    border: 1px solid #B4AFB5;
}
.support__question .styled-checkbox:disabled+label:before,
.modal .styled-checkbox:disabled+label:before{
    border: 1px solid #E2E2E2;
}
.support__question .styled-checkbox:checked+label:before,
.modal .styled-checkbox:checked+label:before{
    background: #FFD300;
    border: none;
    border-radius: 4px;
}
.support__question .styled-checkbox.error+label:before,
.modal .styled-checkbox.error+label:before{
    border: 1px solid #AF1D2B;
}
.support__question .inp-group input.error{
    border: 1px solid #AF1D2B;
}
#charging-stations-form .inp-group__checkbox label {
    float: none;
}
#charging-stations-form  .styled-checkbox:checked+label:after{
    top: 6px;
    left: 5px;
}
/* END Light form */

/* Input File */
.support__question .inp-group__drag{
    border: none;
    padding: 0;
    display: block;
    height: auto;
}
.support__question .inp-group__drag input{
    z-index: 9;
    cursor: pointer;
}
.support__question .inp-group__drag .btn{
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    align-items: center;
    text-align: center;
    text-transform: uppercase;
    border: 1px solid #3782C8;
    color: #3782C8;
    border-radius: 4px;
    background: none;
}
.support__question .inp-group__drag:hover .btn{
    background: none;
    color: #3782C8;
    opacity: 0.8;
}
.support__question .inp-group__drag span.inp-group__drag-sign{
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 150%;
    letter-spacing: 0.02em;
    color: #80828A;
    margin-left: 20px;
}
.support__question .inp-group__drag:hover span.inp-group__drag-sign{
    opacity: 0.8;
    color: #80828A;
}
.inp-group .form-managed-file-item{
    background: #F8F8F8;
    border-radius: 4px;
    padding: 8px 23px 8px 8px;
    width: max-content;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.inp-group .form-managed-file-item:hover{
    cursor: auto;
}
.inp-group .form-managed-file-item span.file a{
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 150%;
    letter-spacing: 0.02em;
    color: #212E35;
}
.inp-group .form-managed-file-item .filesize{
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 120%;
    letter-spacing: 0.04em;
    color: #80828A;
}
.inp-group .form-managed-file-item input[name='attachment_remove_button']{
    opacity: 1;
    width: 12px;
    height: 12px;
    display: block;
    padding: 0;
    top: 8px;
    right: 10px;
    position: absolute;
    left: auto;
    border: none;
    background: url(/themes/fleetcor/img/icons/modal-close.svg) center center no-repeat;
    background-size: contain;
}
/* END Input File */

/* Button */
.btn-gray,
.btn-red,
.btn-yellow,
.btn-primary{
    font-style: normal;
    align-items: center;
    text-align: center;
    border-radius: 4px;
}
.questions__r .btn__wrapper .btn:hover{
    opacity: 1;
}
.faq__item-in {
    border-radius: 0;
}
.configure__footer-r .btn-yellow,
.configure__in,
.pagination li{
    border-radius: 4px;
}
/* END Button */
@media (max-width: 1024px){
    .inp-group.success:after{
        top: 12px;
        right: 12px;
    }
    .support__topic>.inp-group{
        flex-direction: column;
    }
    .support__topics .support__topic-l+div{
        width: 100%;
        margin-top: 20px
    }

}

/* END New Designe form */

/* News, Blog, Service */
.top__typical-flog .top__typical-bg,
.top__typical-news .top__typical-bg,
.top__typical-service .top__typical-bg,
.top__typical-article .top__typical-bg{
    display: none;
}

.top__typical-flog .top__typical-headline,
.top__typical-news .top__typical-headline,
.top__typical-service .top__typical-headline,
.top__typical-article .top__typical-headline,
.top__typical-flog .node__content,
.top__typical-news .node__content,
.top__typical-service .node__content,
.top__typical-article .node__content,
.wrapper__news{
    margin: 0 auto 12px;
    max-width: 752px;
    padding: 0 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.top__typical-flog .top__typical-headline,
.top__typical-news .top__typical-headline,
.top__typical-service .top__typical-headline,
.top__typical-article .top__typical-headline{
    margin: 20px auto 12px;
}
.top__typical-flog .top__typical-headline h1,
.top__typical-news .top__typical-headline h1,
.top__typical-service .top__typical-headline h1,
.top__typical-article .top__typical-headline h1{
    text-decoration: none;
}
.top__typical-flog,
.top__typical-news,
.top__typical-service,
.top__typical-article{
    font-style: normal;
    font-weight: 300;
    font-size: 20px;
    line-height: 150%;
    letter-spacing: 0.02em;
    color: #212E35;
}
.top__typical-flog h1,
.top__typical-news h1,
.top__typical-service h1,
.top__typical-article h1{
    line-height: 120%;
}
.top__typical-flog .node__content p,
.top__typical-news .node__content p,
.top__typical-service .node__content p,
.top__typical-article .node__content p{
    font-weight: 300;
    font-size: 20px;
    line-height: 150%;
    letter-spacing: 0.02em;
}

.news__single-item .news__single-content{
    position: relative;
}
.news__single-item p,
.news__single-item ol li,
.news__single-item ul li{
    font-size: 20px;
    line-height: 120%;
    letter-spacing: 0.02em;
    margin-bottom: 22px;
    font-weight: 300;
}
.news__single-item a{
    color: #3782C8;
    text-decoration: revert;
}
.author-date{
    font-weight: 300;
    font-size: 18px;
    line-height: 150%;
    letter-spacing: 0.02em;
    color: #80828A;
    margin-bottom: 20px;
}
.image-alt{
    font-weight: 300;
    font-size: 14px;
    line-height: 150%;
    letter-spacing: 0.02em;
    margin-bottom: 60px;
}
.news__single-content{
    padding: 0;
}
.news__single-item .news__single-img{
    width: 100%;
    max-width: 100%;
    max-height: 300px;
    overflow: hidden;
    display: flex;
    align-items: center;
    margin-bottom: 12px;
}
.news__single-item .image-alt{
    font-weight: 300;
    font-size: 14px;
    line-height: 150%;
    letter-spacing: 0.02em;
    margin-bottom: 60px;
}
.news__single-item h2{
    font-weight: normal;
    font-size: 30px;
    line-height: 120%;
    letter-spacing: 0.02em;
    margin-bottom: 24px;
}
.news__single-item h3{
    font-size: 20px;
    line-height: 130%;
    letter-spacing: 0.02em;
    margin-bottom: 24px;
}

.news__single-item ol{
    counter-reset: myCounter;
    padding-left: 0;
}
.news__single-item li{
    list-style: none;
    padding-left: 28px;
    position: relative;
}
.news__single-item ol li::marker{
  display: none;
  content: '';
}
.news__single-item ol li:before {
    counter-increment: myCounter;
    content: counter(myCounter);
    font-weight: 300;
    font-size: 20px;
    line-height: 150%;
    position: absolute;
    left: 0;
}
.news__single-item  ul{
    padding-left: 20px;
}
.news__single-content ul li{
    padding-left: 0px;
    list-style: unset;
}
.news__single-content ul li:after{
    content: none;
}
@media (max-width: 1024px){
    .top__typical-flog .top__typical-headline,
    .top__typical-news .top__typical-headline,
    .top__typical-service .top__typical-headline,
    .top__typical-article .top__typical-headline{
        padding: 0 0px;
    }
    .top__typical-flog .top__typical-headline h1,
    .top__typical-news .top__typical-headline h1,
    .top__typical-service .top__typical-headline h1,
    .top__typical-article .top__typical-headline h1{
        text-align: left;
    }
    .news__single-item h2{
        font-size: 20px;
        font-weight: 500;
    }
    blockquote{
        margin: 5px;
    }

}

/* END News, Blog */

/* Midmarket */
.quantity-arrow-minus,
.quantity-arrow-plus {
  cursor: pointer;
  font-size: 20px;
  padding: 5px 12px;
  width: 40px;
  box-sizing: border-box;
  border-radius: 4px;
  outline: none;
}
.header-label-img{
    position: absolute;
    left: 350px;
    bottom: 0;
}
.midmarket-text-block{
    padding: 80px;
    background: white;
    z-index: 1;
}
.midmarket-text-block h2{
    font-size: 40px;
    text-transform: uppercase;
    margin-bottom: 12px;
}
.midmarket-text-block h2 b{
    font-size: 40px;
    text-transform: uppercase;
}
.midmarket-text-block img{
    margin: 0px 52px 22px 0;
}
@media (max-width: 1024px){
    .midmarket-text-block {
        padding: 40px 12px;
    }
    .midmarket-text-block img{
        margin: 0px 8px 20px 0;
    }
}
/* END Midmarket */

/* Primary Products */
.products_tab{
    padding: 100px 0 80px;
}
.products_tab .products_tab-headline h2,
.products_tab .products_tab-headline h2 b {
    font-style: normal;
    font-weight: 500;
    font-size: 40px;
    line-height: 120%;
    text-transform: uppercase;
}
.products_tab .field-tabs{
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 80px;
}
.products_tab .field-tabs .image{
    margin-top: -48px;
    min-height: 180px;
}
.products_tab .field-tabs .image img{
    width: 100%;
    height: auto;
}
.products_tab .field-tabs .title {
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 120%;
    text-align: center;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    margin-bottom: 30px;
}
.products_tab .field-tabs .body{
    margin-bottom: 20px;
}
.products_tab .field-tabs .btn{
    width: calc(100% - 32px);
    padding: 0;
    position: absolute;
    bottom: 20px;
}
.products_tab .field-tabs ul li{
    line-height: 120%;
    margin: 0 0 8px 0;
}
.products_tab .field-tabs .field-tab{
    width: calc(25% - 16px);
    background: #F8F8F8;
    border: 1px solid #EEEEEE;
    border-bottom: 4px solid #80D3DD;
    box-sizing: border-box;
    box-shadow: 30px 30px 40px rgba(33, 46, 53, 0.1);
    padding: 12px 16px 80px;
    margin: 0 8px;
    position: relative;
}
.products_tab .field-tabs .field-tab:hover{
    background: white;
}


.products_tab .slick-dots {
    position: absolute;
    left: 0;
    right: 0;
    top: 270px;
    text-align: center;
}
.products_tab .slick-dots li {
    background: none;
    border: none;
    width: 6px;
    height: 6px;
    padding: 6px;
    position: relative;
    overflow: hidden;
    display: inline-block;
}
.products_tab .slick-dots li:after {
    position: absolute;
    width: 6px;
    height: 6px;
    content: ' ';
    left: 0;
    right: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    background: #212E35;
    opacity: 0.2;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}
.products_tab .slick-dots li button {
    background: none;
    border: none;
}
.products_tab .slick-dots li.slick-active:after {
    position: absolute;
    width: 6px;
    height: 6px;
    content: ' ';
    left: 0;
    right: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    background: #ED123D;
    opacity: 1;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}
.products_tab .slick-dots li:hover {
    cursor: pointer;
}
/* Primary Products - carnet */
.primary-products-carnet.products_tab .field-tabs .field-tab {
    border: none;
    background: none;
    box-shadow: none;
    padding: 0;
    width: calc(33.33% - 16px);
}
.primary-products-carnet.products_tab{
    background: url(/themes/fleetcor/img/carnet/bg-primary-products.png) center center no-repeat;
    background-size: cover;
}
.primary-products-carnet.products_tab .products_tab-headline h2{
    color:white;
    text-align: center;
}
.primary-products-carnet.products_tab .field-tabs .image{
    margin-top: 0;
}
.primary-products-carnet.products_tab .field-tabs .btn{
    width: 100%;
    position: relative;
    bottom: auto;
    margin-top: 32px;
    background: #ffd300;
    color: black;
}
@media (max-width: 1024px){
    .products_tab {
        padding: 40px 0 24px;
    }
    .products_tab .field-tabs{
        margin-top: 24px;
    }
    .products_tab .field-tabs .field-tab{
        width: 329px;
        border: none;
        box-shadow: none;
        margin: 0;
        background: white;
    }
    .products_tab .field-tabs .image{
        margin-top: 0px;
        position: relative;
        padding-bottom: 50px;
        min-height: 250px;
        text-align: center;
    }
    .products_tab .field-tabs .image img{
        width: auto;
        max-height: 250px;
        display: inline-block;
        max-width: 100%;
    }

}
/* END Primary Products */

/* Midmarket Tab */
.midmarket_tab{
    padding: 100px 0;
    background: #212E35;
    z-index: 1;
}
.midmarket_tab h2{
    font-style: normal;
    font-weight: 500;
    font-size: 40px;
    line-height: 120%;
    text-transform: uppercase;
    color: white;
    margin-bottom: 40px;
}
.midmarket_tab__item-content{
    margin-top: 32px;
}
.midmarket_tab__items{
    display: flex;
}
.midmarket_tab__item-icon{
    width: 82px;
    height: 82px;
    border-radius: 50%;
    background: #374349;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
}
.midmarket_tab__item{
    width: calc(25% - 20px);
    border-left: 4px solid #80D3DD;
    padding: 12px 20px 12px 12px;
    color: white;
}
.midmarket_tab__item b,
.midmarket_tab__item strong{
    font-weight: bold;
}
.midmarket_tab__item ul {
    margin: 10px 0;
}
.midmarket_tab__item ul li {
    font-size: 18px;
    line-height: 150%;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    margin: 0 0 5px 0;
    color: white;
    padding-left: 28px;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    font-weight: 300;
}
.midmarket_tab__item ul li:after{
    position: absolute;
    content: " ";
    width: 14px;
    height: 16px;
    left: 0;
    top: 5px;
    background: url("/themes/fleetcor/css/../img/midmarket/check.svg") center center no-repeat;
    background-size: contain;
}
.midmarket_tab_type_2{

}
.midmarket_tab_type_2 .midmarket_tab__items{
    display: block;
    width: 45%;
}
.midmarket_tab_type_2 .midmarket_tab__item{
    padding: 0px 0px 0px 24px;
    margin-bottom: 20px;
    width: calc(100% - 24px);
}
.midmarket_tab__item-content{
    margin-top: 24px;
}
.midmarket_tab_type_2 .midmarket_tab__item h2{
    font-size: 24px;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #80D3DD;
    margin-bottom: 12px;
}
.tab-block{
    width: 100%;
    background: #374349;
    padding: 12px 16px;
    display: flex;
    align-items: center;
    margin: 5px 0;
}
.tab-block .tab-block-l{
    width: 75%;
    padding-right: 20px;
    border-right: 1px dashed #FFFFFF;
}
.tab-block .tab-block-r{
    width: 25%;
    padding-left: 16px;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 111%;
    letter-spacing: 0.02em;
    color: #FFD300;
}
.tab-block .tab-block-r span{
  font-size: 13px;
  font-weight: 500;
  line-height: 120%;
  display: block;
  margin: 10px 0 5px;
}
.tab-block ul li:after{
    background-image: url(/themes/fleetcor/css/../img/midmarket/check_yellow.svg);
    width: 11px;
    height: 11px;
    left: 4px;
}
@media (max-width: 1024px){
    .midmarket_tab{
        padding: 40px 0;
    }
    .midmarket_tab__items {
        display: block;
    }
    .midmarket_tab__item{
        width: auto;
        margin-bottom: 20px;
    }
    .midmarket_tab__item-content .tab-block{
        width: calc(100% - 32px);
        display: block;
    }
    .midmarket_tab__item-content .tab-block .tab-block-l{
        width: 100%;
        padding-right: 0px;
        border-right: none;
        border-bottom: 1px dashed #FFFFFF;
        margin-bottom: 16px;
        padding-bottom: 16px;
    }
    .midmarket_tab__item-content .tab-block .tab-block-r{
        width: 100%;
        padding-left: 0;
        text-align: center;
        margin-bottom: 16px;
    }
    .tab-block .tab-block-r span{
        font-size: 18px;
    }
    .midmarket_tab_type_2 .midmarket_tab__items{
        width: 100%;
    }
}
/* END Midmarket Tab */

/* Services block */
.services-block{
    margin: 60px 0 20px;
}

.services-for-block.pannenschutz_services {
  margin: 0;
  padding: 80px 0;
}

.services-for-block.pannenschutz_services .articles__headline {
  margin: 0 0 16px;
}

.services-for-block.pannenschutz_services h2 b {
  display: none;
}
.services-for-block .subtitle {
  margin-bottom: 36px;
}

.services-for-block.pannenschutz_services > div.wrapper__mini > div > p {
  font-weight: 700;
  width: 550px;
  height: 52px;
  line-height: 26px;
  font-family: 'Roboto Flex';
}

.services-for-block.pannenschutz_services .articles__items {
  margin-top: 20px;
  margin-left: 0;
  margin-right: 0;
}

.pannenschutz_mobility_services.services-for-block {
  margin-top: 0;
}

.pannenschutz_mobility_services .subtitle p {
  font-weight: 400;
  font-size: 20px;
  line-height: 140%;
  max-width: 917px;
}

.pannenschutz_mobility_services .articles__item-txt {
  display: flex;
  width: 50%;
  margin: auto;
  justify-content: center;
  flex-direction: column;
  padding: 0 40px;
}

.services-for-block.pannenschutz_services .articles__item-txt {
  margin: -80px 0;
}

.services-for-block.pannenschutz_services .subtitle p {
  font-weight: 700;
  font-size: 20px;
  line-height: 130%;
  max-width: 752px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.pannenschutz_mobility_services {
  background: linear-gradient(286.02deg, #EEEEEE 8.8%, rgba(238, 238, 238, 0) 87.38%);
  margin: 0;
  padding-top: 80px;
  padding-bottom: 80px;
}

.pannenschutz_mobility_services .articles__headline {
  margin: 0 0 10px;
}
.services-for-block.pannenschutz_services .articles__headline {
  margin: 0 0 16px;
}

.pannenschutz_mobility_services .articles__items {
  margin-top: 20px;
}

.services-block .articles__headline h2,
.services-block .articles__headline h2 b{
    font-style: normal;
    font-weight: 500;
    font-size: 40px;
    line-height: 120%;
    text-transform: uppercase;
}
.services-block .articles__item{
    padding: 48px 32px 160px;
    background: #FFFFFF;
    border: 1px solid #EEEEEE;
    border-bottom: 4px solid #80D3DD;
    box-sizing: border-box;
    position: relative;
    margin-right: 16px;
    width: calc(33.33% - 16px);
}
.services-block .articles__item h3{
    margin-bottom: 8px;
}
.services-block .articles__item h3 a{
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 120%;
    /* identical to box height, or 29px */

    letter-spacing: 0.02em;
    text-transform: uppercase;

    /* BRIGHT RED */

    color: #ED123D;
}
.services-block .services__img{
    max-width: 138px;
    overflow: hidden;
    border-radius: 50%;
    max-height: 138px;
    float: right;
    position: absolute;
    bottom: 20px;
    right: 20px;
}
.services-block .services__img img{
    max-width: 150%;
    height: auto;
    text-align: center;
    float: none;
}

.services-for-block.pannenschutz_services {
  margin: 0;
  padding: 80px 0;
}

.services-for-block.pannenschutz_services .articles__headline {
  margin: 0 0 16px;
}

.services-for-block.pannenschutz_services .subtitle p {
  font-weight: 700;
  font-size: 20px;
  line-height: 130%;
  max-width: 752px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.services-for-block.pannenschutz_services .articles__item {
  flex: 1;
  box-shadow: 30px 30px 40px rgb(33 46 53 / 10%);
  background: #FFFFFF;
  width: unset;
  margin-right: 10px;
  margin-top: 0;
  padding: 0;
}

.services-for-block.pannenschutz_services .articles__img {
  height: unset;
}

.services-for-block.pannenschutz_services .articles__item-txt {
  margin: 0;
  box-shadow: unset;
}

.services-for-block{
    margin-top: 80px;
}
.services-for-block h2,
.services-for-block h2 b{
    font-style: normal;
    font-weight: 500;
    font-size: 40px;
    line-height: 120%;
    /* identical to box height, or 48px */

    text-transform: uppercase;
}

.services-for-block.pannenschutz_services h2 b {
  display: none;
}
.services-for-block .subtitle {
  margin-bottom: 36px;
}
.pannenschutz_mobility_services .subtitle p {
  font-weight: 400;
  font-size: 20px;
  line-height: 140%;
  max-width: 917px;
}
.services-for-block.pannenschutz_services .subtitle p {
  font-weight: 700;
  font-size: 20px;
  line-height: 130%;
  max-width: 752px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.services-for-block .articles__item h3{
    margin-bottom: 8px;
    font-size: 20px;
}

.pannenschutz_mobility_services .articles__item h3 {
  font-weight: 700;
  font-size: 24px;
  line-height: 130%;
  text-transform: none;
}
.services-for-block .articles__item-content{
    margin: 0px;
    padding: 0px;
    background: none;
    box-shadow: none;
    position: relative;
    z-index: 2;
}

.pannenschutz_mobility_services .articles__item-content {
  display: flex;
  flex-direction: row;
}
.services-for-block .articles__img{
    height: 250px;
}
.pannenschutz_mobility_services .articles__img {
  width: 480px;
  height: 386px;
}

.pannenschutz_mobility_services .slick-dots .slick-active button {
  background-color: #ED123D;
}

.pannenschutz_mobility_services .fuel-cards-services__nav {
  justify-content: center;
  padding-top: 10px;
}

.pannenschutz_mobility_services .slick-dots button {
  padding: 0;
  margin: 0 5px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #80828A;
  border: none;
}

.services-for-block .articles__img img{
    width: 100%;
    height: auto;
}
.services-for-block .articles__item-txt {
    margin: -80px 40px 0;
    padding: 32px;
    height: auto;
    background: #FFFFFF;
    box-shadow: 30px 30px 40px rgb(33 46 53 / 10%);
    z-index: 9;
    position: relative;
}

.pannenschutz_mobility_services .articles__item-txt {
  box-shadow: unset;
  margin: 0;
}
.pannenschutz_mobility_services .articles__item-txt p {
  font-weight: 300;
  font-size: 18px;
  line-height: 140%;
  letter-spacing: 0.02em;
}

.customer-service-container {
  /*display: flex;*/
}

.footer_bottom-customer-service {
  position: absolute;
  width: 100%;
}

.footer__top {
  position: relative;
}

@media (max-width: 1024px) {
  .footer_bottom-customer-service {
    position: relative;
    width: 100%;
    margin-bottom: 24px;
  }
}

.customer-service-container a {
  margin: 5px 10px 10px 0;
}

.customer-service-info {
  display: flex;
}

.customer-service-label {
  padding-right: 10px;
  color: #fff;
}

.arrow {
  border: solid #FFFFFF;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 2px;
  margin-right: 5px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.contact-details {
  position: relative;
}

.customer-service-contact-container {
  display: none;
  position: absolute;
  line-height: 20px;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  margin-right: 18px;
  box-shadow: 0 50px 40px rgba(33, 46, 53, 0.1);
  border-radius: 0 0 4px 4px;
}

.contact-details {
  height: 72px;
  line-height: 72px;
}

.customer-service-contact-number {
  background: #FFFFFF;
  padding: 10px;
  display: flex;
}

.customer-service-contact-number a {
  color: #80828A;
}

.customer-service-contact-number > div {
  display: inline-block;

}

.customer-service-contact-number > div > p {
  line-height: 20px;
}

.contact-details {
  z-index: 230;
}

.contact-details:hover:after {
  position: absolute;
  content: " ";
  left: 10px;
  right: 10px;
  bottom: -4px;
  height: 4px;
  background: #ed123d;
}

.contact-details:hover .customer-service-contact-container {
  display: block;
}

.contact-details:hover .arrow {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}

@media (max-width: 1024px){
  .contact-details {
    margin-bottom: -13px;
  }
    .services-for-block,
    .services-block{
        margin-top: 40px;
    }
    .services-for-block.pannenschutz_services {
      padding: 40px 0 80px;
    }

    .pannenschutz_mobility_services .articles__item-content {
      flex-direction: column;
      height: 100%;
      max-width: calc(100vw - 35px);
    }
    .pannenschutz_mobility_services .articles__item-txt {
      width: fit-content;
    }

    .services-for-block .articles__img{
        height: auto;
    }
  .services-for-block.pannenschutz_services .articles__img {
    height: 158px;
  }
  .pannenschutz_mobility_services .articles__img {
    height: 386px;
    width: 100%;
  }
  .services-for-block .articles__items {
    display: block;
    max-width: 100vw;
    width: 100%;
    overflow: hidden;
    position: relative;
  }
    .services-block .articles__item,
    .services-for-block .articles__item{
        width: 100%;
    }
    .services-for-block.pannenschutz_services .articles__item {
      overflow: hidden;
    }
      .services-for-block .articles__item-txt{
          margin: -80px 10px 0;
          padding: 16px;
      }
    .services-for-block.pannenschutz_services .articles__item-content .articles__item-txt {
      margin: 0;
    }
    .services-for-block.pannenschutz_services {
      background-color: #212E35;
      color: white;
    }
    .services-for-block.pannenschutz_services h2,
    .services-for-block.pannenschutz_services h2 b {
      font-size: 32px !important;
    }
    .services-for-block.pannenschutz_services h2 b {
      display: initial;
    }
    .services-for-block.pannenschutz_services .subtitle p {
      font-weight: 400;
      font-size: 16px;
      line-height: 150%;
      text-transform: unset;
    }
    .pannenschutz_mobility_services h2 {
      font-size: 25px !important;
    }
    .pannenschutz_mobility_services .articles__img img {
      height: 100%;
      object-fit: cover;
    }
    .pannenschutz_mobility_services .articles__item-txt {
      padding: 24px;
      height: 100%;
      margin: 0;
    }
    .pannenschutz_mobility_services .articles__item h3 {
      text-transform: unset;
      color: inherit;
    }
}
/* END Services block */

/* Text + Big Image */
.textimg{
    background: #eee;
}
.textimg .textimg-in{
    position: relative;
    display: flex;
}
.textimg .textimg-content__l{
    width: -webkit-calc(50%);
    width: calc(50%);
    position: relative;
    background: white;
    margin: 44px 0;
    padding: 48px 37px 48px 0;
}
.textimg .textimg-content__l::before{
    content: ' ';
    width: 200%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background: white;
    z-index: 1;
}
.textimg .textimg__headline{
    z-index: 99;
    position: relative;
}
.textimg .textimg__headline p{
    margin-bottom: 18px;
}
.textimg .textimg__headline h2,
.textimg .textimg__headline h2 b{
    font-style: normal;
    font-weight: 500;
    font-size: 40px;
    line-height: 120%;
    text-transform: uppercase;
    margin-bottom: 12px;
}
.textimg ul,
.products_tab ul{
    margin: 10px 0;
}
.textimg ul li,
.products_tab ul li{
    font-size: 18px;
    line-height: 150%;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    margin: 0 0 5px 0;
    color: #212E35;
    padding-left: 28px;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    font-weight: 300;
}
.textimg ul li:after,
.products_tab ul li:after{
    position: absolute;
    content: " ";
    width: 14px;
    height: 16px;
    left: 0;
    top: 5px;
    background: url("/themes/fleetcor/css/../img/icons/check.svg") center center no-repeat;
    background-size: contain;
}

.textimg .textimg-content__r{
    position: absolute;
    bottom: 0;
    top: 0;
    right: 15%;
    max-width: 50%;
}
.textimg .textimg-content__img{
    width: 100%;
    height: 100%;
}
.textimg .textimg-content__img img{
    height: 100%;
}
@media (max-width: 1024px){
    .textimg {
        overflow: hidden;
    }
    .textimg .textimg-in{
        display: block;
    }
    .textimg .textimg-content__r{
        display: block;
        width: calc(100% + 30px);
        position: relative;
        max-width: none;
        right: auto;
        margin-left: -15px;
        margin-right: -15px;
    }
    .textimg .textimg-content__img{
        height: auto;
    }
    .textimg .textimg-content__img img{
        width: 100%;
        height: auto;
    }
    .textimg .textimg-content__l{
        width: calc(100% - 32px);
        padding: 24px 16px;
        margin-top: -40px;
    }
    .textimg .textimg-content__l::before{
        content: none;
    }
}
/* END Text + Big Image */

/* NEW carnet_info-block */
span.icon{
    width: 32px;
    height: 32px;
    position: relative;
    display: inline-block;
}
table span.icon {
    width: 20px;
    height: 20px;
    margin: -5px 20px 0 0 !important;
}
span.icon::before{
    content: ' ';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    background: url(/themes/fleetcor/img/midmarket/car_fas.svg) center center no-repeat;
    background-size: contain;
}
span.icon-carnet::before{
    background-image: url(/themes/fleetcor/img/carnet/carnet_icon.png);
}
span.icon-gps::before{
    background-image: url(/themes/fleetcor/img/carnet/gps.svg);
}
span.icon-weight::before{
    background-image: url(/themes/fleetcor/img/carnet/weight.svg);
}
span.icon-size::before{
    background-image: url(/themes/fleetcor/img/carnet/size.svg);
}
span.icon-level::before{
    background-image: url(/themes/fleetcor/img/carnet/level.svg);
}
span.icon-easy-ins::before{
    background-image: url(/themes/fleetcor/img/carnet/easy-ins.svg);
}
span.icon-cloud::before{
    background-image: url(/themes/fleetcor/img/carnet/cloud.svg);
}
span.icon-clock::before{
    background-image: url(/themes/fleetcor/img/carnet/clock.svg);
}
span.icon-chain::before{
    background-image: url(/themes/fleetcor/img/carnet/chain.svg);
}
span.icon-applications::before{
    background-image: url(/themes/fleetcor/img/carnet/applications.svg);
}
span.icon-carnet2::before{
    background-image: url(/themes/fleetcor/img/carnet/Carnet_icon_2.svg);
}
span.icon-checklist::before{
    background-image: url(/themes/fleetcor/img/carnet/checklist.svg);
}
span.icon-fuel::before{
    background-image: url(/themes/fleetcor/img/carnet/fuel.svg);
}
span.icon-money::before{
    background-image: url(/themes/fleetcor/img/carnet/money.svg);
}
a.btn .icon{
    width: 20px;
    height: 20px;
    margin: 0px 8px -4px 0;
    line-height: 20px;
}
.top__typical-new-carnet .top__typical-bg img{
    opacity: 0,5;
}
.top__typical-new-carnet .node__content p{
    max-width: 760px;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 26px;
    /* or 162% */

    letter-spacing: 0.02em;
}
.top__typical-new-carnet .node__content h2{
    font-style: normal;
    font-weight: normal;
    font-size: 60px;
    line-height: 100%;
    margin: 40px 0;
    max-width: 760px;
}
.top__typical-new-carnet a.btn{
    width: 370px;
    color: white;
    padding: 0;
}
.top__typical-new-carnet .btn-primary,
.new_carnet_block .btn.btn-primary{
    background-color: #3782C8;
    color: white;
}
.new_carnet_block .btn{
    color: white;
}
.top__typical-new-carnet .btn-red{
    background-color: #ED123D;
}
.carnet_info-block .card__details{
    background: linear-gradient(180deg, #161B1E 0%, #212E35 100%);
    padding: 0px;
    margin: 0;
}
.carnet_info-block .card__details-in {
    display: inline-block;
    position: relative;
}
.carnet_info-block .card__details-l {
    width: 100%;
    margin: 85px 0 53px;
}
.carnet_info-block .card__details-items {
    max-width: none;
    display: flex;
}
.carnet_info-block .card__details-items .card__details-item {
    width: 25%;
    display: block;
    margin: 0 8px;
    text-align: center;
}
.carnet_info-block .card__details-items .card__details-icon {
    width: 60px;
    height: 60px;
    margin: 0 auto 32px;
}
.carnet_info-block .card__details-items .card__details-icon .stroke-black{
    stroke: white;
}
.carnet_info-block .card__details-items .card__details-icon .stroke-white{
    stroke: #FFD300;
}
.carnet_info-block .card__details-items .card__details-icon .fill-black{
    fill: white;
}
.carnet_info-block .card__details-items .card__details-icon .fill-white{
    fill: #FFD300;
}
.carnet_info-block .card__details-r {
    width: 55%;
    text-align: center;
    margin-top: -650px;
    position: absolute;
    top: 0;
    right: -130px;
}
.carnet_info-block .card__details-r .card__details-card{
    max-width: 100%;
    margin: 0;
}
.carnet_info-block .card__details-card_img{
    box-shadow: none;
    height: 650px;
    max-height: none;
}
.carnet_info-block .card__details-card_img img{
    height: auto;
    width: 100%;
}
.carnet_info-block .card__details-sale{
    display: none;
}
.carnet_info-block .card__details-desc h5{
    font-size: 22px;
    line-height: 32px;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 8px;
}
.carnet_info-block .card__details-desc p,
.carnet_info-block .card__details-footer p{
    font-weight: normal;
    font-size: 16px;
    line-height: 26px;
    text-align: center;
}
@media (max-width: 1024px){
    .top__typical-new-carnet .node__content p {
        max-width: 760px;
        font-style: normal;
        font-weight: normal;
        letter-spacing: 0.02em;
        font-size: 12px;
        line-height: 140%;
    }
    .top__typical-new-carnet .node__content h2{
        font-size: 30px;
        line-height: 130%;
        margin: 20px 0;
            max-width: 70%;
    }
    .top__typical-new-carnet .node__content h2 + p{
        max-width: 70%;
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 24px;
    }
    .top__typical-new-carnet a.btn{
        max-width: 100%;
    }
    .carnet_info-block .card__details-in{
        display: block;
    }
    .carnet_info-block .card__details-l {
        width: 100%;
        padding: 32px 0 56px;
        margin: 0;
    }
    .carnet_info-block .card__details-items {
        max-width: 100%;
        display: block;
    }
    .carnet_info-block .card__details-items .card__details-item{
        width: 100%;
        margin: 0 0px 20px;
    }
    .carnet_info-block .card__details-desc{
        width: 100%;
    }
    .carnet_info-block .card__details-r{
        width: 520px;
        text-align: center;
        margin-top: -530px;
        position: absolute;
        top: 0;
        right: -310px;
        height: 1160px;
        z-index: -1;
    }
    .carnet_info-block .card__details-r .card__details-card {
        max-width: 100%;
        margin: 0;
        width: 100%;
        height: auto;
        z-index: -1;
    }


}



.new_carnet_block{

}
.new_carnet_block h2{
    font-weight: normal;
    font-size: 40px;
    align-items: center;
    letter-spacing: 0.02em;
    margin: 80px 0 24px;
}
.new_carnet_block h2 .icon{
    margin-right: 20px;
    float: left;
    margin-bottom: 20px;
    width: 40px;
    height: 40px;
}
.new_carnet_block p{
    margin-bottom: 24px;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 34px;
    /* or 170% */

    letter-spacing: 0.02em;
}
.new_carnet_block .carnet_block_slider_images{
    max-width: 32%;
    float: left;
    margin: 0 20px 20px 0;
    border-radius: 8px;
    overflow: hidden;
    position: relative;
}
.new_carnet_block .carnet_block_images{
    margin: 0;
    display: block;
    background: #FFD300;
}
.new_carnet_block .carnet_block_slider_images .nav-slider{
    position: absolute;
    display: flex;
    bottom: 0;
    width: 100%;
    background: #FFD300;
    text-align: center;
    line-height: 28px;
    padding: 5px 0;
}
.new_carnet_block .carnet_block_slider_images .nav-slider .prev,
.new_carnet_block .carnet_block_slider_images .nav-slider .next{
    width: 50%;
    color: #9C830B;
    padding: 7px 0;
    cursor: pointer;
}
.new_carnet_block .carnet_block_slider_images .nav-slider div:hover{
    color: #50450F;
}
.new_carnet_block .carnet_block_slider_images .nav-slider .prev{
    border-right: 1px solid #50450F;
}
.new_carnet_block .carnet_block_image{
    width: 100%;
    margin: 0;
}
.new_carnet_block .bs-steps-overlay{
    background: none;
    color: #80828A;
    padding: 0;
    display: none;
}
.new_carnet_block .bs-steps-number{
    position: relative;
    font-size: 20px;
    left: 0;
    bottom: 0;
    color: black;
    font-weight: bold;
}



.new_carnet_block .carnet-bg-phone{
    width: 68%;
    position: relative;
    display: inline-block;
}
.new_carnet_block .carnet-bg-phone .carnet-bg-phone-bg{
    position: absolute;
    top: 0;
    right: -650px;
    width: 650px;
}
.new_carnet_block .carnet-desc{
    width: 58%;
    margin: 0 30px 0 0;
    float: left;
}
.new_carnet_block .desc-app{
    width: 38%;
    float: left;
}
.new_carnet_block .desc-app p{
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0.02em;
}
.new_carnet_block .desc-app ul{
    padding-left: 0px;
}
.new_carnet_block .desc-app ol{
    padding-left: 15px;
}
.new_carnet_block .desc-app ul li,
.new_carnet_block .desc-app ol li{
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0.02em;
    color: #4B4F5F;
}
.new_carnet_block .desc-app ul li{
    padding-left: 25px;
}
.new_carnet_block .desc-app ul li:after {
    position: absolute;
    content: " ";
    width: 16px;
    height: 16px;
    left: 0;
    top: 2px;
    background: url(/themes/fleetcor/img/carnet/Carnet_icon_2.png) center center no-repeat;
    background-size: contain;
}
.new_carnet_block .desc-app ol li{
    color: #80828A;
}

.new_carnet_block .gas-station{
    padding: 50px 0 74px;
    box-sizing: border-box;
    box-shadow: 0px 0px 40px rgb(33 46 53 / 10%);
}
.new_carnet_block .gas-station .gas-station__bg{
    width: 100%;
}
.new_carnet_block .gas-station h2{
    font-style: normal;
    font-weight: bold;
    font-size: 36px;
    line-height: 48px;
    text-transform: uppercase;
    color: #212E35;
}
.new_carnet_block .gas-station h3{
    font-style: normal;
    font-weight: normal;
    font-size: 30px;
    line-height: 44px;
    color: #80828A;
    margin-bottom: 12px;
}
.new_carnet_block .gas-station p{
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 30px;
    text-transform: capitalize;
    color: #80828A;
}
.new_carnet_block.carnet-bg-app{
    padding: 50px 0 80px;
    margin-bottom: 100px;
}
.new_carnet_block.carnet-bg-app .carnet-bg-phone{
    width: 65%;
}
.new_carnet_block.carnet-bg-app .carnet-bg-phone .carnet-bg-phone-bg{
    top: -60px;
    right: -560px;
    width: 600px;

}
.new_carnet_block.carnet-bg-app p{
    font-size: 22px;
    line-height: 38px;
}



.table-block{
    width: 100%;
    margin: 100px 0 100px;
    height: 900px;
    overflow: hidden;
    position: relative;
}
.table-block .blur{
    filter: blur(6px);
}
.table-block h3{
    font-style: normal;
    font-weight: normal;
    font-size: 30px;
    line-height: 120%;
    letter-spacing: 0.02em;
    text-transform: uppercase;

    margin: 0 0 40px 0;
}
.table-block .table-block-but{
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    padding: 100px 0;
}
.table-block.active{
    height: auto;
}
.table-block.active .blur{
    filter: none;
}
.table-block.active .table-block-but{
    display: none;
}
.table-block th{
    border-bottom: 1px solid black;
}
.table-block tr:nth-child(1) th{
    background: #FFD300;
}

/* END NEW carnet_info-block */

/* new-carnet-cards */
.new-carnet-cards{
    background: linear-gradient(180deg, #C1D9E6 0%, #F8F8F8 100%);
    box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.25);
    padding: 40px 0 115px;
}
.new-carnet-cards .cards__items{
    position: relative;
    z-index: 1;
    margin: 0;
}
.new-carnet-cards .cards__items::before{
    content: " ";
    position: absolute;
    width: 1200px;
    height: 760px;
    bottom: -485px;
    right: -525px;
    background: url(/themes/fleetcor/img/carnet/bg-map.png) center center no-repeat;
    background-size: contain;
}
.new-carnet-cards .cards__items::after{
    content: " ";
    position: absolute;
    width: 500px;
    height: 500px;
    bottom: -165px;
    right: -200px;
    background: url(/themes/fleetcor/img/carnet/bg-phone.png) center center no-repeat;
    background-size: contain;
}
html[lang='pl'] .new-carnet-cards .cards__items::after {
    background-image: url(/themes/fleetcor/img/carnet/bg-phone-pl.png);
}
.bg-maps{
    width: 100%;
    height: 500px;
    background: url(/themes/fleetcor/img/carnet/Mapsicle-Map.png) center center no-repeat;
    background-size: cover;
}
html[lang='pl'] .bg-maps{
    background-image: url(/themes/fleetcor/img/carnet/Mapsicle-Map-pl.png);
}

.new-carnet-cards .cards__item-img {
    display: none;
}
.new-carnet-cards .cards__item-in {
    background: no-repeat;
    box-shadow: none;
    padding: 0;
}
.new-carnet-cards .cards__item-content{

}
.new-carnet-cards .cards__item-sale{
    right: 125px;
    bottom: 0px;
    margin: 0;
    box-shadow: none;
    background: url(/themes/fleetcor/img/carnet/bg-red.png) center center no-repeat;
    background-size: contain;
    top: auto;
    width: 320px;
    height: 48px;
    padding: 0;
    text-align: center;
    line-height: 48px;
}
.new-carnet-cards .cards__item-sale .icon{
    margin: 0px 16px 0 0;
    line-height: 32px;
}
.new-carnet-cards .cards__item-headline h2{
    display: none !important;;
}
.new-carnet-cards .cards__item-headline h3{
    font-style: normal;
    font-weight: normal;
    font-size: 30px;
    line-height: 120%;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}
.new-carnet-cards .card__details-items {
    max-width: 760px;
    display: flex;
    margin-top: 60px;
}
.new-carnet-cards .card__details-item {
    display: block;
    width: 25%;
    margin: 0 8px;
}
.new-carnet-cards .card__details-icon{
    margin-bottom: 16px;
}
.new-carnet-cards .card__details-desc h5,
.new-carnet-cards .card__details-desc h5 a{
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 24px;
    color: #212E35;
}
.new-carnet-cards .card__details-desc h5{
    margin-bottom: 6px;
}
.new-carnet-cards .card__details-desc p{
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    color: #80828A;
}
.new-carnet-cards .btn.btn-primary{
    background-color: #3782C8;
    color: white;
    width: 370px;
    padding: 0;
}

.new-carnet-cards .slick-dots,
.carnet_info-block .slick-dots,
.primary-products-carnet .slick-dots{
    position: absolute;
    left: 8px;
    right: auto;
    bottom: -16px;
    text-align: center;
}
.carnet_info-block .slick-dots{
    left: 0px;
    right: 0px;
}
.new-carnet-cards .slick-dots li,
.carnet_info-block .slick-dots li,
.primary-products-carnet .slick-dots li{
    background: none;
    border: none;
    width: 6px;
    height: 6px;
    padding: 6px;
    position: relative;
    overflow: hidden;
    display: inline-block;
}
.new-carnet-cards .slick-dots li:after,
.carnet_info-block .slick-dots li:after,
.primary-products-carnet .slick-dots li:after{
    position: absolute;
    width: 6px;
    height: 6px;
    content: ' ';
    left: 0;
    right: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    background: #B4AFB5;
    opacity: 0.4;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}
.new-carnet-cards .slick-dots li button,
.carnet_info-block .slick-dots li button,
.primary-products-carnet .slick-dots li button{
    background: none;
    border: none;
}
.new-carnet-cards .slick-dots li.slick-active:after,
.carnet_info-block .slick-dots li.slick-active:after,
.primary-products-carnet  .slick-dots li.slick-active:after{
    position: absolute;
    content: ' ';
    left: 0;
    right: 0;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    transform: translate(0,-50%);
    opacity: 1;
    -webkit-border-radius: 50%;
    border: 2px solid #80D3DD;
    box-sizing: border-box;
    border-radius: 3px;
    width: 12px;
    height: 6px;
    background: none;
}
.carnet_info-block .slick-dots li.slick-active:after{
    border: 2px solid #FFD300;
}
.new-carnet-cards .slick-dots li:hover,
.carnet_info-block  .slick-dots li:hover,
.primary-products-carnet  .slick-dots li:hover{
    cursor: pointer;
}
/* block-sub-box */
.block-sub-box.active{
    z-index: 1000;
    position: relative;
}
.block-sub-box-bg{
    position: fixed;
    top: -100%;
    bottom: -100%;
    left: 0;
    width: 100%;
    z-index: 9;
    background-color: rgba(0,0,0,.5);
    transition: .7s;
    visibility: hidden;
    opacity: 0;
}
.block-sub-box-bg.active{
    visibility: visible;
    opacity: 1;
}
.block-sub-box-article{
    z-index: 99;
}
/* END block-sub-box */
@media (max-width: 1024px){
    .new_carnet_block .carnet_block_slider_images{
        width: 100%;
        max-width: none;
        float: none;
        margin: 20px 0 12px;
    }
    .new_carnet_block .carnet_block_slider_images .nav-slider .prev,
    .new_carnet_block .carnet_block_slider_images .nav-slider .next{
        display: block !important;
    }
    .new_carnet_block h2{
        margin: 40px 0 20px;
        display: flex;
        align-items: center;
        text-transform: uppercase;
    }
    .new_carnet_block h2 .icon{
        margin: 0 20px 0 0;
        height: 32px;
        min-width: 32px;
    }
    .new_carnet_block p{
        font-size: 12px;
        line-height: 150%;
    }
    .new_carnet_block .carnet-bg-phone,
    .new_carnet_block .carnet-desc,
    .new_carnet_block .desc-app,
    .new_carnet_block.carnet-bg-app .carnet-bg-phone{
        width: 100%;
    }
    .new_carnet_block .carnet-desc a.btn-primary,
    .new_carnet_block .qr-code,
    .table-block{
        display: none;
    }
    .new_carnet_block .btn{
        max-width: 100%;
        width: 370px;
        padding: 0;
        margin: 5px 0;
    }

    .carnet-bg-phone-bg {
        width: 140%;
        margin-bottom: -100px;
    }
    .new_carnet_block.carnet-bg-app .carnet-bg-phone .carnet-bg-phone-bg{
        display: block;
        position: relative;
        max-width: 100%;
        top: auto;
        right: auto;
        bottom: auto;
        z-index: -1;

        margin-bottom: -60px;
    }
    .new-carnet-cards{
        padding: 30px 0 40px;
    }
    .new-carnet-cards .cards__items::after {
        width: 280px;
        height: 350px;
        bottom: 20px;
        right: -150px;
    }
    .new-carnet-cards .cards__items::before {
        width: 600px;
        height: 400px;
        bottom: -180px;
        right: -290px;
    }
    .new-carnet-cards .cards__item-in{
        z-index: 9;
    }
    .new-carnet-cards .cards__item-sale{
        display: block !important;
        bottom: 64px;
        position: absolute;
        left: calc(50% - 185px);
        right: auto;
        width: 370px;
        max-width: 100%;
        height: 65px;
        font-weight: normal;
        font-size: 16px;
        line-height: 65px;
    }
    .new-carnet-cards .btn.btn-primary{
        font-weight: normal;
        font-size: 16px;
        line-height: 55px;
        height: 55px;
        margin: 0 auto;
        min-width: auto;
        max-width: 100%;
    }
    .new-carnet-cards .cards__item-headline,
    .new-carnet-cards .cards__item-desc{
        display: block;
    }
    .new-carnet-cards .cards__item-desc{
        padding-right: 120px;
    }
    .new-carnet-cards .cards__item-headline h3{
        font-size: 16px;
    }
    .new-carnet-cards .card__details-items{
        display: block;
        margin-top: 20px;
    }
    .new-carnet-cards .card__details-item{

    }
    .new-carnet-cards .cards__item-content{
        margin: 0;
        padding: 0;
    }
    .new-carnet-cards .cards__item-content>.cards__item-btn{
        display: none !important;
    }
    .new-carnet-cards .cards__item-footer{
        margin-top: 80px;
    }
    .new-carnet-cards .cards__item-footer_r{
        padding: 0;
    }
    .new_carnet_block .gas-station{
        padding: 0;
    }
    .new_carnet_block .gas-station-r{
        padding: 0 0 40px;
    }
    .new_carnet_block .left-bg .gas-station__bg img{
        width: 100%;
        position: absolute;
        bottom: 0;
    }
    .new_carnet_block .gas-station h2{
        font-size: 20px;
        line-height: 120%;
        text-transform: uppercase;
        margin: 40px 0 20px;
    }
    .new_carnet_block .gas-station h3{
        font-size: 14px;
        line-height: 150%;
    }
    .new_carnet_block .gas-station p{
        font-size: 12px;
        line-height: 150%;
    }
    .new_carnet_block.carnet-bg-app p{
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        line-height: 150%;
    }
    .primary-products-carnet.products_tab .products_tab-in{
        margin-top: -200px;
    }
    .primary-products-carnet.products_tab .field-tabs .image {
        margin-top: 0;
        margin-bottom: 0;
        padding-bottom: 10px;
    }
    .primary-products-carnet.products_tab .slick-dots{
        top: auto;
        text-align: center;
        bottom: 40px;
        width: 100%;
    }
    .primary-products-carnet.products_tab .field-tabs .btn{
        width: 90%;
        position: relative;
        bottom: auto;
        margin: 32px 5% 0;
    }
    .primary-products-carnet .slick-dots li:after{
        left: 3px;
    }
}
@media (max-width: 410px){
    .new-carnet-cards .cards__item-sale{
        left: 0;
        max-width: 100%;
    }
}
/* END new-carnet-cards */


.fleetpay .app__slider-phone{
  width: 250px;
  height: 550px;
  background-size: 100% 100%;
}
.fleetpay .app__slider{
  width: 260px;
  padding: 0px;
}
.fleetpay .app__slider-phone_in{
  height: 505px;
}

.clean-advantage{
  display: flex;
  flex-direction: row;
  align-content: center;
  align-items: center;
  gap: 100px;
  margin: 0 0 30px 0;
}
.clean-advantage .content{
  flex: 2;
}
.clean-advantage .img{
  flex: 1;
  max-width: 400px;
}
.clean-advantage .img img{
  width: 100%;
  height: auto;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
  border-radius: 10px;
  box-shadow: 0 0 30px rgb(0 0 0 / 20%);
}

.block-opt-out-block{
  display: block;
  overflow: initial;
}

.block-clean-advantage-block .h1.txt-white,
.block-shell-invoices-block .h1.txt-white,
.block-opt-out-block .h1.txt-white{
  color: black;
}
.block-clean-advantage-block .support__question,
.block-shell-invoices-block .support__question,
.block-opt-out-block .support__question{
  display: block;
}
.block-opt-out-block .support__topic-l{
  margin: 20px 0;
  display: block;
}

@media (max-width: 1024px){
  .clean-advantage{
    display: block;
  }
}
/* END clean-advantage */

/* Social */
.social-media-sharing ul{
  padding-left: 0;
}
.social-media-sharing ul li{
  list-style: none;
  margin: 0 4px;
}
@media (max-width: 1024px) {
  .social-media-sharing{
    text-align: center;
  }

}
/* END Social */