/* @import url('https://fonts.googleapis.com/css?family=Rubik:400,500,500i,700,900&display=swap'); */

    /* @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap'); */
    @import url('https://fonts.googleapis.com/css2?family=Exo+2:wght@100;400;500;600;700&display=swap');


/* Brand page style */

.footer-logo{
    width:200px;
}

.brand-cover{
    padding-top:75px;
    padding-bottom:75px;
    height:auto;
    
}
.brand-single-box{
    background:#eee;
    padding:13px;
    border-radius:10px;
    transition: .5s;   
    min-height: 433px;
}
.brand-single-box:hover{
    background:red;
    transition: .5s;   
}
.brand-single-box img{
    border-radius:10px;
}
.brand-logo{
    width:120px;
    margin-top:30px;
    margin-left:10px;
}
.brand-single-box:hover h2{
    color:#fff;
}

.brand-single-box h2{
    font-weight:600;
    font-size:35px;
    padding-top:20px;
    padding-left:10px;
    
}

/* Home page product */
.home-spare-cover{
    padding-top:50px;
    padding-bottom:50px;
}
.home-spare-left{
     padding:20px;
}
.home-spare-left img{
    border-radius:12px;
}

.home-spare-cover{
    background:#eee;
}
.home-spare-right{
    padding:20px;
    align-content: center;
    height:100%;
display: grid;
}
.home-spare-right h6{
      font-size: 34px;
  text-transform: capitalize;
  font-weight: 500;
}

.home-spare-right p{
    font-size: 17px;
line-height: 32px;
}
.brand-slider-cover{
    padding-top:70px;
}



    /* hover */
    .wh-widget-send-button-get-button {
        display: none !important;
    }

    .hovicon {
        display        : inline-block;
        font-size      : 45px;
        line-height    : 90px;
        cursor         : pointer;
        margin         : 20px;
        width          : 90px;
        height         : 90px;
        border-radius  : 50%;
        text-align     : center;
        position       : relative;
        text-decoration: none;
        z-index        : 1;
        color          : #fff;
    }

    .hovicon.small {
        font-size  : 20px;
        line-height: 45px;
        width      : 45px;
        height     : 45px;
        margin     : 7px;
    }

    .hovicon.mini {
        font-size  : 15px;
        line-height: 32px;
        width      : 30px;
        height     : 30px;
        margin     : 7px;
    }

    .hovicon.auto-width {
        width  : auto;
        height : auto;
        padding: 15px;
    }

    .hovicon:after {
        pointer-events    : none;
        position          : absolute;
        width             : 100%;
        height            : 100%;
        border-radius     : 50%;
        content           : '';
        -webkit-box-sizing: content-box;
        -moz-box-sizing   : content-box;
        box-sizing        : content-box;
    }

    .hovicon:before {
        speak                 : none;
        font-size             : 48px;
        line-height           : 90px;
        font-style            : normal;
        font-weight           : normal;
        font-variant          : normal;
        text-transform        : none;
        display               : block;
        -webkit-font-smoothing: antialiased;
    }

    /* Effect 8 */
    .hovicon.effect-8 {
        /* background: #E11024; */
        /* background-color  : #FF0018; */
        background-color: #B00404;
        color             : #FFFEFE;
        -webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s;
        -moz-transition   : -moz-transform ease-out 0.1s, background 0.2s;
        transition        : transform ease-out 0.1s, background 0.2s;
    }

    /* .hovicon.effect-8 {
    background: rgba(255, 255, 255, 0.1);
    -webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s;
    -moz-transition: -moz-transform ease-out 0.1s, background 0.2s;
    transition: transform ease-out 0.1s, background 0.2s;
  } */

    .hovicon.effect-8:after {
        top              : 0;
        left             : 0;
        padding          : 0;
        z-index          : -1;
        box-shadow       : 0 0 0 2px rgba(255, 255, 255, 0.1);
        opacity          : 0;
        -webkit-transform: scale(0.9);
        -moz-transform   : scale(0.9);
        -ms-transform    : scale(0.9);
        transform        : scale(0.9);
    }

    .hovicon.effect-8:hover {
        color            : #b00404;
        /* background-color: #B00404; */
        background       : #FFFEFE;
        -webkit-transform: scale(0.93);
        -moz-transform   : scale(0.93);
        -ms-transform    : scale(0.93);
        transform        : scale(0.93);

    }

    /* .hovicon.effect-8:hover {
    background: rgba(255, 255, 255, 0.05);
    -webkit-transform: scale(0.93);
    -moz-transform: scale(0.93);
    -ms-transform: scale(0.93);
    transform: scale(0.93);
    color: #fff;
  } */

    .hovicon.effect-8:hover i {
        color: #fff;
    }

    .hovicon.effect-8:hover:after {
        -webkit-animation: sonarEffect 1.3s ease-out 75ms;
        -moz-animation   : sonarEffect 1.3s ease-out 75ms;
        animation        : sonarEffect 1.3s ease-out 75ms;
    }

    @-webkit-keyframes sonarEffect {
        0% {
            opacity: 0.3;
        }

        40% {
            opacity   : 0.5;
            box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #f00, 0 0 0 10px rgba(255, 255, 255, 0.5);
        }

        100% {
            box-shadow       : 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #f00, 0 0 0 10px rgba(255, 255, 255, 0.5);
            -webkit-transform: scale(1.5);
            opacity          : 0;
        }
    }

    @-moz-keyframes sonarEffect {
        0% {
            opacity: 0.3;
        }

        40% {
            opacity   : 0.5;
            box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #f00, 0 0 0 10px rgba(255, 255, 255, 0.5);
        }

        100% {
            box-shadow    : 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #f00, 0 0 0 10px rgba(255, 255, 255, 0.5);
            -moz-transform: scale(1.5);
            opacity       : 0;
        }
    }

    @keyframes sonarEffect {
        0% {
            opacity: 0.3;
        }

        40% {
            opacity   : 0.5;
            box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #b00404, 0 0 0 10px rgba(255, 255, 255, 0.5);
        }

        100% {
            box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #b00404, 0 0 0 10px rgba(255, 255, 255, 0.5);
            transform : scale(1.5);
            opacity   : 0;
        }
    }


    html,
    body {
        /* font-family: 'Rubik', sans-serif !important; */
        /* font-family: 'Montserrat', sans-serif !important; */
        font-family: 'Exo 2', sans-serif !important;
        overflow-x : hidden;
    }

    h1,
    h2,
    h3,
    h4,
    h5 {
        /* font-family: 'Montserrat', sans-serif !important; */
        font-family: 'Exo 2', sans-serif !important;
    }
