/* fix full screen slider */
html,
body,
section.slide-banner {
    height: 100% !important;
}

.location-group .dropdown-menu.open {
    height: inherit !important;
}

section.slide-banner {
    height: calc(100% - 100px) !important;
}

section.row.page-cover {
    background-position: top center !important;
    background-color: #092b5a !important;
}

.main-navigation {
    box-shadow: 0px -12px 10px #00000029;
    border-top: 5px solid #ff3e3e;
}

.main-navigation #main-nav .navbar-nav {
    box-shadow: 0px 9px 10px #00000033;
}

.sticky ul.nav.navbar-nav {
    box-shadow: none !important;
}

@keyframes slide-up {
    0% {
        transform: translateY(20px);
        opacity: 0;
    }

    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

/* none mobile */
@media screen and (min-device-width: 812px) {

    .k-header-mobile__toolbar,
    .filterTitle {
        display: none;
    }

    .media-left,
    .media-right,
    .media-body {
        display: contents !important;
        vertical-align: top;
    }


    .latest-blog .media-left,
    .latest-blog .media-right,
    .latest-blog .media-body,
    .blog-section .media-left,
    .blog-section .media-right,
    .blog-section .media-body {
        display: table-cell !important;
        vertical-align: top;
    }


}

/* mobile */
@media screen and (max-device-width: 812px) {
    .banner2-prefolder .this-left {
        display: none;
    }

    .banner2-prefolder .this-right .this-texts p {
        color: #092b5a;
        width: 70%;
        font-weight: 600;
    }

    .media-left.media-bottom.posted-by {
        width: 100% !important;
        padding-bottom: 20px !important;
    }

    .welcome-texts {
        width: 100%;
        text-align: center;
        display: none;
    }

    .social-lists-wSearch li:first-child {
        display: none;
    }

    .social-lists-wSearch {
        float: left;
        padding: 15px 0;
        border: none;
    }

    .social-lists-wSearch li+li {
        margin-left: 0;
        margin-right: 10px;
    }

    .cart-nav {
        margin-right: 0;
    }

    div#currency-select>span {
        top: 22px;
    }

    .cart-count {
        margin-right: 5px;
        padding-top: 6px;
    }

    .cart-count i {
        font-size: 15px;
    }

    .sticky-logo-block {
        width: 100% !important;
        text-align: center;
    }

    .logo {
        float: left;
    }

    .find-quick {
        background: #092b5a;
    }

    .find-quick-form h2.this-title {
        font-size: 16px !important;
    }

    .find-quick-form {
        padding: 30 0;
    }

    .find-quick-form .this-title img {
        margin: 0 10px;
        max-width: 50px;
    }

    .find-quick.row .location-group,
    .find-quick.row .input-group {
        width: 100%;
        padding: 0;
        margin-bottom: 20px;
    }

    .cartypes {
        display: block;
    }

    .cartypes li {
        margin-left: 40px;
    }

    #dlocation+label {
        margin-top: -12px;
        margin-bottom: 0;
    }

    .find-quick-form .btn-primary {
        width: 100%;
    }

    .fact .inner-fact {
        display: block;
        margin-left: 0;
        text-align: center;
        width: 100%;
    }

    .fact .inner-fact div {
        width: 100%;
    }

    .fact .inner-fact div h2 {
        margin-top: 0;
    }

    .fact .inner-fact div h5 {
        margin-bottom: 30px;
    }

    .popular-fleet {
        max-height: fit-content;
    }

    .backButton {
        width: 100% !important;
        height: 305px !important;
    }

    .x_icon_num.done {
        background: #ff3d3d !important;
    }

    .x_title_inner_num_wrapper {
        padding: 0 15px 10px !important;
        margin-bottom: 30px !important;
    }

    .x_title_num_heading {
        width: 100% !important;
        float: none !important;
    }

    .x_title_num_heading_cont {
        width: 100% !important;
    }

    .x_icon_num {
        width: 40px !important;
        height: 40px !important;
        margin-bottom: 20px !important;
        border: 2px solid #d8e8fc !important;
    }

    .x_icon_num p {
        font-size: 16px !important;
        line-height: 40px;
        color: #d8e8fc !important;
    }

    p.next-arrow {
        display: none;
    }

    .col-sm-2.col-xs-8.logo-box {
        width: 100%;
        text-align: center;
        padding: 10px;
        float: right;
    }

    .logo img {
        width: 150px;
    }

    .x_icon_num.x_icon_num+h5 {
        transform: rotate(-90deg);
        text-align: left;
        width: 80px;
        margin-left: -20px;
        color: #d8e8fc !important;
    }

    .x_title_num_main_box_wrapper {
        height: 140px;
        animation: slide-up 0.4s ease;
    }

    .steps-component .x_icon_num.active {
        transform: scale(1.01) !important;
        border-color: #0c3168 !important;
    }

    .steps-component .x_icon_num.active>p,
    .steps-component .x_icon_num.active+h5,
    .steps-component .x_icon_num.done+h5 {
        color: #0d3267 !important;
    }

    p.goBack {
        bottom: 30px !important;
        padding: 8px 15px 15px 8px !important;
        width: 40px !important;
        height: 40px !important;
        left: -20px;
        background: #ff3e3e;
        transition: .3s;
    }

    i#arrowBack {
        color: #fff;
    }

    .x_title_num_heading:after {
        display: none;
    }

    .x_title_num_heading h3 {
        font-size: 18px !important;
    }

    .time .find-quick-form .this-title {
        display: none;
    }

    h3.step-title {
        color: #0c3267;
    }

    .time .input-group.date-group,
    .time .input-group.time-group {
        width: 100% !important;
        margin-left: 0 !important;
        margin-bottom: 15px !important;
    }

    .time-group {
        width: 100% !important;
    }

    .avantges-sprite span {
        margin: auto;
    }

    .avantges-sprite {
        display: block;
    }

    .timelabel {
        margin-top: 20px !important;
        margin-bottom: 20px !important;
    }

    .time #dlocation+label.timelabel {
        line-height: 12px;
        margin: auto;
    }


    .time #dlocation+label.timelabel:before {
        content: "\f401";
        color: #0d3267;
        font-size: 30px;
        margin-right: 10px;
        float: left;
    }

    .time #dlocation+label.timelabel.checked:before {
        content: "\f400";
        color: #ff3e3e;
    }

    .diffLoc .filter-option {
        padding-left: 15px !important;
    }

    .diffLoc {
        animation: slide-up 0.4s ease;
    }

    .filters-car {
        padding-right: 0;
    }

    .filters-car h4.widget-title {
        box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
        border-radius: 0;
        margin-bottom: 0 !important;
        padding: 0 10px !important;
        font-size: 14px !important;
    }

    /* pagination */
    .fleet-pagination-row.fleet-filters {
        padding: 30px 10px !important;
    }

    .pagination li a {
        width: 32px !important;
        height: 32px;
        line-height: 32px !important;
        border-color: #0c3267 !important;
        color: #fff !important;
        background: #0c3267 !important;
    }

    .pagination li+li {
        margin-left: 5px !important;
    }


    .pagination li span {
        line-height: 28px !important;
        width: 32px !important;
        color: #fff !important;
    }

    .pagination li.active a {
        color: #fff !important;
        border-color: #ff3e3e !important;
        background: #ff3e3e !important;
    }

    .pagi-info h5 {
        float: none;
        text-align: center;
    }

    .pagi-info h5+h5 {
        margin-left: 0;
        padding-left: 0;
        border-left: none;
    }

    .pagi-info {
        margin-bottom: 20px;
    }

    /* cars */
    #car .carImg,
    .car-item .carImg {
        height: 170px !important;
    }

    #car .carDetails {
        padding-left: 15px !important;
        clear: both;
    }

    #car .car-price,
    #listVehicle .car-price {
        padding-left: 0 !important;
    }

    #car .nav>li,
    .car-item .nav>li {
        height: auto !important;
        text-align: center;
        display: block !important;
        float: left !important;
        clear: none !important;
        min-height: 50px;
        width: calc(100% / 6) !important;
    }

    .option-icon {
        width: 100% !important;
        min-height: 40px;
    }

    .option-icon>img {
        max-width: 35px;
        opacity: 1 !important;
    }

    /* toggle mobie menu */
    button#k_aside_mobile_toggler {
        display: inline-block;
        position: relative;
        overflow: hidden;
        margin: 0;
        padding: 0;
        font-size: 0;
        text-indent: -9999px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        border-radius: none;
        border: none;
        cursor: pointer;
        background: none;
        outline: none !important;
        width: 26px;
        height: 26px;
        -webkit-transition: all 0.4s ease;
        transition: all 0.4s ease;
        float: right;
        margin-top: 10px;
    }

    button#k_aside_mobile_toggler span {
        display: block;
        position: absolute;
        top: 12px;
        height: 2px;
        min-height: 2px;
        width: 100%;
        border-radius: 2px;
        -webkit-transition: all 0.4s ease;
        transition: all 0.4s ease;
        background: #fff;
    }


    button#k_aside_mobile_toggler span:before,
    button#k_aside_mobile_toggler span:after {
        -webkit-transition: all 0.4s ease;
        transition: all 0.4s ease;
        left: auto;
        right: 0px;
        width: 50%;
        background: #fff;
        top: -8px;
        position: absolute;
        display: block;
        height: 2px;
        min-height: 2px;
        content: "";
        border-radius: 2px;
        -webkit-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }

    button#k_aside_mobile_toggler span:after {
        top: 8px;
        width: 75%;
    }

    button#k_aside_mobile_toggler:hover span,
    button#k_aside_mobile_toggler:hover span:before,
    button#k_aside_mobile_toggler:hover span:after {
        background: #f00;
        width: 100%
    }

    #sticky-logo button#k_aside_mobile_toggler {
        margin-top: 0;
    }

    #sticky-logo button#k_aside_mobile_toggler span,
    #sticky-logo button#k_aside_mobile_toggler span:before,
    #sticky-logo button#k_aside_mobile_toggler span:after {
        background: #0c3267;
    }

    .sticky #main-nav {
        margin-top: 50px;
    }

    section.row.page-cover {
        height: auto !important;
        background-size: cover !important;
    }

    h2.h1.page-title {
        margin-top: 30px !important;
    }

    .banner2-prefolder .inner {
        background-size: cover;
    }

    #car .row.car-actions {
        position: relative !important;
        clear: both;
    }

    /* filters */
    .timeFilter .widget-inner,
    .carFilters .widget-inner,
    .widget-pricing .widget-inner,
    .widget-adjust .widget-inner {
        background-color: #f2f5f9 !important;
        border-bottom: 5px solid #0c3168 !important;
        position: fixed;
        top: 50px;
        left: 0px;
        z-index: 1001;
        width: 100%;
    }

    #checkout .widget-adjust .widget-inner {
        overflow-y: auto;
        height: 100%;
        padding-bottom: 50px;
    }

    div#user-switch button {
        width: 100% !important;
        border-radius: 50px;
        margin: 5px 0;
    }

    .row.ticketuplaod {
        display: block !important;
    }

    .checkout-form .payme-opton {
        width: 100% !important;
        padding-bottom: 0;
        border: none !important;
    }

    .checkout-form .checkbox.car_checkout_chekbox {
        float: none !important;
        width: 100% !important;
        display: block !important;
        padding: 0 !important;
        margin: 0 0 0 10px !important;
        position: initial !important;
    }

    .timeFilter h4.widget-title,
    .carFilters h4.widget-title,
    .widget-adjust h4.widget-title,
    .widget-pricing h4.widget-title {
        cursor: pointer;
        position: fixed !important;
        z-index: 1002;
        bottom: 0;
        border: none !important;
        width: 50%;
        text-align: center;
    }

    .fleet-sidebar .widget-title .angle {
        display: none !important;
    }

    .timeFilter h4.widget-title {
        left: 0;
        border-right: 1px solid #ff3d3d !important;
    }

    .widget-adjust h4.widget-title {
        right: 0;
        border-left: 1px solid #ff3d3d !important;
        margin-bottom: 0;
        padding: 0;
    }


    .carFilters h4.widget-title {
        right: 0;
        border-radius: 0;
        border-left: 1px solid #ff3d3d !important;
    }

    .widget-pricing h4.widget-title {
        left: 0;
        border-radius: 0;
        border-right: 1px solid #ff3d3d !important;
        margin-bottom: 0;
        padding: 0;
    }


    .filterTitle {
        display: block;
        color: #0c3168;
        margin-bottom: 30px;
    }





    #car .nav>li span,
    #fleetList .nav>li span {
        display: none;
    }

    #car .nav>li span.first,
    #fleetList .nav>li span.first {
        display: block;
        visibility: hidden;
        width: 1.5ch;
        overflow: hidden;
        white-space: nowrap;
        text-align: center;
        margin: auto;
    }

    #car .nav>li span.first:first-letter,
    #fleetList .nav>li span.first:first-letter {
        display: block;
        visibility: visible;
    }

    #car .row.car-actions ul.btnsWrapper li,
    #fleetList .row.car-actions ul.btnsWrapper li {
        float: none;
    }

    #car .row.car-actions ul.btnsWrapper,
    #fleetList .row.car-actions ul.btnsWrapper {
        height: auto;
        position: relative;
        padding: 0;
        margin: auto;
    }

    #car .nav>li:nth-child(4),
    #fleetList .nav>li:nth-child(4) {
        border-left: 1px solid #0b32691c !important;
    }






    #car .row.car-actions,
    #fleetList .row.car-actions {
        width: 180px !important;
        position: relative !important;
        bottom: 0 !important;
        right: initial !important;
        margin: auto;
        margin-bottom: 20px;
    }





    .x_car_access_right_price_main_box_inner_left_wrapper,
    .x_car_access_right_price_main_box_inner_right_wrapper {
        float: none !important;
        width: 100% !important;
    }

    .x_car_access_right_price_main_box_inner_left_wrapper {
        border-bottom: 1px dashed #deeaf9;
    }

    .x_car_access_right_price_main_box_inner_left_wrapper:after {
        float: none;
        important;
        clear: both;
        content: "";
        height: 2px;
        width: 100%;
    }

    .x_car_access_right_price_img_wrapper {
        float: right !important;
        width: 50% !important;
        padding: 20px !important;
        height: auto !important;
    }

    .x_car_access_right_price_img_cont_wrapper {
        width: 50% !important;
        border: none !important;
        padding: 20px !important;
    }

    .features-c .x_car_access_right_price_img_wrapper img {
        width: 100% !important;
        position: relative !important;
        transform: initial !important;
        left: initial !important;
        top: initial !important;
    }

    br.clear {
        clear: both;
    }

    .x_car_acc_price_dollar_wrapper {
        padding: 0 20px !important;
        width: 70% !important;
        text-align: left !important;
    }

    .x_car_acc_price_dollar_wrapper h3 {
        margin-top: 10px;
    }

    .x_car_acc_price_dollar_count_wrapper {
        width: 30% !important;
        padding-top: 20px !important;
    }

    .x_car_access_right_price_main_box_inner_right_wrapper,
    .x_car_access_right_price_main_box_inner_right_wrapper p {
        background: #0c3267;
        border-radius: 0 0 10px 10px;
        color: #fff !important;
    }

    .x_car_checkout_right_main_box_wrapper {
        padding: 30px 10px !important;
    }

    .checkout-form .payme-opton,
    .checkout-form .checkbox.car_checkout_chekbox {
        width: 100% !important;
    }

    .this-header {
        display: block;
    }

    /*a propos*/
    .row.ipad-width.about-head-section {
        padding: 30px 0;
        display: block;
        max-width: 100%;
    }

    .introduction .section-title {
        padding-right: 0 !important;
    }

    .row.ipad-width.about-head-section>div:first-child {
        margin-top: 10px !important;
    }

    .introduction2 {
        padding: 0 !important;
        margin: 0 10px !important;
    }

    .popular-fleet .media-left {}

    .media-left a {
        height: auto !important;
        margin-bottom: 20px;
    }

    .media-body {
        text-align: center;
        display: block;
    }

    .chiffres-sprite span {
        margin: auto;
        margin-bottom: 20px;
    }

    .services-offer {
        padding-top: 20px !important;
    }

    .hide-on-mobile {
        display: none;
    }

    .wrapper-services {
        padding: 0 !important;
    }

    .row.section-title.m0 {
        max-width: 100% !important;
        padding-top: 30px;
    }

    .input-group.date-group input.datedroperr,
    .input-group.time-group input.timeselect {
        border-radius: 50px 0 0 50px !important;
    }

    .banner04.row .this-cursive {
        font-size: 45px !important;
    }

    .banner04.row .this-h4,
    .banner04.row .this-main {
        font-size: 32px !important;
    }

    .section-title .this-main {
        margin: 0 20px !important;
    }

    .row.section-title.m0>p,
    .section-title .this-main+p {
        margin: 20px !important;
    }

    section.row.banner04 {
        height: auto !important;
    }

    .wrapper-services .container .btn-sv {
        display: block !important;
    }

    .widget-car-type,
    .banner-carousel {
        display: none !important;
    }

    .wrapper-fleet {
        padding: 10px 0 120px !important;
    }

    .contact-addresses {
        max-width: 100%
    }

    .contact-addresses .media-left {
        display: block;
    }

    .contact-addresses .img-holder {
        height: auto !important;
    }

    .benefit-accordion .panel-title a {
        padding-left: 30px;
    }

    .benefit-accordion .panel-title a:before {
        top: 8px;
    }

    .recap-features .widget-inner {
        overflow-y: auto;
        max-height: calc(100vh - 100px);
    }

    .recap-features h4.widget-title,
    .check-out h4.widget-title {
        width: 100%;
        border: none !important;
    }

    section.row.info-bar {
        z-index: 99 !important;
    }

    .banner01.row .inner {
        padding: 80px 0 100px;
    }

    .sections-title {
        font-size: 26px;
    }

    h2.this-h1 p {
        line-height: 40px;
    }

    #popular-fleets .tab-switcher,
    .from-blogs .owl-controls {
        /* display: none; */
    }

    #popular-fleets li.leftArrow {
        color: white;
        position: absolute;
        left: -15px;
        top: 30%;
        font-size: 25px;
    }

    #popular-fleets li.rightArrow {
        color: white;
        position: absolute;
        right: -15px;
        top: 30%;
        font-size: 25px;
    }

    .sliderText {
        top: 30% !important;
    }

    /* chak */
    /*modal mobil*/
    #myModal .modal-dialog {
        width: 94% !important;
    }

    #myModal a.go {
        bottom: 50px !important;
        ;
        font-size: 14px !important;
        ;
    }

    a.go {
        padding: 13px 20px !important;
    }

    /*service avec chauffeur*/
    .service-detail-tabs:before,
    .service-detail-tabs:after {
        height: 100%;
    }

    /* navette aeroport*/
    section.row.banner04 {
        background: #0b3267 !important;
    }

    /*flotte*/
    #car .row.car-actions,
    #fleetList .row.car-actions {
        width: 80% !important;
        margin: 0 10% !important;
        position: relative !important;
        bottom: 0 !important;
        right: inherit;
        /* margin: auto; */
        margin-bottom: 20px !important;
    }

    #car .row.car-actions ul.btnsWrapper li,
    #fleetList .row.car-actions ul.btnsWrapper li {
        float: left !important;
        margin-bottom: 20px !important;
        width: 100% !important;
    }

    /*page blog*/
    .recent-news .media-left a {
        width: 100%;
    }

    /*contact*/
    .contact-map .google-map {
        width: 100% !important;
    }

    /* slider texte */
    .defCarousel .item h2,
    .defCarousel .item h3 {
        font-size: 2em !important;
    }

    .find-quick-form {
        padding: 38px 15px 56px !important;
    }

    .date-group+.time-group {
        margin-left: 0px !important;
    }

    /* Blog Probleme Search Console */
    li.media.recent-news {
        border: 1px solid #f2f5f9;
        padding: 0 0 20px;
        border-radius: 5px;
    }

    li.media.recent-news span.date {
        font-size: 16px !important;
        line-height: 16px;
    }

    .post-contents {
        font-size: 16px;
    }

}

