/* Arabic CSS - V.2019.11.25.2 */
/* Switch to hide SharePoint ribbons
#ctl00_SPSecurityTrimmedControl1 {display: none;}
*/
@font-face {
    font-family: "FrutigerLTArabic-45Light";
    src: url("/_layouts/15/BAB.V2.Internet.Web/fonts/FrutigerLTArabic-45Light.eot");
    src: url("/_layouts/15/BAB.V2.Internet.Web/fonts/FrutigerLTArabic-45Light.eot?#iefix") format("embedded-opentype"),url("/_layouts/15/BAB.V2.Internet.Web/fonts/FrutigerLTArabic-45Light.otf") format("opentype"),url("/_layouts/15/BAB.V2.Internet.Web/fonts/FrutigerLTArabic-45Light.svg") format("svg"),url("/_layouts/15/BAB.V2.Internet.Web/fonts/FrutigerLTArabic-45Light.ttf") format("truetype"),url("/_layouts/15/BAB.V2.Internet.Web/fonts/FrutigerLTArabic-45Light.woff") format("woff"),url("/_layouts/15/BAB.V2.Internet.Web/fonts/FrutigerLTArabic-45Light.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "FrutigerLTArabic-55Roman";
    src: url("/_layouts/15/BAB.V2.Internet.Web/fonts/FrutigerLTArabic-55Roman.eot");
    src: url("/_layouts/15/BAB.V2.Internet.Web/fonts/FrutigerLTArabic-55Roman.eot?#iefix") format("embedded-opentype"),url("/_layouts/15/BAB.V2.Internet.Web/fonts/FrutigerLTArabic-55Roman.otf") format("opentype"),url("/_layouts/15/BAB.V2.Internet.Web/fonts/FrutigerLTArabic-55Roman.svg") format("svg"),url("/_layouts/15/BAB.V2.Internet.Web/fonts/FrutigerLTArabic-55Roman.ttf") format("truetype"),url("/_layouts/15/BAB.V2.Internet.Web/fonts/FrutigerLTArabic-55Roman.woff") format("woff"),url("/_layouts/15/BAB.V2.Internet.Web/fonts/FrutigerLTArabic-55Roman.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "FrutigerLTArabic-65Bold";
    src: url("/_layouts/15/BAB.V2.Internet.Web/fonts/FrutigerLTArabic-65Bold.eot");
    src: url("/_layouts/15/BAB.V2.Internet.Web/fonts/FrutigerLTArabic-65Bold.eot?#iefix") format("embedded-opentype"),url("/_layouts/15/BAB.V2.Internet.Web/fonts/FrutigerLTArabic-65Bold.otf") format("opentype"),url("/_layouts/15/BAB.V2.Internet.Web/fonts/FrutigerLTArabic-65Bold.svg") format("svg"),url("/_layouts/15/BAB.V2.Internet.Web/fonts/FrutigerLTArabic-65Bold.ttf") format("truetype"),url("/_layouts/15/BAB.V2.Internet.Web/fonts/FrutigerLTArabic-65Bold.woff") format("woff"),url("/_layouts/15/BAB.V2.Internet.Web/fonts/FrutigerLTArabic-65Bold.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "FrutigerLTArabic-75Black";
    src: url("/_layouts/15/BAB.V2.Internet.Web/fonts/FrutigerLTArabic-75Black.eot");
    src: url("/_layouts/15/BAB.V2.Internet.Web/fonts/FrutigerLTArabic-75Black.eot?#iefix") format("embedded-opentype"),url("/_layouts/15/BAB.V2.Internet.Web/fonts/FrutigerLTArabic-75Black.otf") format("opentype"),url("/_layouts/15/BAB.V2.Internet.Web/fonts/FrutigerLTArabic-75Black.svg") format("svg"),url("/_layouts/15/BAB.V2.Internet.Web/fonts/FrutigerLTArabic-75Black.ttf") format("truetype"),url("/_layouts/15/BAB.V2.Internet.Web/fonts/FrutigerLTArabic-75Black.woff") format("woff"),url("/_layouts/15/BAB.V2.Internet.Web/fonts/FrutigerLTArabic-75Black.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    font-size: inherit;
}

ol, ul, li, tbody, tfoot, thead, tr, th, td {
    border: 0; 
    line-height: normal;
}

caption, th, td {
    text-align: right;
    font-weight: normal;
    vertical-align: middle;
}

q, blockquote {
    quotes: none;
}

q:before, q:after, blockquote:before, blockquote:after {
	content: "";
	content: none;
}

a img {
    border: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block;
}

a {
    text-decoration: none;
    transition: .5s;
}

    a:hover {
        transition: .5s;
    }

    button, button:focus, a, a:focus, a:active, input:focus, input:active {
        outline: none !important;
        cursor: pointer;
    }

        button::-moz-focus-inner, a::-moz-focus-inner, input::-moz-focus-inner {
            border: 0 !important;
        }

body {
    margin: 0;
    padding: 0;
    line-height: 1;
    margin-top: 132px !important; 
}



/* enhance page scroll to be smooth */
html {
    scroll-behavior: smooth;
}
/* apply BAB font everywhere */
body {
    font-family: "FrutigerLTArabic-45Light"!important;
    color: #7b6f67;
}
































.container {
	line-height: initial;
}

.clear {
    width: 100%;
    height: 0;
    line-height: 0;
    font-size: 0;
    clear: both;
}


.main {
    float: left;
    width: 100%;
    overflow: hidden;
    position: relative;
}

.FL {
    float: left !important;
}

.FR {
    float: right !important;
}

.container.header-container {
    position: relative;
}

.header-container2 {
    background-image: url(/_layouts/15/BAB.V2.Internet.Web/images/header-bg.jpg);
    background-repeat: repeat-x;
    background-position: center top;
    height: auto;
    background: none;
}

.fl-wdth {
    float: left !important;
    width: 100%;
}

.top-strip {
    position: fixed;
    top: 0;
    background: #7b6f67;
    font-size: 13px;
    height: 38px;
    z-index: 100;
    transition: 0.5s;
}

    .top-strip.fl-wdth.hidden-xs.sticky {
        margin-top: -38px;
        transition: 0.5s;
    }

    .top-strip .top-contact-details {
        padding: 9px 0px 14px 14px;
        background: url(/_layouts/15/BAB.V2.Internet.Web/images/call-icon-ar.png) no-repeat 87% 9px;
        float: right;
        color: #FFFFFF;
    }

.top-contact-details ul {
    margin-bottom: 0;
}

    .top-contact-details ul li {
        width: auto;
        
        font-family: "FrutigerLTArabic-45Light";
        font-size: 13px;
        line-height: 15px;
    }

        .top-contact-details ul li a {
            
            color: #FFFFFF;
            font-family: "FrutigerLTArabic-45Light";
            line-height: 15px;
            letter-spacing: .5px;
            font-size: 14px;
        }

        .top-contact-details ul li:last-child {
            margin: 0 0px 0 0px;
            padding: 2px 0px 0px 30px;
            position: relative;
        }

.top-contact-details ul li:last-child:before {
    position: absolute;
    left: 0;
    top: 3px;
    height: 11px;
    width: 1px;
    content: "";
    background: #353535;
}

.top-strip .top-other-details {
    padding: 0;
    position: absolute;
    top: 0;
    left: 17px;
}

.top-other-details-wrap {
    float: left;
}


.language-wrap:hover {
	color: #FFFFFF;
}

.language-wrap {
    color: #FFFFFF;
    letter-spacing: .5px;
    float: right;
    padding: 6px 0 0 15px;
}

.search-wrap:before {
    position: absolute;
    left: 0;
    top: 13px;
    height: 11px;
    width: 1px;
    content: "";
    background: #353535;
}

.search-wrap:after {
    position: absolute;
    right: 0;
    top: 13px;
    height: 11px;
    width: 1px;
    content: "";
    background: #353535;
}

.search-wrap {
    float: left;
    position: relative;
    width: 100px;
    padding: 10px 13px 0 13px;
}

.search-icon {
    float: left;
    margin: 0 10px 0 0;
}

    .search-icon button {
        width: 15px;
        height: 15px;
        background: transparent url(/_layouts/15/BAB.V2.Internet.Web/images/sprite.png) no-repeat 0 -25px;
        border: 0;
        padding: 0;
        float: left;
    }

.search-input {
    float: left;
    width: 60px;
}

    .search-input input {
        float: left;
        width: 100%;
        background: transparent;
        border: 0;
        color: #000;
    }

        .search-input input::-webkit-input-placeholder {
            color: #000;
        }

        .search-input input::-moz-placeholder {
            color: #000;
        }

        .search-input input:-ms-input-placeholder {
            color: #000;
        }

        .search-input input:-moz-placeholder {
            color: #000;
        }

.social-wrap {
    float: left;
    padding: 7px 15px 8px 18px;
}

    .social-wrap ul {
        float: left;
        margin: 0;
    }

        .social-wrap ul li {
            width: 22px;
            height: 22px;
            font-size: 0;
            background: url(/_layouts/15/BAB.V2.Internet.Web/images/sprite.png) no-repeat center;
            position: relative;
            overflow: hidden;
            margin: 0 3px 0 0;
        }

            .social-wrap ul li:last-child {
                margin-right: 0;
            }

            .social-wrap ul li a {
                float: left;
                width: 100%;
                height: 100%;
            }

            .social-wrap ul li.facebook {
                background-position: -49px -25px;
            }

            .social-wrap ul li.twitter {
                background-position: -75px -25px;
            }

            .social-wrap ul li.linked-in {
                background-position: -100px -25px;
            }

            .social-wrap ul li.you-tube {
                background-position: -126px -25px;
            }

            .social-wrap ul li.instagram {
                background-position: -151px -25px;
            }

            .social-wrap ul li.snapchat {
                background-position: -176px -25px;
            }

            .social-wrap ul li a:before {
                width: 22px;
                height: 22px;
                background: url(/_layouts/15/BAB.V2.Internet.Web/images/sprite.png) no-repeat center;
                position: absolute;
                left: 0;
                top: 0;
                transition: .5s;
                content: "";
                transform: scale(0);
            }

            .social-wrap ul li.facebook a:before {
                background-position: -49px -25px;
            }

            .social-wrap ul li.twitter a:before {
                background-position: -74px -25px;
            }

            .social-wrap ul li.linked-in a:before {
                background-position: -100px -25px;
            }

            .social-wrap ul li.you-tube a:before {
                background-position: -125px -25px;
            }

            .social-wrap ul li.instagram a:before {
                background-position: -151px -25px;
            }

            .social-wrap ul li.snapchat a:before {
                background-position: -176px -25px;
            }

            .social-wrap ul li a:hover:before {
                transform: scale(1);
                transition: .5s;
            }

.group-sites-wrap {
    float: left;
}

    .group-sites-wrap .btn-primary {
        font-family: "FrutigerLTArabic-45Light";
        padding: 8px 10px 0 26px;
        background: none !important;
        border: 0;
        color: #FFFFFF !important;
        font-size: 13px;
        letter-spacing: .5px;
        
        position: relative;
        margin-left: 00;
        float: left;
    }

        .group-sites-wrap .btn-primary:focus {
            border: 0;
            box-shadow: none;
        }

    .group-sites-wrap .dropdown-menu {
        top: 34px;
        width: 460px;
        left: 14%;
        left: initial;
        border-radius: 0 0 10px 10px;
        box-shadow: none;
        border: 0;
        margin: 0;
        padding: 0;
        z-index: 99999999999;
    }

    .group-sites-wrap .dropdown:before {
        background: rgba(0,0,0,0.7);
        content: "";
        width: 100%;
        height: 100%;
        left: 0;
        top: 34px;
        position: fixed;
        z-index: 99;
        display: none;
    }

    .group-sites-wrap .dropdown.open:before {
        display: block;
    }

    .group-sites-wrap .dropdown {
        position: unset;
    }

.group-site-head p {
    margin: 0;
    line-height: 35px;
    padding: 0 15px 0 15px;
    font-family: "FrutigerLTArabic-45Light";
    text-align: right;
}

.group-site-head {
    float: left;
    width: 100%;
    background: #cf202e;
    color: #fff;
    font-size: 14px;
    
    height: 35px;
}

.group-site-content {
    float: left;
    width: 100%;
    padding: 20px 20px 0 20px;
    position: relative;
}

.group-site-content a {
	position: absolute;
	left: 20px;
	top: 20px;
}

.group-site-content p {
	margin: 0;
	font-family: "FrutigerLTArabic-45Light";
	width: calc(100% - 135px);
	font-size: 14px;
	line-height: 21px;
	color: #796a62;
	text-align: right;
}

.group-sites-wrap .btn-primary .caret {
    border: 0;
    position: absolute;
    left: 0;
    top: 15px;
    content: "";
    background: url(/_layouts/15/BAB.V2.Internet.Web/images/sprite.png) no-repeat -20px -25px;
    width: 11px;
    height: 7px;
}

.group-sites-wrap .btn-primary:before {
    position: absolute;
    right: 0;
    top: 13px;
    height: 11px;
    width: 1px;
    content: "";
    background: #353535;
}

.header-panel {
    padding: 0;
    z-index: 17;
    top: 38px;
    height: 95px;
    position: fixed;
    transition: 0.5s;
    background: #FFF;
}

    .header-panel.sticky2 {
        box-shadow: 0 5px 10px rgba(0,0,0,0.1), 0 4px 4px rgba(0,0,0,0.23);
    }

    .header-panel .logo-wrap {
        padding: 18px 0 18px 0;
        height: auto;
        width: 185px;
    }

    .header-panel.sticky2 .logo-wrap {
        padding: 13px 0 0 0;
    }

    .header-panel .logo-wrap img {
        max-width: 100%;
    }
/*
    .header-panel .logo-wrap a {
        float: left;
    }
*/
    .header-panel .container {
        position: relative;
    }

    .header-panel .navbar-wrap {
        padding: 0;
        position: unset;
    }

    .header-panel .navbar {
        border-radius: 0;
        background: transparent;
        border: 0;
        margin: 4px 0 0 0;
        min-height: auto;
        position: relative;
        left: -22px;
        width: auto;
        float: right;
    }

    .header-panel .navbar-collapse {
        padding: 0;
    }

    .header-panel .nav > li > a {
        padding: 0;
        font-size: 18px;
        color: #000 !important;
    }

.nav > li {
    padding: 0 36px 0 0;
    margin: 0 24px 0 0;
}

    .nav > li:nth-child(1) {
        padding: 0 55px 0 0;
        margin: 0;
    }

    .nav > li:nth-child(2) {
        padding: 0 50px 0 0;
        margin: 0 25px 0 25px;
    }

    .nav > li:last-child {
        padding: 0;
        margin: 0;
    }

        .nav > li:last-child:after {
            display: none;
        }

    .nav > li:after {
        background: #c9c9c9;
        width: 1px;
        height: 29px;
        content: "";
        position: absolute;
        right: 0;
        top: 0;
    }

    .nav > li > a {
        position: relative;
    }

        .nav > li > a:after {
            background: url(/_layouts/15/BAB.V2.Internet.Web/images/sprite.png) no-repeat -1px -398px;
            width: 11px;
            height: 7px;
            content: "";
            position: absolute;
            right: -20px;
            top: 7px;
        }

    .nav > li a:before {
        display: none;
    }

    .nav > li.about a:before {
        background: url(/_layouts/15/BAB.V2.Internet.Web/images/sprite.png) no-repeat 0 -49px;
        width: 32px;
        height: 32px;
        content: "";
        position: absolute;
        left: 0;
        top: -8px;
    }

    .nav > li.business a:before {
        background: url(/_layouts/15/BAB.V2.Internet.Web/images/sprite.png) no-repeat -33px -49px;
        width: 33px;
        height: 32px;
        content: "";
        position: absolute;
        left: 0;
        top: -8px;
    }

    .nav > li.personal a:before {
        background: url(/_layouts/15/BAB.V2.Internet.Web/images/sprite.png) no-repeat -67px -49px;
        width: 30px;
        height: 32px;
        content: "";
        position: absolute;
        left: 0;
        top: -8px;
    }

.navbar-other-links {
    width: auto;
    float: left;
    padding-top: 23px;
}

.app-download {
    float: left;
    background: #f6b333;
    border-radius: 5px;
    position: relative;
    padding: 6px 15px 6px 43px;
    min-height: 50px;
}

    .app-download p {
        margin: 0 12px 0 0;
        font-size: 15px;
        
        color: #fff;
        float: left;
        font-family: "FrutigerLTArabic-45Light";
        line-height: 17px;
        letter-spacing: .5px;
    }

    .app-download:before {
        background: url(/_layouts/15/BAB.V2.Internet.Web/images/sprite.png) no-repeat -1px -84px;
        width: 17px;
        height: 30px;
        content: "";
        position: absolute;
        left: 15px;
        top: 9px;
    }

    .app-download a {
        float: left;
        margin-top: 5px;
    }

        .app-download a.ios {
            width: 21px;
            height: 27px;
            background: url(/_layouts/15/BAB.V2.Internet.Web/images/sprite.png) no-repeat -23px -86px;
            margin-right: 8px;
        }

        .app-download a.android {
            width: 24px;
            height: 27px;
            background: url(/_layouts/15/BAB.V2.Internet.Web/images/sprite.png) no-repeat -51px -86px;
        }

.login-wrap {
    float: left;
    margin: 0 0 0 10px;
}

    .login-wrap .dropdown .btn-primary {
        font-family: "FrutigerLTArabic-45Light";
        line-height: 17px;
        letter-spacing: .5px;
        background: #cf202e !important;
        color: #fff;
        padding: 16px 22px 16px 47px;
        border-color: #cf202e !important;
        line-height: 1;
        
        position: relative;
        min-height: 50px;
    }

    .login-wrap .dropdown.open .btn-primary:focus, .login-wrap .dropdown.open .btn-primary:hover, .login-wrap .dropdown.open .btn-primary:active {
        background: #cf202e !important;
        border: 1px solid #cf202e !important;
        border-radius: 4px 4px 0 0 !important;
    }

    .login-wrap .dropdown-menu {
        background: #cf202e;
        margin: 0;
        border-radius: 0 8px 8px 8px;
        box-shadow: none;
        padding: 0;
    }

        .login-wrap .dropdown-menu li {
            width: 100%;
            padding: 0 10px;
        }

            .login-wrap .dropdown-menu li:last-child a {
                border-bottom: 0;
            }

            .login-wrap .dropdown-menu li a {
                font-family: "FrutigerLTArabic-45Light";
                line-height: 14px;
                letter-spacing: .5px;
                padding: 10px 0 10px 11px;
                color: #fff !important;
                font-weight: 400;
                font-size: 14px;
                border-bottom: 1px solid #e27982;
                background: url(/_layouts/15/BAB.V2.Internet.Web/images/login-arrow.png) no-repeat left center !important;
            }

                .login-wrap .dropdown-menu li a:hover {
                    background: transparent;
                }

    .login-wrap .dropdown .btn-primary:before {
        background: url(/_layouts/15/BAB.V2.Internet.Web/images/sprite.png) no-repeat -77px -86px;
        width: 20px;
        height: 27px;
        content: "";
        position: absolute;
        left: 14px;
        top: 8px;
    }

    .login-wrap .dropdown .btn-primary .caret {
        background: url(/_layouts/15/BAB.V2.Internet.Web/images/sprite.png) no-repeat -13px -398px;
        width: 11px;
        height: 7px;
        border: 0;
        position: relative;
        left: 5px;
        top: -1px;
    }

.banner-wrapper .item {
    height: 480px;
}

.banner-wrapper .banner-1 {
    background: url(/_layouts/15/BAB.V2.Internet.Web/images/banner-1.jpg) no-repeat center;
    background-size: cover;
}

.banner-wrapper .banner-2 {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain !important;
}

.banner-wrapper .banner-3 {
    background: url(/_layouts/15/BAB.V2.Internet.Web/images/banner-3.jpg) no-repeat center;
    background-size: cover;
}

.banner-wrapper .container {
    display: table;
    height: 100%;
}

    .banner-wrapper .container p {
        display: table-cell;
        height: 100%;
        vertical-align: middle;
        font-family: "FrutigerLTArabic-45Light";
        font-size: 36px;
        color: #353535;
        
    }

.banner-wrapper .banner-3 .container p {
    display: block;
    float: right;
    margin: 0;
    width: auto;
    padding: 0;
}

.banner-wrapper .container p a {
    color: #353535;
    position: relative;
    cursor: auto;
    text-decoration: none;
    display: block;
    width: auto;
    line-height: 60px;
}

    .banner-wrapper .container p a.banner-read-more {
        float: right;
        font-size: 19px;
        color: #cf202e;
        font-family: "FrutigerLTArabic-45Light";
        margin: 20px 0 0 0;
        border: 1px solid #cf202e;
        line-height: 1;
        padding: 12px 25px;
        transition: .5s;
        cursor: pointer;
    }

        .banner-wrapper .container p a.banner-read-more:before {
            display: none;
        }

.banner-wrapper .container p span {
    float: left;
    width: 100%;
    display: block;
    font-size: 52px;
    font-family: "FrutigerLTArabic-55Roman";
    line-height: 52px;
    margin: -7px 0 0 0;
}

.banner-wrapper .container p a:before {
    background: #d1202f;
    width: 59px;
    height: 4px;
    content: "";
    position: absolute;
    right: 0;
    top: -15px;
}

.banner-wrapper {
    margin: 0 0 0 0;
    overflow: hidden;
}

    .banner-wrapper .carousel-indicators li {
        border: 1px solid #d20f2d;
    }

        .banner-wrapper .carousel-indicators li.active {
            background: #d20f2d;
            margin-right: 5px;
        }

.banner-text {
    margin: 0px auto;
    width: 430px;
    float: right;
    left: 0;
    display: inline-block;
    position: absolute;
    top: 160px;
}

.banner-1 .banner-text {
    right: 20px;
    left: auto !important;
}

.whats-new-wrap {
    background: #f6f6f6;
    display: none;
}

.whats-head {
    float: left;
    width: 115px;
}

.news-wrap {
    float: right;
    width: 80%;
    width: calc(100% - 125px);
    width: -moz-calc(100% - 125px);
}

.news-ul {
    float: left;
    margin: 14px 0 0 0;
    font-size: 15px;
    width: 1000%;
}

    .news-ul li {
        padding: 0 0 0 35px;
        position: relative;
        line-height: 18px;
        font-family: "FrutigerLTArabic-45Light";
    }

        .news-ul li:before {
            position: absolute;
            width: 8px;
            height: 8px;
            content: "";
            left: 19px;
            top: 6px;
            background: #d1202f;
            border-radius: 50%;
        }

.whats-head p {
    margin: 0;
    font-size: 18px;
    line-height: 18px;
    color: #d1202f;
    padding: 14px 0 14px 0;
    font-family: "FrutigerLTArabic-55Roman";
    position: relative;
}

    .whats-head p:after {
        position: absolute;
        right: 0;
        top: 11px;
        content: "";
        background: #cfcfcf;
        width: 1px;
        height: 26px;
    }

.auto-lease-wrap {
    padding: 60px 0;
    display: none;
}

.lease-wrapper {
    border: 1px solid #e6e6e6;
    position: relative;
}

.lease-content-wrap {
    float: left;
    width: 35%;
    padding: 38px 40px 48px 40px;
    background: #f6b333;
}

.lease-head {
    margin: 0;
    font-size: 45px;
    font-weight: 600;
    
    color: #cf202e;
    line-height: 1;
}

.lease-sub-head {
    line-height: 1;
    margin: 0;
    font-size: 25px;
}

.lease-description {
    line-height: 20px;
    margin: 2px 0 0 0;
    font-size: 16px;
    padding: 0 80px 0 0;
}

.lease-offer-wrap {
    position: absolute;
    top: 0;
    left: 30%;
    z-index: 9;
    background: url(/_layouts/15/BAB.V2.Internet.Web/images/lease-offer.png) no-repeat center;
    background-size: cover;
    height: 100%;
    width: 155px;
}

.lease-image-wrap {
    position: absolute;
    width: 65%;
    right: 0;
    height: 100%;
    background: url(/_layouts/15/BAB.V2.Internet.Web/images/lease-image.jpg) no-repeat center;
    background-size: cover;
}

.lease-offer-wrap p {
    color: #fff;
    margin: 58px 30px 0 0;
    font-size: 14px;
    width: 93px;
    float: right;
    font-weight: 600;
    line-height: 1;
}

    .lease-offer-wrap p span {
        font-size: 38px;
        line-height: 1;
        float: left;
        width: 100%;
    }

.finance-calculator-wrap {
    padding: 45px 0 50px 0;
    background-color: #f5f5f5;
}

.content-head {
    font-family: "FrutigerLTArabic-55Roman";
    font-size: 30px;
    position: relative;
    padding: 0 0 6px 0;
}

.card-detail-wrap.fl-wdth h1.content-head.margin-bottom-32 {
    
}


div#calculator-sticky, div#financing-products-sticky, div#cards-loyalty-sticky {
    color: #7b6f67;
}

    div#calculator-sticky .content-head, div#financing-products-sticky .content-head, div#cards-loyalty-sticky .content-head {
        color: #7b6f67;
    }

#parentHorizontalTab {
    margin: 44px 0 0 0 !important;
}

.resp-tabs-list {
    float: right;
    width: 100%;
    margin: 0;
}

.top-tabs > li {
    display: inline-block;
    padding: 17px 0 !important;
    cursor: pointer;
    float: right;
    position: relative;
    width: 230px;
    text-align: center;
    z-index: 1;
	line-height: 1;
}

    .top-tabs > li span {
        position: relative;
        z-index: 2;
        line-height: 16px;
        display: inline-block;
        font-family: "FrutigerLTArabic-55Roman";
        font-size: 16px;
    }

    .top-tabs > li.resp-tab-active span:before {
        top: 36px;
        transition: .5s;
        opacity: 1;
    }

    .top-tabs > li span:before {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 7px 7px 0 7px;
        border-color: #cf202e transparent transparent transparent;
        left: 45%;
        top: 25px;
        transition: .5s;
        opacity: 0;
    }

    .top-tabs > li:before {
        background: #fff;
        content: "";
        position: absolute;
        left: 15px;
        top: 0;
        width: 50%;
        height: 100%;
        border-radius: 10px 10px 0 0;
        transform: skew(-29deg,-180deg);
        -webkit-transform: skew(-29deg,-180deg);
        -moz-transform: skew(-29deg,-180deg);
        -o-transform: skew(-29deg,-180deg);
        -ms-transform: skew(-29deg,-180deg);
        transition: .2s;
    }

    .top-tabs > li:after {
        background: #fff;
        content: "";
        position: absolute;
        right: 15px;
        top: 0;
        width: 50%;
        height: 100%;
        border-radius: 10px 10px 0 0;
        transform: skew(29deg,-180deg);
        -webkit-transform: skew(29deg,-180deg);
        -moz-transform: skew(29deg,-180deg);
        -o-transform: skew(29deg,-180deg);
        -ms-transform: skew(29deg,-180deg);
        transition: .2s;
    }

    .top-tabs > li:nth-child(2) {
        margin: 0px 0px 0 0px !important;
    }


.top-tabs .resp-tab-active:before, .top-tabs .resp-tab-active:after {
    background: #cf202e;
    transition: .2s;
}

.top-tabs .resp-tab-active {
    color: #fff;
    z-index: 2;
}

.resp-tabs-container {
    padding: 0;
    background-color: #fff;
    clear: left;
}

h2.resp-accordion {
    cursor: pointer;
    padding: 5px;
    display: none;
}

.resp-tab-content {
    display: none;
}

.childhorizontalTab {
    position: relative;
}

.personal-finance-tab .childhorizontalTab:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 37%;
    background: url(/_layouts/15/BAB.V2.Internet.Web/images/personal-finance-tab-bg.jpg) no-repeat center;
    background-size: contain !important;
    height: 100%;
}

.home-finance-tab .childhorizontalTab:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 37%;
    background: url(/_layouts/15/BAB.V2.Internet.Web/images/home-finance-tab-bg.jpg) no-repeat center;
    background-size: contain;
    height: 100%;
}

.home-car-tab .childhorizontalTab:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 30%;
    background: url(/_layouts/15/BAB.V2.Internet.Web/images/home-finance-tab-bg.jpg) no-repeat center;
    background-size: contain;
    height: 100%;
}

.childhorizontalTab .resp-tabs-list {
    width: 63%;
    padding: 15px 35px 15px 30px;
    position: relative;
}

.childhorizontalTab .resp-tabs-container {
    width: 63%;
    padding: 30px 40px 45px 60px;
    float: right;
}

.childhorizontalTab .resp-tabs-list:before {
    background: #cfcfcf;
    width: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    height: 1px;
    content: "";
}

.childhorizontalTab {
    position: relative;
    float: right;
    background: #fff;
}

    .childhorizontalTab .resp-tabs-list li {
        font-size: 16px;
        padding: 0 0px 0 40px;
        font-family: "FrutigerLTArabic-55Roman";
        line-height: 16px;
        position: relative;
        cursor: pointer;
        transition: .5s;
    }

        .childhorizontalTab .resp-tabs-list li:last-child:after {
            display: none;
            padding: 0;
        }

        .childhorizontalTab .resp-tabs-list li:after {
            position: absolute;
            content: "";
            height: 100%;
            width: 1px;
            background: #796a62;
            left: 20px;
            top: 0;
        }

        .childhorizontalTab .resp-tabs-list li.resp-tab-active {
            color: #cf202e;
        }

        .childhorizontalTab .resp-tabs-list li:hover {
            color: #cf202e;
            transition: .5s;
        }

.resp-content-active, .resp-accordion-active {
    display: block;
}

.resp-tab-content {
    border: 0;
}

h2.resp-accordion {
    font-size: 13px!important;
    border: 1px solid #c1c1c1;
    border-top: 0 solid #c1c1c1;
    margin: 0;
    padding: 10px 15px;
}

h2.resp-tab-active {
    border-bottom: 0 solid #c1c1c1 !important;
    margin-bottom: 0 !important;
    padding: 10px 15px !important;
}

h2.resp-tab-title:last-child {
    border-bottom: 12px solid #c1c1c1 !important;
    background: blue;
}

.resp-vtabs ul.resp-tabs-list {
    float: left;
    width: 30%;
}

.resp-vtabs .resp-tabs-list li {
    display: block;
    padding: 15px 15px !important;
    margin: 0 0 4px;
    cursor: pointer;
    float: none;
}

.resp-vtabs .resp-tabs-container {
    padding: 0;
    background-color: #fff;
    border: 1px solid #c1c1c1;
    float: left;
    width: 68%;
    min-height: 250px;
    border-radius: 4px;
    clear: none;
}

.resp-vtabs .resp-tab-content {
    border: 0;
    word-wrap: break-word;
}

.resp-vtabs li.resp-tab-active {
    position: relative;
    z-index: 1;
    margin-right: -1px !important;
    padding: 14px 15px 15px 14px !important;
    border-top: 1px solid;
    border: 1px solid #5ab1d0 !important;
    border-left: 4px solid #5ab1d0 !important;
    margin-bottom: 4px !important;
    border-right: 1px #FFF solid !important;
}

.resp-arrow {
    width: 0;
    height: 0;
    float: right;
    margin-top: 3px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 12px solid #c1c1c1;
}
/*.resp-arrow{margin: 12px 0px 0 10px!important;}*/
h2.resp-tab-active span.resp-arrow {
    border: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 12px solid #9b9797;
}

h2.resp-tab-active {
    background: #dbdbdb;
}

.resp-easy-accordion h2.resp-accordion {
    display: block;
}

.resp-easy-accordion .resp-tab-content {
    border: 1px solid #c1c1c1;
}

    .resp-easy-accordion .resp-tab-content:last-child {
        border-bottom: 1px solid #c1c1c1;
    }

.resp-jfit {
    width: 100%;
    margin: 0;
}

.resp-tab-content-active {
    display: block;
}

h2.resp-accordion:first-child {
    border-top: 1px solid #c1c1c1;
}

.tab-content-head, .tab-content-head-cards{
    margin: 0;
    font-size: 24px;
    text-align: center;
    line-height: 1;
    font-weight: 600;
}

.tab-content-line, .tab-content-line-cards{
    margin: 10px 0 0 0;
    font-size: 14px;
    font-family: "FrutigerLTArabic-55Roman";
    text-align: center;
}

.tab-content-wrap {
    margin: 30px 0 0 0;
    position: relative;
    float: left;
}

.tab-content-wrap {
    /*padding-right: 200px;*/
}

#parentHorizontalTab .tab-content-wrap {
    /*background: url(/_layouts/15/BAB.V2.Internet.Web/images/form-left-bg.png) no-repeat right center;
padding-right: 190px;*/
    padding-left: 0;
}

.tab-content-wrap form {
    padding: 0;
    float: left;
    position: relative;
}

.tab-content-wrap:before {
    width: 162px;
    height: 158px;
    background: url(/_layouts/15/BAB.V2.Internet.Web/images/sprite.png) no-repeat -1px -116px;
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    opacity: .2;
    display: none;
}

.tab-form-row {
    float: left;
    width: 100%;
    margin: 0 0 32px 0;
}

    .tab-form-row label {
        font-family: "FrutigerLTArabic-45Light";
        line-height: 14px;
        letter-spacing: .5px;
        float: right;
        width: 40%;
        font-size: 14px;
        margin: 10px 0 0 0;
    }

.tab-input-wrap {
    float: right;
    width: 60%;
    /*overflow: hidden;*/
    position: relative;
    height: 40px;
}

    .tab-input-wrap:before {
        position: absolute;
        right: 0;
        top: 0;
        background: #fff;
        width: 52px;
        height: 40px;
        content: "";
        border-radius: 0 5px 5px 0px;
        border: solid 1px #ccc;
        border-left: 0;
    }

    .tab-input-wrap:after {
        width: 26px;
        height: 30px;
        background: url(/_layouts/15/BAB.V2.Internet.Web/images/sprite.png) no-repeat center;
        position: absolute;
        right: 13px;
        top: 6px;
        content: "";
    }

.childhorizontalTab .resp-tab-content {
    float: left;
    width: 100%;
}

.tab-input-wrap select {
    float: left;
    width: calc(100% - 52px);
    height: 100%;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0 20px 0 0px;
    color: #796a62;
    font-size: 14px;
    font-family: "FrutigerLTArabic-55Roman";
    background: url(/_layouts/15/BAB.V2.Internet.Web/images/select-dropdown.png) no-repeat 5% center;
    border: solid 1px #ccc !important;
    border-radius: 5px 0 0 5px;
}

.tab-input-wrap input {
    float: left;
    width: calc(100% - 52px);
    height: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0 20px 0 0;
    color: #796a62;
    font-size: 14px;
    font-weight: 600;
    outline: 0;
    border: solid 1px #ccc !important;
    border-left: none;
    border-radius: 5px 0 0 5px;
}

    .tab-input-wrap input::placeholder {
        color: #7a6a62;
    }

    .tab-input-wrap input::placeholder {
        color: #000;
    }

.calculate-btn .tab-input-wrap:before, .calculate-btn .tab-input-wrap:after {
    display: none;
}

.calculate-btn {
    margin: 0;
    padding-bottom: 15px;
}

    .calculate-btn .tab-input-wrap {
        height: auto;
        border-radius: 0;
        text-align: center;
        width: 100%;
    }

        .calculate-btn .tab-input-wrap button {
            font-size: 14px;
            
            color: #000;
            background: #f6b333;
            padding: 10px 30px;
            border: 1px solid #f6b333;
            transition: .5s;
            font-family: "FrutigerLTArabic-55Roman";
        }

            .calculate-btn .tab-input-wrap button:hover {
                background: #d00f2c;
                color: #fff;
                transition: .5s;
            }

.resp-tabs-container.hor_1 {
    position: relative;
    float: left;
    width: 100%;
}

    .resp-tabs-container.hor_1:before {
        position: absolute;
        width: 76%;
        height: 3px;
        content: "";
        right: 0;
        top: 0;
        background: #d22f3c;
        z-index: 9;
    }

.tab-input-wrap.sector:after {
    background-position: -109px -50px;
}

.tab-input-wrap.radio-wrap:after {
    background-position: -191px -49px;
}

.tab-input-wrap.age:after {
    background-position: -136px -49px;
}

.tab-input-wrap.monthly-salary:after {
    background-position: -163px -49px;
}

.financial-products-wrap {
    padding: 60px 0;
}

.financial-products-wrap ul {
	padding-right: 0;
}

.financial-products-content-wrap {
    margin: 45px 0 0 0;
}

/*
    .financial-products-content-wrap:last-child {
        position: relative;
        padding: 0 0 0 35px;
    }
*/
    .financial-products-content-wrap .slider-anchor:last-child:before {
        position: absolute;
        top: 1px;
        left: 18px;
        content: "";
        height: 13px;
        width: 2px;
        background: #cf202e;
        display: none;
    }

.item-wrap {
    float: left;
    width: 100%;
    border: 1px solid #eaeaea;
}

.image-wrap {
    float: left;
    width: 100%;
    overflow: hidden;
}

.item-wrap:hover .image-wrap img {
    transform: scale(1.1);
    transition: .5s;
}

.image-wrap img {
    transition: .5s;
}

.description-wrap {
    float: left;
    width: 100%;
    padding: 15px 20px 15px 20px;
    background: #fff;
}

.slider-head {
    margin: 0;
    line-height: 1;
    font-family: "FrutigerLTArabic-55Roman";
    font-size: 18px;
    text-align: right;
    min-height: 52px;
    max-height: 52px;
}

.slider-content {
    margin: 10px 0 10px 0;
    font-size: 13px;
    line-height: 25px;
    font-family: "FrutigerLTArabic-55Roman";
    border-bottom: 1px solid #eaeaea;
    padding: 0 0 13px 0;
    text-align: right;
    min-height: 89px;
    max-height: 89px;
}

.slider-anchor {
    font-family: "FrutigerLTArabic-55Roman";
    color: #cf202e;
    
    float: right;
    font-size: 13px;
    line-height: 16px;
    transition: .5s;
}

    .slider-anchor.last {
        border-right: 2px solid #cf202e !important;
        margin: 0 11px 0 0px;
        padding-right: 11px;
    }

    .slider-anchor:hover {
        transition: .5s;
        color: #f8b22f;
        text-decoration: none;
    }

div#demos {
    position: relative;
}

.owl-nav {
    display: none;
}

.owl-prev {
    font-size: 0;
    background: url(/_layouts/15/BAB.V2.Internet.Web/images/left.png) no-repeat left top;
    width: 32px;
    height: 32px;
    position: absolute;
	top: 300px;
    left: -55px;
}

.owl-next {
    font-size: 0;
    background: url(/_layouts/15/BAB.V2.Internet.Web/images/right.png) no-repeat left top;
    ;
    width: 32px;
    height: 32px;
    position: absolute;
	top: 300px;
    right: -55px;
}

.owl-dots {
    display: block;
    float: left;
    width: 100%;
    margin: 30px 0 0 0;
    text-align: center;
}