p{
    font-family: 'Exo 2', sans-serif !important;
}
    .logo-img {
        height    : 71px;
        margin-top: -28px;
    }

    .banner-position-8 h3 {
        background-color: #000;
        color           : #fff !important;
        padding         : 10px !important;
        text-transform  : capitalize;
    }

    .footer-area {
        background: #eeeeee47;
    }

    .main-menu>nav>ul>li>a {
        text-transform: uppercase;
        letter-spacing: 1px;
    }

    /*.main-header-wrap {*/
    /*    box-shadow     : 6px 3px 21px #00000014;*/
    /*    -moz-box-shadow: 6px 3px 21px #00000014;*/
    /*    -o-box-shadow  : 6px 3px 21px #00000014;*/
    /*}*/

    .about-img-2 {
        position  : absolute;
        right     : 0px;
        top       : 200px;
        box-shadow: 8px 11px 11px #eee;
        border    : 8px solid #fff;
    }

    .home-about-area .content {
        position    : absolute;
        bottom      : 10px;
        padding-left: 10px;
    }

    .home-about-area .content p {
        line-height: 30px;
    }

    .main-menu>nav>ul>li>a {
        font-size     : 12px;
        /* font-family: 'Rubik', sans-serif !important; */
        font-family   : 'Montserrat', sans-serif !important;
        display       : inline-block;
        line-height   : 94px;
        font-weight   : 600;
    }

    .branch-box {
        max-height: 250px;
        min-height: 250px;
        padding   : 10px;
        text-align: center;
    }

    .branch-box-main {
        max-height: 250px;
        min-height: 250px;
        padding   : 10px;
        text-align: center;
    }

    .overlay {
        position           : absolute;
        top                : 0;
        bottom             : 0;
        left               : 0;
        right              : 0;
        height             : 100%;
        width              : 100%;
        opacity            : 0;
        transition         : .5s ease;
        /* background-color: #f44336; */
        background-color   : #e24135;
    }

    .branch-box:hover .overlay {
        opacity: 1;
    }

    .text {
        color            : white;
        font-size        : 20px;
        position         : absolute;
        top              : 50%;
        left             : 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform    : translate(-50%, -50%);
        transform        : translate(-50%, -50%);
        text-align       : center;
        text-transform   : uppercase;
    }

    .red-bg {
        background-color: #f44336;
    }

    .dark-red-bg {
        background-color: #1b0d0da3;
    }

    .branch-box h1 {
        color         : #fff;
        text-transform: uppercase;
        text-align    : center;
        line-height   : 34px;
        font-weight   : 600;
        letter-spacing: 1px;
        padding-top   : 18%;
    }

    .cat-head h1 {
        color         : #fff;
        text-transform: uppercase;
        text-align    : center;
        line-height   : 44px;
        font-weight   : 600;
        letter-spacing: 1px;
        padding-top   : 18%;
    }

    .branch-box p {
        font-size    : 20px;
        color        : #000;
        padding-top  : 10%;
        padding-left : 49px;
        padding-right: 49px;
        line-height  : 33px;
    }

    .bg-retail {
        background-image: url(../img/branch-bg-1.png);
    }

    .bg-own {
        background-image: url(../img/branch-bg-2.png);
    }

    .nopadding {
        padding: 0px;
    }

    /* .branch-cover{
    background-image: url(../img/branch-retail.jpg);
    height:500px;
    background-position: center;
}
.branch-about-box{
    background: #fff;
    position: relative;
    padding: 21px;
    top: 360px;
    margin-bottom: 100px;
} */

    .branch-about-box {
        margin-top: 20px;
    }

    .branch-about-box span {
        color         : #b00404;
        text-transform: capitalize;
    }

    .branch-about-box h1 {
        text-transform: capitalize;
    }

    .branch-about-box h1::after {
        content      : "";
        /* This is necessary for the pseudo element to work. */
        display      : block;
        /* This will put the pseudo element on its own line. */
        width        : 100px;
        /* Change this to whatever width you want. */
        border-bottom: 3px solid #b00404;
        /* This creates the border. Replace black with whatever color you want. */
    }

    .branch-about-box p {
        padding-top   : 20px;
        padding-bottom: 30px;
    }

    .branch-about-img {
        margin-top         : 30px;
        background-image   : url(../img/retail-home.jpg);
        height             : 300px;
        background-size    : cover;
        background-position: center;
        background-repeat  : no-repeat;
    }

    .bg-van-service {
        background-image: url(../img/van-service.jpg);
        background-size : cover;
    }

    .bg-other-service {
        background-image: url(../img/other-service.jpg);
        background-size : cover;
    }

    .story-details .story-details-top {
        margin-bottom : 0px !important;
        /* padding-top: 18%; */
        padding-top   : 13%;
    }

    .sim-red {
        color      : #b00404;
        font-weight: 500;
    }

    .about-2-cover h2 {
        font-weight   : 500;
        text-transform: capitalize;
        padding-bottom: 10px;
    }

    .about-2-cover img {
        height       : 300px;
        width        : 100%;
        margin-bottom: 20px;
    }

    .distribution-bg {
        background-image     : url(../img/distribution.jpg);
        height               : 370px;
        background-position  : center;
        background-size      : cover;
        margin-bottom        : 30px;
        background-attachment: fixed;
    }

    .about-us-home h2 {
        font-weight   : 600;
        text-transform: uppercase;
    }

    .bg-paleturquoise-1 {
        background-image   : url(../img/slider-1.jpg);
        background-repeat  : no-repeat;
        background-size    : cover;
        /* background-color: #f44336; */
        /* height          :100vh !important; */
        background-position:center;
        
    }

    .bg-paleturquoise-2 {
        background-image   : url(../img/slider-2.jpg);
        background-repeat  : no-repeat;
        background-size    : cover;
        /* background-color:#eee; */
        /* height          :100vh !important; */
    }

    .slider-height-1 {
        height: 88vh !important;
    }

    .single-slider .slider-content h1 {
        color      : #fff;
        font-size  : 52px;
        line-height: 59px;
    }

    .single-slider .slider-content p {
        color: #fff;
    }

    .color-red {
        /* color:#D84315; */
        color: #b00404;
    }

    /*-------------------------------
            product page 
--------------------------------*/

    /* .product-list-cover{

} */

    .product-showcase {
        background-color: #fff;
        /* max-height   : 200px;
    min-height          : 310px; */
        transition      : all .3s ease;
        z-index         : 0;
        position        : relative;
        overflow        : hidden;
    }

    .product-showcase .product-img img {
        max-width: 100%;
    }

    .product-breaf-desc {
        text-align    : center;
        font-size     : 18px;
        text-transform: capitalize;
        padding       : 16px 2px 14px 2px;
    }

    .product-breaf-desc h6 {
        font-size     : 13px;
        text-transform: uppercase;
        font-weight   : 500;
    }

    .product-breaf-desc p {
        line-height  : 20px;
        margin-bottom: 0px;
        font-size    : 13px;
    }

    .product-cat {
        padding-top: 0px;
    }

    .desc-cat {
        text-transform: uppercase;
    }

    .mb20 {
        margin-bottom: 20px;
    }

    .product-detail-view img {
        max-width: 100%;
    }

    .product-detail-desc h2 {
        font-size     : 28px;
        text-transform: uppercase;
        padding-bottom: 20px;
        font-weight   : 400;
    }

    .price {
        font-size  : 15px !important;
        font-weight: 600;
    }

    .bold {
        font-weight: 600 !important;
    }

    .uppercase {
        text-transform: uppercase !important;
    }

    .in-stock {
        text-transform: capitalize;
        color         : #1d561d;
        font-weight   : 500;
    }

    .product-price-detail p {
        line-height  : 4px;
        margin-bottom: 23px;
        font-size    : 13px;
    }

    .btn-secondary {
        background-color: transparent !important;
        border          : 1px solid #eee !important;
        border-radius   : 0px;
        width           : 150px;
        color           : #000;
    }

    .btn-secondary:hover {
        background-color: #ff3535 !important;
        border          : 1px solid #eee !important;
        border          : none !important;
    }

    .category-head {
        border-bottom: 1px solid #eee;
    }

    .shop-category {
        border : 1px solid #eee;
        padding: 10px;
    }

    .category-head h1 {
        font-size     : 20px;
        font-weight   : 600;
        text-transform: uppercase;
        padding-top   : 12px;
        padding-bottom: 12px;
        padding-left  : 9px;
    }

    .category-list {
        padding-top: 14px;
    }

    .category-list h6 {
        font-size     : 11px;
        font-weight   : 600;
        letter-spacing: 1px;
        padding       : 10px 10px 10px;
        text-transform: uppercase;
    }

    .category-list ul li {
        margin-left   : 18px;
        text-transform: uppercase;
        color         : #5a5a5a;
        font-weight   : 400;
        letter-spacing: 1p;
        font-size     : 14px;
        padding-bottom: 7px;
    }

    .category-list ul li:before {
        content     : "-";
        text-indent : -5px;
        margin-right: 7px;
    }

    .ultable-cover h6 {
        font-size     : 17px;
        font-weight   : 500;
        text-transform: capitalize;
        color         : #3e3a3a;
    }

    .modal-title {
        margin-bottom : 0;
        line-height   : 1.5;
        font-weight   : bold;
        color         : #ca1e1e;
        text-transform: uppercase;
    }

    .table th {
        text-transform: capitalize;
    }

    /* The grid: Four equal columns that floats next to each other */

    .column {
        float  : left;
        width  : 25%;
        padding: 10px;
    }

    /* Style the images inside the grid */

    .column img {
        opacity: 0.8;
        cursor : pointer;
    }

    .column img:hover {
        opacity: 1;
    }

    /* Clear floats after the columns */

    .row:after {
        content: "";
        display: table;
        clear  : both;
    }

    /* The expanding image container */

    /* .container {
    position: relative;
    display: none;
  } */

    /* Expanding image text */

    #imgtext {
        position : absolute;
        bottom   : 15px;
        left     : 15px;
        color    : white;
        font-size: 20px;
    }

    /* Closable button inside the expanded image */

    .closebtn {
        position : absolute;
        top      : 10px;
        right    : 15px;
        color    : white;
        font-size: 35px;
        cursor   : pointer;
    }

    .enquiry-prodcut-img img {
        max-width: 100%;
        height   : 276px;
        width    : 100%;
    }

    .modal-content {
        position          : relative;
        display           : -ms-flexbox;
        display           : flex;
        -ms-flex-direction: column;
        flex-direction    : column;
        pointer-events    : auto;
        background-color  : #fff;
        background-clip   : padding-box;
        border            : 1px solid rgba(0, 0, 0, .2);
        border-radius     : .3rem;
        outline           : 0;
        height            : 85vh;
    }

    .modal-body {
        overflow-y: hidden;
        overflow-x: hidden;
    }

    .enquiry-prodcut-details {
        padding-top   : 15px;
        padding-bottom: 15px;
    }

    .enquiry-prodcut-details h1 {
        font-size     : 19px;
        text-transform: capitalize;
    }

    .product-price-detail .price {
        padding-top: 10px;
    }

    /*------------------------------

--------------------------------*/

    /* .service-box-cover {
    height: 300px;
    background-color: green;
    text-align: center;
    
}
.service-bg-red:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: scaleY(0);
    transform-origin: bottom center;
    background: blue;
    z-index: -1;
    transition: transform 0.3s;
    z-index: 1;
}

.service-bg-red:hover::after {
    transform: scaleY(1);
} */

    /* Services Section*/

    .services-steps {
        position       : relative;
        display        : -ms-flexbox;
        display        : flex;
        -ms-flex-pack  : justify;
        justify-content: space-between;
    }

    /* .services-steps:after {
    content: "";
    position: absolute;
    top: 3.25rem;
    left: 5rem;
    right: 5rem;
    height: 1px;
    background-color: #dee2e6;
    z-index: 1;
} */

    .service-step-item.active .service-step-title {
        color      : #212529 !important;
        font-weight: 500;
    }

    .text-muted {
        font-weight: 500;
        cursor     : pointer;
    }

    .service-step-item,
    .yoga-pose-item {
        text-align: center;
        z-index   : 2;
    }

    .cursor-pointer {
        cursor: pointer;
    }

    .service-step-icon-container {
        display            : inline-block;
        /* background-color: #f3f5f8; */
        padding-bottom     : 1.5rem;
        padding-left       : 1.5rem;
        padding-right      : 1.5rem;
    }

    .yoga-pose-icon-container {
        display         : inline-block;
        background-color: #f3f5f8;
        padding-bottom  : 1.5rem;
    }

    .service-step-item.active .service-step-icon {
        /* box-shadow: inset 3px 3px 3px #cdcdcd, inset -3px -3px 3px #fafafa; */
        box-shadow: 11px 10px 10px #c5bcbc;
    }

    .service-step-item .service-step-icon img,
    .yoga-pose-item .yoga-pose-icon img {
        width: 3rem;
    }

    .service-step-item.active .service-step-icon img.disabled {
        display: block !important;
    }

    .service-step-item.active .service-step-icon img.enabled {
        display: none !important;
    }

    .service-step-item .service-step-icon img.enabled {
        display: block !important;
        opacity: .4;
    }

    .service-step-item .service-step-icon,
    .yoga-pose-item .yoga-pose-icon {
        position          : relative;
        width             : 7rem;
        height            : 7rem;
        border-radius     : 50%;
        margin-left       : auto;
        margin-right      : auto;
        margin-bottom     : -1rem;
        line-height       : .7;
        background-color  : #f3f5f8;
        -webkit-transition: all 0.3s ease;
        transition        : all 0.3s ease;
        box-shadow        : 3px 3px 3px #cdcdcd, -3px -3px 3px #fafafa;
    }

    .service-step-item .service-step-icon {
        cursor: pointer;
    }

    .service-step-icon-inner,
    .yoga-pose-icon-inner {
        position         : absolute;
        top              : 50%;
        left             : 50%;
        -webkit-transform: translate(-50%, -50%);
        transform        : translate(-50%, -50%);
    }

    .card[data-toggle="tab"]:not([aria-selected="true"]) {
        background-color: transparent;
        border-color    : transparent;
    }

    .card[data-toggle="tab"] {
        cursor          : pointer;
        transition      : background-color .35s ease, border-color .35s ease;
        background-color: #f8f9fa;
    }

    .tab-content>.active {
        display: flex;
    }

    .service-step-icon i {
        font-size: 44px;
        color    : #fff;
    }

    .icon-one {
        background-color: #FF9800 !important;
    }

    .icon-two {
        background-color: #009688 !important;
    }

    .icon-three {
        background-color: #FF5722 !important;
    }

    .tab-pane h2 {
        color         : #fff !important;
        text-transform: capitalize;
        font-weight   : 500;
        /* text-shadow: 3px 2px 2px #0d0d0d33; */
    }

    .tab-pane p {
        color     : #fff !important;
        font-size : 17px;
        text-align: justify;
    }

    #tab-one {
        /* background-color: #4EBD65; */
        /* background: #ff0018; */
        background-color: #b00404;

    }

    #tab-two {
        /* background-color: #fdb146; */
        /* background      : #ff0018; */
        background-color: #b00404;
        /* overflow     : hidden; */
    }

    #tab-three {
        /* background-color: #FF6AB7; */
        /* background: #ff0018; */
        background-color: #b00404;
    }

    #tab-four {
        /* background-color: #4FB7FE; */
        /* background: #ff0018; */
        background-color: #b00404;
    }

    .nopadding {
        padding: 0px !important;
    }

    /* End services Section*/

    /*-------------------------------
            filter style
     last updated 19-06-2020 
  --------------------------------*/

    input[type=checkbox],
    input[type=radio] {
        box-sizing: border-box;
        padding   : 0;
        height    : 17px;
        cursor    : pointer;
    }

    .checkbox input {
        float: right;
    }

    .btn {
        border-radius : 0px !important;
        margin-top    : 5px;
        text-transform: uppercase;
        font-weight   : 600;
        letter-spacing: 1px;
        font-size     : 14px;
    }

    .feature-icon i {
        font-size: 71px;
        /* color    : #ff0018; */
        color:#b00404;
    }

    .footer-social-link {
        text-align: right;
    }

    .footer-social-link ul li {
        display: inline-block;
    }

    .footer-social-link li i {
        font-size   : 18px;
        background  : #b00404;
        border      : 1px solid #b00404;
        padding     : 10px;
        color       : #fff;
        margin-right: 5px;
        transition  : .8s;
    }

    .footer-social-link li i:hover {
        background: #fff;
        padding   : 10px;
        color     : #b00404;
        border    : 1px solid #b00404;
    }

    .about-simfone-text {
        height       : 88px;
        margin-bottom: 25px;
    }

    .single-feature:hover .feature-icon i {
        color: #b00405b8;
    }

    .bold-m {
        font-weight: 500 !important;
    }

    .service-box-icon {
        /* font-size: 196px;
    color: #03756a;
    position: absolute;
    top: -195px; */
        display: none;
    }

    .footer-widget .footer-list ul li a {
        font-size     : 16px;
        display       : block;
        color         : #5e5e5e;
        font-family: 'Exo 2', sans-serif !important;
        font-weight   : 500;
        text-transform: capitalize;
    }

    .footer-widget .footer-list ul li a:hover {
        color: #b00404 !important;
    }

    .retail-bg {
        background-image     : url(../img/retail.png);
        background-size      : cover;
        background-attachment: fixed;
    }

    .wholesale-bg {
        background-image     : url(../img/retail.png);
        background-size      : cover;
        background-attachment: fixed;
    }

    .ownbrand-bg {
        background-image     : url(../img/retail.png);
        background-size      : cover;
        background-attachment: fixed;
    }

    .service-step-icon-container img {
        height: 96px;
        cursor: pointer;
    }

    .owl-carousel .owl-item img {
        display: block;
        width  : auto !important;
        height : 118px;
    }

    .dist-bg-over {
        background-color: #b00404c7;
        /* height       : auto;
    padding             : 61px; */
        height          : auto;
        padding         : 97px 58px;
    }

    .dist-bg-over p {
        color         : #fff !important;
        letter-spacing: 0px;
        word-spacing  : 1px;
        text-align    : justify;
    }

    .nav-style-1.owl-carousel .owl-nav div:hover {
        background-color: #b00404 !important;
        color           : #ffffff;
        border          : 1px solid #b00404 !important;
    }

    .owl-item.active .slider-animated-1 h1 {
        -webkit-animation-delay: 1.3s;
        animation-delay        : 1.3s;
        -webkit-animation-name : fadeInLeft;
        animation-name         : fadeInLeft;
    }

    .single-slider .slider-content h1 {
        color      : #fff;
        font-size  : 52px;
        line-height: 59px;
    }

    .single-slider .slider-content h1 {
        font-weight: 600 !important;
    }

    .text-black {
        color: #000 !important;
    }

    /* .main-menu > nav > ul > li:hover a{
    color: #b00404 !important;
} */

    /*-----------------------------
            Branch Style
------------------------------*/

    /* .brach-page-cover {
    padding-bottom: 100px;
} */