/* stiky menu logo on desktop */
.info-bar {
    z-index: 1 !important;
}

div#user-switch button {
    width: 50%;
}

div#user-switch {
    width: 100%;
}

button.btn#go-to-top {
    box-shadow: 0px 0 11px rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    width: 50px;
    height: 50px;
    color: white;
    background-color: #ff3e3e;
    z-index: 1000;
    padding: 0;
    line-height: 0;
    position: fixed;
    bottom: 40px;
    right: 20px;
}



/* accueil => services => icons => sprite */
.services-sprite span,
.avantges-sprite span,
.chiffres-sprite span {
    background: url("../../../front/img/deficar-icons.png");
}

.services-sprite span {
    width: 64px !important;
    height: 64px;
}

.avantges-sprite span {
    padding: 0 10px !important;
    width: 70px !important;
    height: 70px !important;
}

.chiffres-sprite span {
    width: 50px !important;
    height: 50px !important;
    display: block;
}

.services-sprite.s1 .normal {
    background-position: 0 0 !important;
}

.services-sprite.s1 .hover {
    background-position: 0 -64px !important;
}

.services-sprite.s2 .normal {
    background-position: -64px 0 !important;
}

.services-sprite.s2 .hover {
    background-position: -64px -64px !important;
}

.services-sprite.s3 .normal {
    background-position: -128px 0 !important;
}