.owl-dot {
    display: inline-block;
    width: 30px;
    height: 5px;
    background: #b2b2b2;
    transition: .5s;
    margin: 0 10px 0 0px;
}

    .owl-dot:last-child {
        margin: 0;
    }

    .owl-dot.active {
        background: #cf202e;
        transition: .5s;
    }

.owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative;
}

.owl-carousel {
    display: none;
    width: 100%;
    z-index: 1;
}

.owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    -moz-backface-visibility: hidden;
    text-align: right;
}

    .owl-stage:after {
        content: ".";
        display: block;
        clear: both;
        visibility: hidden;
        line-height: 0;
        height: 0;
    }

.owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0,0,0);
}

.owl-item, .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
}

.owl-item {
    min-height: 1px;
    float: right;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none;
}

    .owl-item img {
        display: block;
        width: 100%;
    }

.owl-dots.disabled, .owl-nav.disabled {
    display: none;
}

.no-js, .owl-loaded {
    display: block;
    direction: ltr;
}

.owl-dot, .owl-carousel .owl-nav .owl-next, .owl-nav .owl-prev {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.owl-loading {
    opacity: 0;
    display: block;
}

.owl-hidden {
    opacity: 0;
}

.owl-refresh .owl-item {
    visibility: hidden;
}

.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.owl-grab {
    cursor: move;
    cursor: grab;
}

.owl-rtl {
    direction: rtl;
}

    .owl-rtl .owl-item {
        float: right;
    }

.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
}

.owl-animated-in {
    z-index: 0;
}

.owl-animated-out {
    z-index: 1;
}

.fadeOut {
    animation-name: fadeOut;
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.owl-height {
    transition: height .5s ease-in-out;
}

.owl-item .owl-lazy {
    opacity: 0;
    transition: opacity .4s ease;
}

.owl-item img.owl-lazy {
    transform-style: preserve-3d;
}

.owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000;
}

.owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform .1s ease;
}

    .owl-video-play-icon:hover {
        -ms-transform: scale(1.3,1.3);
        transform: scale(1.3,1.3);
    }

.owl-video-playing .owl-video-play-icon, .owl-video-playing .owl-video-tn {
    display: none;
}

.owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity .4s ease;
}

.owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%;
}

.offers-loyalty-wrap .slider-anchor:last-child:before {
    position: absolute;
    top: 1px;
    left: 18px;
    content: "";
    height: 13px;
    width: 2px;
    background: #cf202e;
}

.offers-loyalty-wrap {
    padding: 60px 0;
    background: url(/_layouts/15/BAB.V2.Internet.Web/images/offers-loyalty-bg.jpg) repeat center;
}

.download-wrap {
    padding: 60px 0;
	text-align: left;
}

.dowload-app-left {
    float: right;
    width: 50%;
    height: 566px;
    background: #b50a18;
    background-size: cover;
    color: #fff;
    padding: 107px 45px 0 0px;
    position: relative;
    z-index: 1;
}

.dowload-app-first-line {
    font-size: 29px;
    line-height: 40px;
    font-weight: 200;
    font-family: "FrutigerLTArabic-45Light";
}

.dowload-app-second-line {
    font-size: 42px;
    
    line-height: 42px;
    font-family: "FrutigerLTArabic-55Roman";
    margin: 0;
}

.dowload-app-third-line {
    font-size: 21px;
    line-height: 21px;
    font-family: "FrutigerLTArabic-45Light";
    font-weight: 300;
}

.dowload-app-link-wrap {
    float: right;
    width: auto;
    margin: 20px 0 0 0;
}

    .dowload-app-link-wrap a {
        clear: both;
        float: left;
        background: url(/_layouts/15/BAB.V2.Internet.Web/images/sprite.png) no-repeat;
        width: 174px;
        height: 58px;
        font-size: 0;
    }

        .dowload-app-link-wrap a.dowload-app-android {
            background-position: -1px -278px;
        }

        .dowload-app-link-wrap a.dowload-app-ios {
            background-position: -1px -338px;
            height: 60px;
            margin: 18px 0 0 0;
        }

.dowload-app-wrap {
    position: relative;
}

.dowload-app-right {
    position: absolute;
    width: 69%;
    background: url(/_layouts/15/BAB.V2.Internet.Web/images/download-app-image.jpg) no-repeat center;
    background-size: cover;
    height: 100%;
    right: 31%;
}

.dowload-app-center {
    position: absolute;
    z-index: 2;
    right: 25%;
    top: 120px;
}

.download-wrap {
    padding: 60px 0 120px 0;
}

div#parentHorizontalTab-2 {
    float: left;
    margin-top: 40px !important;
}

.bank-social-wrap .resp-tabs-list {
    text-align: center;
}

    .bank-social-wrap .resp-tabs-list li {
        display: inline-block;
        float: none;
        color: #fff;
    }

.bank-social-wrap .top-tabs > li:nth-child(2) {
    margin: 0 -30px 0 0px !important;
}

.bank-social-wrap .resp-tabs-list li.facebook:before, .bank-social-wrap .resp-tabs-list li.facebook:after {
    background: #00549f;
}

.bank-social-wrap .resp-tabs-list li.twitter:before, .bank-social-wrap .resp-tabs-list li.twitter:after {
    background: #1da1f2;
}

.bank-social-wrap .resp-tabs-list li.instagram:before, .bank-social-wrap .resp-tabs-list li.instagram:after {
    background: #454545;
}

.bank-social-wrap .top-tabs > li.facebook span:before {
    border-color: #00549f transparent transparent transparent;
}

.bank-social-wrap .top-tabs > li.twitter span:before {
    border-color: #1da1f2 transparent transparent transparent;
}

.bank-social-wrap .top-tabs > li.instagram span:before {
    border-color: #454545 transparent transparent transparent;
}

.bank-social-wrap .top-tabs > li span img {
    margin: 0 10px 0 0;
}

.bank-social-wrap .top-tabs > li.facebook span:after {
    content: "";
    position: absolute;
    width: 12px;
    height: 25px;
    left: -20px;
    top: -3px;
    background: url(/_layouts/15/BAB.V2.Internet.Web/images/bank-social-wrap-facebook.png) no-repeat center;
}

.bank-social-wrap .top-tabs > li.twitter span:after {
    content: "";
    position: absolute;
    width: 28px;
    height: 24px;
    left: -33px;
    top: -2px;
    background: url(/_layouts/15/BAB.V2.Internet.Web/images/bank-social-wrap-twitter.png) no-repeat center;
}

.bank-social-wrap .top-tabs > li.instagram span:after {
    content: "";
    position: absolute;
    width: 26px;
    height: 26px;
    left: -35px;
    top: -3px;
    background: url(/_layouts/15/BAB.V2.Internet.Web/images/bank-social-wrap-instagram.png) no-repeat center;
}

.bank-social-wrap .top-tabs > li span {
    left: 10px;
}

    .bank-social-wrap .top-tabs > li span:before {
        left: 29%;
    }

.bank-social-wrap .resp-tabs-list li:nth-child(3) {
    z-index: 0;
}

.bank-social-wrap .resp-tabs-list li.resp-tab-active:nth-child(3) {
    z-index: 2;
}

.bank-social-wrap .top-tabs > li.flex-active-slide span:before {
    top: 33px;
    opacity: 1;
}

#carousel .flex-viewport {
    padding-bottom: 10px;
    padding-left: 0%;
}

.bank-social-wrap .resp-tabs-container.hor_1:before {
    display: none;
}

.bank-social-wrap {
    background: url(/_layouts/15/BAB.V2.Internet.Web/images/socialmedia-bg.jpg) no-repeat center;
    background-size: cover;
    background-attachment: fixed;
    padding: 95px 0;
}

    .bank-social-wrap .resp-tab-content {
        padding: 44px 12px;
        float: left;
    }



li.facebook {
    background: url(/_layouts/15/BAB.V2.Internet.Web/images/new-social-icons.png) no-repeat left center;
}

li.twitter {
    background: url(/_layouts/15/BAB.V2.Internet.Web/images/new-social-icons.png) no-repeat -70px center;
}

li.linked-in {
    background: url(/_layouts/15/BAB.V2.Internet.Web/images/new-social-icons.png) no-repeat -140px center;
}

li.instagram {
    background: url(/_layouts/15/BAB.V2.Internet.Web/images/new-social-icons.png) no-repeat -210px center;
}

.text-social p {
    width: 100%;
    font-size: 14px;
    line-height: 22px;
    font-family: "FrutigerLTArabic-55Roman";
    text-align: right;
    font-weight: 500;
    /* padding: 0 50px; */
    margin: 0;
}

.register-content-wrap {
    float: right;
    width: 100%;
    min-height: 412px;
    background-size: cover;
    background: url(/_layouts/15/BAB.V2.Internet.Web/images/register-content-wrap-bg.jpg) no-repeat center;
    padding: 80px 50px 0 0px;
}

.register-content-head {
    margin: 0;
    font-size: 44px;
    
    font-weight: 600;
    color: #cf202e;
    line-height: 1;
}

.register-content-disc {
    margin: 20px 0 0 0;
    font-size: 24px;
    line-height: 31px;
    width: 360px;
    font-family: "FrutigerLTArabic-65Bold";
}

.register-content-anchor {
    float: right;
    background: #cf202e;
    color: #fff;
    
    font-size: 18px;
    font-family: "FrutigerLTArabic-55Roman";
    padding: 13px 25px;
    margin: 30px 0 0 0;
    transition: .5s;
}

    .register-content-anchor:hover {
        transition: .5s;
        background: #f8b22f;
        text-decoration: none;
        color: #fff;
    }

.footer-head {
    position: relative;
    margin: 0 0 30px 0;
    padding-bottom: 18px;
    
    font-size: 20px;
    font-family: "FrutigerLTArabic-55Roman"color:#d1202f;
}

footer {
    float: left;
    width: 100%;
    padding: 40px 0 45px 0;
}

    footer.hidden-xs.footer-container {
        background: #f5f5f5;
    }

.footer-head:before {
    right: 0;
    bottom: 0;
    content: "";
    height: 2px;
    width: 49px;
    background: #f8b333;
    position: absolute;
}

.footer-head {
    position: relative;
    margin: 0 0 25px 0;
    padding-bottom: 15px;
    font-size: 20px;
    font-family: "FrutigerLTArabic-55Roman";
    line-height: 20px;
    color: #d1202f;
}

.footer-content {
    margin: 0 0 10px 0;
    font-size: 14px;
    line-height: 26px;
    color: #333;
    font-family: "FrutigerLTArabic-45Light";
}

    .footer-content:last-child {
        margin: 0;
    }

footer ul li {
    width: 100%;
    font-size: 15px;
    padding: 0 0 9px 0;
}

    footer ul li a, footer ul li a:visited {
        color: #7b6f67 !important;
        transition: .5s;
        font-family: "FrutigerLTArabic-45Light";
        line-height: 15px;
    }

        footer ul li a:hover {
            color: #cf202e !important;
            text-decoration: none;
            transition: .5s;
            margin-left: 5px;
        }

footer input {
    width: 100%;
    height: 40px;
    padding: 10px;
    font-family: "FrutigerLTArabic-45Light";
    line-height: 15px;
    background: #fafafa;
    border: 1px solid #e3e3e3;
    margin: 5px 0 20px 0;
}

footer button {
    background: #d00f2c;
    border: 0;
    color: #fff;
    
    font-size: 14px;
    padding: 13px 20px;
    font-family: "FrutigerLTArabic-45Light";
    line-height: 14px;
    transition: .5s;
}

    footer button:hover {
        background: #f8b22f;
        transition: .5s;
    }

.copyright-wrap {
    border-top: 1px solid #ddd;
}

.copyright-text {
    float: right;
    width: auto;
    margin: 25px 0 25px 0;
    font-family: "FrutigerLTArabic-45Light";
    line-height: 14px;
    color: #7b6f67;
}

.copyright-wrap .social-wrap {
    padding: 15px 0 0 0;
    float: right;
    display: none;
}

.side-sticky-menu-wrap {
    position: fixed;
    right: 0;
    top: 200px;
    display: none;
}

.zopim {
    display: none;
    z-index: 99 !important;
}

.side-sticky-menu-wrap ul {
    float: left;
    margin: 0;
}

    .side-sticky-menu-wrap ul li {
        clear: both;
        margin: 0 0 10px 0;
    }

        .side-sticky-menu-wrap ul li:last-child {
            margin: 0;
        }

        .side-sticky-menu-wrap ul li a {
            position: relative;
            float: left;
            width: 45px;
            height: 45px;
            transition: .5s;
        }

            .side-sticky-menu-wrap ul li a span {
                background: #fff;
                border-radius: 50%;
                float: left;
                width: 45px;
                height: 45px;
                border: 1px solid #e6e4e4;
                z-index: 2;
                position: relative;
            }

            .side-sticky-menu-wrap ul li a p {
                background: #cf202e;
                position: absolute;
                right: 0;
                width: 0;
                font-family: "FrutigerLTArabic-45Light";
                font-size: 14px;
                line-height: 14px;
                color: #fff;
                z-index: 1;
                margin: 0;
                border-radius: 35px;
                padding: 14px 0 14px 15px;
                transition: .5s;
                font-weight: 500;
                opacity: 0;
                height: 45px;
            }

            .side-sticky-menu-wrap ul li a:hover p {
                width: 220px;
                opacity: 1;
                transition: .5s;
            }

        .side-sticky-menu-wrap ul li.cards-loyalty-sticky:hover p {
            width: 270px;
        }

        .side-sticky-menu-wrap ul li.calculator-sticky a:before {
            position: absolute;
            right: 13px;
            top: 12px;
            content: "";
            background: url(/_layouts/15/BAB.V2.Internet.Web/images/sprite.png) no-repeat -172px -85px;
            width: 17px;
            height: 21px;
            z-index: 3;
            transition: .5s;
            transform: scale(1);
        }

        .side-sticky-menu-wrap ul li.financing-products-sticky a:before {
            position: absolute;
            right: 9px;
            top: 10px;
            content: "";
            background: url(/_layouts/15/BAB.V2.Internet.Web/images/sprite.png) no-repeat -169px -108px;
            width: 25px;
            height: 24px;
            z-index: 3;
            transition: .5s;
            transform: scale(1);
        }

        .side-sticky-menu-wrap ul li.cards-loyalty-sticky a:before {
            position: absolute;
            right: 10px;
            top: 13px;
            content: "";
            background: url(/_layouts/15/BAB.V2.Internet.Web/images/sprite.png) no-repeat -170px -134px;
            width: 23px;
            height: 18px;
            z-index: 3;
            transition: .5s;
            transform: scale(1);
        }

        .side-sticky-menu-wrap ul li.download-app-sticky a:before {
            position: absolute;
            right: 15px;
            top: 10px;
            content: "";
            background: url(/_layouts/15/BAB.V2.Internet.Web/images/sprite.png) no-repeat -175px -156px;
            width: 13px;
            height: 23px;
            z-index: 3;
            transition: .5s;
            transform: scale(1);
        }

        .side-sticky-menu-wrap ul li.bank-albilad-social-sticky a:before {
            position: absolute;
            right: 11px;
            top: 9px;
            content: "";
            background: url(/_layouts/15/BAB.V2.Internet.Web/images/sprite.png) no-repeat -170px -180px;
            width: 23px;
            height: 23px;
            z-index: 3;
            transition: .5s;
            transform: scale(1);
        }

        .side-sticky-menu-wrap ul li.get-in-touch-sticky a:before {
            position: absolute;
            right: 11px;
            top: 10px;
            content: "";
            background: url(/_layouts/15/BAB.V2.Internet.Web/images/sprite.png) no-repeat -170px -205px;
            width: 22px;
            height: 22px;
            z-index: 3;
            transition: .5s;
            transform: scale(1);
        }

        .side-sticky-menu-wrap ul li a:hover span {
            background: #ac1420;
            transition: .5s;
        }

        .side-sticky-menu-wrap ul li.go-to-top-sticky a:before {
            position: absolute;
            right: 11px;
            top: 10px;
            content: "";
            background: url(/_layouts/15/BAB.V2.Internet.Web/images/sprite.png) no-repeat -170px -229px;
            width: 22px;
            height: 22px;
            z-index: 3;
            transition: .5s;
            transform: scale(1);
        }

        .side-sticky-menu-wrap ul li.go-to-top-sticky a:after {
            position: absolute;
            right: 11px;
            top: 10px;
            content: "";
            background: url(/_layouts/15/BAB.V2.Internet.Web/images/sprite.png) no-repeat -199px -229px;
            width: 20px;
            height: 20px;
            z-index: 3;
            transition: .5s;
            transform: scale(0);
        }

        .side-sticky-menu-wrap ul li.calculator-sticky a:after {
            position: absolute;
            right: 14px;
            top: 12px;
            content: "";
            background: url(/_layouts/15/BAB.V2.Internet.Web/images/sprite.png) no-repeat -201px -85px;
            width: 17px;
            height: 21px;
            z-index: 3;
            transition: .5s;
            transform: scale(0);
        }

        .side-sticky-menu-wrap ul li.financing-products-sticky a:after {
            position: absolute;
            right: 10px;
            top: 10px;
            content: "";
            background: url(/_layouts/15/BAB.V2.Internet.Web/images/sprite.png) no-repeat -197px -108px;
            width: 25px;
            height: 24px;
            z-index: 3;
            transition: .5s;
            transform: scale(0);
        }

        .side-sticky-menu-wrap ul li.cards-loyalty-sticky a:after {
            position: absolute;
            right: 10px;
            top: 13px;
            content: "";
            background: url(/_layouts/15/BAB.V2.Internet.Web/images/sprite.png) no-repeat -199px -134px;
            width: 23px;
            height: 18px;
            z-index: 3;
            transition: .5s;
            transform: scale(0);
        }

        .side-sticky-menu-wrap ul li.download-app-sticky a:after {
            position: absolute;
            right: 15px;
            top: 10px;
            content: "";
            background: url(/_layouts/15/BAB.V2.Internet.Web/images/sprite.png) no-repeat -199px -156px;
            width: 18px;
            height: 23px;
            z-index: 3;
            transition: .5s;
            transform: scale(0);
        }

        .side-sticky-menu-wrap ul li.bank-albilad-social-sticky a:after {
            position: absolute;
            right: 11px;
            top: 9px;
            content: "";
            background: url(/_layouts/15/BAB.V2.Internet.Web/images/sprite.png) no-repeat -199px -180px;
            width: 23px;
            height: 23px;
            z-index: 3;
            transition: .5s;
            transform: scale(0);
        }

        .side-sticky-menu-wrap ul li.get-in-touch-sticky a:after {
            position: absolute;
            right: 11px;
            top: 10px;
            content: "";
            background: url(/_layouts/15/BAB.V2.Internet.Web/images/sprite.png) no-repeat -199px -205px;
            width: 22px;
            height: 22px;
            z-index: 3;
            transition: .5s;
            transform: scale(0);
        }

        .side-sticky-menu-wrap ul li a:hover:after {
            transition: .5s;
            transform: scale(1);
        }

        .side-sticky-menu-wrap ul li a:hover:before {
            transition: .5s;
            transform: scale(0);
        }

.bottom-sticky-wrap {
    position: fixed;
    bottom: 0;
    background: #cf202e;
    z-index: 9;
}

    .bottom-sticky-wrap ul {
        float: left;
        margin: 0;
        width: 77%;
        padding: 13px 0;
    }

        .bottom-sticky-wrap ul li p {
            margin: 0;
        }

        .bottom-sticky-wrap ul li {
            margin: 0 60px 0 0;
        }

            .bottom-sticky-wrap ul li:last-child {
                margin: 0;
            }

            .bottom-sticky-wrap ul li a {
                float: left;
                width: 100%;
            }

                .bottom-sticky-wrap ul li a img {
                    float: left;
                }

            .bottom-sticky-wrap ul li p {
                margin: 6px 0 0 10px;
                float: left;
                color: #fff;
                font-size: 14px;
                
            }

.live-chat {
    position: fixed;
    right: 0;
    bottom: 35px;
    z-index: 9;
    display: none;
}

    .live-chat a {
        float: left;
        width: 100%;
    }

.bank-social-wrap .resp-tab-content img {
    width: 100%;
}

.navbar-nav > li.personal {
    margin: 0;
    padding: 0 30px 0 0;
}

.nav > li.personal:after {
    display: none;
}

#login-form-wrapper {
    right: -430px;
}

#overlay {
    background-color: rgba(0,0,0,0.8);
    position: fixed;
    width: 100%;
    top: 0;
    height: 100%;
    visibility: hidden;
    z-index: 99999999;
}

    #overlay a {
        display: block;
        width: 100%;
        height: 100%;
        cursor: default;
    }

.login-form-wrapper {
    width: 430px;
    float: right;
    background: #fff;
    max-width: 100%;
    position: fixed;
    top: 0;
    transition: .5s;
    z-index: 999;
    height: 100vh;
    overflow: scroll;
    z-index: 9999999999;
}

.login-form-wrap {
    float: left;
    width: 100%;
}

.login-form-top {
    float: left;
    width: 100%;
    padding: 10px;
}

.login-logo {
    float: left;
    width: auto;
}

    .login-logo a {
        float: left;
        width: auto;
    }

.login-close {
    width: auto;
    float: right;
}

    .login-close a {
        width: 35px;
        height: 35px;
        display: block;
        line-height: 50px;
        text-align: center;
        background: #fab22f;
        color: #000;
        background: url(/_layouts/15/BAB.V2.Internet.Web/images/close-btn.png)no-repeat top left;
        text-decoration: none;
    }

        .login-close a:hover {
            color: #FFF;
            background: url(/_layouts/15/BAB.V2.Internet.Web/images/close-btn-hover.png)no-repeat top left;
            text-decoration: none;
        }

.form-area {
    float: left;
    width: 100%;
    background: #fef6e8;
    padding: 20px 15px;
}

    .form-area .resp-tabs-container:before {
        display: none;
    }

    .form-area .resp-tabs-container {
        background: transparent;
        padding: 20px 0 0 0;
    }

    .form-area li.resp-tab-item {
        line-height: 15px;
        font-family: "FrutigerLTArabic-55Roman";
        position: relative;
        font-size: 15px;
        margin: 0 30px 0 0;
        cursor: pointer;
    }

        .form-area li.resp-tab-item:last-child {
            margin: 0;
        }

        .form-area li.resp-tab-item:before {
            content: "";
            background: #cbc5ba;
            width: 1px;
            height: 31px;
            position: absolute;
            right: -15px;
            top: -5px;
        }

        .form-area li.resp-tab-item:last-child:before {
            display: none;
        }

        .form-area li.resp-tab-item.resp-tab-active {
            color: #d1202f;
        }

    .form-area .resp-tabs-list {
        border-bottom: 1px solid #d1202f;
        padding-bottom: 20px;
    }

    .form-area li.resp-tab-item:after {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 7px 7px 0 7px;
        border-color: #cf202e transparent transparent transparent;
        left: 45%;
        top: 39px;
        transition: .5s;
        opacity: 0;
    }

    .form-area li.resp-tab-item.resp-tab-active:after {
        transition: .5s;
        opacity: 1;
    }

form.login-form {
    float: left;
    width: 100%;
}

.login-form-row {
    float: left;
    width: 100%;
    margin-bottom: 15px;
}

.label-wrap {
    font-family: "FrutigerLTArabic-55Roman";
    float: left;
    width: 122px;
    font-size: 15px;
    font-weight: 600;
}

.form-field-wrap {
    float: left;
    width: calc(100% - 122px);
    border: 1px solid #cdcdcd;
    height: 32px;
    position: relative;
}

    .form-field-wrap input {
        float: left;
        width: 100%;
        height: 30px;
        border: 0;
        cursor: initial;
        padding: 0 0 0 45px;
    }

    .form-field-wrap label {
        width: 37px;
        height: 31px;
        background: #f8b333;
        transition: .5s;
        position: absolute;
        left: 0;
        top: 0;
    }

    .form-field-wrap input:focus + label {
        background: #cf202e;
        transition: .5s;
    }

    .form-field-wrap label:before {
        background: url(/_layouts/15/BAB.V2.Internet.Web/images/sprite.png) no-repeat;
        position: absolute;
        left: 7px;
        top: 2px;
        width: 25px;
        height: 29px;
        content: "";
    }

    .form-field-wrap label.customer-name:before {
        background-position: 0 -426px;
    }

    .form-field-wrap label.user-name:before {
        background-position: -41px -427px;
    }

    .form-field-wrap label.password:before {
        background-position: -87px -426px;
    }

.login-form a {
    width: calc(100% - 122px);
    float: right;
    font-size: 15px;
    color: #d1202f;
    font-weight: 500;
    font-family: "FrutigerLTArabic-55Roman";
}

.login-submit-btn {
    float: left;
    clear: both;
    padding: 10px 45px;
    color: #fff;
    font-size: 16px;
    
    background: #cf202e;
    border: 1px solid #cf202e;
    transition: .5s;
    line-height: 1;
    font-family: "FrutigerLTArabic-55Roman";
    margin: 20px 0 0 0;
}

    .login-submit-btn:hover {
        color: #cf202e;
        background: transparent;
        transition: .5s;
    }

.register-wrap {
    float: left;
    width: 100%;
    padding: 60px 15px 40px 15px;
}

.register-heading {
    margin: 0 0 5px 0;
    font-size: 24px;
    
    font-family: "FrutigerLTArabic-55Roman";
}

.register-content {
    font-size: 14px;
    font-family: "FrutigerLTArabic-55Roman";
    margin: 0 0 25px 0;
}

.register-wrap ul {
    float: left;
    width: 100%;
    margin: 0;
}

    .register-wrap ul li {
        width: 100%;
        font-size: 14px;
        line-height: 14px;
        font-family: "FrutigerLTArabic-55Roman";
        padding: 0 0 25px 35px;
        position: relative;
    }

        .register-wrap ul li:last-child {
            padding: 0 0 0 35px;
        }

        .register-wrap ul li:before {
            background: url(/_layouts/15/BAB.V2.Internet.Web/images/sprite.png) no-repeat -138px -428px;
            position: absolute;
            left: 0;
            top: -3px;
            width: 24px;
            height: 24px;
            content: "";
        }

.modal-body {
    padding: 28px !important;
    float: right;
    width: 100%;
    background: #fff;
    max-width: 100%;
    top: 40px;
}

.modal-body-captcha {
    padding: 15px 10px 15px 5px !important;
    float: right;
    width: 100%;
    background: #fff;
    max-width: 100%;
    
}

      .modal-footer-captcha {
    padding: 1rem;
    text-align: center;
    border-top: 1px solid #e5e5e5;
    justify-content: center;
    display: flex;
    -webkit-box-align: center;
}

    .modal-body iframe {
        width: 100%;
        height: 613px;
    }

.modal-footer {
    padding: 0;
}

.login-form-wrapper ul.resp-tabs-list {
    display: block;
}

.login-form-wrapper h2.resp-accordion {
    display: none;
}

.modal-body .close {
    position: absolute;
    width: 46px;
    height: 46px;
    background: #f8b333;
    opacity: 1;
    right: 0;
    font-size: 27px;
    
    color: #fff;
    font-weight: 300;
    font-family: 'Roboto',sans-serif;
    text-align: center;
    padding: 0 0 0 3px;
    text-shadow: none;
    transition: .5s;
}

    .modal-body .close:hover {
        opacity: 1;
        background: #d00f2c;
        transition: .5s;
        color: #fff;
    }

.other-services-wrap ul {
    float: left;
    width: 100%;
    margin: 0;
}

    .other-services-wrap ul li:first-child {
        border-left: 1px solid #e9e9e9;
    }

    .other-services-wrap ul li {
        float: right;
        width: 25%;
        text-align: center;
        border-right: 1px solid #e9e9e9;
    }

        .other-services-wrap ul li a {
            padding: 40px 0 50px 0;
            float: left;
            width: 100%;
            text-align: center;
            transition: .5s;
        }

            .other-services-wrap ul li a:hover {
                text-decoration: none;
                background-color: #524339;
                transition: .5s;
            }

                .other-services-wrap ul li a:hover p {
                    color: #fff;
                    transition: .5s;
                }

                .other-services-wrap ul li a:hover img {
                    transform: scale(0.9);
                    transition: .5s;
                }

            .other-services-wrap ul li a img {
                display: inline-block;
                float: none;
                margin: 0 0 15px 0;
                transition: .5s;
            }

            .other-services-wrap ul li a p {
                font-family: "FrutigerLTArabic-55Roman";
                margin: 0;
                font-size: 19px;
                color: #cf202e;
                font-weight: 500;
                
                transition: .5s;
            }

.inside-banner {
    width: 100%;
    float: left;
    height: 280px;
}

    .inside-banner.inside {
        background: url(/_layouts/15/BAB.V2.Internet.Web/images/inside-header-01.jpg) no-repeat top center;
        background-size: cover;
    }

    .inside-banner.inside-business {
        background: url(/_layouts/15/BAB.V2.Internet.Web/images/inside-header-business.jpg) no-repeat top center;
        background-size: cover;
    }

    .inside-banner.inside-card {
        background: url(/_layouts/15/BAB.V2.Internet.Web/images/inside-header-card.jpg) no-repeat top center;
        background-size: cover;
    }

    .inside-banner.inside-card-detail {
        background: url(/_layouts/15/BAB.V2.Internet.Web/images/inside-card-detail.jpg) no-repeat top center;
        background-size: cover;
    }

    .inside-banner.inside-contact-us {
        background: url(/_layouts/15/BAB.V2.Internet.Web/images/inside-header-contact-us.jpg) no-repeat top center;
        background-size: cover;
    }

    .inside-banner.inside-card-detail .inside-card-detail-wrap {
        padding: 55px 0 0 98px;
    }

.inside-card-detail-wrap .part-2 a {
    display: inline-block;
    background: url(/_layouts/15/BAB.V2.Internet.Web/images/mouse-small-black.png) no-repeat 95% 8px #f6b333;
    float: left;
    padding: 15px 46px 15px 20px;
    border-radius: 10px;
    border: solid 1px #f6b333;
    font-family: "FrutigerLTArabic-65Bold";
    font-size: 20px;
    line-height: 20px;
    box-shadow: 0 0 5px rgba(0,0,0,.5);
}

.inside-card-detail-wrap div {
    float: right;
}

.inside-card-detail-wrap .part-2 span {
    display: inline-block;
    margin-top: 5px;
    float: right;
}

.inside-card-detail-wrap .part-2 a:hover {
    background: url(/_layouts/15/BAB.V2.Internet.Web/images/mouse-small.png) no-repeat 95% 8px transparent;
    color: #FFF;
    text-decoration: none;
    border: solid 1px #fff;
}

.inside-card-detail-wrap div img {
    width: 100%;
}

.breadcrumb-part {
    padding: 8px 0 15px 0;
    background: #f6f6f6;
}

    .breadcrumb-text a {
        font-size: 13px;
        padding: 5px 0px 0 22px;
        font-family: "FrutigerLTArabic-45Light";
        
        position: relative;
        float: right;
        display: inline-block;
        line-height: 15px;
        margin-left: 5px;
    }

        .breadcrumb-text a:hover {
            color: #cf202e;
            text-decoration: none;
        }

    .breadcrumb-text span {
        display: inline-block;
        margin: 0 5px;
        display: none;
    }

    .breadcrumb-text a:after {
        content: "";
        position: absolute;
        left: 6px;
        width: 5px;
        top: 8px;
        height: 10px;
        transform: rotate(-175deg);
        background: url(/_layouts/15/BAB.V2.Internet.Web/images/breadcrum-arrow.png) no-repeat;
    }


    .breadcrumb-text a:last-child:after {
        display: none;
    }

#chatra.chatra--pos-right {
    display: none;
}

.inside-tab {
    min-height: 150px;
    border-bottom: solid 1px #ccc;
    margin-bottom: 45px;
    text-align: center;
}

    .inside-tab.fl-wdth.contact-us-tab {
        margin-bottom: 0;
    }

.tab-list {
    width: auto;
    float: none;
    margin: 0 auto;
    display: inline-block;
}

    .tab-list li {
        width: auto;
        text-align: center;
        margin: 0 50px;
        position: relative;
        transition: .5s;
        float: right;
    }

        .tab-list li:after {
            width: 1px;
            height: 87px;
            position: absolute;
            left: -50px;
            top: 34px;
            content: "";
            background: #ccc;
        }

        .tab-list li:before {
            display: none;
            width: 100%;
            height: 3px;
            position: absolute;
            left: 0;
            bottom: -5px;
            content: "";
            background: #cf202e;
            transition: .5;
        }

        .tab-list li:hover:before {
            display: block;
            transition: .5;
        }

        .tab-list li:last-child:after {
            display: none;
        }

        .tab-list li:first-child {
            margin-right: 0;
        }

        .tab-list li:last-child {
            margin-left: 0;
        }

        .tab-list li .text {
            font-family: "FrutigerLTArabic-55Roman";
            color: #796a62;
            line-height: 18px;
            font-size: 18px;
            margin-bottom: 30px;
        }

        .tab-list li .image {
            width: 62px;
            height: 62px;
            display: block;
            text-align: center;
            float: none;
            margin: 0 auto;
            margin-bottom: 12px;
        }

        .tab-list li span {
            background: url(/_layouts/15/BAB.V2.Internet.Web/images/inside-tab.png) no-repeat;
            display: block;
            height: 62px;
            width: 62px;
            float: none;
            margin: 0 auto;
            margin-top: 25px;
        }

        .tab-list li a {
            display: inline-block;
            transition: .5s;
            text-decoration: none;
            font-family: "FrutigerLTArabic-55Roman";
        }

    .tab-list .icon-1 span {
        background-position: 0 0;
        height: 62px;
        width: 62px;
        transition: .5s;
    }

    .tab-list .icon-2 span {
        background-position: -64px 0;
        height: 62px;
        width: 53px;
        transition: .5s;
    }

    .tab-list .icon-3 span {
        background-position: -120px 0;
        height: 63px;
        width: 64px;
        transition: .5s;
    }

    .tab-list .icon-4 span {
        background-position: -190px 0;
        height: 63px;
        width: 64px;
        transition: .5s;
    }

    .tab-list li a:hover .text {
        color: #cf202e;
    }

.text.text-active {
    color: #cf202e !important;
}

.tab-list .icon-1 a:hover span {
    background-position: 0 -63px;
    transition: .5s;
}

.tab-list .icon-1 a.active span {
    background-position: 0 -63px;
    transition: .5s;
}

    .tab-list .icon-1 a.active span:before {
        width: 100%;
        height: 3px;
        position: absolute;
        left: 0;
        bottom: -5px;
        content: "";
        background: #cf202e;
        transition: .5;
    }

.tab-list .icon-2 a:hover span {
    background-position: -64px -63px;
    transition: .5s;
}

.tab-list .icon-2 a.active span {
    background-position: -64px -63px;
    transition: .5s;
}

    .tab-list .icon-2 a.active span:before {
        width: 100%;
        height: 3px;
        position: absolute;
        left: 0;
        bottom: -5px;
        content: "";
        background: #cf202e;
        transition: .5;
    }

.tab-list .icon-3 a:hover span {
    background-position: -120px -63px;
    transition: .5s;
}

.tab-list .icon-3 a.active span {
    background-position: -120px -63px;
    transition: .5s;
}

    .tab-list .icon-3 a.active span:before {
        width: 100%;
        height: 3px;
        position: absolute;
        left: 0;
        bottom: -5px;
        content: "";
        background: #cf202e;
        transition: .5;
    }

.tab-list .icon-4 a:hover span {
    background-position: -190px -63px;
    transition: .5s;
}

.tab-list .icon-4 a.active span {
    background-position: -190px -63px;
    transition: .5s;
}

    .tab-list .icon-4 a.active span:before {
        width: 100%;
        height: 3px;
        position: absolute;
        left: 0;
        bottom: -5px;
        content: "";
        background: #cf202e;
        transition: .5;
    }

.content-left-wrap {
    width: 25.7%;
    float: left;
    border: solid 1px #ccc;
}

.content-right-wrap {
    width: 70.7%;
    float: right;
}

	.content-right-wrap .content-head:after {
		left: 0;
		width: 70px;
	}

    .content-right-wrap.inside-img {
        margin: 30px 0;
    }

        .content-right-wrap .inside-img img {
            width: 100%;
            height: auto;
            margin: 30px 0;
        }

    .content-right-wrap .left-box, .content-right-wrap .right-box {
        width: 48%;
        float: left;
        margin-bottom: 30px;
    }

    .content-right-wrap .content-sub-head {
        width: 100%;
        float: left;
        margin: 0;
        padding: 0;
        font-size: 24px;
        color: #cf202e;
        margin-bottom: 30px;
        font-family: "FrutigerLTArabic-55Roman";
    }

    .content-right-wrap p {
        font-size: 14px;
        line-height: 28px;
        text-align: justify;
        font-family: "FrutigerLTArabic-55Roman";
        margin-bottom: 0;
    }

.finance-wrap {
    background: #f6f6f6;
    padding: 30px 40px;
    margin-bottom: 40px;
}

.content-right-wrap .finance-wrap .content-sub-head {
    margin-bottom: 15px;
}

.finance-wrap ul {
    margin: 0;
    width: 100%;
    float: left;
}

    .finance-wrap ul li {
        font-size: 14px;
        line-height: 23px;
        width: 100%;
        float: left;
        background: url(/_layouts/15/BAB.V2.Internet.Web/images/red-arrow-right.png) no-repeat 0 2px;
        text-align: justify;
        font-family: "FrutigerLTArabic-55Roman";
        padding-left: 32px;
        margin-bottom: 0;
    }

        .finance-wrap ul li:first-child {
            margin-bottom: 30px;
        }

.finance-product-wrap {
    margin-bottom: 32px;
}

    .finance-product-wrap ul {
        margin: 0;
        width: 100%;
        float: left;
    }

        .finance-product-wrap ul li {
            font-size: 14px;
            line-height: 23px;
            text-align: center;
            font-family: "FrutigerLTArabic-55Roman";
            margin: 0 18px;
            border: solid 1px #ccc;
            width: 30.29%;
            min-height: 163px;
            padding: 35px 25px;
        }

            .finance-product-wrap ul li:first-child {
                margin-left: 0;
                padding: 35px 10px;
            }

            .finance-product-wrap ul li:last-child {
                margin-right: 0;
                padding: 35px 10px;
            }

.quick-contact-wrap {
    background: #f6b333;
    min-height: 194px;
    padding: 45px 25px 40px 20px;
    margin-bottom: 45px;
}

    .quick-contact-wrap .contact-img {
        width: 111px;
        height: 111px;
        line-height: 111px;
        float: left;
        background: url(/_layouts/15/BAB.V2.Internet.Web/images/quick-enquiry-bg.png) no-repeat center #cf202e;
        border: transparent;
        border-radius: 100px;
        margin-right: 22px;
    }

    .quick-contact-wrap .contact-text {
        width: 82%;
        float: left;
        margin: 0;
    }

        .quick-contact-wrap .contact-text p {
            font-size: 17px;
            line-height: 22px;
            font-family: "FrutigerLTArabic-55Roman";
            font-weight: normal;
        }

        .quick-contact-wrap .contact-text .p1 {
            margin-bottom: 25px;
        }

        .quick-contact-wrap .contact-text a {
            font-size: 18px;
            text-decoration: underline;
        }

            .quick-contact-wrap .contact-text a:hover {
                color: #cf202e;
                text-decoration: none;
            }