.country-branch-head .bc-flag{
    width: 40px;
margin-right: 12px;
margin-top:-9px;
}

    .page-branch-box {
       
        min-height         : 340px;
        overflow           : hidden;
        max-width          : 100%;
        width              : 100%;
        /* background-color: #eeeeee7d; */
        padding            : 18px 24px;
        transition         : .5s;
        margin-bottom      : 30px;
        border             : 1px solid #000;
        border-radius:5px;
    }

    /* .page-branch-box:hover {
    transition: .5s;
    -webkit-box-shadow: 10px 14px 6px #e8e4e4;
    -o-box-shadow: 10px 14px 6px #e8e4e4;
    box-shadow: 10px 14px 6px #e8e4e4;
} */

    .page-branch-box h6 {
        font-size     : 17px;
        font-weight   : 500;
        color         : #b00404ad;
        margin-bottom : 21px;
        text-transform: capitalize;
        position      : relative;
        z-index       : 10;
    }

    .page-branch-box p {
        font-size     : 13px !important;
        text-align    : left;
        margin-bottom : 5px;
      
    }

    .branch-spec {
        font-size: 15px !important;
        color    : #959595d4;
    }

    .page-branch-address {
        position: relative;
        z-index : 10;
    }

    .branch-detail-icon {
        font-size: 200px;
        color    : #eeeeee59;
    }

    .branch-icon-cover {
        position: absolute;
        right   : 0;
        bottom  : 34px;
    }

    .branch-country-head {
        font-size     : 28px;
        font-weight   : 800;
        text-transform: uppercase;
        text-align    : left;
        color         : #ff5252;
        letter-spacing: 1px;
        margin-bottom : 23px;
        /* padding-top: 37px; */
        padding-top   : 18px;
        border-bottom: 1px solid #e1e1e1;
        padding-bottom: 19px;
        margin-bottom: 50px;
    }

    #dubai-branches {
        /*background-image   : url(../img/branch-bg-dubai.jpg);*/
        background-color:#F5F5F5;
        height             : auto;
        background-position: center;
        background-size    : cover;
    }

    .branch-overlay {
        /*background-color: #0000009e;*/
        height          : auto;
    }

    /* #dubai-branches .page-branch-box {
    background-color: #FF5252;
} */

    #dubai-branches p {
        color: #000;
    }

    #dubai-branches .page-branch-box:hover {
        background-color: #FF5252;
    }

    #dubai-branches .page-branch-box h6 {
        font-size     : 17px;
        font-weight   : 500;
        color         : #000;
        margin-bottom : 21px;
        text-transform: capitalize;
        position      : relative;
        z-index       : 10;
    }

    /* 
#qatar-branches {
    background-color: #FF5722;
}

#qatar-branches p {
    color: #fff;
}

#qatar-branches h6 {
    font-size: 17px;
    font-weight: 500;
    color: #fff;
    margin-bottom: 21px;
    text-transform: capitalize;
    position: relative;
    z-index: 10;
}

#oman-branches {
    background-color: #ffa000;
}

#oman-branches p {
    color: #fff;
}

#oman-branches h6 {
    font-size: 17px;
    font-weight: 500;
    color: #fff;
    margin-bottom: 21px;
    text-transform: capitalize;
    position: relative;
    z-index: 10;
}

#india-branches {
    background-color: #607d8b;
}

#india-branches p {
    color: #fff;
}

#india-branches h6 {
    font-size: 17px;
    font-weight: 500;
    color: #fff;
    margin-bottom: 21px;
    text-transform: capitalize;
    position: relative;
    z-index: 10;
} */

    .cat-label p {
        background-color          : #FF5252;
        padding                   : 3px 14px;
        color                     : #fff !important;
        display                   : inline;
        position                  : absolute;
        top                       : 0px;
        left                      : 14px;
        font-weight               : 600;
        border-radius             : 0px;
        border-bottom-right-radius: 0px;
        border-bottom-right-radius: 4px;
        text-transform            : uppercase;
    }

    #dubai-branches .page-branch-box:hover .cat-label p {
        background-color: #fff;
        color           : #000 !important;
        transition      : .5s;
    }
    .cat-label-1{
        margin-bottom:13px;
    }
    .cat-label-1 p {
        background-color          : #FF5252;
        padding                   : 3px 9px;
        color                     : #fff !important;
        display                   : inline;
        /*position                  : absolute;*/
        top                       : 93px;
        left                      : 14px;
        font-weight               : 600;
        border-radius             : 0px;
        border-bottom-right-radius: 0px;
        border-bottom-right-radius: 0px;
        border-bottom-right-radius: 0px;
        text-transform            : uppercase;
        transition                : .5s;
      
    }

    #dubai-branches .page-branch-box:hover .cat-label-1 p {
        background-color: #fff;
        color           : #000 !important;
        transition      : .5s;
    }

    .footer-list i {
        padding-right: 10px;
    }

    .footer-bottom .copyright-2 p {
        color         : #444444;
        margin        : 0;
        font-family   : "Roboto", sans-serif;
        line-height   : 1;
        font-size     : 14px;
        text-transform: capitalize;
    }

    .copyright-2 a {
        color: #b00404;
    }

    /*------------------------------
     van sales detail page
-------------------------------*/

    .van-sales-detail-box {
        margin-bottom   : 30px;
        /* border-bottom: 1px solid #eee; */
        padding-bottom  : 30px;
    }

    .van-sales-detail-para {
        padding-top: 30px;
    }

    .van-sales-detail-para h6 {
        font-size     : 22px;
        font-weight   : 500;
        text-transform: capitalize;
        padding-bottom: 20px;
        color         : #b00404;
    }

    .page-head {
        font-size     : 23px;
        font-weight   : 500;
        margin-bottom : 24px;
        text-transform: uppercase;
    }

    .van-sales-detail-para ul li {
        font-size     : 16px;
        font-weight   : 500;
        text-transform: capitalize;
        list-style    : disclosure-closed;
        margin-left   : 20px;
        margin-bottom : 10px;
    }

    .van-sales-pg-main .card-body {
        min-height: 450px;
    }

    .van-sales-pg-main .card-title {
        margin-bottom : .75rem;
        font-weight   : 600;
        text-transform: uppercase;
        margin-bottom : 24px;
        color         : #b00404;
        border-bottom : 1px solid #eee;
        padding-bottom: 13px;
    }

    /*------------------------------
        other services
-------------------------------*/

    .other-service-detaild-box {
        /*padding: 0 100px 100px 100px;*/
           padding: 0 73px 100px 55px;
    }

    .restaurants-detail-box h6 {
        font-size     : 30px;
        font-weight   : 500;
        text-transform: uppercase;
        color         : #fff;
        padding-bottom: 19px;
        background    : #b00404;
        display       : inline-block;
        padding-top   : 70px;
        padding-right : 15px;
        margin-left   : 53px;
        padding-left  : 12px;
    }

    .restaurants-detail-box p {
        text-align: justify;
        color     : #959393;
        margin-top: 15px;
    }

    .color-bg-restaurants {
        background: #000;
    }

    .bg-restaurants {
        background-image: url(../img/restaurants.jpg);
        height          : 600px;
        background-size : cover;
    }

    .interior-decoration-half-bg {
        background-color: #B00404;
        /*height          : 300px;*/
        height:197px;
    }

    .interior-deco-pic {
        height       : auto;
        margin-bottom: 20px;
        position     : relative;
        top          : -172px;
        border       : 4px solid #090808;
        padding      : 12px;
        width        : 100%;
    }

    .interior-deco-head .caption {
        font-size: 15px;
        color    : #fff;
    }

    .interior-deco-head {
        position: relative;
        top     : -97px;
    }

    .interior-deco-head h6 {
        font-size     : 30px;
        font-weight   : 500;
        text-transform: uppercase;
        color         : #fff;
    }

    .interior-deco-para p {
        text-align: justify;
        color     : #000;
    }

    .interior-deco-pic-2 {
        width     : 100%;
        height    : auto;
        margin-top: 10px;
    }

    .mt-93 {
        margin-top: 93px;
    }

    .main-service-1 {
        background-image: url(../img/main-service-1.jpg);
        height          : 400px;
        background-size : contain;
    }

    .main-service-2 {
        background-image: url(../img/main-service-2.jpg);
        height          : 400px;
        background-size : contain;
    }

    .home-main-service-bottom {
        position: absolute;
        bottom  : 22px;
        right   : 36px;
    }

    .home-main-service-bottom h6 {
        font-size     : 36px;
        font-weight   : 500;
        text-transform: capitalize;
        text-align    : right;
        color         : #fff;
    }

    /*-------------------------------
        img overlay text home
--------------------------------*/

    .col-nopadding {
        padding: 0;
    }

    .img-container {
        position: relative;
        width   : 100%;
    }

    .image {
        display: block;
        width  : 100%;
        height : auto;
    }

    .overlay {
        position        : absolute;
        top             : 0;
        bottom          : 0;
        left            : 0;
        right           : 0;
        height          : 100%;
        width           : 100%;
        opacity         : 0;
        transition      : .5s ease;
        /*background-color: #303637e6;*/
        background-color:#b00404eb;
    }

    .img-container:hover .overlay {
        opacity: 1;
    }

    .overlay-text-cover {
        color            : white;
        font-size        : 20px;
        position         : absolute;
        top              : 45%;
        left             : 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform    : translate(-50%, -50%);
        transform        : translate(-50%, -50%);
        text-align       : center;
        width            : 70%;
    }

    .overlay-text-cover h6 {
        color         : #fff;
        font-size     : 24px;
        font-weight   : 500;
        text-transform: capitalize;
        text-align    : left;
        margin-bottom : 20px;
    }

    .overlay-text-cover p {
        /*color         : #bbbaba;*/
        color:#e8dfdf;
        font-size     : 14px;
        font-weight   : 500;
        text-transform: capitalize;
        text-align    : justify;
    }

    #product-carousel .owl-item .item img {
        height      : auto !important;
        width       : 100% !important;
        margin-right: 0;
    }

    /* #product-carousel .owl-item{
        margin-right: 0px !important;
    } */