.services-sprite.s3 .hover {
    background-position: -128px -64px !important;
}

.services-sprite.s4 .normal {
    background-position: -192px 0 !important;
}

.services-sprite.s4 .hover {
    background-position: -192px -64px !important;
}

.avantges-sprite.a1 span {
    background-position: -6px -136px !important;
}

.avantges-sprite.a2 span {
    background-position: -84px -136px !important;
}

.avantges-sprite.a3 span {
    background-position: -164px -136px !important;
}

.avantges-sprite.a4 span {
    background-position: -6px -216px !important;
}

.avantges-sprite.a5 span {
    background-position: -84px -216px !important;
}

.avantges-sprite.a6 span {
    background-position: -164px -216px !important;
}

.chiffres-sprite.c1 span {
    background-position: -0px -288px !important;
}

.chiffres-sprite.c2 span {
    background-position: -50px -288px !important;
}

.chiffres-sprite.c3 span {
    background-position: -100px -288px !important;
}

.chiffres-sprite.c21 span {
    background-position: 0px -338px !important;
}

.chiffres-sprite.c22 span {
    background-position: -50px -338px !important;
}

.chiffres-sprite.c23 span {
    background-position: -100px -338px !important;
}

.chiffres-sprite.c24 span {
    background-position: -150px -338px !important;
}