.content-left-wrap ul li { /*width: 100%;*/
    width: 100%; /*float:left*/
}

    .content-left-wrap ul li a {
        display: block;
        font-size: 16px;
        line-height: 20px;
        color: #796a62;
        padding: 40px 8px 40px 20px;
        border-bottom: solid 1px #ccc;
        text-decoration: none;
        font-family: "FrutigerLTArabic-45Light";
    }

        .content-left-wrap ul li a:hover, .content-left-wrap ul li .active {
            background: #cf202e;
            color: #FFF;
        }

    .content-left-wrap ul li:last-child a {
        border-bottom: 0;
    }

.search {
    position: relative;
    display: inline-block;
    float: left;
    width: auto;
}

    .search-wrap p, .search p {
        float: left;
        width: auto;
        display: block;
        margin-left: 10px;
        line-height: 15px;
        font-family: "FrutigerLTArabic-45Light";
    }

.icon-search {
    float: left;
    width: 22px;
    height: 22px;
    color: #fff;
    border-radius: 50px;
    display: inline-block;
    font-size: 18px;
    margin: -2px 0 0;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    cursor: pointer;
    z-index: 10;
    position: relative;
    background: url(/_layouts/15/BAB.V2.Internet.Web/images/search-icon.png) no-repeat -22px 0;
}

    .icon-search:hover:before {
        transform: scale(1);
        transition: .5s;
        background-color: #325b99;
    }

    .icon-search:before {
        width: 22px;
        height: 22px;
        border-radius: 50px;
        background: url(/_layouts/15/BAB.V2.Internet.Web/images/search-icon.png) no-repeat -22px 0 #325b99;
        position: absolute;
        left: 0;
        top: 0;
        transition: .5s;
        content: "";
        transform: scale(0);
    }

.search_form {
    background: #f8b22f;
    position: absolute;
    z-index: 999;
    padding: 0 5px;
    left: 0;
    top: 15px;
    overflow: hidden;
    border-radius: 10px;
    width: 20px;
    height: 0;
    transition: height .2s ease-out .5s,top .2s ease-out .5s,padding .2s ease-out .5s,width .3s ease-out .2s;
    -webkit-transition: height .2s ease-out .5s,top .2s ease-out .5s,padding .2s ease-out .5s,width .3s ease-out .2s;
}

    .search_form form {
        opacity: 0;
        transition: all .3s ease-out;
        -webkit-transition: all .3s ease-out;
    }

    .search_form input {
        background: #fff;
        border: 0;
    }

        .search_form input[type='text'] {
            border-radius: 5px 0 0 5px;
            width: 150px;
            margin: 0 1px 0 0;
            padding: 0 5px 1px;
            min-height: 23px;
        }

        .search_form input[type='submit'] {
            border-radius: 0 5px 5px 0;
            
            font-family: "FrutigerLTArabic-45Light";
            font-size: 11px;
            line-height: 11px;
            padding: 0 5px;
            min-height: 23px;
            margin: 0;
            cursor: pointer;
        }

.search_box {
    visibility: hidden;
    display: none;
}

    .search_box:checked ~ .search_form {
        width: 211px;
        height: 34px;
        padding: 5px;
        top: 35px;
        left: 0;
        transition: height .2s ease-out,top .2s ease-out,padding .2s ease-out,0.3s width ease-out .2s;
        -webkit-transition: height .2s ease-out,top .2s ease-out,padding .2s ease-out,0.3s width ease-out .2s;
    }

        .search_box:checked ~ .search_form form {
            opacity: 1;
            transition: .3s all ease-out .5s;
            -webkit-transition: .3s all ease-out .5s;
        }

.menu-wrap:hover {
    overflow: visible;
}

.menu-wrap {
    width: auto;
    float: right;
    margin: 0;
}

    .menu-wrap ul {
        width: auto;
        z-index: 10;
        margin-bottom: 0;
    }

        .menu-wrap ul li {
            width: auto;
        }

            .menu-wrap ul li a {
                display: inline-block;
                font-size: 18px;
                font-family: "FrutigerLTArabic-45Light";
                color: #796a62 !important;
                text-align: left;
                line-height: 18px;
                padding: 10px 20px 16px 20px;
                position: relative;
            }
                /* .menu-wrap ul li:first-child a{background:url(/_layouts/15/BAB.V2.Internet.Web/images/main-menu-li-1.png)no-repeat 9px 29px}
.menu-wrap ul li:nth-child(2) a{background:url(/_layouts/15/BAB.V2.Internet.Web/images/main-menu-li-2.png)no-repeat 9px 29px}
.menu-wrap ul li:nth-child(3) a{background:url(/_layouts/15/BAB.V2.Internet.Web/images/main-menu-li-3.png)no-repeat 9px 29px} */
                .menu-wrap ul li a:hover {
                    text-decoration: none;
                    background: #fff;
                }

                .menu-wrap ul li a.single {
                    padding: 37px 25px 48px 25px;
                }
    /* .menu-wrap ul .menu-1 a:before{background:url(/_layouts/15/BAB.V2.Internet.Web/images/sprite.png) no-repeat -1px -398px;width:11px;height:7px;content:"";position:absolute;right:18px;top:50%;margin-top:-3.5px} */
    .menu-wrap:hover {
        overflow: visible;
    }

.menu-wrap {
    width: auto;
    float: left;
    margin: 0;
    overflow: hidden;
}

    .menu-wrap ul {
        width: auto;
        z-index: 10;
    }

        .menu-wrap ul li {
            width: auto;
        }

.submenu ul li a {
    line-height: 18px;
    text-align: left;
    color: #fff;
    width: 100%;
    position: relative;
    padding: 37px 0 37px 90px;
    display: block;
    border-bottom: 0;
}
/* .submenu ul li:last-child a{border-bottom:solid 1px #fff} */
.menu-wrap ul li a.single {
    padding: 37px 25px 48px 25px;
}

.menu-wrap ul li a:after {
    content: "";
    width: 1px;
    height: 30px;
    background: #cacaca;
    position: absolute;
    right: 0;
    top: 6px;
    opacity: 1;
}

.menu-wrap ul li:last-child a:after {
    display: none;
}

.submenu ul li:last-child a:after {
    display: block;
}

.submenu ul li ul li:last-child a:after {
    display: none;
}

.service-menu {
    position: absolute;
    left: 0;
    top: 109px;
    visibility: hidden;
    opacity: 0;
    transition: all .5s ease;
    z-index: 9999999;
}

.left-images {
    width: 33%;
    padding: 33px 0 0 0;
    float: right;
}

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

.right-content {
    width: 100%;
    right: 0;
    position: relative;
    height: 100%;
    float: left;
}

.submenu {
    position: absolute;
    left: 0;
    padding-top: 50px !important;
    opacity: 0;
    visibility: hidden;
    transition: .5s;
    width: 100%;
    padding: 0;
    top: 0;
}

    .submenu ul li a {
        line-height: 18px;
        font-family: "FrutigerLTArabic-45Light";
        text-align: left;
        color: #fff !important;
        width: 100%;
        position: relative;
        padding: 14px 25px;
        display: block;
        border-bottom: 0;
        color: #7b6f67 !important;
    }
/* .submenu ul li:last-child a{border-bottom:solid 1px #e37982} */
.menu-wrap ul li {
    color: #FFF;
}

    .menu-wrap ul li .left-images p {
        font-family: "FrutigerLTArabic-45Light";
        line-height: 25px;
        color: #FFF;
        font-size: 25px;
        margin-bottom: 35px;
        
    }

    .menu-wrap ul li .left-images img {
        margin-bottom: 21px;
    }

    .menu-wrap ul li ul li a:hover {
        border-radius: 0;
        color: #fff;
        text-decoration: none;
    }

.submenu ul li a:hover {
    color: #009b3a;
}

.submenu ul li a:before {
    display: none;
}
/* .submenu ul li a:after{content:"";display:block!important;width:0;height:0;background:0;right:29px;top:50%!important;margin-top:-4.5px;border-style:solid;border-width:4.5px 0 4.5px 5px;border-color:transparent transparent transparent #fff} */
/* .submenu ul li:nth-child(1) a{background:url(/_layouts/15/BAB.V2.Internet.Web/images/menu-li-1.png)no-repeat 30px 29px}
.submenu ul li:nth-child(2) a{background:url(/_layouts/15/BAB.V2.Internet.Web/images/menu-li-2.png)no-repeat 30px 29px}
.submenu ul li:nth-child(3) a{background:url(/_layouts/15/BAB.V2.Internet.Web/images/menu-li-3.png)no-repeat 30px 29px}
.submenu ul li:nth-child(4) a{background:url(/_layouts/15/BAB.V2.Internet.Web/images/menu-li-4.png)no-repeat 30px 29px} */
.submenu ul {
    position: relative;
    width: 100%;
    height: 100%;
}

    .submenu ul ul {
        position: absolute;
        top: 47px;
        opacity: 0;
        visibility: hidden;
        background: #7b6f67 !important;
        transition: 0;
        width: auto;
        height: 440px;
        min-height: 372px;
        width: 380px;
        padding-left: 0;
    }

    .submenu ul li:hover ul {
        opacity: 1;
        visibility: visible;
        background: #d1202f;
    }

    .submenu ul li:hover li:first-child ul {
        visibility: hidden;
    }

    .submenu ul li {
        width: auto;
    }

        .submenu ul li:last-child {
            border-bottom: 0;
        }

.menu-wrap ul li:hover .submenu {
    top: 92px;
    opacity: 1;
    visibility: visible;
    transition: .5s;
    z-index: 99;
}

    .menu-wrap ul li:hover .submenu ul .active:first-child ul {
        visibility: visible;
        opacity: 1;
        background: #d1202f;
    }

.submenu ul .active ul li a {
    background: none !important;
    color: #fff !important;
}

.submenu ul li ul li a {
    background: none !important;
    padding: 15px 20px 0 20px;
    font-size: 18px;
    line-height: 26px;
    font-weight: normal;
    border: 0;
    position: relative;
}

.submenu ul li ul li:last-child a {
    border-bottom: 0;
}
/* .submenu ul li ul li a:before{background:url(/_layouts/15/BAB.V2.Internet.Web/images/right-arrow-wh.png) no-repeat!important;width:5px!important;height:9px!important;content:"";position:absolute;left:0;top:23px!important;margin-top:0!important;display:block} */
.submenu ul li ul li a:after {
    display: none !important;
    width: 100%;
}

.submenu ul li ul li {
    width: 100%;
    padding: 0;
}

.no-sub .submenu ul li {
    clear: none;
}

    .no-sub .submenu ul li:nth-child(2) {
        margin-top: 30px;
    }

.overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    display: none;
    z-index: 9;
    left: 0;
    top: 0;
    transition: all .1s ease;
}

.change-2 {
    top: 0;
    transition: all .1s ease;
}

.submenu:before {
    position: absolute;
    background: url(/_layouts/15/BAB.V2.Internet.Web/images/up-arrow-bg.png)no-repeat top left;
    content: "";
    width: 17px;
    height: 9px;
}

.menu-wrap ul li:first-child .submenu:before {
    top: -9px;
    left: 37%;
}

.menu-wrap ul li:nth-child(2) .submenu:before {
    top: -9px;
    left: 52%;
}

.menu-wrap ul li:nth-child(3) .submenu:before {
    top: -9px;
    left: 66%;
}

#dl-menu {
    display: none;
}

.finance-calc-tab-mob {
    display: none !important;
}

.flex-container a:hover, .flex-slider a:hover {
    outline: 0;
}

.slides, .slides > li, .flex-control-nav, .flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none;
}

.flex-pauseplay span {
    
}

.flexslider {
    margin: 0;
    padding: 0;
}

    .flexslider .slides > li {
        display: none;
        -webkit-backface-visibility: hidden;
    }

    .flexslider .slides img {
        width: 100%;
        display: block;
    }

    .flexslider .slides:after {
        content: "\0020";
        display: block;
        clear: both;
        visibility: hidden;
        line-height: 0;
        height: 0;
    }

html[xmlns] .flexslider .slides {
    display: block;
}

* html .flexslider .slides {
    height: 1%;
}

ul.slides.resp-tabs-list.top-tabs {
    padding-left: 0;
    transform: none !important;
}

.no-js .flexslider .slides > li:first-child {
    display: block;
}

#slider {
    background: #fff;
    float: left;
    width: 100%;
    padding: 15px 15px;
    margin: -10px 0 0 0;
    box-shadow: 1px 1px 20px rgba(0,0,0,0.2);
    direction: ltr;
}

#carousel {
    z-index: 2;
    direction: ltr;
}

.bank-social-wrap .content-head {
    margin-bottom: 40px;
}

.flexslider {
    margin: 0;
    border: 0;
    position: relative;
    zoom: 1;
}

    .flexslider .slides {
        zoom: 1;
    }

        .flexslider .slides img {
            height: auto;
            -moz-user-select: none;
        }

        .flexslider .slides li {
            background: none;
        }

    .flexslider .resp-tabs-list.slides li {
        width: 199px !important;
        float: right !important;
    }

.flex-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.loading .flex-viewport {
    max-height: 300px;
}

.carousel li {
    margin-right: 5px;
}

.flex-direction-nav {
    display: none;
}

    .flex-direction-nav a {
        text-decoration: none;
        display: block;
        width: 40px;
        height: 40px;
        margin: -20px 0 0;
        position: absolute;
        top: 50%;
        z-index: 10;
        overflow: hidden;
        opacity: 0;
        cursor: pointer;
        color: rgba(0,0,0,0.8);
        text-shadow: 1px 1px 0 rgba(255,255,255,0.3);
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }

        .flex-direction-nav a:before {
            font-family: "flexslider-icon";
            font-size: 40px;
            display: inline-block;
            content: '\f001';
            color: rgba(0,0,0,0.8);
            text-shadow: 1px 1px 0 rgba(255,255,255,0.3);
        }

        .flex-direction-nav a.flex-next:before {
            content: '\f002';
        }

    .flex-direction-nav .flex-prev {
        left: -50px;
    }

    .flex-direction-nav .flex-next {
        right: -50px;
        text-align: right;
    }

.flexslider:hover .flex-direction-nav .flex-prev {
    opacity: .7;
    left: 10px;
}

    .flexslider:hover .flex-direction-nav .flex-prev:hover {
        opacity: 1;
    }

.flexslider:hover .flex-direction-nav .flex-next {
    opacity: .7;
    right: 10px;
}

    .flexslider:hover .flex-direction-nav .flex-next:hover {
        opacity: 1;
    }

.flex-direction-nav .flex-disabled {
    opacity: 0 !important;
    filter: alpha(opacity=0);
    cursor: default;
    z-index: -1;
}

.flex-pauseplay a {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: 5px;
    left: 10px;
    opacity: .8;
    z-index: 10;
    overflow: hidden;
    cursor: pointer;
}

    .flex-pauseplay a:before {
        font-family: "flexslider-icon";
        font-size: 20px;
        display: inline-block;
        content: '\f004';
    }

    .flex-pauseplay a:hover {
        opacity: 1;
    }

    .flex-pauseplay a.flex-play:before {
        content: '\f003';
    }

.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: -40px;
    text-align: center;
}

    .flex-control-nav li {
        margin: 0 6px;
        display: inline-block;
        zoom: 1;
        *display: inline;
    }

.flex-control-paging li a {
    width: 11px;
    height: 11px;
    display: block;
    background: #666;
    background: rgba(0,0,0,0.5);
    cursor: pointer;
    text-indent: -9999px;
    -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
    -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
    -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
    box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

    .flex-control-paging li a:hover {
        background: #333;
        background: rgba(0,0,0,0.7);
    }

    .flex-control-paging li a.flex-active {
        background: #000;
        background: rgba(0,0,0,0.9);
        cursor: default;
    }

.flex-control-thumbs {
    margin: 5px 0 0;
    position: static;
    overflow: hidden;
}

    .flex-control-thumbs li {
        width: 25%;
        float: left;
        margin: 0;
    }

    .flex-control-thumbs img {
        width: 100%;
        height: auto;
        display: block;
        opacity: .7;
        cursor: pointer;
        -moz-user-select: none;
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -ms-transition: all 1s ease;
        -o-transition: all 1s ease;
        transition: all 1s ease;
    }

        .flex-control-thumbs img:hover {
            opacity: 1;
        }

    .flex-control-thumbs .flex-active {
        opacity: 1;
        cursor: default;
    }

.bank-social-content-wrap {
    float: right;
    width: 48%;
    position: relative;
}

.cssmenu ul li.inside-menu-wrapper li.highlight-link a.highlight-link-1 {
    background: #d1202f;
    color: #fff !important;
}

.cssmenu ul li.inside-menu-wrapper li.highlight-link::before {
    color: #fff !important;
    z-index: 9;
}

.mob-menu-icon {
    display: none;
    font-size: 30px;
    cursor: pointer;
    float: left;
    color: #d20f2d;
    padding-left: 8px;
}

.thedacALLCONTENT {
    float: left;
    width: 290px;
    height: auto;
    background: #fff;
    position: absolute;
    z-index: 99;
    box-shadow: 0 2px 6px #b79f9f;
    top: 55px;
    display: none;
}

#thedacbutton {
    float: left;
    position: relative;
    z-index: 99;
    clear: both;
    text-indent: -9999px;
    background: transparent url(/_layouts/15/BAB.V2.Internet.Web/images/left-menu-dp.png) no-repeat scroll left center;
    padding: 0;
    border: 0;
    width: 30px;
    height: 50px;
    margin-left: -7px;
}

.new-left-dp {
    padding: 15px;
    float: left;
}

    .new-left-dp .inside-menu-bottom-wrapper {
        border-top: 1px solid rgba(223,229,237,.9);
        padding: 10px 0 0 0;
        margin: 10px 0 0 0;
    }

        .new-left-dp .inside-menu-bottom-wrapper li {
            width: 100%;
            text-align: center;
            padding: 5px 0;
        }


.why-us-right {
    height: 640px;
    background: url(/_layouts/15/BAB.V2.Internet.Web/images/why-right-bg.jpg) no-repeat 0 0;
    background-size: cover;
}

.why-us-left {
    height: 640px;
    background: #f6f6f6;
    padding-top: 147px;
}

.why-us-data {
    width: 585px;
}

.why-us .content-head {
    text-align: right;
}

    .why-us .content-head:after {
        width: 70px;
        right: 0;
        left: auto;
        margin: 0px;
    }

.why-us-list li {
    width: 48%;
    float: right;
    margin-bottom: 50px;
}

    .why-us-list li:nth-child(2n) {
        float: left;
    }

.why-us-list {
    margin-bottom: 0;
    float: left;
    width: 100%;
    margin-top: 34px;
}

    .why-us-list .list-heading {
        font-size: 18px;
        color: #cf202e;
        line-height: 18px;
        margin-bottom: 22px;
        font-weight: 500;
    }

    .why-us-list p {
        font-size: 16px;
        line-height: 26px;
        margin-bottom: 0;
    }

.request-form {
    padding: 54px 0;
    background: #f8b333;
}

    .request-form .content-head-2 {
        color: #fff;
        text-align: center;
        width: 100%;
        float: left;
        font-size: 50px;
        line-height: 40px;
        margin-bottom: 50px;
        
        font-weight: 600;
    }

    .request-form input, .request-form select {
        height: 50px;
        padding: 0 15px 0 0px;
        font-size: 17px;
        line-height: 25px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        width: 265px;
        margin-right: 20px;
        outline: 0;
        border: 0;
    }

.contact-form {
    width: 100%;
    float: left;
    padding: 0 27px;
}

.request-form input.enquiry-button {
    width: 195px;
    margin-left: 0;
    padding: 0;
    background: transparent;
    border: solid 1px #fff;
    color: #fff;
    
    transition: .5s;
}

    .request-form input.enquiry-button:hover {
        color: #fab22f;
        background: #fff;
        transition: .5s;
    }

.request-form select {
    background: url(/_layouts/15/BAB.V2.Internet.Web/images/arrow-select-dropdown.png) no-repeat 7% 19px #fff;
}

.card-list {
    padding: 0;
    margin: 0;
    margin-top: 55px;
}

    .card-list li {
        width: 30%;
        float: right;
        min-height: 470px;
        border: solid 1px #eaeaea;
        border-radius: 5px;
        margin: 0 0 30px 30px;
        padding: 30px 20px 0 20px;
    }

        .card-list li:nth-child(3n) {
            margin-left: 0;
        }

.card-name {
    width: 100%;
    text-align: center;
    font-size: 20px;
    line-height: 20px;
    color: #796a62;
    margin-bottom: 25px;
    font-family: "FrutigerLTArabic-55Roman";
}

.card-img {
    width: 250px;
    height: 160px;
    margin: 0 auto;
    margin-bottom: 30px;
    border-radius: 5px;
    overflow: hidden;
    text-align: center;
}

div.card-img > a > img {
    border: 0;
    max-width: 100% !important;
}

.card-disc {
    font-size: 14px;
    line-height: 25px; /*font-family:"FrutigerLTArabic-55Roman";*/
    color: #796a62;
    text-align: center;
    min-height: 150px;
}

.card-line {
    padding: 15px 0 0 0px;
    border-top: solid 1px #ddd;
    font-size: 14px;
    line-height: 25px;
    font-family: "FrutigerLTArabic-55Roman";
    color: #796a62;
    text-align: right;
    min-height: 50px;
}

.card-apply {
    border-top: solid 1px #ddd;
    text-align: center;
    line-height: 50px;
    color: #cf202e;
    font-family: "FrutigerLTArabic-65Bold";
}

    .card-apply a {
        color: #cf202e;
        font-family: "FrutigerLTArabic-65Bold";
        font-size: 13px;
        margin: 0 17px;
        display: inline-block;
    }

        .card-apply a:hover {
            color: #fab22f;
            text-decoration: none;
        }

.store-locator-wrap {
    padding: 0px 0 45px;
}

.store-locator-left {
    height: 635px;
    overflow-y: scroll;
    color: #7b6f67;
    -moz-appearance: none !important;
}

.store-locator-right {
    width: 750px;
    height: 600px;
}

.store-locator-wrap h1.content-head {
    color: #7b6f67;
    
    font-size: 36px;
}

.store-locator-right iframe {
    height: 100%;
    width: 100%;
}

scrollbar {
    /*  clear useragent default style*/
    -moz-appearance: none !important;
}
/* buttons at two ends */
scrollbarbutton {
    -moz-appearance: none !important;
}
/* the sliding part*/
thumb {
    -moz-appearance: none !important;
}

scrollcorner {
    -moz-appearance: none !important;
    resize: both;
}
/* vertical or horizontal */
scrollbar[orient="vertical"] {
    color: silver;
}

#style-2::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    -moz-appearance: none !important;
    border-radius: 10px;
    background-color: #fcedd3;
}

#style-2::-webkit-scrollbar {
    width: 12px;
    background-color: #f5f5f5;
    -moz-appearance: none !important;
}

#style-2::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    -moz-appearance: none !important;
    background-color: #d62929;
}

.store-locator-wrap .content-head {
    margin-bottom: 40px;
    font-family: "FrutigerLTArabic-55Roman";
}

.store-locator-wrap .tab-content-head,
.store-locator-wrap .tab-content-head-cards{
    font-size: 18px;
    text-align: right;
    margin-bottom: 15px;
    
    font-weight: 400;
}

.filter .location {
    height: 46px;
    width: 97%;
    padding-right: 12px;
    margin-bottom: 20px;
    text-align: right;
}

.filter .filter-red, .filter span {
    float: right;
    line-height: 35px;
    width: auto;
    color: #cf202e;
    font-size: 15px;
    font-family: "FrutigerLTArabic-55Roman";
    margin-bottom: 0;
}

.filter span {
    margin: 0 15px 0 7px;
}

.filter-select {
    outline: 0;
    font-size: 14px;
    border: 0;
    font-family: "FrutigerLTArabic-45Light";
    padding: 0 0px 0 20px;
    margin: 0 0 0 3px;
    height: auto;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    line-height: 25px;
    background: url(/_layouts/15/BAB.V2.Internet.Web/images/red-arrow-down.png) no-repeat 5% 11px;
    width: 60px;
    display: inline-block;
    float: right;
}

    .filter-select option {
        outline: 0;
    }

    .filter-select.last {
        margin-right: 0;
    }

.find-store {
    width: auto;
    background: transparent;
    border: solid 1px #cf202e;
    line-height: 45px;
    padding: 0 15px;
    font-size: 16px;
    color: #cf202e;
    margin: 18px 0 10px 10px;
    transition: .5s;
    font-family: "FrutigerLTArabic-55Roman";
    float: right;
}

    .find-store:hover {
        transition: .5s;
        background: #cf202e;
        color: #fff;
    }

.store-address {
    background: #f6f6f6;
    padding: 26px 20px;
    float: left;
    width: 100%;
}

.store-detail {
    width: 100%;
    background: #fff;
    padding: 20px 18px;
    float: left;
    margin-bottom: 32px;
    -webkit-box-shadow: 5px 5px 18px 0 rgba(0,0,0,0.53);
    -moz-box-shadow: 5px 5px 18px 0 rgba(0,0,0,0.53);
    box-shadow: 5px 5px 18px 0 rgba(0,0,0,0.53);
}

.store-name {
    font-size: 20px;
    line-height: 20px;
    font-family: "FrutigerLTArabic-55Roman";
    color: #cf202e;
    margin-bottom: 14px;
    float: right;
}

.store-detail ul {
    width: 100%;
    float: left;
    margin-bottom: 0;
	list-style: none;
}

    .store-detail ul li {
        width: 100%;
        padding-right: 25px;
        font-size: 14px;
        line-height: 19px;
        margin-bottom: 15px;
        font-family: "FrutigerLTArabic-45Light";
    }

        .store-detail ul li.address {
            background: url(/_layouts/15/BAB.V2.Internet.Web/images/map-placeholder.png) no-repeat 100% 4px;
        }

        .store-detail ul li.mobile {
            background: url(/_layouts/15/BAB.V2.Internet.Web/images/telephone.png) no-repeat 100% 4px;
        }

        .store-detail ul li.email {
            background: url(/_layouts/15/BAB.V2.Internet.Web/images/email.png) no-repeat 100% 5px;
        }

        .store-detail ul li.web-site {
            background: url(/_layouts/15/BAB.V2.Internet.Web/images/earth.png) no-repeat 100% 3px;
        }

.store-detail.last {
    margin-bottom: 0;
}

.store-detail ul li a {
    font-size: 14px;
    line-height: 19px;
    font-family: "FrutigerLTArabic-45Light";
}

    .store-detail ul li a:hover {
        color: #cf202e;
    }

.store-detail .view {
    height: 45px;
    width: auto;
    display: inline-block;
    float: right;
    border: solid 1px #cf202e;
    border-radius: 50px;
    padding: 9px 24px;
    background: #cf202e;
    color: #fff;
    font-size: 14px;
    line-height: 14px;
    transition: .5s;
}

    .store-detail .view:hover {
        color: #cf202e;
        background: transparent;
        transition: .5s;
    }

.store-locator-right img {
    width: 100%;
}

.contact-us-wrap {
    padding: 0;
}

    .contact-us-wrap .content-head {
        margin-bottom: 30px;
    }

    .contact-us-wrap .form {
        margin-bottom: 40px;
    }

.contact-form-wrap {
    padding: 0 65px 0 65px;
    float: left;
    width: 100%;
}

    .contact-form-wrap ul {
        margin-bottom: 0;
    }

        .contact-form-wrap ul li {
            width: 320px;
            margin-right: 40px;
            float: left;
            margin-bottom: 40px;
        }

            .contact-form-wrap ul li:last-child {
                margin: 0;
                width: 100%;
            }

            .contact-form-wrap ul li input {
                outline: 0;
                font-size: 14px;
                float: left;
                padding: 0 18px;
                width: 100%;
                height: 46px;
                font-size: 15px;
                line-height: 24px;
                border: solid 1px #c9c9c9;
            }

            .contact-form-wrap ul li:nth-child(3) {
                margin-right: 0;
            }

            .contact-form-wrap ul li.textarea {
                width: 100%;
                float: left;
                margin-right: 0;
            }

            .contact-form-wrap ul li textarea {
                outline: 0;
                width: 100%;
                height: 115px;
                font-size: 15px;
                line-height: 24px;
                padding: 0 18px;
                border: solid 1px #c9c9c9;
            }

.contact-info {
    float: left;
}

.contact-form-wrap ul li .enquiry-button {
    transition: .5s;
    width: auto;
    float: none;
    display: block;
    text-align: center;
    color: #cf202e;
    font-size: 15px;
    border: solid 1px #cf202e;
    background: transparent;
    margin: 0 auto;
    height: 45px;
    line-height: 45px;
    padding: 0 45px;
    
    font-family: "FrutigerLTArabic-65Bold";
    font-size: 18px;
    line-height: 18px;
}

    .contact-form-wrap ul li .enquiry-button:hover {
        transition: .5s;
        color: #fff;
        background: #cf202e;
    }

.contact-form-wrap ul li.btn-submit {
    text-align: center;
}

.contact-address-wrap {
    background: url(/_layouts/15/BAB.V2.Internet.Web/images/contact-address-wrap-bg.png) no-repeat #fff;
    background-attachment: fixed;
    background-size: 100% 100%;
    height: 350px;
    padding-top: 165px;
    text-align: center;
    color: #796a62;
}

    .contact-address-wrap .title {
        font-size: 24px;
        font-family: "FrutigerLTArabic-65Bold";
        color: #cf202e;
        
        position: relative;
        line-height: 24px;
        margin-bottom: 16px;
    }

        .contact-address-wrap .title:before {
            position: absolute;
            content: "";
            top: -70px;
            left: 50%;
            margin-left: -23px;
            width: 46px;
            height: 62px;
            background: url(/_layouts/15/BAB.V2.Internet.Web/images/map-heading-placeholder.png) no-repeat 0 0;
        }

    .contact-address-wrap .contact-info p {
        font-size: 16px;
        line-height: 26px;
        font-family: "FrutigerLTArabic-45Light";
        margin-bottom: 0;
    }

    .contact-address-wrap .contact-info span {
        font-family: "FrutigerLTArabic-65Bold";
    }

.contact-us-map {
    margin-bottom: 40px;
}

    .contact-us-map img {
        width: 100%;
    }

.services-img {
    width: auto;
    float: right;
    margin-left: 10px;
}

.contact-services-wrap {
    height: 160px;
    padding: 38px 0 0 0;
}

    .contact-services-wrap ul li {
        width: auto;
        float: right;
        padding: 0 0px 0 40px;
        margin-left: 40px;
        position: relative;
    }

        .contact-services-wrap ul li:before {
            position: absolute;
            width: 1px;
            height: 80px;
            left: 0;
            top: 0;
            background: #c9c9c9;
            content: "";
        }

        .contact-services-wrap ul li:last-child {
            margin-left: 0;
            padding: 0;
        }

            .contact-services-wrap ul li:last-child:before {
                display: none;
            }

        .contact-services-wrap ul li p {
            float: left;
            display: inline-block;
            font-size: 14px;
            line-height: 19px;
            margin: 0;
            color: #796a62;
            font-family: "FrutigerLTArabic-45Light";
        }

            .contact-services-wrap ul li p span {
                font-family: "FrutigerLTArabic-55Roman";
                font-size: 18px;
                color: #cf202e;
                line-height: 22px;
            }

.card-feature-list {
    float: left;
    width: 100%;
    margin: 0;
}

.card-detail-wrap {
    padding: 40px 0 50px 0;
}

.card-feature-list li {
    width: 31.33%;
    border: 2px solid #f0f0f0;
    float: right;
    margin: 0 1%;
    margin-bottom: 40px;
    text-align: center;
    font-size: 18px;
    padding: 30px 30px 30px 20px;
    line-height: 20px;
}

    .card-feature-list li:nth-child(7), .card-feature-list li:nth-child(8) {
        min-height: 152px;
    }

    .card-feature-list li:nth-child(10), .card-feature-list li:nth-child(11) {
        min-height: 306px;
    }

.condition-wrap.fl-wdth .content-head {
    
    color: #fff;
    font-size: 42px;
    font-family: FrutigerLTArabic-45Light;
}

.margin-bottom-32 {
    margin-bottom: 32px;
}

.card-feature-list .card-icon {
    width: 20%;
    float: right;
    text-align: center;
    margin-bottom: 0;
}

    .card-feature-list .card-icon img {
        float: none;
        margin: 0 auto;
        max-width: 100%;
        float: left;
    }

.card-feature-list .card-feature {
    width: 80%;
    float: right;
    font-size: 19px;
    padding: 0 10px 0 0;
    font-family: "FrutigerLTArabic-45Light";
    min-height: 70px;
    line-height: 22px;
    text-align: left;
    color: #796a62;
}

.card-feature-list li:last-child {
    margin-bottom: 0;
}

.apply-now-wrap {
    background: #f6b333;
    height: 70px;
}

    .apply-now-wrap p {
        margin: 0;
        padding: 0 0 0 40px;
        width: auto;
        float: right;
        font-family: "FrutigerLTArabic-55Roman";
        font-size: 20px;
        line-height: 70px;
        margin-right: 24px;
    }

    .apply-now-wrap div a {
        color: #fff;
        display: inline-block;
        padding: 16px 46px 16px 20px;
        border: solid 1px #c51a20;
        background: url(/_layouts/15/BAB.V2.Internet.Web/images/mouse-small.png) no-repeat 95% 7px #c51a20;
        font-family: "FrutigerLTArabic-55Roman";
        font-size: 18px;
        line-height: 15px;
        border-radius: 10px;
        margin-top: 12px;
        box-shadow: 0 0 5px rgba(0,0,0,.5);
    }

        .apply-now-wrap div a:hover {
            color: #c51a20;
            text-decoration: none;
            background-color: transparent;
        }

.condition-wrap {
    background: #c51a20;
    padding: 55px 0 60px 0;
    color: #fff;
}

    .condition-wrap .content-head:after {
        background: #fff;
    }

.condition-part { 
    padding: 20px 0 0 45px;
    width: 49%;
    float: right !important;
}

.condition-data {
    width: 80%;
    float: right;
    font-size: 16px;
    line-height: 30px; /* font-family:"FrutigerLTArabic-55Roman"; */
    margin-top: -10px;
    color: #fff;
}

.condition-icon {
    float: right;
    width: 50px;
    margin-left: 25px;
}

.tamkeen-wrap {
    padding: 60px 0;
}

    .tamkeen-wrap.fl-wdth .content-head {
        
        font-family: FrutigerLTArabic-55Roman;
        font-size: 38px;
        letter-spacing: 1px;
    }

    .tamkeen-wrap p {
        font-size: 16px;
        line-height: 26px;
        text-align: center;
        font-family: "FrutigerLTArabic-55Roman";
        margin-bottom: 40px;
    }

.common-table {
    border-collapse: collapse;
}

    .common-table tr:nth-child(even) {
        background: #fcfbfb;
    }

    .common-table td {
        font-size: 14px;
        border: solid 1px #dcdada;
        font-family: "FrutigerLTArabic-45Light";
        text-align: center;
        height: 50px;
    }

    .common-table .table-sub-heading {
        background: #f6f6f6;
    }

        .common-table .table-sub-heading td {
            color: #cf202e;
            font-family: "FrutigerLTArabic-45Light";
            padding: 30px 10px;
            font-size: 16px;
            line-height: 19px;
            vertical-align: top;
        }

.table-heading {
    border: solid 1px;
    height: 50px;
    background: #f6b333;
    color: #fff;
    text-align: center;
    font-size: 20px;
}

    .table-heading th {
        text-align: center;
    }

.faq-wrap {
    background: #f8f6f6;
    padding: 60px 0;
}

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

    .faq-wrap .faq-right {
        padding-left: 30px;
    }

#accordion .panel {
    border-radius: 0;
    border: 0;
    margin-top: 0;
    border: solid 1px #dcdada;
    margin-bottom: 27px;
    line-height: 18px;
}

#accordion a {
    display: block;
    padding: 12px 65px 12px 15px;
    font-family: "FrutigerLTArabic-55Roman";
    font-size: 16px;
    line-height: 21px;
    text-decoration: none;
    text-align: right;
    position: relative;
}

#accordion .panel-heading a.collapsed:hover, #accordion .panel-heading a.collapsed:focus {
    background-color: transparent;
    color: #cf202e;
    transition: all .2s ease-in;
}

    #accordion .panel-heading a.collapsed:hover::before, #accordion .panel-heading a.collapsed:focus::before {
        color: white;
    }

#accordion .panel-heading {
    padding: 0;
    border-radius: 0;
    text-align: center;
}

    #accordion .panel-heading a:not(.collapsed) {
        color: #cf202e;
        background-color: transparent;
        transition: all .2s ease-in;
    }

    #accordion .panel-heading .accordion-toggle::before {
        position: absolute;
        top: 50%;
        margin-top: -22.5px;
        right: 0;
        width: 47px;
        height: 45px;
        content: "";
        background: url(/_layouts/15/BAB.V2.Internet.Web/images/faq-before-1.jpg) no-repeat 0 0;
        transition: all .2s ease-in;
    }

    #accordion .panel-heading .accordion-toggle.collapsed::before {
        background: url(/_layouts/15/BAB.V2.Internet.Web/images/faq-before-2.jpg) no-repeat 0 0;
        transition: all .2s ease-in;
    }

#accordion .panel.last {
    margin-bottom: 0;
}

.faq-wrap #accordion .panel-body {
    border-top: solid 1px #dcdada;
    padding: 15px 55px 15px 15px;
}

    .faq-wrap #accordion .panel-body p {
        margin-bottom: 0;
    }

.dont-find {
    width: 100%;
    float: left;
    background: #b00e14;
    color: #fff;
    margin-bottom: 60px;
}

.dont-find-text h2 {
    font-size: 50px;
    margin: 0;
    marker-start font-family: "FrutigerLTArabic-65Bold";
}

.dont-find-text {
    padding: 50px 0;
    width: 100%;
    float: left;
    background: url(/_layouts/15/BAB.V2.Internet.Web/images/dont-find-bg.png) no-repeat left 15px;
}

    .dont-find-text p {
        font-family: "FrutigerLTArabic-45Light";
        font-size: 40px;
        line-height: 1;
    }

    .dont-find-text a {
        padding: 16px 20px 16px 20px;
        border: solid 1px #f6b333;
        background: #f6b333;
        font-family: "FrutigerLTArabic-55Roman";
        font-size: 18px;
        line-height: 12px;
        border-radius: 10px;
        float: right;
        margin-top: 12px;
        color: #000;
        
        box-shadow: 0 0 5px rgba(0,0,0,.5);
    }

        .dont-find-text a:hover {
            color: #b11222;
            text-decoration: none;
        }