.pt-75{
    padding-top:75px;
}
.justify{
    text-align:justify !important;
}

.othr-srvc-side-head{
    font-weight: 600;
    text-transform: capitalize;
}
.othr-srvc-address p{
    line-height:10px;
}

.othr-srvc-address{
    padding-top: 8px;

}
.simfone-red{
    color:#b00404 !important;
}
.emiratesark-logo {
    height: 94px;
    margin-bottom: 22px;
    margin-top: 22px;
}
.text-style-1{
    font-weight:500;
    font-size:30px !important;
}
    /*-----------------------------
        RESPONSIVE 
-----------------------------*/
@media only screen and (max-width:1920px) {
    .dist-bg-over {
        background-color: #b00404c7;
        /* height       : auto;
        padding             : 61px; */
        height          : auto;
        padding: 97px 348px;
    }
}

@media only screen and (max-width: 1440px){
.dist-bg-over {
    background-color: #b00404c7;
    height: auto;
    padding: 97px 125px;
}
}

    @media only screen and (max-width:1024px) {
        .page-branch-box {
            max-height: 360px;
            min-height: 360px;
        }

        .about-img-1 {
            height: 404px;
        }

        .about-img-2 {
            height: 254px;
        }
      
        .dist-bg-over {
            background-color: #b00404c7;
            height: auto;
            padding: 97px 50px;
        }
    }

    @media only screen and (max-width:834px) {
        .page-branch-box {
            max-height: 400px;
            min-height: 400px;
        }

        .page-branch-box p {
            font-size: 10px !important;
        }

        #dubai-branches .page-branch-box h6 {
            font-size: 13px;
        }
    }

    @media only screen and (max-width:767px) {

        .van-sales-pg-main .card-body {
            min-height: auto;
        }

        .logo-img {
            height    : 50px;
            margin-top: 0;
        }

        .home-about-area .content {
            position    : unset;
            bottom      : 10px;
            padding-left: 0px;
            margin-top  : 63px;
        }

        .about-img-2 {
            position  : absolute;
            right     : -66px;
            top       : 200px;
            box-shadow: 8px 11px 11px #eee;
        }

        .distribution-bg {
            height: auto;
        }

        .owl-carousel .owl-item img {
            display  : block;
            width    : auto !important;
            /* height: 52px !important; */
        }

        .single-slider .slider-content h1 {
            color      : #fff !important;
            font-size  : 40px;
            line-height: 59px;
        }

        .slider-height-1 {
            height: 100% !important;
        }

        .van-sales-detail-para {
            padding-top: 40px;
        }

        .other-service-detaild-box {
            padding: 0 50px 50px 50px;
        }

        .restaurants-detail-box h6 {
            margin-left: 51px;
        }
    }

    @media only screen and (max-width:420px) {
        .owl-carousel .owl-item img {
            height : 40px;
        }
        .owl-item.active .slider-animated-1 h1{
            font-size:30px;
        }
        .service-step-item .service-step-icon,
        .yoga-pose-item .yoga-pose-icon {
            position          : relative;
            width             : 75px;
            height            : 75px;
            border-radius     : 50%;
            margin-left       : auto;
            margin-right      : auto;
            margin-bottom     : -1rem;
            line-height       : .7;
            background-color  : #f3f5f8;
            -webkit-transition: all 0.3s ease;
            transition        : all 0.3s ease;
            box-shadow        : 3px 3px 3px #cdcdcd, -3px -3px 3px #fafafa;
        }

        .service-step-icon-container img {
            height: 57px;
            cursor: pointer;
        }

        .text-muted {
            font-weight: 500;
            cursor     : pointer;
            font-size  : 14px;
        }

        .service-step-item,
        .yoga-pose-item {
            text-align: center;
            z-index   : 2;
            width     : 50%;
        }

        .logo-img {
            height    : 50px;
            margin-top: 0;
        }
    }