/* slider css for desktop */
html {
    position: relative;
    min-height: 100%;
}

section.slide-banner.row {
    z-index: 0;
}

.carousel-fade .carousel-inner .item {
    opacity: 0;
    transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
    opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}

.carousel-fade .carousel-control {
    z-index: 2;
}

@media all and (transform-3d),
(-webkit-transform-3d) {

    .carousel-fade .carousel-inner>.item.next,
    .carousel-fade .carousel-inner>.item.active.right {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    .carousel-fade .carousel-inner>.item.prev,
    .carousel-fade .carousel-inner>.item.active.left {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    .carousel-fade .carousel-inner>.item.next.left,
    .carousel-fade .carousel-inner>.item.prev.right,
    .carousel-fade .carousel-inner>.item.active {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.defCarousel .item:nth-child(1) {
    background: url(../../../front/img/bg/location-voitures-aeroport-alger.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.defCarousel {
    z-index: -99;
}

.defCarousel .item {
    position: relative;
    width: 100%;
    height: 100vh;
    margin-top: -20px;
    padding-right: 20px;
    padding-left: 20px;
}

.sliderText {
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    width: 100%;
}

.defCarousel .item h1 {
    background-color: #ff3e3e;
    display: inline-block;
    padding: 10px 20px;
    font-size: 3em;
}

.defCarousel .item h3 {
    font-size: 3em;
    display: block;
    margin-bottom: 40px;
}

.defCarousel .item a {
    font-size: 16px;
    text-decoration: none;
    color: white;
    background-color: #ff3e3e;
    border-radius: 20px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 10px 20px 5px;
    padding: 15px 30px 10px;
}

.transBg {
    width: 100%;
    height: 100%;
    display: block !important;
    background: rgba(9, 43, 90, 0.34);
    position: absolute;
    top: 0;
    z-index: -1;
    left: 0;
}

/* animations */
.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

@-webkit-keyframes slideInDown {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        visibility: hidden;
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        visibility: visible;
    }
}

@keyframes slideInDown {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        visibility: hidden;
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        visibility: visible;
    }
}


.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
}

.slideInUpBtn {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}

@-webkit-keyframes slideInUp {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        visibility: hidden;
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        visibility: visible;
    }
}

@keyframes slideInUp {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        visibility: hidden;
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        visibility: visible;
    }
}