#scroll-for-more {
    background: linear-gradient(to top,rgba(255,255,255,.9) 0%,rgba(220, 220, 220, 0.9) 100%);
    bottom: 0;
    color: #0a4386;
    font-size: 14px;
    height: 59px;
    padding: 20px 20px 10px 20px;
    position: fixed;
    text-align: center;
    width: 100%;
    z-index: 16;
}

    #scroll-for-more img {
        display: initial;
        float: none;
    }

.close-btn {
    background: #cf202e !important;
    position: absolute !important;
    right: 0;
    color: #fff !important;
    top: 0;
    border: 0 !important;
    width: 30px;
    border-radius: 0 !important;
    right: 0;
    font-size: 20px !important;
    height: 31px;
    line-height: 0px !important;
    padding: 6px 0 11px 3px !important;
}



option:hover {
   background: #cf202e;
   color: #fff;
 } 

 
.form-multiline-control option:hover {
   background: #cf202e;
   color: #fff;
    
 }



.form-control {
    display: block !important;
    width: 100% !important;
    height: 41px !important;
    font-size: 14px !important;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: solid 1px #7b7b7b !important;
    border-radius: 3px !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-transition: 0 !important;
}

.form-line-control {
    width: 15% !important;
    height: 41px !important;
    font-size: 14px !important;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: solid 1px #7b7b7b !important;
    border-radius: 3px !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-transition: 0 !important;
}

.form-multiline-control {
    width: 49% !important;
    height: 41px !important;
    font-size: 14px !important;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: solid 1px #7b7b7b !important;
    border-radius: 3px !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-transition: 0 !important;
}

.form-textarea {
    display: block !important;
    width: 75% !important;
    height: 80px !important;
    font-size: 14px !important;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: solid 1px #7b7b7b !important;
    border-radius: 3px !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-transition: 0 !important;
}

#txtLCReferenceNumberPrefix.REFNumberPrefix, #txtDocumentaryCollectionReferenceNumberPrefix.REFNumberPrefix {
    width: 30px !important;
    height: 41px !important;
    font-size: 14px !important;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: solid 1px #7b7b7b !important;
    border-radius: 3px !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-transition: 0 !important;
}

#txtLCReferenceNumber.REFNumber, #txtDocumentaryCollectionReferenceNumber.REFNumber {
    width: 245px !important;
    height: 41px !important;
    font-size: 14px !important;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: solid 1px #7b7b7b !important;
    border-radius: 3px !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-transition: 0 !important;
}

.form-group label {
    font-weight: normal !important;
    font-family: "FrutigerLTArabic-55Roman" !important;
}

button.btn.btn-default.form-submit {
    font-size: 14px;
    
    color: #000;
    background: #f6b333;
    padding: 10px 30px;
    border: 1px solid #f6b333;
    transition: .5s;
    border-radius: 0;
    transition: .5s;
    font-family: "FrutigerLTArabic-55Roman" !important;
}

    button.btn.btn-default.form-submit:hover {
        background: #d00f2c;
        color: #fff;
        transition: .5s;
    }

button.reset-btn {
    background: #d02535 !important;
    color: #fff !important;
}

    button.reset-btn:hover {
        background: #f6b333 !important;
        color: #fff !important;
        color: #000 !important;
    }

input[type=date].form-control {
    line-height: 9px !important;
}

.login-btn {
    color: #fff;
	background: #cf202e;    
    width: 100px;
    border-radius: 5px;
    text-align: center;
    margin-top: 29px;
    -moz-box-shadow: 0px 3px 6px -1px #ba2f2f;
    /* -webkit-box-shadow: 0px 3px 6px -1px #ba2f2f; */
    /* box-shadow: 0px 3px 6px -1px #ba2f2f; */
    text-shadow: 0px 0px 5px #000000;
    padding: 0px 0px 6px;
    float: left;
}

    .login-btn:hover {
        color: #FFF;
    }

.fl-wdth.copyright-wrap {
    background: #e8e8e8;
}
/* .footer-column { width:26% !important; margin-right:4%; } 
.footer-column4 { width: 17% !important; } 
.footer-column3 { width:20% !important; margin-right: 3%; }  */
.footer-column4 p {
    margin-bottom: 22px;
    float: right;
}
/* .footer-column2 { width: 19%;}  */

li.mega-drop-down > .active-1 {
}


.black-bg {
    top: 0;
    position: fixed;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.8);
    z-index: 16;
    visibility: hidden;
    opacity: 0;
    transition: 0.5s;
}

    .black-bg.hover {
        visibility: visible;
        opacity: 1;
        transition: 0.5s;
    }

.last-menu {
    display: none !important;
}


.calculate-div {
    width: 100%;
    float: left;
    text-align: left;
    height: 100%;
    background: #FFF;
    position: absolute;
    top: 0;
    padding: 15px 15px 50px 15px;
    transition: 0.5s;
    visibility: hidden;
    opacity: 0;
}

    .calculate-div.show {
        transition: 0.5s;
        visibility: visible;
        opacity: 1;
    }

    .calculate-div .tab-content-head,
    .calculate-div .tab-content-head-cards{
        margin-bottom: 20px;
        text-align: right;
    }

    .calculate-div .text-2 {
        float: right;
        width: 50%;
        margin-top: 10px;
        font-size: 28px;
    }
    /* .calculate-div .calculate-btn .tab-input-wrap button{float:right;} */
    .calculate-div .calculate-btn {
        position: absolute;
        bottom: 0;
        width: 100%;
        right: 0;
    }

    .calculate-div .tab-content-line,
    .calculate-div .tab-content-line-cards {
        text-align: left;
    }

    .calculate-div .tab-form-row label {
        width: 48%;
        font-size: 20px;
        margin: 20px 0 0 0;
        text-align: right;
    }

.product-enquiry .call-section-content {
    padding-right: 30px;
}

.top-strip.sticky .group-sites-wrap .dropdown:before {
    top: 84px;
}

.pdf-content2 {
    padding: 0 0 0 30px !important;
}

.bank-news {
    width: 48%;
    float: left;
    overflow: hidden;
    background: #FFF;
    padding: 15px 20px 32px 20px;
    box-shadow: 1px 1px 20px rgba(0,0,0,0.2);
	margin-top: -21px;
}

.bank-social-wrap .bank-news .content-head {
    margin-bottom: 20px;
    line-height: 1em;
}

.date-wrap {
    float: right;
    color: #f8b333;
    text-align: right;
}

.date {
    text-align: right;
    float: left;
    width: 105px;
    font-size: 98px;
    color: #8b8079;
    line-height: 94px;
    display: inline-block;
    font-weight: 600;
    margin-bottom: 20px;
    font-family: "FrutigerLTArabic-55Roman";
}

    .date span {
        text-align: right;
        font-size: 16px;
        line-height: 16px;
        display: inline-block;
        color: #8b8079;
        float: left;
        width: 100%;
        margin: 0px;
        text-align: right;
        font-family: "FrutigerLTArabic-45light";
    }

.news-img {
    float: left;
    width: 100%;
    margin: 0px auto;
    clear: both;
    margin-bottom: 20px;
}

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

.bank-news .slider-head {
    text-align: right;
    float: left;
    width: 100%;
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 0px;
    color: #8b8079;
    font-family: "FrutigerLTArabic-55Roman";
}

.bank-news .slider-content {
    text-align: right;
    margin: 0px 0 11px;
    font-size: 14px;
    line-height: 17px;
    color: #000000;
    font-family: "FrutigerLTArabic-45light";
    border-bottom: none;
    padding: 0;
    width: 100%;
    float: left;
    max-height: 34px;
    min-height: 34px;
}

.view-all {
    float: left;
    width: auto;
    display: inline-block;
}

    .view-all a {
        padding: 10px;
        background: #f8b333;
        font-size: 14px;
        line-height: 14px;
        display: inline-block;
        font-family: "FrutigerLTArabic-45Light";
        color: #000000;
        text-decoration: none;
    }

        .view-all a:hover {
            text-decoration: none;
            color: #000000;
        }

.bank-news .owl-dots {
    display: inline-block;
    float: right;
    width: auto;
    margin: 10px 0 0 0;
    text-align: center;
}

.bank-news .owl-dot {
    width: 15px;
}

#myCarousel .item .container {
    position: relative;
}

.banner-wrapper .banner-img img, .banner-wrapper .banner-img-2 img {
    width: 100%;
}

.banner-wrapper .banner-2 .banner-img {
    position: absolute;
    top: 30px;
    right: 75px;
}

.banner-wrapper .banner-2 .banner-img-2 {
    position: absolute;
    left: 70px;
    top: 20px;
}

.banner-wrapper .banner-2 .banner-text {
    top: 195px;
    left: 125px;
    text-align: center;
    z-index: 15;
    width: auto;
}

    .banner-wrapper .banner-2 .banner-text p {
        font-size: 46px;
        line-height: 46px;
    }

        .banner-wrapper .banner-2 .banner-text p a:before {
            display: none;
        }

        .banner-wrapper .banner-2 .banner-text p span {
            font-size: 18px;
            line-height: 23px;
        }

.banner-wrapper .banner-3 .banner-img {
    position: absolute;
    bottom: 0px;
}

.banner-wrapper .banner-3 .banner-text {
    top: 150px;
    left: 20px;
    width: 410px;
}

.banner-wrapper .animated {
    -webkit-animation-duration: 4s;
    animation-duration: 4s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.contact-wrap {
    padding-top: 15px;
    width: auto;
    display: none;
}

.phone-no img {
    float: right;
    margin-left: 10px;
}


/* 
#scroll-for-more span { position: relative; width: 100%; height: 30px; float: left; overflow: hidden; display: block; }
#IconScrollForMore {  opacity:0;position: absolute; top:-15px; animation: move 2s ease-out infinite; }
@keyframes move {
25% { opacity:1;transform: translateY(10px);}
33% {opacity: 1;transform: translateY(20px);}
67% {opacity: 1;transform: translateY(30px);}
100% {opacity: 0;transform: translateY(40px);}
}
@keyframes pulse {to {opacity: 1;}}
 */

#scroll-for-more span {
    position: relative;
    width: 100%;
    height: 30px;
    float: left;
    overflow: hidden;
    display: block;
}

#IconScrollForMore {
    -webkit-transform: translate(-100%, 0%) rotate(0deg);
    -moz-transform: translate(-100%, 0%) rotate(0deg);
    transform: translate(-100%, 0%) rotate(0deg);
    -webkit-animation: fade_move_down 1s ease-in-out infinite;
    -moz-animation: fade_move_down 1s ease-in-out infinite;
    animation: fade_move_down 1s ease-in-out infinite;
}
/*animated scroll arrow animation*/
@-webkit-keyframes fade_move_down {
    0% {
        -webkit-transform: translate(0,-10px) rotate(0deg);
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        -webkit-transform: translate(0,10px) rotate(0deg);
        opacity: 0;
    }
}

@-moz-keyframes fade_move_down {
    0% {
        -moz-transform: translate(0,-10px) rotate(0deg);
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        -moz-transform: translate(0,10px) rotate(0deg);
        opacity: 0;
    }
}

@keyframes fade_move_down {
    0% {
        transform: translate(0,-10px) rotate(0deg);
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        transform: translate(0,10px) rotate(0deg);
        opacity: 0;
    }
}

.card-booking-offer h4 {
    font-size: 25px;
    margin: 0;
    font-family: "FrutigerLTArabic-65Bold";
    position: relative;
    color: #d1202f;
    line-height: 32px;
    padding-bottom: 10px;
}

.card-booking-offer p:first-child {
    font-size: 22px;
}

.card-booking-offer p:first-child {
    font-size: 20px;
}

.card-booking-offer p {
    font-size: 22px;
    font-family: "FrutigerLTArabic-45Light";
}

.card-booking-offer p:nth-child(3) {
	font-size: 18px;
	font-family: "FrutigerLTArabic-45Light";
	line-height: 24px;
	margin: 0;
}

.card-booking-offer p a {
	font-size: 17px;
	color: #d1202f;
	font-family: "FrutigerLTArabic-45Light";
	line-height: 18px;
	text-decoration: underline;
}

.book-card {
    margin-bottom: 50px;
}

.call-section-content button {
    background-color: #f6b333;
    padding: 8px 20px 8px 52px;
    background-image: url(/_layouts/15/BAB.V2.Internet.Web/images/apply.png);
    background-repeat: no-repeat;
    background-position: 10px;
    background-size: 18px;
    
    font-size: 18px;
    color: #fff;
    border: 0;
    border-radius: 8px;
    margin: 10px 0 0;
    box-shadow: 0 0 5px rgba(0,0,0,.5);
    font-family: "FrutigerLTArabic-65Bold";
    box-shadow: 0 0 10px rgba(0,0,0,.5);
    font-family: "FrutigerLTArabic-55Roman";
}

.pdf-content p {
    padding: 15px 83px 15px 0px;
    background: url(/_layouts/15/BAB.V2.Internet.Web/images/pdf-black.png) no-repeat right center; /* background-size:45px; */
    width: 90%;
    font-size: 18px;
    line-height: 24px;
    font-family: "FrutigerLTArabic-55Roman";
}

.pdf-content2 p {
    padding: 15px 83px 15px 0px;
    background: url(/_layouts/15/BAB.V2.Internet.Web/images/pdf-white.png) no-repeat right center; /* background-size:45px; */
    width: 90%;
    font-size: 16px;
    line-height: 20px;
    color: #fff;
    font-size: 18px;
    line-height: 24px;
    font-family: "FrutigerLTArabic-55Roman";
    margin-right: 30px;
}

.pdf-download ul {
    width: 100%;
}

    .pdf-download ul li {
        width: 18%;
        float: right;
        position: relative;
        margin: 0 1%;
        border: 1px solid #e2e2e2;
        padding: 30px 0 10px;
    }

.pdf-download .pdf-red {
    width: 100%;
    float: left;
    text-align: center;
}

.pdf-download {
    width: 100%;
    float: left;
    margin-bottom: 50px;
}

    .pdf-download .pdf-red img {
        display: block;
        margin: 0 auto;
        width: auto;
        float: none;
    }

.pdf-heading {
    text-align: center;
    width: 100%;
    float: left;
    margin-top: 20px;
}

.pdf-heading p {
	font-size: 17px;
	font-family: "FrutigerLTArabic-55Roman";
	
}

.pdf-heading p span {
	font-size: 28px;
	line-height: 26px;
	font-family: FrutigerLTArabic-55Roman;
}

.pdf-red:after {
    content: "";
    width: 100px;
    left: 50%;
    height: 3px;
    margin-left: -50px;
    background: orange;
    position: absolute;
    bottom: 0;
}

.pdf-red {
    position: relative;
    padding-bottom: 30px;
}

.store-duration {
    float: left;
    background: #f8b333;
    padding: 5px 19px;
    color: #fff;
    border-radius: 50px;
    font-size: 14px;
    direction: rtl;
}

.tab-form-row::placeholder {
    color: #796a62;
    opacity: 1; /* Firefox */
}

.tab-form-row:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #796a62;
}

.tab-form-row::-ms-input-placeholder { /* Microsoft Edge */
    color: #796a62;
}

input[type=date]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    display: none;
}

.form-group {
    margin-bottom: 15px;
    width: 48%;
    float: left;
    margin-right: 3%;
}

    .form-group.last {
        margin-right: 0;
    }

    .form-group.form-group2 textarea {
        height: 90px !important;
    }

    .form-group.form-group2 {
        width: 99%;
        margin-right: 0;
    }

.top-mobile-menu {
    display: none;
    transition: 0.5s;
}


.top-mobile-menu  .container{
  padding:0px!important;
}


.store-locator-left {
    float: right !important;
}

.why-us-right {
    float: left !important;
}

.faq-left {
    float: right !important;
}

.apply-section-content {
    float: right !important;
}

.card-lst, .card-lst2 {
    float: right !important;
}

.card-listing {
    margin: 50px 0 0;
    width: 100%;
}

.card-lst {
    margin-bottom: 30px;
}

.icon_text_section.crd-lst-li ul li {
    display: inline-block;
    width: auto;
    padding: 10px 30px 10px 0px;
    margin-right: 30px;
    font-size: 22px;
    font-family: "FrutigerLTArabic-45Light";
}

.icon_text_section.crd-lst-li ul {
    text-align: center;
}

    .icon_text_section.crd-lst-li ul li:first-child {
        margin-right: 0;
    }

.crd-lst-li {
    margin: 30px 0;
}

.apply-section-card {
    width: 100%;
    float: left;
    background: #f6b333;
    text-align: center;
    padding: 30px;
    font-family: "FrutigerLTArabic-55Roman";
    margin-bottom: 50px;
    font-size: 23px;
}

    .apply-section-card button {
        background-color: #c51a20;
        padding: 8px 20px 8px 52px;
        background-image: url(/_layouts/15/BAB.V2.Internet.Web/images/apply.png);
        background-repeat: no-repeat;
        background-position: 24px;
        /* background-size: 18px; */
        
        font-size: 18px;
        color: #fff;
        border: 0;
        border-radius: 8px;
        margin: 10px 0 0;
        box-shadow: 0 0 5px rgba(0,0,0,.5);
        font-family: "FrutigerLTArabic-55Roman";
    }

.pdf-content {
    float: right !important;
}

.auto-finance-text {
    float: right !important;
}

.get-in-touch-line .get-touch-bx {
    float: right;
}

.get-in-touch-line {
	margin: 20px 0;
	font-size: 14px;
	padding: 0 5%;
	margin: 40px 0;
	font-size: 14px;
	line-height: 22px;
	text-align: center;
	font-family: "FrutigerLTArabic-55Roman";
	padding: 0 15%;
	margin: 50px 0 0 0;
	margin: 0px !important;
	margin: 20px 0;
	padding: 0;
}

#style-2 {
    position: relative;
    direction: ltr;
    text-align: right;
}

.ps--active-x > .ps__rail-x, .ps--active-y > .ps__rail-y {
    left: 0 !important;
}


.inside-banner.about-us {
    background: url(/_layouts/15/BAB.V2.Internet.Web/images/about-us-header-01.jpg) no-repeat top center;
    background-size: cover;
}

.inside-banner.about-us.product-listing {
	background: url(/_layouts/15/BAB.V2.Internet.Web/images/product-listing-header.jpg) no-repeat top center;
	background-size: cover;
}

.inside-banner.about-us.faq {
	background: url(/_layouts/15/BAB.V2.Internet.Web/images/faq-header.jpg) no-repeat top center;
	background-size: cover;
}

.inside-banner.about-us.anuual-report {
	background: url(/_layouts/15/BAB.V2.Internet.Web/images/annual-report-header.jpg) no-repeat top center;
	background-size: cover;
}

.inside-banner.about-us.online-services {
	background: url(/_layouts/15/BAB.V2.Internet.Web/images/online-services-header.jpg) no-repeat top center;
	background-size: cover;
}

.inside-banner.about-us.card-offer {
	background: url(/_layouts/15/BAB.V2.Internet.Web/images/card-offer-header.jpg) no-repeat top center;
	background-size: cover;
}

.content-head-inside {
    margin: 0;
    font-family: "FrutigerLTArabic-55Roman";
    text-align: center;
    font-size: 38px;
    color: #000 !important;
    position: relative;
    padding: 0 0 6px 0;
    margin: 50px 0;
}

p.content-head-text {
    text-align: center;
    font-size: 19px;
    font-family: "FrutigerLTArabic-45Light";
    line-height: 28px;
}

.content-head-inside:after {
    content: "";
    background: #cf202e;
    height: 2px;
    width: 96px;
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -48px;
}

.icon_text_section h2 {
    font-size: 24px;
    margin: 0 0 25px;
    font-family: "FrutigerLTArabic-65Bold";
    position: relative;
    color: #d1202f;
    padding-bottom: 10px;
}

.icon_text_section h2:after {
	content: "";
	background: #000;
	height: 1px;
	width: 60px;
	position: absolute;
	right: 0;
	bottom: 0;
}

.icon_text_section p {
    font-size: 16px;
    font-family: "FrutigerLTArabic-45Light";
    line-height: 26px;
}

.services-n-products .icon_text_section p {
    font-size: 20px;
    font-family: "FrutigerLTArabic-55Roman";
    line-height: 26px;
}

.services-n-products .icon_text_section ul li {
    font-family: "FrutigerLTArabic-45Light";
}

.icon_text {
    width: 100%;
    margin-bottom: 50px;
    float: left;
}

.vision-n-mission {
    width: 100%;
    float: left;
}

.visionmission_inner {
    position: relative;
    width: 100%;
    float: left;
}

.visionmission_inner img {
	width: 100%;
}

.visionmission_text {
    position: absolute;
    right: 15px;
    top: 25px;
}

.visionmission_text h2 {
	font-size: 24px;
	margin: 0 0 10px;
	font-family: "FrutigerLTArabic-65Bold";
	position: relative;
	color: #d1202f;
	padding-bottom: 10px;
}

.visionmission_text h2:after {
	content: "";
	background: #000;
	height: 1px;
	width: 60px;
	position: absolute;
	right: 0;
	bottom: 0;
}

.visionmission_text p {
	font-size: 18px;
	font-family: "FrutigerLTArabic-45Light";
	line-height: 25px;
	width: 80%;
	opacity: 1.0;
}

.middle-header {
    width: 100%;
    float: left;
    text-align: center;
    margin: 50px 0;
}

.middle-header h2 {
	font-size: 24px;
	margin: 0 0 10px;
	font-family: "FrutigerLTArabic-65Bold";
	position: relative;
	color: #d1202f;
	padding-bottom: 10px;
	text-align: center;
}

.middle-header h2:after {
	content: "";
	background: #000;
	height: 1px;
	width: 60px;
	position: absolute;
	left: 50%;
	bottom: 0;
	margin-left: -30px;
}

.values {
    width: 100%;
    float: left;
    margin-bottom: 50px;
}

.values ul {
	margin-bottom: 0;
	padding: 0;
	list-style-type: none;
}

.values ul li:first-child .values_inner {
	background-image: url(/_layouts/15/BAB.V2.Internet.Web/images/initiative.png);
}

.values ul li:nth-child(2) .values_inner {
	background-image: url(/_layouts/15/BAB.V2.Internet.Web/images/care.png);
}

.values ul li:last-child .values_inner {
	background-image: url(/_layouts/15/BAB.V2.Internet.Web/images/trust.png);
}

.values ul li .values_inner {
	border: 8px solid #f4f4f4;
	padding: 40px 125px 40px 30px;
	background-repeat: no-repeat; /* background-size: 60px; */
	background-position: 95%;
	line-height: 25px;
	font-size: 20px;
	font-family: "FrutigerLTArabic-45Light";
}

.values_inner:hover {
    animation: pulse 1s;
    box-shadow: 0 0 0 2em rgba(#fff,0);
}

.two_section_grey {
    width: 100%;
    float: left;
    background: #f6f6f6;
    padding: 50px 0;
}

.icon_text ul li {
    display: block;
    float: none;
    font-size: 16px;
    font-family: "FrutigerLTArabic-45Light";
    padding: 8px 40px 8px 0px;
    background: url(/_layouts/15/BAB.V2.Internet.Web/images/bullet-red.png) no-repeat right 22px;
}

.icon_text ul li a {
	color: #d1202f;
	text-decoration: underline;
}

.icon_text.services-n-products {
    margin: 50px 0;
}

.icon_text_section a {
    color: #d1202f;
    text-decoration: underline;
}

.icon_text_section a:hover {
	color: #d1202f;
	text-decoration: underline;
}


.values ul li {
    float: right;
}

.inside-content-wrap .icon_section {
    float: right;
}

.two_section_grey .icon_section {
    float: right;
}

.footer-column, .footer-column1, .footer-column2, .footer-column3, .footer-column4 {
    float: right !important;
}


.cd-timeline {
    overflow: hidden;
    margin: 2em auto;
}

.cd-timeline__container {
    position: relative;
    width: 90%;
    max-width: 1170px;
    margin: 0 auto;
    padding: 2em 0;
}

    .cd-timeline__container::before {
        content: '';
        position: absolute;
        top: 0;
        right: 18px;
        height: 100%;
        width: 4px;
        background: transparent;
        border: 2px dashed #ddd;
    }

.cd-timeline__block {
    position: relative;
    margin: 2em 0;
}

    .cd-timeline__block:after {
        content: "";
        display: table;
        clear: both;
    }

    .cd-timeline__block:first-child {
        margin-top: 0;
    }

    .cd-timeline__block:last-child {
        margin-bottom: 0;
    }


.cd-timeline__img {
    position: absolute;
    top: 50%;
    left: 0;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    left: 20px;
    margin-top: -20px;
    margin-left: -15px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    background: #fff;
    border: 3px solid #d1202f;
}

.cd-timeline__content::before {
    content: '';
    display: block;
    position: absolute;
    right: 100%;
    top: 50%;
    width: 0;
    margin-top: -20px;
    height: 0;
    border: 20px solid transparent;
    border-right-color: #ddd;
}

.cd-timeline__content::after {
    content: '';
    display: block;
    position: absolute;
    right: 100%;
    top: 50%;
    width: 0;
    margin-top: -20px;
    height: 0;
    border: 20px solid transparent;
    border-right-color: white;
    margin-right: -3px;
}

.cd-timeline__img img {
    display: block;
    width: 24px;
    height: 24px;
    position: relative;
    left: 50%;
    top: 50%;
    margin-left: -12px;
    margin-top: -12px;
    display: none;
}


@-webkit-keyframes cd-bounce-1 {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }

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

@keyframes cd-bounce-1 {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }

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

.cd-timeline__content {
    position: relative;
    margin-right: 60px;
    background: white;
    border-radius: .25em;
    padding: 1em;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    border-radius: 20px;
    border: 3px solid #ddd;
}

    .cd-timeline__content:after {
        content: "";
        display: table;
        clear: both;
    }

    .cd-timeline__content h2 {
        color: #303e49;
    }

    .cd-timeline__content p, .cd-timeline__read-more, .cd-timeline__date {
        font-size: 1.3rem;
    }

    .cd-timeline__content p {
        margin: 1em 0;
        line-height: 1.6;
    }

.cd-timeline__read-more, .cd-timeline__date {
    display: inline-block;
}

.cd-timeline__read-more {
    float: right;
    padding: .8em 1em;
    background: #acb7c0;
    color: white;
    border-radius: .25em;
}

    .cd-timeline__read-more:hover {
        background-color: #bac4cb;
    }

.cd-timeline__date {
    float: left;
    position: absolute;
    width: 100%;
    right: -82px;
    top: 0;
    padding: 0;
    width: 74px;
    background: #fff;
    font-size: 28px;
    margin-left: 20px;
    text-align: center;
}

@-webkit-keyframes cd-bounce-2 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes cd-bounce-2 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes cd-bounce-2-inverse {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100px);
        transform: translateX(100px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes cd-bounce-2-inverse {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100px);
        transform: translateX(100px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

.cd-timeline__block:nth-child(even) .cd-timeline__content::before {
    top: 50%;
    right: auto;
    left: 100%;
    border: 20px solid transparent;
    border-left-color: #ddd;
}

.cd-timeline__block:nth-child(even) .cd-timeline__content::after {
    content: '';
    display: block;
    position: absolute;
    left: 100%;
    right: auto;
    top: 50%;
    width: 0;
    margin-left: -3px;
    margin-top: -20px;
    height: 0;
    border: 20px solid transparent;
    border-left-color: white;
}

.cd-timeline__container:after {
    content: "";
    width: 16px;
    height: 16px;
    background: #d1202f;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -8px;
    border-radius: 50%;
}

section.cd-timeline.js-cd-timeline:before {
    /* content: ""; */
    /* width: 10px; */
    /* height: 10px; */
    /* background: red; */
    /* position: absolute; */
    /* left: 50%; */
    content: "";
    width: 16px;
    height: 16px;
    background: #d1202f;
    position: absolute;
    /* top: 0; */
    left: 50%;
    margin-left: -8px;
    border-radius: 50%;
    z-index: 9;
}

p.news-title {
    font-family: "FrutigerLTArabic-65Bold";
    font-size: 16px;
    line-height: 1.5;
    width: 100%;
    float: right;
    padding-right: 108px;
}

.news-twitter {
    width: 100%;
    float: left;
    margin-bottom: 60px;
}

.news-section ul li:after {
    content: "";
    position: absolute;
    bottom: 0;
    background: #d9d9d9;
    height: 1px;
    width: 100%;
    left: 0;
}

.news-section ul li {
    position: relative;
    padding: 15px 0;
}

.news-date {
    width: 78px;
    float: right;
    margin-left: 30px;
    background: #ce232c;
    border-radius: 10px;
    text-align: center;
    position: absolute;
    right: 0;
    top: 17px;
}


.news-day {
    font-size: 35px;
    color: #fff;
}

.news-month {
    font-size: 20px;
    
    color: #fff;
    padding: 3px 0 5px;
}

.news-year {
    font-size: 22px;
    background: #f8b333;
    border-radius: 0 0 10px 10px;
    padding: 3px 0 5px;
}

.news-section ul li:last-child:after {
    display: none;
}


.twitter-feed ul li {
    position: relative;
    padding: 15px 0;
}

p.news-breif {
    line-height: 1.8;
    width: 100%;
    float: right;
    padding-right: 108px;
}

.news-section {
    padding: 0 15px 0 0;
}

.twitter-feed {
    padding: 0 0 0 15px;
}

.news-section a {
    background-color: #c51a20;
    padding: 5px 20px 5px 20px;
    
    font-size: 18px;
    color: #fff;
    border: 0;
    border-radius: 8px;
    margin: 10px 0 0;
    box-shadow: 0 0 5px rgba(0,0,0,.5);
    font-family: "FrutigerLTArabic-65Bold";
}

    .news-section a:hover {
        color: #FFF;
    }

.news-twitter h1.content-head-inside {
    text-align: right;
    margin-top: 0;
}

.news-twitter .content-head-inside:after {
    right: 0;
    margin-left: 0;
}


.auto-finance-image {
    width: 50%;
    float: left;
    background-image: url(/_layouts/15/BAB.V2.Internet.Web/images/auto-finance.jpg);
    background-size: cover;
    height: 100%;
    top: 0;
    margin-right: 50%;
    position: absolute;
    background-repeat: no-repeat;
    background-position: right center;
}

section#auto-finance {
    position: relative;
    width: 100%;
    float: left;
    background: #f6f6f6;
    margin-bottom: 50px;
}

.auto-finance-text {
    padding: 30px 0 50px 50px;
    text-align: left !important;
    width: 50%;
    float: left;
}

    .auto-finance-text h1 {
        font-size: 40px;
        font-family: FrutigerLTArabic-65Bold;
        color: #c11920;
        text-align: right;
    }

    .auto-finance-text h2 {
        font-size: 35px;
        margin: 0;
        line-height: 42px;
        font-family: "FrutigerLTArabic-45Light";
        text-align: right;
    }

    .auto-finance-text p {
        font-size: 20px;
        margin: 20px 0 10px;
        line-height: 22px;
        font-family: "FrutigerLTArabic-45Light";
        text-align: right;
    }

    .auto-finance-text button {
        background-color: #c51a20;
        padding: 5px 20px 5px 46px;
        background-image: url(/_layouts/15/BAB.V2.Internet.Web/images/apply.png);
        background-repeat: no-repeat;
        background-position: 17px; /* background-size:18px; */
        
        font-size: 18px;
        color: #fff;
        border: 0;
        border-radius: 8px;
        margin: 10px 0;
        box-shadow: 0 0 5px rgba(0,0,0,.5);
        font-family: "FrutigerLTArabic-65Bold";
        float: right;
    }

        .auto-finance-text button:hover {
            color: #FFF;
        }

    .auto-finance-text ul {
        display: block;
        width: 100%;
        float: left;
    }

        .auto-finance-text ul li {
            display: block;
            float: none;
            font-size: 20px;
            padding: 7px 35px 7px 0px;
            background-image: url(/_layouts/15/BAB.V2.Internet.Web/images/bullet-red.png);
            background-repeat: no-repeat; /* font-weight: 700; */
            background-position: right; /* background-size: 18px; */
            font-family: "FrutigerLTArabic-55Roman";
            line-height: 22px;
            text-align: right;
        }

    .auto-finance-text p span {
        font-weight: 700;
        color: #c11920;
        font-size: 27px;
        font-family: "FrutigerLTArabic-55Roman";
    }

    .auto-finance-text p:last-child {
        margin: 10px 0 10px;
        float: left;
        line-height: 18px;
        font-size: 18px;
        font-family: "FrutigerLTArabic-45Light";
    }


.icon_text.prdct {
    padding: 50px 0;
    margin-bottom: 0;
}

.product-enquiry {
    width: 100%;
    float: left;
    position: relative;
    padding: 30px 0;
    margin-bottom: 50px;
}

.apply-section {
    width: 50%;
    background: #f6b333;
    float: right;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    z-index: -1;
}

.call-section {
    width: 50%;
    background: #c51a20;
    float: left;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    z-index: -1;
}

.apply-section-content button {
    background-color: #c51a20;
    padding: 8px 20px 8px 52px;
    background-image: url(/_layouts/15/BAB.V2.Internet.Web/images/apply.png);
    background-repeat: no-repeat;
    background-position: 22px;
    /* background-size: 18px; */
    
    font-size: 18px;
    color: #fff;
    border: 0;
    border-radius: 8px;
    margin: 10px 0 0;
    box-shadow: 0 0 5px rgba(0,0,0,.5);
    font-family: "FrutigerLTArabic-55Roman";
}

.apply-section-content p {
    font-size: 18px;
    font-family: "FrutigerLTArabic-45Light";
    line-height: 20px;
}

.call-section-content p {
    font-size: 18px;
    font-family: "FrutigerLTArabic-45Light";
    line-height: 20px;
}

.call-section-content {
    color: #fff;
}

    .call-section-content p span {
        font-size: 32px;
        font-family: "FrutigerLTArabic-55Roman";
        line-height: 65px;
    }

.container.prd-d .icon_text {
    margin-bottom: 0;
}

.panel-group .panel {
    border-radius: 0;
    box-shadow: none;
    border-color: #eee;
}

.panel-default > .panel-heading {
    padding: 0;
    border-radius: 0;
    color: #212121;
    background-color: #fafafa;
    border-color: #eee;
}

.panel-title {
    font-size: 14px;
}

    .panel-title > a {
        display: block;
        padding: 15px;
        text-decoration: none;
    }

.more-less {
    float: right;
    color: #212121;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #eee;
}

.faq-section .panel-default > .panel-heading {
    background: #fff;
}

.faq-heading {
    text-align: center;
    margin-bottom: 50px;
}

    .faq-heading img {
        display: inline-block;
        float: none;
    }

    .faq-heading h1 {
        display: inline-block;
        color: #727272;
        
        font-size: 31px;
        line-height: 47px;
        margin: 0;
        margin-right: 10px;
        font-family: "FrutigerLTArabic-65Bold";
    }

.faq-section {
    margin-bottom: 50px;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
    padding: 25px 15px 25px 65px;
}

.ms-core-menu-box {
    max-width: 200px !important;
}

    .ms-core-menu-box ul li {
        display: block !important;
        width: 100% !important;
    }

.content-left-wrap .ms-core-listMenu-verticalBox li.static > .ms-core-listMenu-item {
    padding: 15px !important;
    font-size: 16px !important;
}

.content-left-wrap .ms-core-sideNavBox-removeLeftMargin {
    margin-left: 0px;
    margin-right: 0 !important;
}

.az-banner-text h1 {
    font-family: "FrutigerLTArabic-45Light" !important;
    font-size: 34px !important;
}

/*-- carousel customized---*/

.carousel-control {
    top: 45% !important;
    width: 30px !important;
    height: 30px !important;
}

    .carousel-control.left {
        background-image: -webkit-linear-gradient(left,rgba(0,0,0,0) 0,rgba(0,0,0,.0001) 100%) !important;
        background-image: -o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%) !important;
        background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,0)),to(rgba(0,0,0,.0001))) !important;
        background-image: linear-gradient(to right,rgba(0,0,0,0) 0,rgba(0,0,0,.0001) 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1) !important;
        background-repeat: repeat-x;
        left: 3%;
    }

    .carousel-control.right {
        right: 3% !important;
        left: auto;
        background-image: -webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,0) 100%) !important;
        background-image: -o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,0) 100%);
        background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5))) !important;
        background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,0) 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1) !important;
        background-repeat: repeat-x;
    }

    .carousel-control .glyphicon-chevron-left:before {
        font-size: 0px;
    }

    .carousel-control .glyphicon-chevron-right:before {
        font-size: 0px;
    }


/*--- form control-------------*/
.formDiv .two_section_grey {
    padding: 5px 0 35px 0;
    margin-top: 5px;
}

    .formDiv .two_section_grey .col-md-6 input {
        width: 75% !important;
    }

    .formDiv .two_section_grey .col-md-6 {
        margin-bottom: 15px;
    }

        .formDiv .two_section_grey .col-md-8 input {
        width: 75% !important;
    }

    .formDiv .two_section_grey .col-md-8 {
        margin-bottom: 15px;
    }

.formDiv .two_section_grey {
    background: #fff !important;
    border: 0px solid #ccc !important;
}

select.form-control {
    width: 75% !important;
}

.formDiv h3 {
    padding-right: 15px;
}


.formDiv hr {
    display: block;
    position: relative;
    padding: 0;
    margin: 5px 2%;
    width: 96%;
    clear: both;
    border: none;
    border-top: 1px solid #dedede;
    font-size: 1px;
    line-height: 0;
    overflow: visible;
}

.formDiv .two_section_grey .col-md-6 input[type="radio"], .formDiv .two_section_grey .col-md-6 input[type="checkbox"] {
    width: auto !important;
    margin-right: -18px;
    margin-top: 10px;
}


.formDiv .two_section_grey .col-md-6 .my_list
{
    width:auto !important;
    max-width: 100%;
    min-width: 50%;
}


    .formDiv .two_section_grey .col-md-6 .my_list input[type="radio"] {
        width: auto !important;
        margin-right: 0px !important;
        margin-top: 0px !important;
    }

    .formDiv .two_section_grey .col-md-6 .my_list label
{
       display: inline-block;
       max-width: 100%;
       margin-bottom: 5px;
       padding:10px!important;
       font-weight: 200!important;
}


.buttonDiv {
    text-align: center;
    margin-top: 15px;
}

.btn-yellow {
    color: #fff !important;
    background-color: #f0ad4e !important;
    border-color: #eea236 !important;
}

    .btn-yellow:hover {
        color: #fff !important;
        background-color: #d58512 !important;
        border-color: #985f0d !important;
    }

.btn-red {
    color: #fff !important;
    background-color: #cf202e !important;
    border-color: #cf202e !important;
}

    .btn-red:hover {
        color: #fff !important;
        background-color: #c73c48 !important;
        border-color: #ab1d28 !important;
    }

.btn {
    padding: 10px 18px !important;
    border-radius: 0px !important;
	font-size: 16px;
}

label.radio, label.checkbox, label.radio-inline, label.checkbox-inline {
    padding-left: 0px;
    padding-right: 20px;
}


.has-error input[type="text"], .has-error input[type="file"], .has-error select, .has-error textarea {
    border: 1px #f11325 solid !important;
}

.has-error #txtLCReferenceNumber.REFNumber, .has-error #txtDocumentaryCollectionReferenceNumber.REFNumber {
    border: 1px #f11325 solid !important;
}

span.has-error {
   color: red;
    font-size: 14px;
    display: inline-block;
}


.has-success input[type="text"], .has-success input[type="file"], .has-success select, .has-success textarea {
    border: 1px #089000 solid !important;
}

.has-success #txtLCReferenceNumber.REFNumber, .has-success #txtDocumentaryCollectionReferenceNumber.REFNumber {
    border: 1px #089000 solid !important;
}


.rating-stars {
    margin-right: 20px;
    cursor: pointer;
    width: 100px;
}

.rating-text {
    font-size: 18px;
    margin-right: 20px;
}



/*.ms-core-form-error, .ms-error, .ms-formvalidation, .ms-diffdeletenostrike, .ms-diffdelete {
    color: red;
}*/

.has-warning input[type="text"], .has-warning select {
    border: 1px #ffa700 solid !important;
}


/*-------Board of directors---------*/
.view {
    width: 100%;
    height: 330px;
    border: 5px solid #fff;
    overflow: hidden;
    position: relative;
    text-align: center;
    -webkit-box-shadow: 0px 0px 10px 0px #e2e2e2;
    -moz-box-shadow: 0px 0px 10px 0px #e2e2e2 box-shadow: 0px 0px 10px 0px #e2e2e2;
    cursor: default;
    background: #fff;
}

    .view .mask, .view .content {
        width: 100%;
        height: 100%;
        position: absolute;
        overflow: hidden;
        top: 0;
        left: 0;
    }

    .view img {
        display: block;
        position: relative;
    }

    .view h2 {
        
        color: #fff;
        text-align: center;
        position: relative;
        font-size: 17px;
        padding: 10px;
        background: rgba(0, 0, 0, 0.8);
        margin: 20px 0 0 0;
    }

    .view p {
        font-family: Georgia, serif;
        font-size: 12px;
        position: relative;
        color: #fff;
        padding: 10px 20px 20px;
        text-align: center;
    }

    .view a.info {
        display: inline-block;
        text-decoration: none;
        padding: 8px 30px;
        background: #f8b333;
        color: #fff;
        
        -webkit-box-shadow: 0 0 1px #000;
        -moz-box-shadow: 0 0 1px #000;
        box-shadow: 0 0 1px #000;
        margin: 15px 7px 7px 7px;
        border: 1px solid #f8b333;
        border-radius: 3px;
    }

        .view a.info:hover {
            display: inline-block;
            text-decoration: none;
            background-color: #d1202f;
            ;
            color: #fff;
            
            -webkit-box-shadow: 0 0 0px #000;
            -moz-box-shadow: 0 0 0px #000;
            box-shadow: 0 0 0px #000;
            margin: 15px 7px 7px 7px;
            border: 1px solid #d1202f;
            -webkit-transition: all 0.3s linear;
            -moz-transition: all 0.3s linear;
            -o-transition: all 0.3s linear;
            -ms-transition: all 0.3s linear;
            transition: all 0.3s linear;
        }

        .view a.info2 {
        display: none;
        text-decoration: none;
        padding: 8px 30px;
        background: #f8b333;
        color: #fff;
        
        -webkit-box-shadow: 0 0 1px #000;
        -moz-box-shadow: 0 0 1px #000;
        box-shadow: 0 0 1px #000;
        margin: 15px 7px 7px 7px;
        border: 1px solid #f8b333;
        border-radius: 3px;
    }

        .view a.info2:hover {
            display: none;
            text-decoration: none;
            background-color: #d1202f;
            ;
            color: #fff;
            
            -webkit-box-shadow: 0 0 0px #000;
            -moz-box-shadow: 0 0 0px #000;
            box-shadow: 0 0 0px #000;
            margin: 15px 7px 7px 7px;
            border: 1px solid #d1202f;
            -webkit-transition: all 0.3s linear;
            -moz-transition: all 0.3s linear;
            -o-transition: all 0.3s linear;
            -ms-transition: all 0.3s linear;
            transition: all 0.3s linear;
        }

a.banner-read-more:hover {
    display: inline-block;
    text-decoration: none;
    background-color: #d1202f;
    color: #fff !important;
    
    -webkit-box-shadow: 0 0 0px #000;
    -moz-box-shadow: 0 0 0px #000;
    box-shadow: 0 0 0px #000;
    margin: 15px 7px 7px 7px;
    border: 1px solid #d1202f;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
}



.view-tenth img {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -o-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition: all 0.9s ease-in-out;
    -moz-transition: all 0.9s ease-in-out;
    -o-transition: all 0.9s ease-in-out;
    -ms-transition: all 0.7s ease-in-out;
    transition: all 0.9s ease-in-out;
    margin-bottom: 10px;
}

.view-tenth .mask {
    background-color: rgb(74, 51, 35);
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    text-align: right;
}

.view-tenth h2 {
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    background: transparent;
    padding: 0px 5px 20px 10px;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    color: #fff;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    text-align: right;
    font-size: 15px;
    color: #fff !important;
}

.view-tenth p {
    color: #333;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

.view-tenth a.info {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

.view-tenth a.info2 {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

.view-tenth:hover img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
}

.view-tenth:hover .mask {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}

.view-tenth:hover h2, .view-tenth:hover p, .view-tenth:hover a.info {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}

.view-tenth:hover h2, .view-tenth:hover p, .view-tenth:hover a.info2 {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}

.boardOfDir .col-md-4 {
    margin-bottom: 30px;
}

.boardOfDir .view span {
    display: block;
    font-size: 16px;
    line-height: 20px;
    color: #333;
}

.boardOfDir .view .mask span {
    display: block;
    font-size: 14px;
    line-height: 20px;
    color: #eaeaea;
    text-align: right;
    padding: 7px;
}

.mask ul li {
    float: right;
    list-style-type: disc;
    color: #fff;
    margin-right: 25px;
    width: 91%;
    font-size: 14px;
}

.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
    float: right !important;
}

.az-banner-image .ms-rtestate-field div > img, .col-lg-6 img {
    max-width: 100%;
}

#DeltaWebPartAdderUpdatePanelContainer {
    z-index: 1000;
}


.h3, h3 {
    font-size: 24px !important;
    font-weight: 400 !important;
}

.content-left-wrap a.static.selected {
    background: #cf202e;
    color: #FFF;
}

    .content-left-wrap a.static.selected:hover {
        background: #cf202e;
        color: #FFF;
    }


span.required:after,
label.required:after {
    color: red;
    content: " *";
}

.label-control {
    display: block !important;
}

    .label-control:after {
        color: red;
        content: " *";
    }



.collapse.spl .modal-body {
    top: -10px;
    background: #f7f7f7;
    margin-bottom: 10px;
    border: 1px #e8e8e8 solid;
    width: 98%;
    margin-right: 2%;
}

    .collapse.spl .modal-body button {
        float: left;
        margin-left: 0px;
        top: -29px;
        position: relative;
        left: -29px;
        padding: 4px 4px 6px 4px;
        min-width: 2em;
        background-color: #7b6f67;
        border: 1px solid #7b6f67;
        color: #fff;
        font-size: 14px;
        line-height: 1em;
    }

        .collapse.spl .modal-body button:hover {
            background-color: #cf202e;
            border: 1px solid #cf202e;
        }

    .collapse.spl .modal-body li {
        color: #353C43;
        list-style-type: disc;
        width: 100%;
        float: none;
        margin-right: 25px;
    }


  
.vertical-alignment-helper {
    display:table;
    height: 100%;
    width: 100%;
}
.vertical-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
}

.modal-content {
    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
    width:inherit;
    height:inherit;
    /* To center horizontally */
    margin: 0 auto;
}


.selected.view {
    width: 100%;
    height: 330px;
    border: 2px solid #4a3323;
    overflow: hidden;
    position: relative;
    text-align: center;
    -webkit-box-shadow: 0px 0px 0px 0px #e2e2e2;
    -moz-box-shadow: 0px 0px 0px 0px #e2e2e2;
    box-shadow: 0px 0px 0px 0px #e2e2e2;
    cursor: default;
    background: #fff;
}

.arrowBOD {
    width: 100%;
    text-align: center;
}

    .arrowBOD span {
        background-image: url(/_layouts/15/BAB.V2.Internet.Web/images/arrow-board.png);
        width: 17px;
        height: 13px;
        display: block;
        background-repeat: no-repeat;
        margin: auto;
        margin-top: -2px;
    }

a.login-btn:visited {
    color: #fff;
}

img.imgloading {
    margin: auto;
    display: block;
}

.flexslider .slides img.imgloading {
    max-width: 13.4%;
}


#btnNavigation.view, #btnView.view {
    height: 45px !important;
}

.col-md-6 .ms-dtinput {
    width: 89.8% !important;
}

    .col-md-6 .ms-dtinput input[type="text"] {
        width: 100% !important;
    }

    .col-md-6 .ms-dtinput img {
        padding-top: 8px;
    }

.inside-content-wrap .ms-rteTable-5 tr.ms-rteTableHeaderRow-5,
.inside-content-wrap .ms-rteTable-5 tr.ms-rteTableFooterRow-5,
.inside-content-wrap .ms-rteTable-5 tr.ms-rteTableHeaderRow-5 > th,
.inside-content-wrap .ms-rteTable-5 tr.ms-rteTableFooterRow-5 > th {
    background-color: #a2958d;
    text-align: right;
}

    .inside-content-wrap .ms-rteTable-5 tr.ms-rteTableFooterRow-5 > td {
        background-color: #fff !important;
    }

.inside-content-wrap .ms-rteTable-5, .inside-content-wrap .ms-rteTable-5 > tbody > tr > td, .inside-content-wrap .ms-rteTable-5 > tbody > tr > th {
    border: 1px solid #7b6f67;
    text-align: right;
}

    .inside-content-wrap .ms-rteTable-5 > tbody > tr > td {
        color: #000 !important;
    }

    .inside-content-wrap .ms-rteTable-5 > tbody > tr.alt > td, .inside-content-wrap .ms-rteTable-5 > tbody > tr.alt > th {
        background-color: #e8e8e8;
    }

.ms-core-listMenu-verticalBox .dynamic-children.additional-background {
    /*background-image: url("/_layouts/15/images/menu-left.gif?rev=23")!important;*/
    background-image: none !important;
    background-position: right center;
    position: relative;
}

.ms-cui-tts-scale-2 .ms-cui-tt-a {
    width: 100% !important;
}



.news {
    float: right !important;
}

a.s4-breadcrumbRootNode {
    display: none;
}

a[href='/ar/Pages/default.aspx'] {
    display: none;
}


.mobilemenuitemlink {
    float: right;
}

a:visited {
    color: unset;
    color: none;
}


h2 {
    /*font-size: 24pt !important;*/
        font-size: 17pt !important;
    color: #cf202e !important;
    font-family: "FrutigerLTArabic-45Light" !important;
}

h3 {
    font-size: 13pt !important;
    color: #cf202e !important;
    font-family: "FrutigerLTArabic-45Light" !important;
    font-weight: 600 !important;
}

.ms-rteTableOddRow-1 {
    background-color: #f5f5f5 !important;
}

.content-left-wrap ul li a {
    font-family: "FrutigerLTArabic-45Light" !important;
}

.content-right-wrap .content-head {
    color: #7b6f67 !important;
}

.ms-rteTable-1 > tbody > tr > td {
    padding: 20px !important;
    border: 0 !important;
}

.ms-core-listMenu-verticalBox .dynamic-children.additional-background {
    padding-right: unset !important;
}

/* Start BOD Changes */

.bod-title {
   
    font-size: 15px!important;
  
}

/* End BOD Changes */

/* Start menu.css elements */

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

    .animated.infinite {
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
    }

    .animated.delay-1s {
        -webkit-animation-delay: 1s;
        animation-delay: 1s;
    }

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

    .animated.delay-3s {
        -webkit-animation-delay: 3s;
        animation-delay: 3s;
    }

    .animated.delay-4s {
        -webkit-animation-delay: 4s;
        animation-delay: 4s;
    }

    .animated.delay-5s {
        -webkit-animation-delay: 5s;
        animation-delay: 5s;
    }

    .animated.fast {
        -webkit-animation-duration: 800ms;
        animation-duration: 800ms;
    }

    .animated.faster {
        -webkit-animation-duration: 500ms;
        animation-duration: 500ms;
    }

    .animated.slow {
        -webkit-animation-duration: 2s;
        animation-duration: 2s;
    }

    .animated.slower {
        -webkit-animation-duration: 3s;
        animation-duration: 3s;
    }

@media (print), (prefers-reduced-motion) {
    .animated {
        -webkit-animation: unset !important;
        animation: unset !important;
        -webkit-transition: none !important;
        transition: none !important;
    }
}

.exo-menu {
    float: right;
    list-style: none;
    width: 100%;
    margin-bottom: 0;
    position: relative;
}

    .exo-menu > li {
        display: inline-block;
        float: right;
    }

        .exo-menu > li > a {
            color: #ccc;
            text-decoration: none;
            
            -webkit-transition: color 0.2s linear, background 0.2s linear;
            -moz-transition: color 0.2s linear, background 0.2s linear;
            -o-transition: color 0.2s linear, background 0.2s linear;
            transition: color 0.2s linear, background 0.2s linear;
        }

            .exo-menu > li > a.active,
            .exo-menu > li > a:hover,
            li.drop-down ul > li > a:hover {
                background: #fff;
                color: #7b6f67 !important;
            }

ul.exo-menu > li.mega-drop-down.active-1 > a {
    background: #FFFFFF;
    color: #7b6f67 !important;
}

ul.exo-menu > li.mega-drop-down.active-1 > .drop-down-ul.mega-menu {
    display: block;
}

.exo-menu i {
    float: left;
    font-size: 18px;
    margin-right: 6px;
    line-height: 20px !important;
}

li.drop-down,
.flyout-right,
.flyout-left {
    position: relative;
    padding: 21px 20px 20px 20px;
}

    li.drop-down:before {
        content: "\f103";
        color: #fff;
        font-family: FontAwesome;
        font-style: normal;
        display: inline;
        position: absolute;
        right: 6px;
        top: 20px;
        font-size: 14px;
    }

    li.drop-down > ul {
        left: 0px;
        min-width: 230px;
    }

/* .top-strip.sticky .drop-down-ul.mega-menu { position: fixed; top: 25px; left:14%; z-index: 99999999; width: 60%; height: 38px !important; min-height: 0;} */



.header-panel.fl-wdth.header-container2.sticky2 {
    position: fixed;
    top: 0px;
    z-index: 99;
    height: 85px;
    background: #fff;
    border-bottom: none;
    transition: 0.5s;
}

.drop-down-ul {
    display: none;
}

.flyout-right > ul,
.flyout-left > ul {
    top: 0;
    min-width: 400px;
    display: none;
}

li.drop-down > ul > li > a,
.flyout-right ul > li > a,
.flyout-left ul > li > a {
    color: #fff;
    display: block;
    padding: 20px 22px;
    text-decoration: none;
    background-color: transparent !important;
    -webkit-transition: color 0.2s linear, background 0.2s linear;
    -moz-transition: color 0.2s linear, background 0.2s linear;
    -o-transition: color 0.2s linear, background 0.2s linear;
    transition: color 0.2s linear, background 0.2s linear;
}

.mega-menu2 li a {
    font-size: 17px !important;
    line-height: 25px;
    padding: 5px 0px !important;
    margin-bottom: 5px !important;
}



/*Flyout Mega*/
.flyout-mega-wrap {
    top: 0;
    right: 0;
    left: 100%;
    width: 100%;
    display: none;
    height: 100%;
    padding: 15px;
    min-width: 742px;
}

h4.row.mega-title {
    color: #eee;
    margin-top: 0px;
    font-size: 14px;
    padding-left: 15px;
    padding-bottom: 13px;
    
    border-bottom: 1px solid #ccc;
}

.flyout-mega ul > li > a {
    font-size: 90%;
    line-height: 25px;
    color: #fff;
    font-family: inherit;
}

    .flyout-mega ul > li > a:hover,
    .flyout-mega ul > li > a:active,
    .flyout-mega ul > li > a:focus {
        text-decoration: none;
        background-color: transparent !important;
        color: #ccc !important;
    }

ul.stander li a {
    padding: 3px 0px;
}

ul.description li {
    padding-bottom: 12px;
    line-height: 8px;
}

    ul.description li span {
        color: #ccc;
        font-size: 85%;
    }

a.view-more {
    border-radius: 1px;
    margin-top: 15px;
    background-color: #009FE1;
    padding: 2px 10px !important;
    line-height: 21px !important;
    display: inline-block !important;
}

    a.view-more:hover {
        color: #fff;
        background: #0DADEF;
    }

ul.icon-des li a i {
    color: #fff;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    text-align: center;
    background-color: #009FE1;
    line-height: 35px !important;
}

ul.icon-des li {
    width: 100%;
    display: table;
    margin-bottom: 11px;
}
/*Blog DropDown*/
.Blog {
    left: 0;
    display: none;
    color: #fefefe;
    padding-top: 15px;
    background: #547787;
    padding-bottom: 15px;
}

    .Blog .blog-title {
        color: #fff;
        font-size: 15px;
        
    }

    .Blog .blog-des {
        color: #ccc;
        font-size: 90%;
        margin-top: 15px;
    }

    .Blog a.view-more {
        margin-top: 0px;
    }
/*Images*/
.Images {
    left: 0;
    width: 100%;
    display: none;
    color: #fefefe;
    padding-top: 15px;
    background: #547787;
    padding-bottom: 15px;
}

    .Images h4 {
        font-size: 15px;
        margin-top: 0px;
        
    }
/*common*/
.flyout-right ul > li > a,
.flyout-left ul > li > a,
.flyout-mega-wrap,
.mega-menu {
    background-color: rgba(255, 255, 255, 0);
}

    /*hover*/
    .mega-menu:hover,
    .drop-down-ul:hover,
    li.flyout-left > ul:hover,
    li.flyout-right > ul:hover,
    .flyout-mega-wrap:hover,
    li.flyout-left a:hover + ul,
    li.flyout-right a:hover + ul,
    .blog-drop-down > a:focus + .Blog,
    li.drop-down > a:focus + .drop-down-ul,
    .images-drop-down > a:focus + .Images,
    .mega-drop-down a:focus + .mega-menu,
    li.flyout-mega > a:focus + .flyout-mega-wrap {
        display: block;
    }



.exo-menu > li > a:after {
    content: "";
    width: 1px;
    height: 30px;
    background: #cacaca;
    position: absolute;
    left: 0;
    top: 4px;
    opacity: 1;
}

.mega-menu, .flyout-mega-wrap, .Images, .Blog, .flyout-right > ul,
.flyout-left > ul, li.drop-down > ul {
    position: absolute;
    z-index: 99;
}

.mega-menu {
margin-top: 23px;
}

.flyout-right > ul {
    left: 100%;
}

.flyout-left > ul, .flyout-right > ul {
    padding: 40px 30px;
}

}

.mega-menu ul li a:hover {
    padding-left: 10px;
}


a.toggle-menu {
    position: absolute;
    right: 0px;
    padding: 20px;
    font-size: 27px;
    background-color: #ccc;
    color: #23364B;
    top: 0px;
}

.mega-menu1 {
    display: none;
}

    .mega-menu1 li {
        padding: 21px 20px 20px 20px;
    }

        .mega-menu1 li a {
            padding: 9px 20px 11px 20px;
            color: #7b6f67;
            font-size: 18px;
        }

.mega-menu li {
    padding: 0;
}

    .mega-menu li a {
        padding: 3px 23px 3px 24px;
        font-size: 22px;
        display: block;
        position: relative;
    }

.mega-menu > li > a::before {
    position: absolute;
    content: "";
    width: 8px;
    height: 8px;
    top: 16px;
    left: 12px;
    border: solid #7b6f67;
    border-width: 0px 1px 1px 0px;
    transform: rotate(45deg);
}

.mega-menu1 {
    padding: 0;
    display: none;
}

.mega-menu2 {
    position: absolute;
    right: 35px !important;
    top: 36px !important;
    background: #7c6f67 !important;
}

    .mega-menu2:after {
        bottom: 100%;
        right: 20%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(136, 183, 213, 0);
        border-bottom-color: #7c6f67;
        border-width: 5px;
        margin-left: -30px;
    }

    .mega-menu2 li {
        padding: 0;
        width: 100%;
        clear: both;
    }

        .mega-menu2 li a {
            transition: all 0.3s linear !important;
            -webkit-transition: all 0.3s linear !important;
        }

            .mega-menu2 li a:hover {
                /*padding-left:10px;*/
            }

.mega-menu1 {
    display: block;
}

.overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    display: none;
    z-index: 9;
    left: 0;
    top: 0;
    transition: all .1s ease;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: lightgray !important;
}

::-moz-placeholder { /* Firefox 19+ */
    color: lightgray !important;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: lightgray !important;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: lightgray !important;
}

.ms-core-sideNavBox-removeLeftMargin {
    margin-right: 0 !important;
}



/* End menu.css elements */




/* Start style-123.css elements */

.sidenav .closebtn {
    position: absolute;
    top: 10px;
    left: 15px;
    font-size: 45px;
    line-height: 45px;
    margin-right: 50px;
    font-weight: 300;
    color: #ffffff !important;
    text-decoration: none;
    font-family: "FrutigerLTArabic-45light";
}

.accordion {
    font-size: 1rem;
    width: 100%;
    margin: 0 auto;
    border-radius: 0;
    padding: 0px 15px;
    background: #FFF;
}

    .accordion .accordion {
        padding: 0px;
    }

.accordion-header,
.accordion-body {
    background: white;
}

.accordion-header {
    padding: 8px 0px 8px 0px;
    background: #FFF;
    
    color: #786e65;
    cursor: pointer;
    font-size: 15px;
    line-height: 15px;
    letter-spacing: 0;
    transition: all .3s;
    border-bottom: 1px solid #e6e6e6;
    text-align: right;
    position: relative;
    font-family: "FrutigerLTArabic-55Roman";
}
/* .accordion-header:hover { background: #e6e6e6; position: relative; z-index: 5; } */
/* .accordion-header.highlight-link-1 { background:#e4e4e4	; color: #fff; } */
/* .accordion__item.active .accordion-header.highlight-link-1 { background:#e4e4e4; color: #fff; } */
.accordion-body {
    background: #FFF;
    color: #786e65;
    display: none;
}

.accordion-header.last {
    border-bottom: none;
}

.accordion-body__contents {
    padding: 0;
    font-size: .85em;
    display: inline-block;
    width: 100%;
}

.accordion__item.active:last-child .accordion-header {
    border-radius: none;
}

.accordion:first-child > .accordion__item > .accordion-header {
    border-bottom: 1px solid #e6e6e6;
}

.accordion__item > .accordion-header.other:after {
    display: none;
}

.accordion__item > .accordion-header:after {
    
    float: left;
    position: relative;
    top: -2px;
    transition: .3s all;
    transform: rotate(0deg);   
width: 0px;
	height: 0px;
	top: 5px;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #7b6f67;
	content: "";
}

.accordion__item.active > .accordion-header:after {
    transform: rotate(-180deg);
}

/* .accordion__item.active .accordion-header {
background: #fab22f; color: #fff; }
 */
.accordion__item .accordion__item .accordion-header {
    background: none;
    color: #786e65;
    padding-right: 15px;
    font-family: "FrutigerLTArabic-45light";
}

.accordion-body .accordion-body__contents ul {
    margin: 0;
    padding: 0;
    display: grid;
}

    .accordion-body .accordion-body__contents ul li {
        margin: 0;
        padding: 5px 25px 5px 10px;
        width: 100%;
        text-align: right;
        border-bottom: 1px solid #e6e6e6;
        font-family: "FrutigerLTArabic-45light";
    }

        .accordion-body .accordion-body__contents ul li:last-child {
            border-bottom: 0px solid #e6e6e6;
        }

        .accordion-body .accordion-body__contents ul li a {
            color: #786e65;
            font-size: 13px;
            line-height: 13px;
            text-decoration: none;
            font-family: "FrutigerLTArabic-45light";
        }


.accordion-header::before {
    position: absolute;
    content: "";
    right: 10px;
    top: 14px;
    width: 8px;
    height: 8px;
    border: solid #786e65;
    border-width: 0px 2px 2px 0px;
    transform: rotate(45deg);
    display: none;
}

ul.exo-menu-2 {
    margin: 0px;
    float: right;
    width: 100%;
    direction: rtl;
    list-style-type: none;
	display:flex;
	height:38px;
	padding: 0px;
}

.exo-menu-2 > li > a {
    display: block;
    font-size: 18px;
    font-family: "FrutigerLTArabic-45Light";
    color: #fff !important;
    text-align: left;
    line-height: 18px;
    padding: 9px 20px 11px 20px;
    position: relative;
}

    .exo-menu-2 > li > a:after {
        content: "";
        width: 1px;
        height: 30px;
        background: #cacaca;
        position: absolute;
        left: 0;
        top: 4px;
        opacity: 1;
    }


.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    background-color: #FFF;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 80px;
}

    .sidenav::before {
        position: absolute;
        content: "";
        background: #786e65;
        width: 100%;
        height: 80px;
        top: 0;
        left: 0;
    }

    /* .sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
    color: #818181;
    display: block;
    transition: 0.3s;
} */

    .sidenav a:hover {
        /* color: #f1f1f1; */ color: #d20f2d;
        text-decoration: none;
    }




/* End style-123.css elements  */





/* Start component.css elements */



/* Common styles of menus */

.dl-menuwrapper {
    width: 100%;
    text-align: left;
    z-index: 99;
    max-width: 300px;
    float: left;
    position: relative;
    -webkit-perspective: 1000px;
    perspective: 1000px;
    -webkit-perspective-origin: 50% 200%;
    perspective-origin: 50% 200%;
}
    /* 
.dl-menuwrapper:first-child {
	margin-right: 100px;
} */

    .dl-menuwrapper button {
        background: #f8b22f;
        border: none;
        width: 48px;
        height: 45px;
        text-indent: -900em;
        overflow: hidden;
        position: relative;
        cursor: pointer;
        outline: none;
        transition: 0.5s;
    }

        .dl-menuwrapper button:hover,
        .dl-menuwrapper button.dl-active,
        .dl-menuwrapper ul {
            background: #d00f2c;
            transition: 0.5s;
        }

        .dl-menuwrapper button:after {
            content: '';
            position: absolute;
            width: 68%;
            height: 5px;
            background: #FFF;
            top: 10px;
            left: 16%;
            box-shadow: 0 10px 0 #FFF, 0 20px 0 #FFF;
        }

    .dl-menuwrapper ul {
        padding: 0;
        list-style: none;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
    }

    .dl-menuwrapper li {
        position: relative;
        width: 100%;
    }

        .dl-menuwrapper li a {
            display: block;
            position: relative;
            padding: 15px 20px;
            font-size: 18px;
            line-height: 24px;
            font-family: "FrutigerLTArabic-45Light";
            font-weight: 400;
            color: #fff;
            outline: none;
        }

            .dl-menuwrapper li a:hover {
                text-decoration: none;
                color: #f8b22f;
                background: #b50c26;
            }

.no-touch .dl-menuwrapper li a:hover {
    background: #b41c29;
}

.dl-menuwrapper li.dl-back > a {
    padding-left: 30px;
    background: rgba(0,0,0,0.1);
}

.dl-menuwrapper li.dl-back:after,
.dl-menuwrapper li > a:not(:only-child):after {
    position: absolute;
    top: 0;
    line-height: 50px;
    font-family: 'icomoon';
    speak: none;
    -webkit-font-smoothing: antialiased;
    content: "\e000";
}

.dl-menuwrapper li.dl-back:after {
    left: 10px;
    color: rgb(248, 178, 47);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.dl-menuwrapper li > a:after {
    right: 10px;
    color: rgb(248, 178, 47);
}

.dl-menuwrapper .dl-menu {
    margin: 5px 0 0 0;
    position: absolute;
    width: 300px;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

    .dl-menuwrapper .dl-menu.dl-menu-toggle {
        transition: all 0.3s ease;
    }

    .dl-menuwrapper .dl-menu.dl-menuopen {
        opacity: 1;
        pointer-events: auto;
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }

/* Hide the inner submenus */
.dl-menuwrapper li .dl-submenu {
    display: none;
}

/* 
When a submenu is openend, we will hide all li siblings.
For that we give a class to the parent menu called "dl-subview".
We also hide the submenu link. 
The opened submenu will get the class "dl-subviewopen".
All this is done for any sub-level being entered.
*/
.dl-menu.dl-subview li,
.dl-menu.dl-subview li.dl-subviewopen > a,
.dl-menu.dl-subview li.dl-subview > a {
    display: none;
}

    .dl-menu.dl-subview li.dl-subview,
    .dl-menu.dl-subview li.dl-subview .dl-submenu,
    .dl-menu.dl-subview li.dl-subviewopen,
    .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,
    .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {
        display: block;
    }

/* Dynamically added submenu outside of the menu context */
.dl-menuwrapper > .dl-submenu {
    position: absolute;
    width: 100%;
    top: 50px;
    left: 0;
    margin: 0;
}

/* Animation classes for moving out and in */

.dl-menu.dl-animate-out-1 {
    -webkit-animation: MenuAnimOut1 0.4s;
    animation: MenuAnimOut1 0.4s;
}

.dl-menu.dl-animate-out-2 {
    -webkit-animation: MenuAnimOut2 0.3s ease-in-out;
    animation: MenuAnimOut2 0.3s ease-in-out;
}

.dl-menu.dl-animate-out-3 {
    -webkit-animation: MenuAnimOut3 0.4s ease;
    animation: MenuAnimOut3 0.4s ease;
}

.dl-menu.dl-animate-out-4 {
    -webkit-animation: MenuAnimOut4 0.4s ease;
    animation: MenuAnimOut4 0.4s ease;
}

.dl-menu.dl-animate-out-5 {
    -webkit-animation: MenuAnimOut5 0.4s ease;
    animation: MenuAnimOut5 0.4s ease;
}

@-webkit-keyframes MenuAnimOut1 {
    0% {
    }

    50% {
        -webkit-transform: translateZ(-250px) rotateY(30deg);
    }

    75% {
        -webkit-transform: translateZ(-372.5px) rotateY(15deg);
        opacity: .5;
    }

    100% {
        -webkit-transform: translateZ(-500px) rotateY(0deg);
        opacity: 0;
    }
}

@-webkit-keyframes MenuAnimOut2 {
    0% {
    }

    100% {
        -webkit-transform: translateX(-100%);
        opacity: 0;
    }
}

@-webkit-keyframes MenuAnimOut3 {
    0% {
    }

    100% {
        -webkit-transform: translateZ(300px);
        opacity: 0;
    }
}

@-webkit-keyframes MenuAnimOut4 {
    0% {
    }

    100% {
        -webkit-transform: translateZ(-300px);
        opacity: 0;
    }
}

@-webkit-keyframes MenuAnimOut5 {
    0% {
    }

    100% {
        -webkit-transform: translateY(40%);
        opacity: 0;
    }
}

@keyframes MenuAnimOut1 {
    0% {
    }

    50% {
        -webkit-transform: translateZ(-250px) rotateY(30deg);
        transform: translateZ(-250px) rotateY(30deg);
    }

    75% {
        -webkit-transform: translateZ(-372.5px) rotateY(15deg);
        transform: translateZ(-372.5px) rotateY(15deg);
        opacity: .5;
    }

    100% {
        -webkit-transform: translateZ(-500px) rotateY(0deg);
        transform: translateZ(-500px) rotateY(0deg);
        opacity: 0;
    }
}

@keyframes MenuAnimOut2 {
    0% {
    }

    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 0;
    }
}

@keyframes MenuAnimOut3 {
    0% {
    }

    100% {
        -webkit-transform: translateZ(300px);
        transform: translateZ(300px);
        opacity: 0;
    }
}

@keyframes MenuAnimOut4 {
    0% {
    }

    100% {
        -webkit-transform: translateZ(-300px);
        transform: translateZ(-300px);
        opacity: 0;
    }
}

@keyframes MenuAnimOut5 {
    0% {
    }

    100% {
        -webkit-transform: translateY(40%);
        transform: translateY(40%);
        opacity: 0;
    }
}

.dl-menu.dl-animate-in-1 {
    -webkit-animation: MenuAnimIn1 0.3s;
    animation: MenuAnimIn1 0.3s;
}

.dl-menu.dl-animate-in-2 {
    -webkit-animation: MenuAnimIn2 0.3s ease-in-out;
    animation: MenuAnimIn2 0.3s ease-in-out;
}

.dl-menu.dl-animate-in-3 {
    -webkit-animation: MenuAnimIn3 0.4s ease;
    animation: MenuAnimIn3 0.4s ease;
}

.dl-menu.dl-animate-in-4 {
    -webkit-animation: MenuAnimIn4 0.4s ease;
    animation: MenuAnimIn4 0.4s ease;
}

.dl-menu.dl-animate-in-5 {
    -webkit-animation: MenuAnimIn5 0.4s ease;
    animation: MenuAnimIn5 0.4s ease;
}

@-webkit-keyframes MenuAnimIn1 {
    0% {
        -webkit-transform: translateZ(-500px) rotateY(0deg);
        opacity: 0;
    }

    20% {
        -webkit-transform: translateZ(-250px) rotateY(30deg);
        opacity: 0.5;
    }

    100% {
        -webkit-transform: translateZ(0px) rotateY(0deg);
        opacity: 1;
    }
}

@-webkit-keyframes MenuAnimIn2 {
    0% {
        -webkit-transform: translateX(-100%);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0px);
        opacity: 1;
    }
}

@-webkit-keyframes MenuAnimIn3 {
    0% {
        -webkit-transform: translateZ(300px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateZ(0px);
        opacity: 1;
    }
}

@-webkit-keyframes MenuAnimIn4 {
    0% {
        -webkit-transform: translateZ(-300px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateZ(0px);
        opacity: 1;
    }
}

@-webkit-keyframes MenuAnimIn5 {
    0% {
        -webkit-transform: translateY(40%);
        opacity: 0;
    }

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

@keyframes MenuAnimIn1 {
    0% {
        -webkit-transform: translateZ(-500px) rotateY(0deg);
        transform: translateZ(-500px) rotateY(0deg);
        opacity: 0;
    }

    20% {
        -webkit-transform: translateZ(-250px) rotateY(30deg);
        transform: translateZ(-250px) rotateY(30deg);
        opacity: 0.5;
    }

    100% {
        -webkit-transform: translateZ(0px) rotateY(0deg);
        transform: translateZ(0px) rotateY(0deg);
        opacity: 1;
    }
}

@keyframes MenuAnimIn2 {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
        opacity: 1;
    }
}

@keyframes MenuAnimIn3 {
    0% {
        -webkit-transform: translateZ(300px);
        transform: translateZ(300px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateZ(0px);
        transform: translateZ(0px);
        opacity: 1;
    }
}

@keyframes MenuAnimIn4 {
    0% {
        -webkit-transform: translateZ(-300px);
        transform: translateZ(-300px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateZ(0px);
        transform: translateZ(0px);
        opacity: 1;
    }
}

@keyframes MenuAnimIn5 {
    0% {
        -webkit-transform: translateY(40%);
        transform: translateY(40%);
        opacity: 0;
    }

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

.dl-menuwrapper > .dl-submenu.dl-animate-in-1 {
    -webkit-animation: SubMenuAnimIn1 0.4s ease;
    animation: SubMenuAnimIn1 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-2 {
    -webkit-animation: SubMenuAnimIn2 0.3s ease-in-out;
    animation: SubMenuAnimIn2 0.3s ease-in-out;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-3 {
    -webkit-animation: SubMenuAnimIn3 0.4s ease;
    animation: SubMenuAnimIn3 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-4 {
    -webkit-animation: SubMenuAnimIn4 0.4s ease;
    animation: SubMenuAnimIn4 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-5 {
    -webkit-animation: SubMenuAnimIn5 0.4s ease;
    animation: SubMenuAnimIn5 0.4s ease;
}

@-webkit-keyframes SubMenuAnimIn1 {
    0% {
        -webkit-transform: translateX(50%);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0px);
        opacity: 1;
    }
}

@-webkit-keyframes SubMenuAnimIn2 {
    0% {
        -webkit-transform: translateX(100%);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0px);
        opacity: 1;
    }
}

@-webkit-keyframes SubMenuAnimIn3 {
    0% {
        -webkit-transform: translateZ(-300px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateZ(0px);
        opacity: 1;
    }
}

@-webkit-keyframes SubMenuAnimIn4 {
    0% {
        -webkit-transform: translateZ(300px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateZ(0px);
        opacity: 1;
    }
}

@-webkit-keyframes SubMenuAnimIn5 {
    0% {
        -webkit-transform: translateZ(-200px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateZ(0);
        opacity: 1;
    }
}

@keyframes SubMenuAnimIn1 {
    0% {
        -webkit-transform: translateX(50%);
        transform: translateX(50%);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
        opacity: 1;
    }
}

@keyframes SubMenuAnimIn2 {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
        opacity: 1;
    }
}

@keyframes SubMenuAnimIn3 {
    0% {
        -webkit-transform: translateZ(-300px);
        transform: translateZ(-300px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateZ(0px);
        transform: translateZ(0px);
        opacity: 1;
    }
}

@keyframes SubMenuAnimIn4 {
    0% {
        -webkit-transform: translateZ(300px);
        transform: translateZ(300px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateZ(0px);
        transform: translateZ(0px);
        opacity: 1;
    }
}

@keyframes SubMenuAnimIn5 {
    0% {
        -webkit-transform: translateZ(-200px);
        transform: translateZ(-200px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1;
    }
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-1 {
    -webkit-animation: SubMenuAnimOut1 0.4s ease;
    animation: SubMenuAnimOut1 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-2 {
    -webkit-animation: SubMenuAnimOut2 0.3s ease-in-out;
    animation: SubMenuAnimOut2 0.3s ease-in-out;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-3 {
    -webkit-animation: SubMenuAnimOut3 0.4s ease;
    animation: SubMenuAnimOut3 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-4 {
    -webkit-animation: SubMenuAnimOut4 0.4s ease;
    animation: SubMenuAnimOut4 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-5 {
    -webkit-animation: SubMenuAnimOut5 0.4s ease;
    animation: SubMenuAnimOut5 0.4s ease;
}

@-webkit-keyframes SubMenuAnimOut1 {
    0% {
        -webkit-transform: translateX(0%);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(50%);
        opacity: 0;
    }
}

@-webkit-keyframes SubMenuAnimOut2 {
    0% {
        -webkit-transform: translateX(0%);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(100%);
        opacity: 0;
    }
}

@-webkit-keyframes SubMenuAnimOut3 {
    0% {
        -webkit-transform: translateZ(0px);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateZ(-300px);
        opacity: 0;
    }
}

@-webkit-keyframes SubMenuAnimOut4 {
    0% {
        -webkit-transform: translateZ(0px);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateZ(300px);
        opacity: 0;
    }
}

@-webkit-keyframes SubMenuAnimOut5 {
    0% {
        -webkit-transform: translateZ(0);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateZ(-200px);
        opacity: 0;
    }
}

@keyframes SubMenuAnimOut1 {
    0% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(50%);
        transform: translateX(50%);
        opacity: 0;
    }
}

@keyframes SubMenuAnimOut2 {
    0% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        opacity: 0;
    }
}

@keyframes SubMenuAnimOut3 {
    0% {
        -webkit-transform: translateZ(0px);
        transform: translateZ(0px);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateZ(-300px);
        transform: translateZ(-300px);
        opacity: 0;
    }
}

@keyframes SubMenuAnimOut4 {
    0% {
        -webkit-transform: translateZ(0px);
        transform: translateZ(0px);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateZ(300px);
        transform: translateZ(300px);
        opacity: 0;
    }
}

@keyframes SubMenuAnimOut5 {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateZ(-200px);
        transform: translateZ(-200px);
        opacity: 0;
    }
}

/* No JS Fallback */
.no-js .dl-menuwrapper .dl-menu {
    position: relative;
    opacity: 1;
    -webkit-transform: none;
    transform: none;
}

.no-js .dl-menuwrapper li .dl-submenu {
    display: block;
}

.no-js .dl-menuwrapper li.dl-back {
    display: none;
}

.no-js .dl-menuwrapper li > a:not(:only-child) {
    background: rgba(0,0,0,0.1);
}

    .no-js .dl-menuwrapper li > a:not(:only-child):after {
        content: '';
    }

/* Colors for demos */

/* Demo 1 */
.demo-1 .dl-menuwrapper button {
    background: #c62860;
}

    .demo-1 .dl-menuwrapper button:hover,
    .demo-1 .dl-menuwrapper button.dl-active,
    .demo-1 .dl-menuwrapper ul {
        background: #9e1847;
    }

/* Demo 2 */
.demo-2 .dl-menuwrapper button {
    background: #e86814;
}

    .demo-2 .dl-menuwrapper button:hover,
    .demo-2 .dl-menuwrapper button.dl-active,
    .demo-2 .dl-menuwrapper ul {
        background: #D35400;
    }

/* Demo 3 */
.demo-3 .dl-menuwrapper button {
    background: #08cbc4;
}

    .demo-3 .dl-menuwrapper button:hover,
    .demo-3 .dl-menuwrapper button.dl-active,
    .demo-3 .dl-menuwrapper ul {
        background: #00b4ae;
    }

/* Demo 4 */
.demo-4 .dl-menuwrapper button {
    background: #90b912;
}

    .demo-4 .dl-menuwrapper button:hover,
    .demo-4 .dl-menuwrapper button.dl-active,
    .demo-4 .dl-menuwrapper ul {
        background: #79a002;
    }

/* Demo 5 */
.demo-5 .dl-menuwrapper button {
    background: #744783;
}

    .demo-5 .dl-menuwrapper button:hover,
    .demo-5 .dl-menuwrapper button.dl-active,
    .demo-5 .dl-menuwrapper ul {
        background: #643771;
    }



.modalLoader {
    position: fixed;
    z-index: 500;
    height: 100%;
    width: 50%;
    top: 0;
    background-color: transparent;
    filter: alpha(opacity=60);
    opacity: 0.6;
    -moz-opacity: 0.8;
}

.loaderCenter {
    z-index: 1000;
    margin: 300px auto;
    padding: 10px;
    width: 130px;
    background-color: transparent;
    border-radius: 10px;
    filter: alpha(opacity=100);
    opacity: 1;
    -moz-opacity: 1;
}

    .loaderCenter img {
        height: 128px;
        width: 128px;
    }


.ms-WPBorder {
    border: 0px solid #c6c6c6 !important;
}


.gm-control-active > img {
    left: 68% !important;
}

.gm-fullscreen-control > img {
    padding-right: 23px !important;
}

/* End component.css element   */


/*mega menu*/

h4.row.mega-title {
    color: #eee;
    margin-top: 0px;
    font-size: 14px;
    padding-left: 15px;
    padding-bottom: 13px;
    
    border-bottom: 1px solid #547787;
    padding-top: 15px;
}

.mega-menu ul li a {
    display: block;
    padding: 0;
    font-size: 14px;
    font-weight: 100;
    /*  background: url(../images/menu-bullet.png) no-repeat 15px; */
    position: relative;
}

    .mega-menu ul li a:hover {
        text-decoration: underline;
    }

    .mega-menu ul li a:after {
        content: "";
        width: 90%;
        position: absolute;
        left: 5%;
        background: transparent;
        height: 1px;
        bottom: 0;
    }

.mega-menu ul li:last-child a:after {
    display: none;
}


/* =================== Start (1600px+) =================== */
@media only screen and (min-width: 1600px) {
    .full-mega-menu {
        right: -80px;
        width: 110%;
    }
    .full-width {
        width: 100%;
        padding: 0 26px;
    }
}
/* =================== End (1600px+) =================== */
/* =================== Start (1200px - 1599px) =================== */
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
	.col-md-6 .ms-dtinput {
	   width: 89.8% !important;
	}
	
	.col-md-6 .ms-dtinput input[type="text"] {
        width: 100% !important;
    }
    .full-width {
        width: 100%;
        padding: 0 26px;
    }

    div.card-img > a > img {
        border: 0;
        max-width: 100% !important;
    }

    .mega-menu {
	top: 32px;
    }

	.mega-menu li a {
		padding: 8px 20px 3px 23px !important;
		font-size: 18px !important;
	}
    .az-banner-text {
        /*margin-top: 5%;*/
        margin-top: 5% !important;
    }
}
/* =================== End (1200px - 1599px) =================== */
/* =================== Start (1025px+) =================== */
@media only screen and (min-width: 1025px) {
    .cd-is-hidden {
        visibility: hidden;
    }
    .cd-timeline {
        margin-top: 3em;
        margin-bottom: 3em;
    }
    .cd-timeline__container::before {
        right: 50%;
        margin-right: -2px;
    }
    .cd-timeline__block {
        margin: 4em 0;
    }
    .cd-timeline__img {
        left: 50%;
        margin-top: -20px;
        margin-left: -15px;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        background: #fff;
        border: 3px solid #d1202f;
    }
	.cd-timeline__img.cd-timeline__img--bounce-in {
		visibility: visible;
		-webkit-animation: cd-bounce-1 .6s;
		animation: cd-bounce-1 .6s;
	}
    .cd-timeline__content {
        margin-right: 0;
        padding: 1.6em;
        width: 45%;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        border-radius: 20px;
        border: 3px solid #ddd;
    }
	.cd-timeline__content::before {
		top: 50%;
		margin-top: -20px;
		left: 100%;
		border-color: transparent;
		border-left-color: white;
	}
    .cd-timeline__read-more {
        float: left;
    }
    .cd-timeline__date {
        position: absolute;
        font-family: "FrutigerLTArabic-55Roman";
        line-height: 30px;
        width: 100%;
        right: 100%;
        top: 0;
        padding: 0;
        width: 74px;
        background: #fff;
        font-size: 28px;
        margin-right: 20px;
        text-align: center;
    }
    .cd-timeline__block:nth-child(even) .cd-timeline__content {
        float: left;
    }
	.cd-timeline__block:nth-child(even) .cd-timeline__content::before {
		top: 50%;
		left: auto;
		right: 100%;
		border-color: transparent;
		border-right-color: white;
	}
    .cd-timeline__block:nth-child(even) .cd-timeline__read-more {
        float: left;
    }
    .cd-timeline__block:nth-child(even) .cd-timeline__date {
        right: auto;
        left: 100%;
        text-align: right;
        width: 74px;
        margin-left: 20px;
        text-align: center;
    }
    .cd-timeline__content.cd-timeline__content--bounce-in {
        visibility: visible;
        -webkit-animation: cd-bounce-2 .6s;
        animation: cd-bounce-2 .6s;
    }
    .cd-timeline__content::before {
        content: '';
        display: block;
        position: absolute;
        right: 100%;
        top: 50%;
        width: 0;
        margin-top: -20px;
        height: 0;
        border: 20px solid transparent;
        border-right-color: #ddd;
    }
    .cd-timeline__content::after {
        content: '';
        display: block;
        position: absolute;
        right: 100%;
        top: 50%;
        width: 0;
        margin-top: -20px;
        height: 0;
        border: 20px solid transparent;
        border-right-color: white;
        margin-left: -3px;
    }
    .cd-timeline__block:nth-child(even) .cd-timeline__content.cd-timeline__content--bounce-in {
        -webkit-animation: cd-bounce-2-inverse .6s;
        animation: cd-bounce-2-inverse .6s;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1199px) {
	div.card-name > div.card-img > img {
		max-width: unset !important;
		margin-right: unset !important;
		max-width: -webkit-fill-available !important;
	}
    .icon_text .icon_section.col-sm-4 img {
        width: 100%;
    }

    .flyout-right ul > li > a, .flyout-left ul > li > a, .flyout-mega-wrap, .mega-menu {
        background-color: rgba(255, 255, 255, 0) !important;
    }

    div.card-img > a > img {
        border: 0;
        max-width: 100% !important;
    }

    div.card-img > img {
        border: 0;
        max-width: 80% !important;
        margin-right: -80px;
    }

    .mega-menu {
        left: 100px !important;
        width: 775px !important;
    }

    .col-lg-6 {
        width: 50%;
        float: left;
    }

    .auto-finance-text {
        padding: 30px 15px 50px 0px !important;
    }

    .mega-menu li a {
        padding: 10px 20px 3px 23px !important;
        font-size: 16px !important;
    }

    p.footer-content br {
        display: none;
    }

    .group-sites-wrap .dropdown-menu {
        left: 0%;
    }

    .header-panel .logo-wrap a {
        float: none;
    }

    .dowload-app-left {
        padding: 55px 20px 0 0px;
    }

    .carousel-inner > .next.left, .carousel-inner > .prev.right, .carousel-control.right {
        /* display:none */
    }

    .top-strip .top-contact-details { /* width: 43%!important; */
    }

    .owl-prev, .owl-next {
        display: none !important;
    }

    .carousel-control .glyphicon-chevron-left {
        display: none;
    }

    .carousel-inner > .next.left, .carousel-inner > .prev.right, .carousel-control.right {
        display: none;
    }

    .owl-nav {
        display: none;
    }

    .form-line-control {
        width: 20% !important;
        height: 41px !important;
        font-size: 14px !important;
        line-height: 1.42857143;
        color: #555;
        background-color: #fff;
        background-image: none;
        border: solid 1px #7b7b7b !important;
        border-radius: 3px !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        -webkit-transition: 0 !important;
    }

    .form-multiline-control {
        width: 25% !important;
        height: 41px !important;
        font-size: 14px !important;
        line-height: 1.42857143;
        color: #555;
        background-color: #fff;
        background-image: none;
        border: solid 1px #7b7b7b !important;
        border-radius: 3px !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        -webkit-transition: 0 !important;
    }

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

    .header-panel .navbar-wrap {
        padding: 23px 0 10px 0;
        /*width: 100% !important;*/
        display: none;
    }

    .header-panel .navbar {
        margin: 10px 0 0 0;
        left: 0;
    }

    .main .container {
        width: 100%;
    }

    .owl-nav {
        display: none;
    }

    .header-panel .dropdown-menu {
        left: initial;
        right: 0;
    }

    .banner-wrapper .item {
        height: 350px;
    }

    .banner-wrapper .container p {
        font-size: 26px;
    }

    .banner-wrapper .banner-3 .container p {
        width: auto;
        padding: 0;
    }

    .banner-wrapper .container p span {
        font-size: 35px;
    }

    .banner-wrapper .container p a.banner-read-more {
        font-size: 14px;
        margin: 10px 0 0 0;
        padding: 10px 18px;
    }

    .auto-lease-wrap, .financial-products-wrap, .offers-loyalty-wrap, .bank-social-wrap, .get-in-touch-wrap {
        padding: 30px 0;
    }

    .finance-calculator-wrap {
        padding: 30px 0;
    }

    #parentHorizontalTab {
        margin: 30px 0 0 0 !important;
        float: left;
    }

    .childhorizontalTab .resp-tabs-list li {
        padding: 0 30px 0 0;
    }

        .childhorizontalTab .resp-tabs-list li:after {
            left: -15px;
        }

    .personal-finance-tab .childhorizontalTab:before {
        width: 37%;
    }

    .childhorizontalTab .resp-tabs-list {
        padding: 15px 20px;
    }

        .childhorizontalTab .resp-tabs-list:before {
            width: calc(100% - 25px);
        }

    .childhorizontalTab .resp-tabs-container {
        padding: 10px 20px 20px 20px;
    }

    .financial-products-content-wrap {
        margin: 30px 0 0 0;
    }

    .download-wrap {
        padding: 30px 0 90px 0;
    }

    div#parentHorizontalTab-2 {
        margin-top: 30px !important;
    }

    .bank-social-wrap .resp-tab-content {
        padding: 20px;
        float: left;
    }

    .register-content-wrap {
        padding: 30px 0 0 30px;
    }

    .register-content-head {
        font-size: 35px;
    }

    .register-content-disc {
        margin: 15px 0 0 0;
        font-size: 20px;
        line-height: 31px;
    }

    .bottom-sticky-wrap ul li {
        margin: 0 30px 0 0;
    }

        .bottom-sticky-wrap ul li p {
            font-size: 13px;
        }

    .quick-contact-wrap .contact-text {
        width: 79%;
    }

        .quick-contact-wrap .contact-text p {
            font-size: 14px;
            line-height: 20px;
        }

    .finance-product-wrap ul li {
        margin: 0 16px;
    }

        .finance-product-wrap ul li:first-child {
            padding: 24px 10px;
        }

    .submenu {
        top: 240px;
    }

    .menu-wrap ul li:hover .submenu {
        top: 220px;
    }

    .menu-wrap ul li:first-child .submenu:before {
        top: -9px;
        left: 55%;
    }

    .menu-wrap ul li:nth-child(2) .submenu:before {
        top: -9px;
        left: 73%;
    }

    .menu-wrap ul li:nth-child(3) .submenu:before {
        top: -9px;
        left: 89%;
    }

    .submenu ul li a {
        padding: 37px 0 37px 55px;
    }

    .submenu ul li:nth-child(1) a {
        background: url(/_layouts/15/BAB.V2.Internet.Web/images/menu-li-1.png)no-repeat 10px 29px;
    }

    .submenu ul li:nth-child(2) a {
        background: url(/_layouts/15/BAB.V2.Internet.Web/images/menu-li-2.png)no-repeat 10px 29px;
    }

    .submenu ul li:nth-child(3) a {
        background: url(/_layouts/15/BAB.V2.Internet.Web/images/menu-li-3.png)no-repeat 10px 29px;
    }

    .submenu ul li:nth-child(4) a {
        background: url(/_layouts/15/BAB.V2.Internet.Web/images/menu-li-4.png)no-repeat 10px 29px;
    }

    .submenu ul li ul li a {
        padding: 13px 20px;
        font-size: 16px;
        line-height: 24px;
    }

    .why-us-right {
        height: 400px;
    }

    .why-us-left {
        height: 400px;
        padding-top: 40px;
    }

    .why-us-data {
        width: 100%;
    }

    .why-us-list li {
        margin-bottom: 20px;
    }

    .request-form input, .request-form select {
        width: 240px;
    }

        .request-form input.enquiry-button {
            width: 125px;
        }

    .card-apply a {
        margin: 0 12px;
    }

    .card-disc {
        min-height: 160px;
        line-height: 22px;
    }

    .contact-form-wrap {
        padding: 0 30px;
    }

        .contact-form-wrap ul li {
            width: 310px;
        }

        .contact-form-wrap ul li {
            margin: 0 30px 30px 0;
        }

    .contact-services-wrap ul li {
        padding: 0 0px 0 25px;
        margin-left: 29px;
    }

    .inside-banner.inside-card-detail .inside-card-detail-wrap {
        padding: 55px 0;
    }

    .card-feature-list li, .card-feature-list li:nth-child(7), .card-feature-list li:nth-child(8) {
        min-height: 200px;
    }

    .condition-data {
        font-size: 20px;
        line-height: 28px;
    }

    .common-table .table-sub-heading td {
        font-size: 15px;
    }

    .table-wrap {
        overflow-x: scroll;
    }

    .apply-now-wrap p {
        padding: 0 0 0 30px;
    }

    .mega-menu {
        top: 15px !important;
    }

    .header-panel .logo-wrap {
        width: 185px !important;
    }

    .get-touch-content-bx.social-media .get-touch-bx-head {
        margin-right: 34px;
        padding-bottom: 18px;
    }


    ul.slides.resp-tabs-list.top-tabs {
        padding-left: 0px;
    }

    .banner-text {
        top: 100px;
        left: 0px;
        width: 320px;
    }

    .banner-wrapper .banner-2 .banner-img { /*width: 385px;*/
    }

    .banner-wrapper .banner-2 .banner-img-2 {
        width: 350px;
        left: 20px;
    }

    .banner-wrapper .banner-2 .banner-text p {
        font-size: 30px;
        line-height: 30px;
    }

    .banner-wrapper .container p a {
        line-height: 35px;
    }

    .banner-wrapper .banner-2 .banner-text p span {
        font-size: 12px;
        line-height: 20px;
    }

    .banner-wrapper .banner-2 .banner-text {
        top: 155px;
        left: 68px;
    }

    .banner-wrapper .banner-3 .banner-img {
        width: 462px;
    }

    .banner-wrapper .banner-3 .banner-text {
        top: 120px;
        left: 0px;
        width: 290px;
    }

    .flexslider .resp-tabs-list.slides li {
        width: 176px !important;
    }

    .flexslider .slides li {
        padding-bottom: 40px;
    }

    .bank-social-wrap .top-tabs > li span {
        font-size: 14px;
        left: 14px;
    }

    #slider {
        height: 442px;
    }

    .find-store {
        margin: 18px 0 10px 5px;
        font-size: 14px;
    }

    .filter-select.last {
        margin-top: 10px;
    }

    #accordion a {
        font-size: 13px;
        line-height: 21px;
    }
}

/* =================== End (1025px+) =================== */
/* =================== Start (-1024px) =================== */
@media only screen and (max-width: 1024px) {

.container {
	width: 100%;
}

.download-wrap {
	text-align: center;
}

	.form-multiline-control {
			width: 49% !important;
		}
	 .col-md-6 .ms-dtinput {
			  width: 88.8% !important;
		}
	.col-md-6 .ms-dtinput input[type="text"] {
		width: 90% !important;
	}
    .values ul li .values_inner {
        padding: 20px 110px 20px 20px;
    }
    .card-lst img, .card-lst2 img {
        width: 100%;
    }
    .formDiv .two_section_grey .col-md-6 input, .formDiv .two_section_grey .col-md-6 select {
        width: 100% !important;
    }
    .top-strip.sticky .drop-down-ul.mega-menu li a {
        padding: 3px 10px 3px 27px;
    }
    .accordion {
        width: 100%;
    }
    .owl-prev, .owl-next {
        display: none;
    }

    .fix-right-margin {
        right: 8px;
        position: relative;
    }
    .info {
        display: none !important;
    }
     .info2 {
        display: inline-block !important;
    }
}

@media only screen and (min-width: 768px) {
    .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
        background: url(/_layouts/15/BAB.V2.Internet.Web/images/left-red.png) no-repeat left top;
        background-position: 8px 8px;
    }

    .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
        width: 50px !important;
        height: 50px !important;
    }

    .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
        background: url(/_layouts/15/BAB.V2.Internet.Web/images/right-red.png) no-repeat left top;
        background-position: 8px 8px;
    }
    .cd-timeline__content h2 {
        font-size: 2rem;
    }

    .cd-timeline__content p {
        font-size: 1.6rem;
    }

    .cd-timeline__read-more, .cd-timeline__date {
        font-size: 1.4rem;
    }
    .exo-menu > li > a {
        display: block;
        font-size: 18px;
        font-family: "FrutigerLTArabic-45Light";
        color: #FFFFFF !important;
        text-align: left;
        line-height: 18px;
        padding: 9px 20px 11px 20px;
        position: relative;
    }
}

@media only screen and (min-width: 768px) and (max-width:1024px) {


	.card-list li {
		width: 47% !important;
		margin-right: 4px !important;
		margin-left: 14px !important;
}
    .boardOfDir .col-md-4 {
        width: 40% !important;
    }

    div.card-img > a > img {
        border: 0;
        max-width: 100% !important;
    }

    .content-right-wrap {
        width: 100% !important;
    }

    .icon_text.two_section_grey .col-sm-4 {
        text-align: center;
    }

    .hidden-xs {
        display: none !important;
    }

    .header-container2 {
        height: auto;
        position: fixed;
        top: 0;
        background: #FFF;
        padding-top: 0;
    }

    .top-mobile-menu {
        display: block;
        position: absolute;
        width: 100%;
        top: 0px;
        right: 0px;
        transition: 0.5s;
        background: #7b6f67;
        z-index: 999;
    }

    .header-panel.fl-wdth.header-container2.sticky2 .container-div {
        margin-top: 0px;
        transition: 0.5s;
    }

    .header-panel.sticky2 .logo-wrap {
        padding: 10px 0 0 0;
    }

    .header-panel.fl-wdth.header-container2.sticky2 .navbar-wrap {
        top: 14px;
        transition: 0.5s;
    }

    .header-panel.fl-wdth.header-container2.sticky2 {
        height: auto;
    }

        .header-panel.fl-wdth.header-container2.sticky2 .top-mobile-menu {
            position: absolute;
            top: -50px;
            transition: 0.5s;
        }

    .header-panel .logo-wrap {
        float: right !important;
        /*margin: 0 0 0 10px;*/
        /* height: auto; */
        width: calc(98% - 140px )!important;
        text-align: center;
    }

    .header-panel .logo-wrap {
        padding: 10px 0 0 0;
    }

    .header-panel .navbar-wrap {
        padding: 15px 0 0 0;
        display: block;
    }

    .header-panel .logo-wrap a {
        float: none;
        margin: 0px auto;
        display: inline-block;
        width: auto;
    }

    .logo-wrap a img {
        z-index: 999;
        position: relative;
    }

    .logo-wrap a img {
        display: inline-block;
        width: 150px;
        float: left;
        margin-left: 0%;
        margin-top: 10px;
		top: -8px;
    }

    .login-btn {
        display: none;
    }

    .login-btn {
        margin-top: -43px;
        margin-right: 40px;
        margin-left: 30px;
    }

    .header-panel .navbar-wrap {
        padding: 0;
        text-align: center;
        margin: 0;
        /*position: absolute;*/
        top: 50px;
        width: 5%;
        transition: 0.5s;
        left: 10px;
    }

    .header-panel .navbar-wrap {
        width: auto;
        right: 0;
    }

    .header-panel .navbar-wrap {
        padding: 5px 0 0 0 !important;
        display: block !important;
    }

    .header-panel .navbar-wrap {
        padding: 0;
        text-align: center;
        margin: 0;
        /*position: absolute;*/
        top: 50px;
        width: 5%;
        transition: 0.5s;
        left: 10px;
    }

    .contact-wrap {
        display: block;
    }

    .header-panel.fl-wdth.header-container2.sticky2 .contact-wrap.pull-left {
        padding-top: 20px;
    }

    .contact-wrap.pull-left {
        float: right !important;
        padding-right: 20px;
    }

    .header-panel.fl-wdth.header-container2.sticky2 .mob-menu-icon {
        margin-top: -8px;
    }

    .auto-finance-text {
        padding: 30px 20px 50px 20px !important;
        width: 100% !important;
    }

    .get-touch-bx {
        /*display: none;*/
    }

    .carousel-inner > .next.left, .carousel-inner > .prev.right, .carousel-control.right {
        display: none;
    }

    .carousel-control .glyphicon-chevron-left {
        display: none;
    }

    .mob-menu-icon {
        display: block;
    }

    .container-div {
        background: #FFF;
        float: left;
        width: 100%;
        transition: 0.5s;
        margin-top: 50px;
    }


    .form-line-control {
        width: 20% !important;
        height: 41px !important;
        font-size: 14px !important;
        line-height: 1.42857143;
        color: #555;
        background-color: #fff;
        background-image: none;
        border: solid 1px #7b7b7b !important;
        border-radius: 3px !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        -webkit-transition: 0 !important;
    }

    .form-multiline-control {
        width: 25% !important;
        height: 41px !important;
        font-size: 14px !important;
        line-height: 1.42857143;
        color: #555;
        background-color: #fff;
        background-image: none;
        border: solid 1px #7b7b7b !important;
        border-radius: 3px !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        -webkit-transition: 0 !important;
    }


    .footer-content br {
        display: none;
    }

    #carousel .flex-viewport {
        padding-left: 10%;
    }

    .group-sites-wrap .dropdown-menu {
        left: 0;
    }

    .banner-wrapper .banner-3 .container p {
        padding: 0;
    }

    .auto-lease-wrap, .financial-products-wrap, .offers-loyalty-wrap, .bank-social-wrap, .get-in-touch-wrap {
        padding: 30px 0;
    }

    .top-contact-details ul {
        width: 100%;
        text-align: center;
    }

        .top-contact-details ul li {
            float: none;
            display: inline-block;
        }

    .top-strip .top-other-details {
        padding: 0;
        width: auto;
        margin: 3px 0 0 0;
        float: none !important;
    }

    .header-panel .navbar-header {
        float: none;
    }

    .header-panel .navbar-toggle {
        display: block;
        margin: 6px 20px 0 0;
        border-color: #d20f2d !important;
    }

    .navbar-inverse .navbar-toggle .icon-bar {
        background-color: #f8b22f !important;
    }

    .header-panel .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }

        .header-panel .navbar-collapse.collapse {
            display: none !important;
        }

    .header-panel .navbar-nav {
        float: left !important;
        margin: 0;
    }

        .header-panel .navbar-nav > li {
            float: left;
            padding: 0;
            margin: 0;
            width: 100%;
        }

            .header-panel .navbar-nav > li > a {
                padding: 10px 0;
                border-bottom: 1px solid rgba(255,255,255,0.5);
                color: #fff !important;
            }

    .nav > li a:before, .nav > li:after {
        display: none;
    }

    .header-panel .navbar-collapse.collapse.in {
        display: block !important;
    }

    .header-panel .navbar-collapse {
        position: absolute;
        z-index: 99;
        background: #d00f2c;
        right: 0;
        top: 63px;
        width: 290px;
        border: 0;
        padding: 10px 15px 10px 15px !important;
    }

    .header-panel .navbar-nav > li:last-child > a {
        border-bottom: 0;
    }

    .logo-wrap img {
        width: 100%;
    }

    .header-panel .navbar-wrap {
        padding: 15px 0 0 0;
        display: none;
    }

    .header-panel .navbar {
        margin: -7px 0 0 0;
        left: 0;
        float: right;
    }

    .main .container {
        width: 100%;
    }

    .banner-wrapper .item {
        height: 300px;
    }

    .banner-wrapper .container p {
        font-size: 25px;
    }

        .banner-wrapper .container p span {
            font-size: 30px;
            line-height: 32px;
        }

        .banner-wrapper .container p a.banner-read-more {
            font-size: 14px;
            padding: 8px 15px;
            margin: 15px 0 0 0;
        }

    .lease-content-wrap {
        width: 45%;
        padding: 20px 20px 20px 20px;
    }

    .lease-offer-wrap {
        background-size: 130px;
    }

    .lease-image-wrap {
        width: 62%;
    }

    .lease-head {
        margin: 0 0 10px 0;
        font-size: 35px;
    }

    .lease-sub-head {
        margin: 0 0 10px 0;
        font-size: 24px;
    }

    .finance-calculator-wrap {
        padding: 30px 0;
    }

    #parentHorizontalTab {
        margin: 30px 0 0 0 !important;
        float: left;
    }

    .childhorizontalTab .resp-tabs-list li {
        font-size: 13px;
        padding: 0 0 0 20px;
    }

    .tab-content-head, .tab-content-head-cards{
        font-size: 25px;
    }

    .tab-content-wrap:before {
        left: -30px;
        top: -30px;
        transform: scale(0.6);
    }

    .tab-form-row label {
        font-size: 14px;
        margin: 0 0 10px 0;
        width: 100%;
    }

    .tab-input-wrap {
        width: 100%;
    }

    .lease-offer-wrap p {
        margin: 40px 25px 0 0;
    }

        .lease-offer-wrap p span {
            font-size: 33px;
        }

    .childhorizontalTab .resp-tabs-list li:after {
        left: 10px;
    }

    .childhorizontalTab .resp-tabs-list {
        padding: 12px;
    }

    .childhorizontalTab .resp-tabs-container {
        padding: 20px;
    }

    .personal-finance-tab .childhorizontalTab:before {
        width: 37%;
    }

    .download-wrap {
        padding: 30px 0 90px 0;
    }

    .dowload-app-left {
        width: 50%;
        height: 416px;
        padding: 25px 20px 0 0px;
    }

    .dowload-app-first-line {
        font-size: 24px;
        line-height: 32px;
    }

    .dowload-app-second-line {
        font-size: 32px;
    }

    .dowload-app-third-line {
        font-size: 16px;
    }

    .dowload-app-link-wrap {
        margin: 10px 0 0 0;
    }

    .dowload-app-center {
        right: 28%;
        top: 90px;
        width: 170px;
    }

    .other-services-wrap ul li a p {
        font-size: 14px;
        font-weight: 600;
    }

    .dowload-app-center img {
        width: 100%;
    }

    div#parentHorizontalTab-2 {
        margin-top: 30px !important;
    }

    .register-content-wrap {
        min-height: 350px;
        background-size: cover !important;
        padding: 20px 20px 0 0;
    }

    .register-content-head {
        font-size: 34px;
    }

    .register-content-disc {
        margin: 10px 0 0 0;
        font-size: 18px;
        line-height: 23px;
    }

    .bottom-sticky-wrap ul li {
        margin: 0 10px 0 0;
    }

    .bottom-sticky-wrap ul {
        width: 75%;
        padding: 5px 0;
    }

        .bottom-sticky-wrap ul li {
            margin: 0;
            width: 25%;
        }

            .bottom-sticky-wrap ul li a {
                float: left;
                width: 100%;
                text-align: center;
            }

                .bottom-sticky-wrap ul li a img {
                    float: none;
                    display: inline-block;
                    height: 24px;
                    margin: 0 0 10px 0;
                }

            .bottom-sticky-wrap ul li p {
                margin: 0;
                float: left;
                font-size: 12px;
                width: 100%;
            }

    .content-left-wrap {
        width: 30%;
    }

        .content-left-wrap ul li a {
            padding: 15px;
        }

    .content-right-wrap {
        width: 66%;
    }

        .content-right-wrap .left-box, .content-right-wrap .right-box {
            width: 100%;
        }

    .finance-wrap {
        padding: 20px 15px;
    }

    .quick-contact-wrap {
        padding: 30px 20px;
    }

    .finance-product-wrap ul li {
        margin: 0PX 11px;
        font-size: 13px;
        line-height: 20px;
        padding: 50px 10px;
        min-height: 185PX;
    }

        .finance-product-wrap ul li:first-child {
            padding: 10px;
        }

        .finance-product-wrap ul li:last-child {
            padding: 30px 10px;
        }

    .quick-contact-wrap .contact-text {
        width: 70%;
    }

        .quick-contact-wrap .contact-text p {
            font-size: 15px;
            line-height: 20px;
        }

        .quick-contact-wrap .contact-text .p1 {
            margin-bottom: 5px;
        }

    .navbar-other-links {
        padding-top: 0;
        margin-top: 10px;
    }

    .menu-wrap {
        float: left;
    }

        .menu-wrap ul li a {
            padding: 20px 42px;
        }
    /* .menu-wrap ul li:first-child a{background:url(/_layouts/15/BAB.V2.Internet.Web/images/main-menu-li-1.png)no-repeat 0 14px}
.menu-wrap ul li:nth-child(2) a{background:url(/_layouts/15/BAB.V2.Internet.Web/images/main-menu-li-2.png)no-repeat 0 14px}
.menu-wrap ul li:nth-child(3) a{background:url(/_layouts/15/BAB.V2.Internet.Web/images/main-menu-li-3.png)no-repeat 0 14px}
.submenu ul li:nth-child(1) a{background:url(/_layouts/15/BAB.V2.Internet.Web/images/menu-li-1.png)no-repeat 10px 12px}
.submenu ul li:nth-child(2) a{background:url(/_layouts/15/BAB.V2.Internet.Web/images/menu-li-2.png)no-repeat 10px 12px}
.submenu ul li:nth-child(3) a{background:url(/_layouts/15/BAB.V2.Internet.Web/images/menu-li-3.png)no-repeat 10px 12px}
.submenu ul li:nth-child(4) a{background:url(/_layouts/15/BAB.V2.Internet.Web/images/menu-li-4.png)no-repeat 10px 12px} */
    .submenu {
        top: 150px;
        padding: 20px 15px;
    }

    .menu-wrap ul li:hover .submenu {
        top: 134px;
    }

    .submenu ul li a {
        padding: 20px 10px 20px 55px;
    }

        .submenu ul li a:after {
            right: 8px;
        }

    .submenu ul li ul li a:before {
        top: 12px !important;
        margin-top: 0 !important;
    }

    .menu-wrap ul li .left-images p {
        font-size: 22px;
        margin-bottom: 15px;
    }

    .left-images {
        padding: 12px 0 0 0;
    }

    .menu-wrap ul li a:after {
        right: 9px;
        top: 16px;
    }

    .menu-wrap ul li:first-child .submenu:before {
        top: -9px;
        left: 12%;
    }

    .menu-wrap ul li:nth-child(2) .submenu:before {
        top: -9px;
        left: 35%;
    }

    .menu-wrap ul li:nth-child(3) .submenu:before {
        top: -9px;
        left: 53%;
    }

    .submenu ul li a {
        font-size: 15px;
        line-height: 15px;
    }

    .submenu ul li ul li a {
        font-size: 14px;
        padding: 5px 0 5px 12px;
        line-height: 22px;
    }

    .why-us-right {
        height: 400px;
    }

    .why-us-left {
        height: 400px;
        padding-top: 20px;
    }

    .why-us-data {
        width: 100%;
    }

    .why-us-list {
        margin-top: 20px;
    }

        .why-us-list li {
            margin-bottom: 10px;
            width: 100%;
        }

        .why-us-list p {
            font-size: 14px;
            line-height: 18px;
        }

        .why-us-list .list-heading {
            font-size: 16px;
            line-height: 16px;
            margin-bottom: 10px;
        }

    .request-form {
        padding: 24px 0;
    }

        .request-form .content-head-2 {
            font-size: 40px;
            line-height: 30px;
            margin-bottom: 30px;
        }

    .contact-form {
        padding: 0;
    }

    .request-form input, .request-form select {
        width: 22%;
        margin-right: 0;
        margin-left: 12px;
        height: 35px;
        padding: 0 8px 0 0;
        font-size: 13px;
        line-height: 22px;
    }

    .request-form select {
        background: url(/_layouts/15/BAB.V2.Internet.Web/images/arrow-select-dropdown.png) no-repeat 4% 16px #fff;
        background-size: 12px;
    }

    .card-list li {
        width: 48%;
        margin-left: 0;
    }

        .card-list li:nth-child(2n) {
            float: left;
        }

    .filter-select {
        padding: 0 0px 0 15px;
        margin: 0 5px 0 0;
        font-size: 13px;
        line-height: 18px;
        background: url(/_layouts/15/BAB.V2.Internet.Web/images/red-arrow-down.png) no-repeat 4% 8px;
    }

    .find-store {
        line-height: 38px;
        font-size: 14px;
        margin: 10px 0 10px 6px;
    }


    .filter span {
        margin: 0 7px 0 7px;
    }

    .contact-form-wrap ul li {
        width: 208px;
        margin-right: 20px;
        margin-bottom: 20px;
    }

    .contact-address-wrap .contact-info p {
        font-size: 14px;
    }

    .contact-services-wrap ul li {
        width: 31%;
        padding: 0 0 0 20px;
        margin-left: 20px;
        text-align: center;
    }

    .services-img {
        width: 100%;
        margin: 0 0 20px 0;
        text-align: center;
    }

        .services-img img {
            float: none;
            margin: 0 auto;
        }

    .contact-services-wrap {
        height: auto;
        padding: 38px 0 38px 0;
    }

        .contact-services-wrap ul li p {
            width: 100%;
        }

        .contact-services-wrap ul li:before {
            height: 195px;
        }

    .inside-banner.inside-card-detail .inside-card-detail-wrap {
        padding: 80px 0 0 0;
    }

    .inside-card-detail-wrap .part-1 {
        width: 30%;
    }

    .inside-card-detail-wrap .part-2 {
        width: 52%;
    }

    .inside-card-detail-wrap .part-3 {
        width: 18%;
    }

    .inside-card-detail-wrap .part-2 a {
        background: url(/_layouts/15/BAB.V2.Internet.Web/images/mouse-small-black.png) no-repeat 95% 3px #f6b333;
        padding: 10px 36px 10px 10px;
        font-size: 16px;
        line-height: 16px;
    }

        .inside-card-detail-wrap .part-2 a:hover {
            background: url(/_layouts/15/BAB.V2.Internet.Web/images/mouse-small.png) no-repeat 95% 3px transparent;
        }

    .card-feature-list li {
        min-height: 0 !important;
        width: 48%;
    }

        .card-feature-list li:nth-child(2n) {
            float: left;
            clear: left;
        }

    .card-feature-list .card-feature {
        font-size: 15px;
        line-height: 18px;
    }

    .condition-part {
        padding: 15px 0 0 15px;
        min-height: 0;
    }

    .condition-data {
        font-size: 14px;
        line-height: 20px;
        margin-top: 10px;
    }

    .condition-icon {
        margin-left: 15px;
    }

    table.common-table {
        width: 1000px;
    }

    .common-table .table-sub-heading td {
        font-size: 15px;
    }

    .faq-wrap .faq-right {
        padding-left: 15px;
    }

    #accordion a {
        font-size: 14px;
        min-height: 44px;
        line-height: 16px;
        padding: 6px 65px 7px 15px;
    }

    .dont-find-text {
        background-size: 65%;
        background-position: left bottom;
    }

    .table-wrap {
        overflow-x: scroll;
    }

    .apply-now-wrap {
        height: auto;
    }

        .apply-now-wrap p {
            padding: 0;
            font-size: 15px;
            line-height: 53px;
            margin-right: 15px;
        }

        .apply-now-wrap div a {
            padding: 10px 35px 10px 10px;
            background: url(/_layouts/15/BAB.V2.Internet.Web/images/mouse-small.png) no-repeat 95% 6px #c51a20;
            font-size: 14px;
            line-height: 14px;
            border-radius: 10px;
            margin-top: 12px;
            background-size: 12px;
        }

    .product-enquiry .call-section-content {
        padding-left: 15px;
    }

    .bank-social-content-wrap {
        width: 100%;
        margin-bottom: 30px;
    }

    .bank-news {
        width: 100%;
    }


    .banner-text {
        top: 100px;
        left: 0;
        width: 240px;
    }

    .banner-wrapper .banner-2 .banner-img { /*width: 325px; top: 30%;*/
    }

    .banner-wrapper .banner-2 .banner-img-2 {
        width: 300px;
    }

    .banner-wrapper .banner-2 .banner-text p {
        font-size: 30px;
        line-height: 30px;
    }

    .banner-wrapper .container p a {
        line-height: 35px;
    }

    .banner-wrapper .banner-2 .banner-text p span {
        font-size: 12px;
        line-height: 20px;
    }

    .banner-wrapper .banner-2 .banner-text {
        top: 135px;
        left: 97px;
    }

    .banner-wrapper .banner-3 .banner-img {
        left: 20px;
        width: 398px;
    }

    .banner-wrapper .banner-3 .banner-text {
        top: 100px;
        width: 253px;
        right: 20px;
        left: auto;
    }

    .flexslider .resp-tabs-list.slides li {
        width: 210px !important;
    }

    #slider {
        height: auto;
    }

    .footer-column2, .footer-column3, .footer-column4 {
        margin-top: 20px;
    }

    .card-booking-offer h4 {
        font-size: 20px;
        line-height: 22px;
    }

    .card-booking-offer p {
        font-size: 16px;
    }

        .card-booking-offer p:nth-child(3) {
            font-size: 14px;
            line-height: 22px;
        }

    .icon_text_section.crd-lst-li ul li {
        margin-right: 15px;
        font-size: 18px;
    }

    .auto-finance-text h2 {
        font-size: 20px;
        line-height: 24px;
    }

    .auto-finance-text h1 {
        font-size: 24px;
        margin-top: 0;
    }

    .auto-finance-text ul li {
        font-size: 15px;
    }

    .auto-finance-text p:last-child {
        line-height: 20px;
        font-size: 14px;
    }

    .auto-finance-text p span {
        font-size: 20px;
    }

    .get-touch-content-bx.social-media .get-touch-bx-head {
        width: 44%;
    }

    .text-social p {
        text-align: center;
    }
    .text-social {
        width: 100%;
    }
    #parentHorizontalTab .tab-content-wrap {
        /*padding-right:120px;*/
        padding-right: 200px;
        background-size: 100px;
    }
}

/* =================== End (-1024px) =================== */
  @media only screen and (max-width: 1024px) {
.get-touch-content-bx.social-media {display:none;}
}
/* =================== Start (-767px) =================== */
@media only screen and (max-width: 767px) {

    .get-touch-bx-head {
        display: none !important;
    }

    .footer-column3 {
        display: none;
    }

    h2.resp-accordion {
        color: #fff !important;
    }

    .content-head {
        font-size: 18px !important;
    }

    .auto-finance-text h2 {
        font-size: 18px !important;
    }

    #Header_mobileheader1 {
        padding-left: 0 !important;
    }

    .get-touch-bx {
        display: contents !important;
    }

    .get-touch-content-bx {
        margin: 30px 0 25px 0 !important;
    }

    .collapse.spl .modal-body {
        margin-right: 0% !important;
    }

    .boardOfDir .align-right {
        text-align: center !important;
        float: none;
    }

        .boardOfDir .align-right:after {
            left: 0;
            width: auto;
            margin: 0px 80px;
        }

    .boardOfDir .col-md-4 {
        margin-bottom: 30px !important;
        width: 80% !important;
        float: none !important;
        margin: auto;
    }

    body {
        margin-top: 108px !important;
    }

    .inside-banner {
        height: 150px;
    }

    .header-panel .logo-wrap {
        padding: 10px 0 0 0;
    }

    .cssmenu ul li.inside-menu-wrapper > ul {
        display: block !important;
    }

    .cssmenu ul li.inside-menu-bottom-wrapper > ul {
        display: block !important;
    }

    .menu {
        margin: 0;
        padding: 0;
        list-style: none;
        position: absolute;
        top: 0;
        display: none;
    }

        .menu, .menu li, .menu a {
            margin: 0;
            padding: 0;
            border: 0;
            list-style: none;
            font-weight: normal;
            text-decoration: none;
            line-height: 1;
            font-family: 'Open Sans',sans-serif;
            font-size: 14px;
            position: relative;
        }

            .menu > li {
                background-color: #000;
                position: relative;
                top: -20px;
            }

            .menu img {
                width: 50px;
                height: 50px;
            }

    .social {
        background-color: #000;
    }

    .news-section {
        margin-bottom: 50px;
    }


    .text-social {
        width: auto;
        float: left;
        width: 295px;
        margin-top: 10px;
        width: 100%;
    }

    .dont-find-text {
        background-size: 70%;
        background-position: right bottom;
    }

    .social li a {
        display: inline;
    }

    .cssmenu {
        position: absolute;
        margin: 0;
        line-height: 1;
        width: 100%;
        float: left;
        padding: 0;
        top: 52px;
        background: #fff;
        z-index: 9999999;
        width: calc(100%+30px);
        margin-left: -15px;
    }

        .cssmenu ul li li li a {
            font-size: 13px;
        }

        .cssmenu ul li li li li a {
            font-size: 12px;
        }

        .cssmenu > ul {
            padding-top: 120px !important;
        }

            .cssmenu > ul.mob-ul {
                padding: 15px !important;
                box-shadow: 0 2px 6px #b79f9f;
                height: 100vh;
                position: fixed;
                background: #fff;
            }

    .align-right {
        float: right;
    }

    .inside-menu-top-wrapper .mobile-menu-top-wrap {
        display: none;
    }

    .cssmenu ul li.inside-menu-top-wrapper .mobile-menu-top-wrap {
        display: inline-block;
    }

    .cssmenu ul {
        margin: 0;
        padding: 0;
        list-style: none;
        display: block;
        float: left;
        width: 100%;
    }

        .cssmenu ul li {
            position: relative;
            margin: 0;
            padding: 0;
            width: 100%;
        }

            .cssmenu ul li.inside-menu-top-wrapper {
                padding: 0 0 7px 0;
            }

            .cssmenu ul li.inside-menu-bottom-wrapper {
                border-top: 1px solid rgba(223,229,237,.9);
                padding: 10px 0 0 0;
                margin: 10px 0 0 0;
            }

                .cssmenu ul li.inside-menu-bottom-wrapper li a {
                    display: inline-block;
                    color: #333;
                }

            .cssmenu ul li.inside-menu-top-wrapper .mobile-menu-top-wrap {
                display: inline-block;
                float: left;
                width: 100%;
            }

    .inside-menu-top-wrapper .mobile-menu-top-wrap {
        display: none;
        float: left;
        width: 100%;
    }

    .search-wrap {
        padding: 10px 0 0 0;
        width: auto;
    }

        .search-wrap:before {
            display: none;
        }

    .search_form {
        right: auto;
        position: relative;
        top: -7px;
        width: 194px;
        float: left;
        height: auto;
        border-radius: 0;
        padding: 0;
        background: transparent;
    }

        .search_form form {
            opacity: 1;
            float: left;
            width: 100%;
        }

        .search_form input[type='text'] {
            border-radius: 0;
            width: 120px;
            margin: 0;
            padding: 0 10px;
            min-height: 30px;
            border: 1px solid #ddd;
        }

        .search_form input[type='submit'] {
            border-radius: 0;
            font-family: FrutigerLTArabic-65Bold;
            font-size: 12px;
            line-height: 1;
            padding: 0 5px;
            min-height: 30px;
            margin: 0 0 0 10px;
            cursor: pointer;
            width: auto;
            background: #d20f2d;
            color: #fff;
            position: relative;
            top: -2px;
        }

    .search-wrap:after {
        display: none;
    }

    .cssmenu ul li a {
        text-decoration: none;
        cursor: pointer;
    }

    .cssmenu ul li.inside-menu-bottom-wrapper li:last-child {
        padding: 5px 0;
    }

    .cssmenu ul li.inside-menu-wrapper {
        max-height: 250px;
        overflow: auto;
    }

        .cssmenu ul li.inside-menu-wrapper li.open a {
            background: transparent;
        }

        .cssmenu ul li.inside-menu-wrapper li.has-sub.open:before {
            content: "-";
            right: 18px;
        }

        .cssmenu ul li.inside-menu-wrapper li a {
            text-align: left;
            padding: 8px 0 8px 10px !important;
            border-top: 1px solid #e3e8ef;
            position: relative;
        }

        .cssmenu ul li.inside-menu-wrapper li.has-sub:before {
            color: #fab22f;
            content: "+";
            position: absolute;
            right: 15px;
            font-size: 25px;
            font-family: Arial;
            top: 4px;
        }

        .cssmenu ul li.inside-menu-wrapper li.has-sub:after {
            background: #ccc;
            width: 1px;
            height: 100%;
            position: absolute;
            content: "";
            right: 40px;
            top: 0;
        }

    .cssmenu > ul > li > a {
        color: #ddd;
        display: block;
        padding: 20px;
        border-top: 1px solid #000;
        border-left: 1px solid #000;
        border-right: 1px solid #000;
        background: #222;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
        letter-spacing: 1px;
        font-size: 16px;
        font-weight: 300;
        -webkit-transition: all .25s ease-in;
        -moz-transition: all .25s ease-in;
        -ms-transition: all .25s ease-in;
        -o-transition: all .25s ease-in;
        transition: all .25s ease-in;
        position: relative;
    }

    .cssmenu > ul > li:first-child > a {
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
    }

    .cssmenu > ul > li:last-child > a {
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px;
        border-bottom: 1px solid #000;
    }

    .cssmenu > ul > li:hover > a, .cssmenu > ul > li.open > a, .cssmenu > ul > li.active > a {
        background: #151515;
        color: #fff;
    }

    .cssmenu ul > li:hover::after, .cssmenu ul > li.active::after, .cssmenu ul > li.open::after {
        border-top-color: #fff;
    }

    .cssmenu ul > li.has-sub.open > a::after {
        opacity: 1;
        bottom: -13px;
    }

    .cssmenu ul > li.has-sub.open > a::before {
        opacity: 1;
        bottom: -12px;
    }

    .cssmenu ul ul {
        display: none;
    }

        .cssmenu ul ul li a {
            display: block;
            position: relative;
            font-size: 15px;
            -webkit-transition: all .25s ease-in;
            -moz-transition: all .25s ease-in;
            -ms-transition: all .25s ease-in;
            -o-transition: all .25s ease-in;
            transition: all .25s ease-in;
        }

        .cssmenu ul ul li:first-child > a {
            padding-top: 18px;
        }

        .cssmenu ul ul ul li {
            border: 0;
        }

        .cssmenu ul ul li:hover > a, .cssmenu ul ul li.open > a, .cssmenu ul ul li.active > a {
            background: #e4e4e4;
            color: #666;
        }

        .cssmenu ul ul > li.has-sub > a::after {
            border-top: 13px solid #ddd;
        }

        .cssmenu ul ul > li.has-sub > a::before {
            border-top: 13px solid #e4e4e4;
        }

        .cssmenu ul ul ul li a {
            padding-left: 30px;
        }

        .cssmenu ul ul > li.has-sub::after {
            top: 18.5px;
            border-width: 6px;
            border-top-color: #777;
        }

        .cssmenu ul ul > li:hover::after, .cssmenu ul ul > li.active::after, .cssmenu ul ul > li.open::after {
            border-top-color: #666;
        }

    .cssmenu img {
        width: 40px;
        height: 40px;
    }

    .flexslider .resp-tabs-list.slides li {
        width: 30% !important;
        padding: 6px 0 6px 0 !important;
        border-radius: 5px 5px 0px 0px;
        overflow: hidden;
    }

        .flexslider .resp-tabs-list.slides li.instagram {
            margin-left: 0px !important;
        }

    #slider {
        height: auto;
    }

    .bank-social-wrap .top-tabs > li span:before {
        display: none !important;
    }

    .bank-social-wrap .top-tabs > li span {
        left: 0;
        font-size: 13px;
    }

    .bank-social-wrap .resp-tabs-list {
        display: block;
        transform: none !important;
        padding: 0px !important;
        width: 100% !important;
    }

        .bank-social-wrap .resp-tabs-list li.flex-active-slide {
            background: #1da1f2;
        }

        .bank-social-wrap .resp-tabs-list li {
            width: 15px !important;
            background: #cf202e;
            margin: 0 0 0 5% !important;
        }

    .bank-social-wrap .top-tabs > li:nth-child(2) {
        margin: 0 0 0 5% !important;
    }

    .bank-social-content-wrap {
        margin: 10px 0;
    }

    #slider {
        padding: 15px 10px;
    }

    .bank-social-wrap .content-head {
        margin-bottom: 20px;
    }

    #carousel {
        position: relative;
        top: -6px;
        width: 100%;
    }

        #carousel .flex-viewport {
            padding-bottom: 5px;
            padding-left: 0px;
        }

    .bank-social-wrap .resp-tabs-list li:before, .bank-social-wrap .resp-tabs-list li:after, .bank-social-wrap .top-tabs > li span::after {
        display: none;
    }
    /* .bank-social-wrap .top-tabs>li span{display:none} */
    .group-site-content p {
        margin: 0 0 15px 0;
        width: 100%;
    }

    .group-site-content a {
        position: relative;
        right: 0;
        top: 0;
        width: 100%;
        text-align: center;
        float: left;
    }

        .group-site-content a img {
            float: none;
            display: inline-block;
        }

    .group-sites-wrap .dropdown-menu {
        width: 94%;
        right: 3%;
        top: 86px;
        overflow: auto;
        height: 420px;
    }

    .group-sites-wrap .dropdown.open:before {
        top: 86px;
    }

    .banner-wrapper .banner-3 .container p {
        width: 160px;
        padding: 30px 0 0 0;
    }

    .form-area li.resp-tab-item {
        font-size: 12px;
        margin: 0 26px 0 0;
    }

    .label-wrap {
        margin: 0 0 10px 0;
    }

    .login-form a {
        width: 100%;
        line-height: 1;
    }

    .register-wrap {
        padding: 0 10px 10px 10px;
    }

    .register-heading {
        margin: 10px 0 5px 0;
        line-height: 1;
    }

    .register-content {
        margin: 10px 0 15px 0;
        line-height: 1.3;
    }

    .register-wrap ul li {
        padding: 0 0 20px 35px;
    }

    .login-submit-btn {
        margin: 10px 0 0 0;
        font-size: 14px;
        padding: 8px 15px;
    }

    .register-wrap ul {
        margin: 0 0 10px 0;
    }

    .login-form-wrapper {
        top: 10%;
        height: 80%;
    }

    .form-area li.resp-tab-item:before {
        height: 17px;
        right: -14px;
        top: 2px;
    }

    .form-area li.resp-tab-item:after {
        left: 35%;
        top: 30px;
    }

    .modal .container {
        padding: 0 10px;
    }

    .form-area {
        padding: 20px 10px;
    }

    .finance-calc-tab-mob {
        float: left;
        width: 100%;
        padding: 30px 0;
        display: block;
    }

    #myTabContent {
        float: left;
        width: 100%;
        background: #fff;
        padding: 25px 0;
        margin: 20px 0 0 0;
    }

    .finance-calc-tab-mob .nav > li {
        width: 48%;
        text-align: center;
    }

        .finance-calc-tab-mob .nav > li:nth-child(2n) {
            float: left !important;
        }

        .finance-calc-tab-mob .nav > li > a .caret {
            margin: -4px 5px 0 0px;
            border-top: 5px dashed #4f5252;
            border-right: 5px solid transparent;
            border-left: 5px solid transparent;
        }

    .finance-calc-tab-mob .nav-tabs > li.active > a, .finance-calc-tab-mob .nav-tabs > li.active > a:focus, .finance-calc-tab-mob .nav-tabs > li.active > a:hover {
        background: transparent;
        border: 0;
    }

    .finance-calc-tab-mob .nav-tabs {
        border-bottom: 0;
    }

    .finance-calc-tab-mob .nav > li li {
        width: 100%;
    }

    .finance-calc-tab-mob .nav > li .dropdown-menu {
        padding: 0;
    }

        .finance-calc-tab-mob .nav > li .dropdown-menu li {
            padding: 3px 0;
        }

    .finance-calc-tab-mob .dropdown-menu > li > a {
        padding: 3px 10px;
    }

    .finance-calc-tab-mob .dropdown-menu > .active > a, .finance-calc-tab-mob .dropdown-menu > .active > a:focus, .finance-calc-tab-mob .dropdown-menu > .active > a:hover {
        background-color: #d00f2c;
    }

    #myTabContent .resp-tab-content {
        display: block;
    }

    .finance-calc-tab-mob .nav > li > a:after {
        display: none;
    }

    .finance-calc-tab-mob .nav > li > a {
        padding: 4px 0;
        margin: 0;
        font-size: 13px;
        color: #796a62 !important; /* background: #FFF; */
    }

    .finance-calc-tab-mob .nav > li:nth-child(1) {
        padding: 0;
    }

    ul.resp-tabs-list {
        display: none;
    }

    h2.resp-accordion {
        display: block;
        float: left;
        width: 100%;
        background: #d1002a;
        color: #fff;
        font-family: "FrutigerLTArabic-55Roman";
        font-size: 16px;
        line-height: 16px;
        border: 0;
        border-bottom: 1px solid #fff;
    }

    .resp-vtabs .resp-tab-content {
        border: 1px solid #c1c1c1;
    }

    .resp-vtabs .resp-tabs-container {
        border: 0;
        float: none;
        width: 100%;
        min-height: 100px;
        clear: none;
    }

    .resp-accordion-closed {
        display: none !important;
    }

    .resp-vtabs .resp-tab-content:last-child {
        border-bottom: 1px solid #c1c1c1 !important;
    }

    .top-contact-details ul li {
        display: inline-block;
        float: none;
        padding: 0 0 5px 0;
    }

    .top-contact-details ul {
        text-align: center;
    }

    .top-strip .top-other-details .social-wrap {
        display: none;
    }

    .top-other-details-wrap {
        float: none;
        display: inline-block;
        width: 305px;
    }

    .top-strip .top-other-details {
        text-align: center;
    }

    .top-strip {
        padding: 0 0 6px 0;
    }

    .top-contact-details ul li:last-child {
        margin: 0;
        padding: 0;
    }

        .top-contact-details ul li:last-child:before {
            display: none;
        }

    .logo-wrap {
        text-align: center;
    }

        .logo-wrap a {
            float: left;
            width: 100%;
        }

            .logo-wrap a img {
                display: inline-block;
                width: 150px;
                float: left;
                margin-left: 0%;
            }

    .other-services-wrap ul li {
        width: 50%;
        border-right: 1px solid #e9e9e9;
        border-bottom: 1px solid #e9e9e9;
        min-height: 152px;
    }

        .other-services-wrap ul li:nth-child(3) {
            border-left: 1px solid #e9e9e9;
        }

        .other-services-wrap ul li a {
            padding: 20px 0;
        }

            .other-services-wrap ul li a p {
                font-size: 14px;
                line-height: 13px;
                padding: 0 20px;
                font-family: "FrutigerLTArabic-55Roman";
            }

    .header-panel .navbar {
        margin: -8px 0 0 0;
        left: 0;
        float: right;
    }

    .header-panel .navbar-toggle {
        margin-right: 0;
        border-color: #d00f2c !important;
    }

    .header-panel .navbar-inverse .navbar-toggle .icon-bar {
        background-color: #f8b22f;
    }

    .navbar-other-links {
        float: left;
    }

    .header-panel .navbar-header {
        float: none;
    }

    .header-panel .navbar-toggle {
        display: block;
        margin: 6px 0 0 20px;
        border-color: #d20f2d !important;
    }

    .navbar-inverse .navbar-toggle .icon-bar {
        background-color: #f8b22f !important;
    }

    .header-panel .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }

        .header-panel .navbar-collapse.collapse {
            display: none !important;
        }

    .header-panel .navbar-nav {
        float: left !important;
        margin: 0;
    }

        .header-panel .navbar-nav > li {
            float: left;
            padding: 0;
            margin: 0;
            width: 100%;
            text-align: left;
        }

            .header-panel .navbar-nav > li > a {
                padding: 10px 0;
                border-bottom: 1px solid rgba(255,255,255,0.5);
                color: #fff !important;
            }

    .nav > li a:before, .nav > li:after {
        display: none;
    }

    .header-panel .navbar-collapse.collapse.in {
        display: block !important;
    }

    .header-panel .navbar-collapse {
        position: absolute;
        z-index: 99;
        background: #d00f2c;
        right: 0;
        top: 63px;
        width: 290px;
        border: 0;
        padding: 10px 15px 10px 15px !important;
    }

    .header-panel .navbar-nav > li:last-child > a {
        border-bottom: 0;
    }

    .header-panel .navbar {
        margin: -7px 0 0 0;
        left: 0;
        float: right;
    }

    .side-sticky-menu-wrap {
        top: 70%;
    }

    .app-download {
        float: none;
        padding: 9px 7px 9px 30px;
        display: inline-block;
    }

    .header-panel .navbar-wrap {
        padding: 0;
        text-align: center;
        margin: 0;
        /*position: absolute;*/
        top: 50px;
        width: 5%;
        transition: 0.5s;
        left: 10px;
    }

    .header-panel {
        padding: 5px 0 10px 0;
        background: none;
    }

    .topNav {
        float: right;
        margin: 7px 0 0 0;
        height: 31px;
        position: absolute;
        z-index: 9;
        right: 0;
    }

        .topNav ul {
            float: right;
            margin: 0 !important;
        }

    .menu-toggle {
        position: relative;
        float: right;
        width: 30px;
        height: 18px;
        margin: 15px 0 0 0;
        transition: .5s;
    }

        .menu-toggle span {
            width: 100%;
            height: 5px;
            background: #d20f2d;
            float: left;
        }

        .menu-toggle.open span {
            transition: .5s;
            background: transparent;
            height: 16px;
            color: transparent;
        }

    .cssmenu li.inside-menu-wrapper li > a {
        color: #fab22f !important;
    }

    .cssmenu li.inside-menu-wrapper li li li > a {
        color: #d20f2d !important;
        padding-left: 20px !important;
    }

    .cssmenu li.inside-menu-wrapper li li > a {
        color: #000 !important;
        padding-left: 20px !important;
    }

    .menu-toggle.open:before {
        transform: rotateZ(45deg);
        top: 0;
    }

    .menu-toggle.open:after {
        transform: rotateZ(-45deg);
        top: 0;
    }

    .menu-toggle:before {
        position: absolute;
        right: 0;
        top: -11px;
        width: 30px;
        height: 5px;
        background: #d1202f;
        content: "";
        transition: .5s;
    }

    .menu-toggle:after {
        position: absolute;
        right: 0;
        top: 11px;
        width: 30px;
        height: 5px;
        background: #d1202f;
        content: "";
        transition: .5s;
    }

    .header-panel .navbar {
        margin: 0;
        right: 0;
        float: right;
        position: absolute;
        top: -140px;
    }

    .login-wrap {
        float: right;
        margin: 0;
    }

    .app-download {
        padding: 9px 7px 8px 30px;
        margin-right: 5px;
    }

    .navbar-other-links {
        float: none;
        text-align: center;
        width: 300px;
        margin: 0 auto;
        display: inline-block;
    }

    .banner-wrapper .item {
        height: 180px;
    }

    .banner-wrapper .container p {
        font-size: 17px;
    }

        .banner-wrapper .container p span {
            font-size: 20px;
            line-height: 30px;
            margin: 0;
        }

    .banner-wrapper .container {
        width: 100%;
    }

    .news-ul li {
        display: inline;
    }

    .auto-lease-wrap {
        padding: 30px 0;
    }

    .lease-content-wrap {
        width: 100%;
        padding: 15px;
        height: 145px;
    }

    .lease-offer-wrap {
        position: relative;
        width: 100%;
        left: 0;
        float: left;
        height: auto;
        background: #d00f2c;
        height: 70px;
    }

        .lease-offer-wrap p {
            margin: 10px 0;
            width: 100%;
            text-align: center;
        }

    .lease-image-wrap {
        position: relative;
        width: 100%;
        float: left;
        height: 130px;
    }

    .finance-calculator-wrap {
        padding: 25px 0;
    }

    .resp-tabs-container.hor_1:before {
        display: none;
    }

    h2.resp-accordion:first-child {
        float: left;
        width: 100%;
        border-top: 0;
    }

    .childhorizontalTab .resp-tab-content {
        padding: 15px 0 30px 0;
        border: 1px solid #4c4a4a;
        margin: 0;
        border-top: 0;
    }

    .childhorizontalTab .resp-tabs-container {
        width: 100%;
        padding: 15px;
        float: left;
    }

    .childhorizontalTab {
        /*padding-bottom: 200px;*/
    }

    .personal-finance-tab .childhorizontalTab:before {
        background: none !important;
    }

    .home-finance-tab .childhorizontalTab:before {
        background: none !important;
    }

    .home-car-tab .childhorizontalTab:before {
        background: none !important;
    }

    .tab-content-head, .tab-content-head-cards{
        font-size: 22px;
        font-family: "FrutigerLTArabic-45Light";
    }

    .tab-content-line, .tab-content-line-cards{
        padding: 0 25px;
    }

    .tab-content-wrap {
        padding: 0;
    }

        .tab-content-wrap:before {
            left: 25%;
            top: -50px;
            transform: scale(0.5);
        }

        .tab-content-wrap form {
            padding: 0 15px;
        }

    .tab-form-row label {
        width: 100%;
        margin: 0 0 10px 0;
    }

    .tab-input-wrap {
        width: 100%;
    }

    .childhorizontalTab:before {
        top: calc(100% - 200px) !important;
        width: 100% !important;
        height: 200px !important;
    }

    .resp-arrow {
        width: 14px;
        height: 8px;
        background: url(/_layouts/15/BAB.V2.Internet.Web/images/tab-arrow.png) no-repeat center;
        border: 0;
        margin: 6px 0 0 0;
        transition: .5s;
    }

    .resp-arrow {
        margin: 12px 0px 0 10px !important;
    }

    h2.resp-tab-active span.resp-arrow {
        border: 0;
        transform: rotateZ(180deg);
        transition: .5s;
    }

    h2.resp-tab-active {
        background: gray !important;
    }

    .resp-tab-content .resp-accordion {
        background: #f8b22f;
    }

    .financial-products-wrap, .offers-loyalty-wrap, .download-wrap, .get-in-touch-wrap {
        padding: 30px 0;
    }

    .content-head {
        font-size: 24px;
        padding: 0 0 10px 0;
    }

    #parentHorizontalTab {
        margin: 25px 0 0 0 !important; /*display:none!important*/
    }

    .financial-products-content-wrap {
        margin: 25px 0 0 0;
    }

    /*
        .financial-products-content-wrap:last-child {
            position: relative;
            padding: 0 0 0 0px;
        }
*/
    .dowload-app-left {
        width: 100%;
        height: auto;
        background: 0;
        padding: 25px;
        background-color: #b60013;
        border-bottom: 10px solid #f8b22f;
    }

    .dowload-app-first-line {
        font-size: 24px;
        line-height: 1.3;
        text-align: center;
    }

    .dowload-app-second-line {
        font-size: 35px;
        text-align: center;
    }

    .dowload-app-third-line {
        font-size: 19px;
        text-align: center;
        margin: 0;
    }

    .dowload-app-link-wrap {
        margin: 15px 0 0 0;
        width: 100%;
        text-align: center;
    }

        .dowload-app-link-wrap a {
            float: none;
            display: inline-block;
        }

    .dowload-app-center {
        display: none;
    }

    .dowload-app-right {
        width: 100%;
        height: 200px;
        right: 0;
        bottom: 0;
    }

    .dowload-app-wrap {
        padding-bottom: 200px;
    }

    .bank-social-wrap {
        padding: 30px 0;
    }

    div#parentHorizontalTab-2 {
        margin-top: 30px !important;
    }

    #parentHorizontalTab-2 h2.resp-accordion:nth-child(1) {
        background: #00549f;
    }

    #parentHorizontalTab-2 h2.resp-accordion:nth-child(3) {
        background: #1da1f2;
    }

    #parentHorizontalTab-2 h2.resp-accordion:nth-child(5) {
        background: #454545;
    }





    .register-content-wrap {
        min-height: 0;
        background: #f5f9fc none;
        padding: 20px 0 150px 20px;
        position: relative;
    }

        .register-content-wrap:before {
            position: absolute;
            width: 100%;
            height: 150px;
            content: "";
            left: 0;
            bottom: 0;
            background: url(/_layouts/15/BAB.V2.Internet.Web/images/register-content-wrap-bg.jpg) no-repeat center;
            background-size: cover;
        }

    .register-content-head {
        font-size: 24px;
    }

    .register-content-disc {
        margin: 5px 0 0 0;
        font-size: 15px;
        line-height: 26px;
        width: 220px;
    }

    .register-content-anchor {
        font-size: 13px;
        padding: 10px 15px;
        margin: 10px 0 0 0;
    }

    footer {
        padding: 20px 0 0;
    }

    .footer-column {
        margin: 0 0 20px 0;
    }

    .copyright-wrap .social-wrap {
        padding: 10px 0 0 0;
        float: none;
        margin: 0 auto;
        width: 150px;
        clear: both;
    }

    .copyright-text {
        margin: 15px 0 0 0;
        text-align: center;
    }

    .copyright-wrap {
        min-height: 0;
        padding-bottom: 10px;
    }

    .lease-head {
        font-size: 31px;
    }

    .news-ul {
        width: 10000%;
    }

    .bottom-sticky-wrap ul {
        display: none;
    }

    .bottom-sticky-wrap {
        width: auto;
        left: 0;
    }

        .bottom-sticky-wrap .container {
            padding: 0;
        }

    .live-chat a {
        font-size: 16px;
        font-weight: 600;
        padding: 0;
        width: 230px;
    }

        .live-chat a img {
            width: 100%;
        }

        .live-chat a p {
            margin: 4px 0 0 0;
        }

    .side-sticky-menu-wrap {
        z-index: 9;
    }

    .banner-wrapper .container p a.banner-read-more {
        font-size: 13px;
        margin: 5px 0 0 0;
        padding: 7px 10px;
    }

    .owl-dot {
        width: 15px;
        height: 4px;
    }

    .lease-sub-head {
        margin: 0 0 10px 0;
        font-size: 22px;
    }

    .group-sites-wrap .btn-primary {
        padding: 10px 25px 0 20px;
    }

    .app-download p {
        margin: 0 12px 0 10px;
        font-size: 13px;
    }

    .content-left-wrap {
        margin-bottom: 30px;
        width: auto;
    }

        .content-left-wrap ul li a {
            padding: 15px;
        }

    .content-right-wrap {
        width: 100%;
        margin: 0;
    }

        .content-right-wrap .inside-img img {
            width: 100%;
            height: auto;
        }

        .content-right-wrap .left-box, .content-right-wrap .right-box {
            width: 100%;
        }

    .finance-wrap {
        padding: 20px 15px;
    }

    .finance-product-wrap ul li {
        width: 100%;
        min-height: 0;
        margin: 0;
        margin-bottom: 20px;
    }

    .quick-contact-wrap {
        min-height: 0;
        padding: 20px 15px;
        margin-bottom: 45px;
    }

        .quick-contact-wrap .contact-img {
            float: none;
            margin: 0 auto;
            margin-right: auto;
            margin-bottom: 30px;
        }

        .quick-contact-wrap .contact-text {
            width: 100%;
        }

    .tab-list {
        width: 100%;
        display: table;
    }

        .tab-list li {
            width: auto;
            float: none;
            text-align: center;
            margin: 0px auto;
            padding: 0px 15px;
            display: table-cell;
        }

            .tab-list li .text {
                line-height: 20px;
                min-height: 40px;
                font-size: 15px;
            }

            .tab-list li:after {
                left: 0;
            }

    .menu-wrap {
        display: none;
    }

    #dl-menu {
        display: block;
    }

    .dl-menuwrapper {
        float: right !important;
    }

        .dl-menuwrapper button {
            position: absolute !important;
            top: -62px;
            right: 0;
        }

    .login-form-row {
        margin-bottom: 5px;
    }

    .login-btn {
        margin-top: -43px;
        margin-right: 40px;
        margin-left: 30px;
    }

    .header-panel .logo-wrap {
        float: right !important;
        /*margin: 0 0 0 10px;*/ /* height: auto; */
        width: calc(100% - 85px );
        text-align: center;

    }

        .header-panel .logo-wrap a {
            float: none;
            margin: 0px auto;
            display: inline-block;
            width: auto;
        }

    .header-panel.sticky2 .logo-wrap {
        padding: 10px 0 0 0;
    }

    .finance-calc-tab-mob .nav > li.dropdown.active {
        background: #fff;
        border-bottom: 2px solid #cf202e;
        border-radius: 5px 5px 0 0;
    }

    .finance-calc-tab-mob .tab-form-row .tab-input-wrap::before, .finance-calc-tab-mob .tab-form-row .tab-input-wrap::after {
        display: none;
    }

    .finance-calc-tab-mob .tab-form-row .tab-input-wrap select, .finance-calc-tab-mob .tab-form-row .tab-input-wrap input {
        width: 100%;
    }

    .finance-calc-tab-mob .tab-form-row .tab-input-wrap.monthly-salary.monthly-salary-new {
        height: auto;
    }

    .calculate-btn .tab-input-wrap button {
        padding: 10px 25px;
    }

    .cube::after {
        content: "";
        position: absolute;
        width: calc(100%+20px);
        height: 40px;
        left: -10px;
        bottom: -40px;
        background: transparent;
        z-index: 9;
    }

    .topNav2 .menu-toggle {
        width: 7px;
    }

    .exo-menu-2 > li > a {
        padding: 9px 15px 11px 13px !important;
        font-size: 12px !important;
    }

    .topNav2 .menu-toggle::before {
        width: 7px;
    }

    .topNav2 .menu-toggle::after {
        width: 7px;
    }

    .menu-sub-frm input {
        border-radius: 0;
        width: 185px;
        margin: 0;
        padding: 0 10px;
        min-height: 30px;
        border: 1px solid #ddd;
        float: left;
    }

    .menu-sub-frm button {
        border-radius: 0;
        font-family: FrutigerLTArabic-65Bold;
        font-size: 12px;
        line-height: 1;
        padding: 0 5px;
        min-height: 30px;
        margin: 0 0 0 10px;
        cursor: pointer;
        width: auto;
        background: #d20f2d;
        color: #fff;
        position: relative;
        float: left;
        border: 0;
    }

    .new-menu-head {
        text-align: left;
        color: #d20f2d;
        font-size: 15px;
        font-weight: 600;
    }

    .new-menu-content {
        text-align: left;
    }

    #menu1 {
        min-width: 290px;
    }

    .logo-wrap a img {
        z-index: 999;
        position: relative;
    }

    .go-to-top-sticky {
        opacity: 0;
        position: fixed;
        bottom: 0;
        right: 10px;
        transform: translateY(100px);
        transition: .5s;
    }

        .go-to-top-sticky.gtup {
            transform: translateY(-50px);
        }

    .banner-wrapper .carousel-indicators {
        z-index: 1;
    }

    .navbar-wrap-new {
        position: relative;
        z-index: 999;
    }

    .mob-menu-icon {
        display: block;
        margin-top: -5px;
    }

    .header-panel.fl-wdth.header-container2.sticky2 .mob-menu-icon {
        margin-top: -1px;
    }

    .footer-column4 p {
        float: none !important;
        text-align: center;
    }

    .subscribe {
        float: none !important;
        width: 100% !important;
        margin-left: 0;
    }

    .footer-content {
        text-align: center;
    }

    footer ul li {
        text-align: center;
    }

    .footer-head {
        text-align: center;
    }

        .footer-head:before {
            left: 0;
            width: auto;
            margin: 0px 50px;
        }

    .why-us-right {
        height: 250px;
        margin-top: 30px;
    }

    .why-us-left {
        height: auto;
        padding-top: 20px;
        padding: 20px 0;
    }

    .why-us-data {
        width: 100%;
    }

    .why-us-list {
        margin-top: 20px;
    }

        .why-us-list li {
            margin-bottom: 10px;
            width: 100%;
        }

        .why-us-list p {
            font-size: 14px;
            line-height: 18px;
        }

        .why-us-list .list-heading {
            font-size: 16px;
            line-height: 16px;
            margin-bottom: 10px;
        }

    .request-form {
        padding: 24px 0;
    }

        .request-form .content-head-2 {
            font-size: 24px;
            line-height: 28px;
            margin-bottom: 30px;
        }

    .contact-form {
        padding: 0;
    }

    .request-form input, .request-form select {
        width: 100%;
        margin-right: 0;
        height: 35px;
        padding: 0 8px 0 0px;
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 20px;
    }

    .request-form select {
        background: url(/_layouts/15/BAB.V2.Internet.Web/images/arrow-select-dropdown.png) no-repeat 4% 16px #fff;
        background-size: 12px;
    }

    .request-form input.enquiry-button {
        width: 125px;
    }

    .card-list li {
        width: 100%;
        margin-right: 0;
        padding: 20px 15px 0 15px;
        min-height: 0;
        margin-top: 0px !important;
    }

    .card-name {
        margin-bottom: 20px;
    }

    .store-locator-left {
        margin-bottom: 30px;
    }

    .filter span {
        margin: 0 7px 0 7px;
    }

    .filter-select {
        margin: 0 0 0 4px;
        font-size: 12px;
        padding: 0 0px 0 16px;
    }

    .filter .filter-red, .filter span {
        line-height: 14px;
        line-height: 14px;
    }

    .contact-address-wrap {
        height: 400px;
        padding-top: 115px;
    }

    .contact-form-wrap {
        padding: 0 30px;
    }

        .contact-form-wrap ul li {
            width: 100%;
            margin: 0 0 30px 0;
        }

            .contact-form-wrap ul li .enquiry-button {
                float: left;
            }

    .contact-services-wrap ul li {
        margin: 0 0 30px 0;
        padding: 0 0 30px 0;
        border-bottom: solid 1px #dcdcdc;
        width: 100%;
    }

        .contact-services-wrap ul li:last-child {
            border-bottom: 0;
            padding: 0;
            margin: 0;
        }

        .contact-services-wrap ul li:before {
            display: none;
        }

    .contact-services-wrap {
        height: auto;
        padding: 38px 0;
    }

        .contact-services-wrap ul li p {
            text-align: center;
            width: 100%;
        }

    .services-img {
        width: 100%;
        float: left;
        margin: 0 0 20px 0;
        text-align: center;
    }

        .services-img img {
            float: none;
            margin: 0 auto;
        }

    .inside-banner.inside-card-detail .inside-card-detail-wrap {
        padding: 45px 0 0 0;
    }

    .inside-card-detail-wrap .part-1 {
        width: 30%;
    }

    .inside-card-detail-wrap .part-2 {
        width: 52%;
    }

    .inside-card-detail-wrap .part-3 {
        width: 18%;
    }

    .inside-card-detail-wrap .part-2 a {
        background: url(/_layouts/15/BAB.V2.Internet.Web/images/mouse-small-black.png) no-repeat 95% 3px #f6b333;
        padding: 7px 30px 7px 7px;
        font-size: 13px;
        line-height: 13px;
        background-size: 12px;
    }

        .inside-card-detail-wrap .part-2 a:hover {
            background: url(/_layouts/15/BAB.V2.Internet.Web/images/mouse-small.png) no-repeat 95% 3px transparent;
            background-size: 12px;
        }

    .card-feature-list li, .card-feature-list li:nth-child(10), .card-feature-list li:nth-child(11), .card-feature-list li:nth-child(7), .card-feature-list li:nth-child(8) {
        width: 100%;
        min-height: auto;
    }

    .table-wrap {
        overflow-x: scroll;
    }

    .common-table {
        width: 1000px;
    }

    #accordion a {
        padding: 0 55px 0 10px;
        font-size: 12px;
        line-height: 18px;
        min-height: 44px;
    }

    .faq-wrap .faq-left {
        margin-bottom: 30px;
    }

    .faq-wrap .faq-right {
        padding-left: 15px;
    }

    .apply-now-wrap p {
        font-size: 15px;
        line-height: 24px;
        margin-right: 0;
        margin-bottom: 6px;
        width: 100%;
        padding: 0;
    }

    .apply-now-wrap {
        height: auto;
        padding: 20px 0;
    }

    .card-feature-list .card-feature {
        font-size: 14px;
        padding: 0 0 0 15px;
        line-height: 18px;
        min-height: auto;
    }

    .condition-part {
        width: 100%;
        min-height: 0;
        margin-bottom: 20px;
        padding: 12px;
        text-align: center;
    }

    .condition-data {
        width: 100%;
        font-size: 14px;
        line-height: 20px;
        margin-top: 10px;
        text-align: center;
    }

    .condition-icon {
        float: left;
        width: 100%;
        margin: 0px;
    }

        .condition-icon img {
            float: none;
            margin: 0 auto;
        }

    .pdf-content2 {
        padding: 0px 15px !important;
    }

    .bank-social-content-wrap {
        width: 100%;
        margin-bottom: 30px;
    }

    .bank-news {
        width: 100%;
    }


    .banner-text {
        top: 60px;
        left: 0;
        width: 170px;
    }
    /*{width: 200px;left: 40px; top: auto; bottom: 0; }*/
    .banner-wrapper .banner-2 .banner-img { /*width: 50%;*/
        top: 50px;
    }

    .banner-wrapper .banner-2 .banner-img-2 {
        width: 160px;
        left: 20px;
    }

    .banner-wrapper .banner-2 .banner-text p {
        font-size: 16px;
        line-height: 20px;
    }

    .banner-wrapper .container p a {
        line-height: 15px;
    }

    .banner-wrapper .banner-2 .banner-text p span {
        font-size: 6px;
        line-height: 12px;
    }

    .banner-wrapper .banner-2 .banner-text {
        top: 80px;
        left: 35px;
    }

    .banner-wrapper .banner-3 .banner-img {
        left: 20px;
        width: 240px;
    }

    .banner-wrapper .banner-3 .banner-text {
        top: 30px;
        right: 20px;
        left: auto;
        width: 290px;
    }

    .contact-wrap {
        display: block;
    }

    .top-mobile-menu {
        display: block;
        position: absolute;
        width: 100%;
        top: 0px;
        left: 0px;
        transition: 0.5s;
        background: #786e65;
        z-index: 99999;
    }

    .header-panel.fl-wdth.header-container2.sticky2 .top-mobile-menu {
        position: absolute;
        top: -50px;
        transition: 0.5s;
    }

    .container-div {
        background: #FFF;
        float: left;
        width: 100%;
        transition: 0.5s;
        margin-top: 40px;
    }

    .header-panel.fl-wdth.header-container2.sticky2 .container-div {
        margin-top: 0px;
        transition: 0.5s;
    }

    .header-panel.fl-wdth.header-container2.sticky2 .navbar-wrap {
        top: 5px;
        transition: 0.5s;
    }

    .find-store {
        line-height: 36px;
        padding: 0 10px;
        font-size: 12px;
        margin: 10px 0px 10px 10px;
    }

    .card-feature-list li {
        padding: 15px;
    }

    .tamkeen-wrap.fl-wdth .content-head, .condition-wrap.fl-wdth .content-head, .content-head-inside {
        font-size: 26px;
    }

    .card-booking-offer h4 {
        font-size: 20px;
        line-height: 22px;
    }

    .card-booking-offer p {
        font-size: 16px;
    }

        .card-booking-offer p:nth-child(3) {
            font-size: 14px;
            line-height: 22px;
        }

    .card-booking-offer {
        margin-top: 15px;
    }

    .pdf-content p {
        margin-top: 20px;
        width: 100%;
    }

    .pdf-content2 p {
        margin-top: 30px;
        margin-right: 0px;
        width: 100%;
    }

    .contact-wrap {
        float: right !important;
    }

    .text-social p {
        text-align: center;
    }

    .contact-wrap.pull-left {
        float: right !important;
    }

    .nav-tabs > li {
        float: right !important;
    }

    .card-lst img, .card-lst2 img {
        width: 100%;
    }

    .card-lst, .card-lst2 {
        margin-bottom: 30px;
    }

    .icon_text_section.crd-lst-li ul li {
        display: block;
        width: 100%;
        margin-right: 0px;
        text-align: right;
        line-height: 25px;
        font-size: 17px;
        background: url(/_layouts/15/BAB.V2.Internet.Web/images/bullet-red.png) no-repeat right 15px;
    }

    .pdf-download ul li {
        float: left;
        width: 80%;
        margin: 0 10% 30px;
    }

    .scrollbar {
        width: 96% !important;
    }

    section.cd-timeline.js-cd-timeline:before {
        right: 49px;
        left: auto;
    }

    .cd-timeline__container:after {
        right: 12px;
        left: auto;
    }

    .cd-timeline__content::before {
        top: 50%;
        right: auto;
        left: 100%;
        border: 20px solid transparent;
        border-left-color: #ddd;
    }

    .cd-timeline__img {
        right: 20px;
        margin-right: -15px;
        margin-top: -15px;
    }

    .cd-timeline__content::after {
        content: '';
        display: block;
        position: absolute;
        left: 100%;
        right: auto;
        top: 50%;
        width: 0;
        margin-left: -3px;
        margin-top: -20px;
        height: 0;
        border: 20px solid transparent;
        border-left-color: white;
    }

    .header-container2 {
        height: auto;
        position: fixed;
        top: 0;
        background: #FFF;
        padding-top: 0;
    }

    .auto-finance-image {
        width: 100%;
        position: static;
        height: 350px;
        margin-left: 0;
        background-size: cover;
        background-position: center;
    }

    .cd-timeline__date {
        top: -8px;
    }

    .auto-finance-text h2 {
        font-size: 18px;
        line-height: 24px;
    }

    .auto-finance-text {
        padding: 30px 20px 50px 20px !important;
        width: 100% !important;
    }

        .auto-finance-text h1 {
            font-size: 24px;
            margin-top: 0;
        }

        .auto-finance-text ul li {
            font-size: 15px;
        }

        .auto-finance-text p:last-child {
            line-height: 20px;
            font-size: 14px;
        }

        .auto-finance-text p span {
            font-size: 20px;
        }

        .auto-finance-text p {
            font-size: 18px;
        }

    .apply-section {
        width: 100%;
        height: 50%;
    }

    .call-section {
        width: 100%;
        height: 50%;
        top: 50%;
    }

    .apply-section-content {
        padding: 30px 15px;
    }

    .col-md-6.col-xs-12.col-sm-6.call-section-content {
        padding: 30px 15px;
    }

    .product-enquiry {
        padding: 0px;
    }

    .icon_section img {
        float: none;
        margin: 0 auto;
        display: block;
    }

    .values ul li .values_inner {
        margin-top: 10px;
    }

    .icon_text_section h2 {
        text-align: center;
        margin-top: 15px;
    }

        .icon_text_section h2:after {
            right: 50%;
            margin-right: -30px;
        }

    .icon_text_section p {
        text-align: center;
        margin-bottom: 20px;
    }

    .header-panel.fl-wdth.header-container2.sticky2 {
        height: auto;
    }

    .login-btn {
        display: none;
    }

    .exo-menu {
        min-height: 58px;
        background-color: #23364B;
        width: 100%;
    }

        .exo-menu > li > a {
            width: 100%;
            display: none;
        }

        .exo-menu > li {
            width: 100%;
        }

    .display.exo-menu > li > a {
        display: block;
        padding: 20px 22px;
    }

    .mega-menu, .Images, .Blog, .flyout-right > ul,
    .flyout-left > ul, li.drop-down > ul {
        position: relative;
    }

    /* fix social media box in mobile view */
    .get-touch-content-bx.social-media {
        float: initial;
    }
    /* fix mobile menu overlap with top nav */
    .top-mobile-menu {
        z-index: 999;
    }

    .icon_text_section p {
        margin-bottom: 0;
    }

    .bank-news {
        top: unset;
    }

    .dowload-app-left {
        padding: 25px;
    }

    .dowload-app-right {
        right: 0;
        background-size: cover;
    }

    .store-locator-left {
        margin-bottom: -145px;
    }

    .form-multiline-control {
        width: 49% !important;
    }

    .store-detail {
        width: 100% !important;
    }

    .store-locator-right {
        width: 100% !important;
        height: 600px;
    }

    .col-md-6 .ms-dtinput {
        width: 100% !important;
    }

        .col-md-6 .ms-dtinput input[type="text"] {
            width: 100% !important;
        }

        .col-md-6 .ms-dtinput img {
            padding-top: 8px;
        }

    .info {
        display: none !important;
    }

    .info2 {
        display: inline-block !important;
    }

    .info {
        display: none !important;
    }

    .info2 {
        display: inline-block !important;
    }

    .card-list li {
        /*width: 64% !important;*/
    }

    .form-group {
        width: 100%;
        margin-right: 0;
    }

        .form-group.form-group2 {
            width: 100%;
        }

    .header-panel .navbar-wrap {
        width: auto;
        right: 0;
    }

    section.cd-timeline.js-cd-timeline:before {
        right: 57px;
        left: auto;
    }

    section.cd-timeline.js-cd-timeline:before {
        right: 48px;
        left: auto;
    }

    /*.az-banner-image{display:none;}  */
}

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) 
and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 40/71)
{
.exo-menu-2 > li > a {
	   
		line-height:12px!important;
	}
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    /* CSS */

.exo-menu-2 > li > a {
	   
		line-height:12px!important;
	}
}


/* =================== End (-767px) =================== */
/* =================== Start (-480px) =================== */
@media only screen and (max-width: 480px){
	#divCarousselContent > ul.card-list > li {
		width: 98% !important;
	}
	select.form-line-control input.form-line-control{
		width: 49% !important;
	}
    .form-multiline-control {
         width: 40% !important;
    }

    .store-detail {
        width: 65% !important;
        float:right;
    }

    .store-locator-right {
       width: 100%!important; 
    height: 600px;
    }
     .form-multiline-control {
        width: 40% !important;
    }
    .store-detail {
            width: 45% !important;
                 float:right;
    }
    .store-locator-right {
       width: 100%!important; 
    height: 600px;
    }
    .banner-img {
        right: 10px;
        width: 45%;
        top: 0px;
        position: initial !important;
    }
    .banner-wrapper .banner-2 .banner-text {
        left: 30px;
    }
    .banner-text, .banner-wrapper .banner-3 .banner-img {
        left: 0;
    }
    .banner-wrapper .banner-2 .banner-img {
        right: 0px;
    }
    .banner-wrapper .banner-2 .banner-img-2, .banner-wrapper .banner-3 .banner-text {
        left: 15px;
    }
    section.cd-timeline.js-cd-timeline:before {
        right: 41px;
        left: auto;
    }
	.exo-menu-2 > li > a {
	   
		/*font-size: 10.5px!important;*/
		font-size: 10.5px!important;
		text-align: center;
 
    padding: 9px!important;
	}
    .form-area li.resp-tab-item {
        margin: 0 16px 0 0;
    }
	.form-area li.resp-tab-item:before {
		right: -8px;
	}
	.form-area li.resp-tab-item:after {
		top: 35px;
	}
    .card-disc {
        min-height: 170px;
    }
    div.card-img > a > img {
        border: 0;
        max-width: 100% !important;
    }
     .form-multiline-control {
      width: 40% !important;
    }
    .store-detail {
            width: 40% !important;
            float:right;
    }
   .store-locator-right {
     width: 100%!important; 
    height: 600px;
	}
}
/* =================== End (-480px) =================== */



























/* ================================================================================================================================= */

.ms-core-listMenu-root {
	padding-right: 0;
}


.exo-menu-2 > li {
	float: right;
}

.get-touch-content-bx.social-media ul li,
.mega-menu li {
    float: right;
}

.accordion-body__contents > ul,
.top-contact-details > ul,
ul.dynamic,
ul.ms-core-listMenu-root,
.footer-container > div > div > div > div > ul,
ul.card-list,
#ctl00_PlaceHolderTitleBreadcrumb_ListSiteMapPath1,
ul.s4-breadcrumbNode,
ul.s4-breadcrumbRootNode,
.drop-down-ul,
.financial-products-wrap > ul, 
#ctl00_Footer_divsocial > ul,
#Footer_divsocial > ul {
	list-style: none;
}

#s4-ribbonrow {
    position: fixed !important;
    top: 162px !important;
    z-index: 99 !important;
    width: 100% !important;
}

/* Start - Abdullah Alzuwayed */

td.ms-rteTable-default {
    padding: 0 9px;
}

.ms-rteTable-1 tr.ms-rteTableHeaderRow-1, .ms-rteTable-1 tr.ms-rteTableFooterRow-1, .ms-rteTable-1 tr.ms-rteTableHeaderRow-1 > th, .ms-rteTable-1 tr.ms-rteTableFooterRow-1 > th, .ms-rteTable-1 tr.ms-rteTableFooterRow-1 > td {
    border: 0 !important;
}

.ms-core-listMenu-verticalBox .dynamic-children.additional-background {
    padding-right: unset !important;
}

.get-touch-bx-anchor:hover {
    color: #fff !important;
}

.slider-anchor:hover {
    color: #f8b22f !important;
}

div.description-wrap > a {
    color: #cf202e;
}

#News-Link {
    color: #000000;
}

a.slider-anchor {
    color: #cf202e;
}

.tab-content-line, .tab-content-line-cards{
    font-family: inherit !important;
    font-size: 14px !important;
    color: inherit !important;
}

.tab-content-head, .tab-content-head-cards{
    color: inherit !important;
}

/* End - Abdullah Alzuwayed*/

/* Start Abdullah  Loan Calculator Changes */

.tab-content-wrap {
    padding-right: 0 !important;
    ;
}

h2.content-head {
    font-family: "FrutigerLTArabic-55Roman" !important;
    color: #7b6f67 !important;
    font-size: 30px !important;
}



.get-touch-content-bx.social-media ul li a {
    width: 100% !important;
    padding: 0px 11px !important;
}


/* End Abdullah  Loan Calculator Changes */

/* ===================== Start AZ ==================== */

/* Start Abdullah Alzuwayed */

div.ms-rtestate-field > ul > li > a,
table > tbody > tr > td > a,
table > tbody > tr > td > ul > li > a,
table > tbody > tr > td > div > ul > li > a,
table > tbody > tr > td > div > div > a,
table > tbody > tr > td > div > div > ul > li > a 
{
	color: #f8b333 !important;
}

/* Enhance look of breadcrumb arrows (Arabic only) */
.breadcrumb-text a:after {
    height: 0px !important;
    top: 12px !important;
    left: 5px !important;
    border-left: 4px solid transparent !important;
    border-right: 4px solid transparent !important;
    border-top: 4px solid #7b6f67 !important;
	transform: rotate(-270deg) !important;
	background: unset !important;
}


h2.bod-title {
font-size: 14pt !important;
}

/* To hide the title "تصفية" */
div.filter > div > h3 {
    display: none !important;
}

.form-line-control {
	margin-bottom: 5px !important;
    width: 46% !important;
}

.three-dropdown-control{
    margin-bottom: 5px !important;
    width: 25% !important;
}


div.card-name > div.card-img > img {
max-width: -webkit-fill-available;
}


/* Increase line height for copyright-text */
.copyright-text {
line-height: 20px !important;
}

/* Force h2 style on internal pages and add top margin */
h2.content-head {
font-family:"FrutigerLTArabic-55Roman"  !important;
color:#7b6f67 !important;
font-size:30px !important;
margin-top:15px !important;
}

/* Remove top margin from cards box section */
div.CarousselContent > ul.card-list  {
margin-top:20px !important;
}

div.TopFooter {
margin-top: 22px !important;
}

/* Make social media icons bigger*/
.get-touch-content-bx.social-media ul li a {
width:100% !important;
padding:0px 11px !important;
}

/*  To add a background image to header pages,
	To fix responsive on mobile */
.default-banner {
background-image: url(/SiteCollectionImages/header-backgrounds/lines-yellow.jpg) !important;
text-align: center !important;
display: contents;
}

/* Temporary solution to identify sub-sites on side menu */
/* Make the text bold and underlined */
/*
.dynamic-children.additional-background { 
    font-weight:900;
    text-decoration:underline
}
*/

/* Calculator on mobile */
.resp-arrow{margin: 12px 0px 0 10px;}
h2.resp-accordion{font-size: 1em!important;}

/* ======================End AZ ====================== */ 

/* Start az-custom.css elements   */

.margin-top-15 {
    margin-top: 12%;
}

.description-wrap > img {
    height: 51px;
    width: 50px;
    margin-right: 40%;
    margin-left: 40%;
}

.mega-menu2 > li > a > span, .new {
    color: #f6b333;
}

.steps {
    font-size: 30px;
    text-align: center;
    background-color: #f5f5f5;
}

.banner-wrapper .banner-1 {
    background: url("/_layouts/15/BAB.V2.Internet.Web/images/white-bg.jpeg") no-repeat center;
}

.banner-wrapper .banner-3 {
    background: url("/_layouts/15/BAB.V2.Internet.Web/images/wear-3289266_1920.jpg") no-repeat center;
}

.banner-wrapper .banner-4 {
    background: url("/_layouts/15/BAB.V2.Internet.Web/images/flowers-4120457_1920.jpg") no-repeat center;
}

.banner-wrapper .banner-5 {
    background: url("/_layouts/15/BAB.V2.Internet.Web/images/roses-4117223_1920.jpg") no-repeat center;
}


.banner-wrapper .banner-6 {
    background: url("/_layouts/15/BAB.V2.Internet.Web/images/sunny_day.jpg") no-repeat center;
}

.banner-wrapper .banner-7 {
    background: url("/_layouts/15/BAB.V2.Internet.Web/images/Backdrop-inside.png") no-repeat center;
    background-size: cover;
}

.banner-wrapper .banner-8 {
    background: url("/_layouts/15/BAB.V2.Internet.Web/images/white-bg.jpeg") no-repeat center;
}

.margin-right-25 {
    margin-right: 25%;
}

section#auto-finance.margin-bottom-0 {
    margin-bottom: 0;
}

.pdf-download ul li {
    background-color: #fbfbfb;
    margin: 7px 1%;
}

.content-right-wrap p {
    text-align: center;
    line-height: 34px;
}

.align-right:after {
    left: unset;
    right: 0;
}

.featured-ad {
    position: relative;
    width: 100%;
    float: left;
    background: #f6f6f6;
    margin-bottom: 50px;
}

.group-sites-wrap .dropdown-menu li {
    border-style: solid;
    border-width: 1px 0 0 0;
    border-color: #d6d6d6;
	width: 100%;
}

.az-line {
    width: 100%;
    height: 15px;
    display: table;
}

.get-touch-content-bx.social-media ul li {
    margin: 14px 0px 0 10px;
}

/*
.financial-products-content-wrap:last-child {
    padding: 0 0 0 17px;
}
*/

.pb-0 {
    padding-bottom: 0;
}

.other-services-wrap {
    margin-top: 50px;
}

    .other-services-wrap ul li {
        border: 1px solid #e9e9e9;
    }

.slider-head {
    line-height: 26px;
    text-align: center;
}

.slider-head-2 {
    line-height: 30px;
    font-size: 24px;
    margin-bottom: 17px;
}

.corp-digi {
    margin-top: 50px;
}

.auto-finance-text p {
    line-height: 33px;
}

.az-banner-text {
    padding: 25px;
	margin-top: 5%;
}

.az-banner-image > img {
    float: left;
    max-width: 100%;
}

.az-banner-text h1 {
    text-align: center !important;
    color: #cf202e !important;
    font-weight: bold !important;
    line-height: 50px !important;
}

.content-head-inside.align-right {
    font-size: 28px;
}

.get-in-touch-wrap {
    padding: 0 0 55px 0;
}

.get-touch-bx {
    padding-top: 20px;
}
/* fix owl carousel, add left and right arrows */
.owl-nav {
    display: contents;
}

.owl-prev {
    background: url("/_layouts/15/BAB.V2.Internet.Web/images/left-red.png") no-repeat left top;
}

.owl-next {
    background: url("/_layouts/15/BAB.V2.Internet.Web/images/right-red.png") no-repeat left top;
}

/* fix font color everywhere */
.breadcrumb-text a, .content-head, .container-fluid, .container, .footer-content, footer ul li a, .breadcrumb-text a:visited {
    color: #7b6f67;
}
/* enhance red line below tabs snippet, make it longer */
/*
.resp-tabs-container.hor_1:before {
    width: 100%;
}
*/
/* fix list text and icon (arrow) to be RTL */
.finance-wrap ul li {
    padding-left: unset;
    padding-right: 32px;
    background-position: top right;
    background: url(/_layouts/15/BAB.V2.Internet.Web/red-arrow-right.png) no-repeat 100% 2%;
    margin-bottom: 15px;
    color: #7a6e67;
}
    /* more to the above */
    .finance-wrap ul li:first-child {
        margin-bottom: 15px;
        margin-top: 20px;
    }

.finance-wrap {
    margin-top: 20px;
}
/* fix boxes margins, first child */
.finance-product-wrap ul li:first-child {
    margin-left: 15px;
    margin-right: unset;
    margin-top: unset;
}
/* fix boxes margins */
.finance-product-wrap ul li {
    margin: 0px 0px 0px 0px;
    margin-left: 15px;
    margin-bottom: 15px;
}
/* enhance text color to be more visiable */
.contact-text {
    color: #825436;
}

.quick-contact-wrap .contact-text {
    width: 100%;
    float: unset;
}
/* fix the yellow contact-us box, move image to the right */
.quick-contact-wrap .contact-img {
    float: right;
    margin-right: unset;
    margin-left: 22px;
}
/* enhance yellow box, add shadow */
.quick-contact-wrap {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    min-height: unset;
    padding: 30px 30px;
}

    .quick-contact-wrap .contact-text p {
        text-align: center;
    }
/* fix side menu page */
.inside-content-wrap {
    margin-top: 4px;
    margin-bottom: 30px;
}
/* fix the title in side-menu page to be RTL */
.content-right-wrap .content-head {
    text-align: right;
}

.content-head {
    text-align: right;
}
/* fix the line below title in side-menu page to be RTL */
.content-right-wrap .content-head:after {
    left: unset;
    right: 0;
    width: 100px;
}
/* enhance side menu top margin */
.content-left-wrap {
    margin-top: 30px;
}

.side-menu-down {
    margin-top: 141px;
}
/* default image for page benner */
.default-banner {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: rgb(255,255,255);
    /*background-image: url("/_layouts/15/BAB.V2.Internet.Web/images/banner-2.jpg");*/
}

.center-img {
    max-width: fit-content;
    margin: auto;
}

.mada-banner {
    background-image: url("/_layouts/15/BAB.V2.Internet.Web/mada-online-shoping.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

/* enhance arrow down for main menu */
.mega-menu > li > a::before {
    border: unset;
    transform: unset;
    width: 0px;
    height: 0px;
    top: 25px;
    left: 6px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #7b6f67;
}
/* enhance main menu drop-down, remove top arrow */
.mega-menu2:after {
    content: unset;
}
/* enhance arrow down for "our websites" link */
.group-sites-wrap .btn-primary .caret {
    left: 6px;
    top: 17px;
    background: unset;
    width: 0px;
    height: 0px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #FFFFFF;
}

/* enhance top nav desktop, remove line between links */
.top-contact-details ul li:last-child:before {
    width: unset;
}

.group-sites-wrap .btn-primary:before {
    width: unset;
}

.exo-menu > li > a:after {
    width: unset;
}
/* enhance top nav mobile, make line longer */
.exo-menu-2 > li > a:after {
    height: 38px;
    top: 0px;
}
/* fix group websites box position */
.group-sites-wrap .dropdown-menu {
    left: 0%;
}

    .login-btn:hover {
        background-color: #962626;
        text-decoration: none;
        color: white;
    }
/* enhance apply now button */
.apply-now {
    margin-top: 22px;
    margin-bottom: 33px;
    width: 50%;
    display: unset;
    float: right;
    margin-right: 25%;
}

.quick-contact-wrap .contact-text .apply-now:hover {
    color: white;
}

.quick-contact-wrap .contact-text .apply-now {
    text-decoration: none;
    color: white;
    width: 50%;
    margin-right: 25%;
    float: right;
    margin-bottom: auto;
}
/* enhance subscribe button */
.subscribe {
    margin-top: 0px;
    float: right;
    width: 50%;
	padding: 7px 0 9px 0;
}

.content-left-wrap ul li a {
    padding: 15px;
}

/* fix footer columns titles margin in mobile view */
.footer-column, .footer-column1, .footer-column2, .footer-column3, .footer-column4 {
    margin-top: 21px;
}
/* enhance footer background color */
footer {
    background-color: #f5f5f5;
}

.icon_text_section {
    padding-right: 35px;
}

.content-head:after {
    content: "";
    background: #cf202e;
    height: 2px;
    width: 96px;
    position: absolute;
    left: 50%;
	right: 0;
    bottom: -6px;
    margin-left: -45px;
	
}

.offers-loyalty-wrap {
    background: unset;
    background-color: #f6f6f6;
}

.white-space {
    padding: 15px;
}

.two_section_grey {
    padding: 35px 0 0 0;
    margin-top: 25px;
}

.icon_text.prdct {
    padding: 35px 0 0 0;
    margin-top: 25px;
}

.anchor {
    position: relative;
}

    .anchor a {
        position: absolute;
        left: 0px;
        top: -125px;
        text-decoration: none;
        color: transparent;
    }

.anchor-2 a {
    position: absolute;
    left: 0px;
    top: -160px;
    text-decoration: none;
    color: transparent;
}

.content-right-wrap p {
    margin-bottom: 10px;
}

.top {
    margin-bottom: 10px;
}

#return-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.7);
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

    #return-to-top i {
        color: #fff;
        margin: 0;
        position: relative;
        left: 16px;
        top: 13px;
        font-size: 19px;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    #return-to-top:hover {
        background: rgba(0, 0, 0, 0.9);
    }

        #return-to-top:hover i {
            color: #fff;
            top: 5px;
        }

.bank-social-wrap {
    background: #f5f5f5;
    padding-top: 50px;
}

.flexslider .slides img {
    height: auto;
}

.dark-bg {
    background-color: #f5f5f5;
}

.dowload-app-right {
    background: url(/_layouts/15/BAB.V2.Internet.Web/images/mobile.jpg) no-repeat center;
    background-size: cover;
    opacity: 0.8;
}

.dowload-app-center {
    top: 68px;
}

.dowload-app-second-line {
    margin-bottom: 22px;
}

.personal-finance-tab .childhorizontalTab:before {
    background: url(/SiteCollectionImages/calculator/personal.jpg) no-repeat center;
}

.home-finance-tab .childhorizontalTab:before {
    background: url(/SiteCollectionImages/calculator/house.jpg) no-repeat center;
    background-position: right;
    background-size: cover;
}

.home-car-tab .childhorizontalTab:before {
    background: url(/SiteCollectionImages/calculator/car.jpg) no-repeat center;
    background-position: right;
    background-size: cover;
}

.store-locator-wrap {
    padding: 45px 0;
}

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

.col-centered {
    float: none;
    margin: 0 auto;
}

.mobile-social {
    margin-top: 9px;
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 10px;
}

    .mobile-social > div >  img {
        height: 40px;
        width: 40px;
    }
     .mobile-social > div > a > img {
        height: 40px;
        width: 40px;
    }

.filter .location {
    border: 1px solid #e9e9e9;
}


.phone-no img {
    margin-left: unset;
    height: 40px;
    right: -7px;
    position: relative;
}

.margin-bottom {
    margin-bottom: 50px;
}

.rounded-corners {
}

.white-bg {
    background-color: white;
}


/* End az-custom.css elements    */

 .footer-container ul {
	padding-right: 0;
}





.get-touch-bx-head {
     position: relative;
     font-size: 24px;
     font-size: 19px;
     padding-bottom: 10px;
     margin-bottom: 10px;
     font-size: 21px;
     padding-bottom: 10px;
     margin-bottom: 10px;
	 color:#7b6f67 !important;
}

 .get-touch-content-bx.social-media .get-touch-bx-head {
     width: 30%;
     margin-left: 80px;
     padding-left: 50px;
     line-height: 80px;
     float: right;
     margin: 0;
     padding: 0;
	 
}
 .get-touch-content-bx.social-media .get-touch-bx-head:before {
     left: 50%;
     right: auto;
     bottom: 0;
     margin-left: -35px;
     width: 70px;
     height: 2px;
} 

 .get-touch-content-bx.social-media .get-touch-bx-head:before {
     left: 0;
     height: 70px;
     width: 2px;
     background: #f8b236;
}

 .get-touch-bx-head:before {
     position: absolute;
     width: 100%;
     height: 2px;
     background: url(/_layouts/15/BAB.V2.Internet.Web/images/get-touch-border.png) no-repeat center;
     content: "";
     bottom: 0;
     left: 0;
}
 
.get-touch-bx-anchor {
 display: inline-block;
 padding: 10px 25px;
 font-size: 18px;
 line-height: 18px;
 font-weight: 500;
 color: #cf202e !important;
 border: 1px solid #cf202e;
 transition: .5s;
 font-family: "FrutigerLTArabic-55Roman";
}

.get-touch-bx-anchor:hover {
 transition: .5s;
 background: #cf202e;
 color: #fff;
 text-decoration: none;
}

 .get-touch-bx-content {
     line-height: 22px;
     padding: 0 25px;
     margin: 0 0 15px 0;
     font-size: 13px;
}

 .get-touch-content-bx:hover {
     transition: .5s;
     box-shadow: 1px 1px 20px rgba(0,0,0,0.2);
}

 .get-touch-content-bx {
     text-align: center;
     transition: .5s;
     box-shadow: 1px 1px 10px rgba(0,0,0,0.2);
     margin-top: 30px;
	 padding: 25px 0;
}

 .get-touch-icon-wrap {
     float: left;
     width: 100%;
     text-align: center;
     margin: 0 0 20px 0;
}
 .get-touch-icon-wrap img {
     display: inline-block;
     float: none;
     transition: .5s;
}

 .get-touch-content-bx:hover .get-touch-icon-wrap img {
     transition: .5s;
     transform: scale(1.1);
}


.get-touch-content-bx.social-media ul {
     width: auto;
     display: inline-block;
     float: none;
     width: auto;
     min-height: 80px;
}


 .get-touch-content-bx.social-media {
     padding: 35px 55px;
     float: left;
     width: 100%;
}
 .get-touch-content-bx.social-media ul li a img {
     width: 100% !important;
}
 .get-touch-content-bx.social-media ul li {
     margin: 14px 0 0 10px;
}
 .get-touch-content-bx.social-media ul li.instagram {
     margin-left: 0;
}
 .get-touch-content-bx.social-media ul li a {
     display: block;
     width: 50%;
}


 .get-in-touch-wrap {
     padding: 20px 0 80px 0;
}

.ms-rteTable-1  td {
padding-right: 20px !important;
}

.ms-webpart-titleText {
	line-height: initial;
}


.ms-dlgContent {
	line-height: normal;
}

ul.dynamic {
	width: inherit;
}

@media only screen and (max-width: 1024px) {
	.breadcrumb-text {
		margin-right: -120px;
		padding: 0 11px;
		width: unset !important;
	}
}

@media	(max-width: 1024px) {
.get-touch-content-bx {
	text-align: center;
	display: table;
	width: 100%;
    width: -webkit-fill-available;
}
}

/* Temporary hide */
#ctl00_SPWebPartManager1_g_38fb4419_e35f_49f4_9677_936c529d75f2_ctl00_btnView {
display: none;
}

.filter > h3 {
    display:none;
}

.filter {
    padding-top:50px;
}

a {
    text-decoration: none;
    color: inherit;
    transition: .5s;
}

#mySidenav .language-wrap {
    padding: 15px;
    position: absolute;
    top: 14px;
    right: 3px;
}

/*==========================================================================================================================================================*/



/* Start Bdair Modifiations*/



@media (max-width:1440px) {

    .col-md-6 .ms-dtinput {
        width: 89.8% !important;
    }

        .col-md-6 .ms-dtinput input[type="text"] {
            width: 100% !important;
        }
}

@media (max-width:1024px) {

    .form-multiline-control {
        width: 49% !important;
    }

    .col-md-6 .ms-dtinput {
        width: 88.8% !important;
    }

        .col-md-6 .ms-dtinput input[type="text"] {
            width: 90% !important;
        }

    #txtLCReferenceNumber.REFNumber, #txtDocumentaryCollectionReferenceNumber.REFNumber {
        width: 64% !important;
    }
}

@media (max-width:768px) {
    .form-multiline-control {
        width: 49% !important;
    }

    .store-detail {
        width: 100% !important;
    }

    .store-locator-right {
        width: 100% !important;
        height: 600px;
    }

    .col-md-6 .ms-dtinput {
        width: 100% !important;
    }

        .col-md-6 .ms-dtinput input[type="text"] {
            width: 100% !important;
        }

        .col-md-6 .ms-dtinput img {
            padding-top: 8px;
        }

    #txtLCReferenceNumber.REFNumber, #txtDocumentaryCollectionReferenceNumber.REFNumber {
        width: 95% !important;
    }
}

@media (max-width:425px) {

    .form-multiline-control {
        width: 40% !important;
    }

    .store-detail {
            width: 100% !important;
        float: right;
    }

    .store-locator-right {
        width: 100% !important;
        height: 600px;
    }

    #txtLCReferenceNumber.REFNumber, #txtDocumentaryCollectionReferenceNumber.REFNumber {
        width: 90% !important;
    }
}

@media (max-width:375px) {

    .form-multiline-control {
        width: 40% !important;
    }

    .store-detail {
            width: 100% !important;
        float: right;
    }

    .store-locator-right {
        width: 100% !important;
        height: 600px;
    }

    #txtLCReferenceNumber.REFNumber, #txtDocumentaryCollectionReferenceNumber.REFNumber {
        width: 89% !important;
    }
}


@media (max-width:320px) {


    .form-multiline-control {
        width: 40% !important;
    }

    .store-detail {
            width: 100% !important;
        float: right;
    }

    .store-locator-right {
        width: 100% !important;
        height: 600px;
    }

    #txtLCReferenceNumber.REFNumber, #txtDocumentaryCollectionReferenceNumber.REFNumber {
        width: 87% !important;
    }
}

.aqardetails 
{
    float: left;
    width: 100px;
    max-width: 100%;
}
.aqardetails div
{
	display: flex; 
	padding:0px;
	justify-content: flex-end;
    color:steelblue;
	
}

.beds:after { content:url('/_layouts/15/BAB.V2.Internet.Web/images/aqar/beds.png'); }
.wc:after { content:url('/_layouts/15/BAB.V2.Internet.Web/images/aqar/baths.png'); }
.area:after { content:url('/_layouts/15/BAB.V2.Internet.Web/images/aqar/area.png'); }
.baths{

}



.map-list-view {
    justify-content: space-between;
    display: flex;
    max-width: 85%;
}


    .map-list-view div {
        color: #6A7276;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }



    .map-list-view #mapviewselect {
        background: #EDEDF4 !important;
		border-radius: 100px;
        cursor:pointer;
    }


        .map-list-view #mapviewselect .selected {
            color: #E31837;
            background: #FFFFFF;
            border: 1px solid #EDEDF4;
            box-sizing: border-box;
            box-shadow: 0px 2px 4px rgba(0, 0, 0,0.1);
            border-radius: 100px;
                  cursor:pointer;
        }

        .map-list-view  p {
            padding-left: 10px;
			padding-right:10px;
        }

/* End Bdair Modifications*/


/* Start Loan Calculator Disclaimer */

.termsloancalc
{
    color:red;
}

/* End Loan Calculator Disclaimer */

/* Start Loan Calculator Result Span */

.loan-result
{
    font-weight: bolder;
  
}

/* End Loan Calculator Result Span */

/* Start Header Mobile 2 Levels */

.accordion-body__contents a  
{
    font-weight: bold;
    float: right;
    padding-right:15px
}


.second-without-sub {
    margin-bottom: -10px;
}

/* End Header Mobile 2 Levels */


/* Start Display Body*/

/* Fix menu shaking on IE */
@media only screen and (min-width: 1024px) {
	#mySidenav {display:none;}
}


/* Start NEWS Archive */


#newsarchivelist li{ display:none;
}

.card-apply2 {
    text-align: center;
    line-height: 50px;
    color: #cf202e!important;
    font-family: "FrutigerLTArabic-65Bold";
}


/* End News Archive  */

/* Start Hide BOD Link in mobile*/

.info2 {
    display: none !important;
}


/* END Hide BOD Link in mobile*/

/*Hr Form*/
span.has-suc {
    color: green;
    font-size: 14px;
    display: block;
}

span#timer {
    color: red;
    z-index: inherit;
    border: 0px none !important;
    font-size: 24px !important;
    position: absolute;
    margin: -45px 140px 0px 40px;
    text-align: center;
}

button#btnResend {
    margin-top: 25px;
}
/*Hr Form*/


/*Treasury Survey form*/
@media (max-width: 768px) {
    .col-sm-2.float-right-left, .col-lg-10.float-right-left, .col-md-5.float-right-left, .col-md-4.float-right-left {
        float: none !important;
    }
}

@media (min-width: 1200px) {
    .col-sm-2.float-right-left, .col-lg-10.float-right-left, .col-md-5.float-right-left, .col-md-4.float-right-left {
        float: right !important;
    }
}

@media (min-width: 992px) {
    .col-sm-2.float-right-left, .col-lg-10.float-right-left, .col-md-5.float-right-left, .col-md-4.float-right-left {
        float: right !important;
    }
}

.treasury_subheader {
    font-weight: bold;
}

input[type="radio"] {
    margin: 0 10px 0 10px;
}

input[type="checkbox"] {
    margin: 0 10px 0 10px;
}

.top-buffer {
    margin-top: 20px;
}
/*Treasury Survey form*/

.modal-dialog {
    max-width: 80%; /* Adjust the maximum width as needed */
    margin: 1.5rem auto;
}

@media (max-width: 768px) {
    .modal-dialog {
        max-width: 90%;
    }
}