/*------------------ codeit -----------------------*/
table.equals-td-table{
    table-layout: fixed;
}
.useful-links .usefull-link-box .list-unstyled a:hover{
    background: none;
}
.table-display{
    display: table;
}
#installmentDetailsList{
    table-layout: fixed;
}
option[disabled=disabled]{
    background-color: #7f8c8d;
    color: white;
}
.currency-rates-error,.currency-rates{
    display: none;
}
.country-flag{
    text-align: center;
}
.table-bg-white{
    background: white;
}
.icon-box.effect.large.center.process{
    background: none!important;
}
.gold-calc .form-group .radio{
    margin-bottom: 35px!important;
}
.guaid-line.custom-list-style a{
    background: none;
    color: #1ab05c;
    display: initial;
    font-size: 12px;
    margin-top: 0px;
    padding: 2px 2px;
    text-transform: uppercase;
}
.guaid-line.custom-list-style a:hover{
    background: none;
    color: #0d7140;
}
.dropdown-menu.main-menu-collapse.collapse.in{
    max-height: 785px;
    overflow-y: auto;
    overflow-x: hidden;
}
#goldtab.center{
    background: none!important;
    float: none;
}
.amcharts-scrollbar-chart-div{
    display: none!important;
}
.post-compare.table-border-right{
    border-right: 2px solid #e4e6e6;
}
th .post-compare.table-border-left,
td .post-compare.table-border-left{
    border: 0px;
}
.table tr td, .table tr th {
    float: none;
    width: auto;
    min-width: 292px;
}
select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
}
.select__arrow
{
    margin-right: 10px;
}
.eligibility-empty
{
    text-align: center;
}
.compare-p-img {
    text-align: center;
}
.inner-slide .button.red{
    border-color: #fec33e;
    background-color: #fec33e;
    color: white;
}
.inner-slide .button.red.home-carousel{
    color: black;
}
.jumbotron p
{
    font-size: 13px!important;
}
.post-item .post-description .horizontal-teaser-description
{
    font-size: 18px!important;
    max-height: 120px;
    overflow: hidden;
    display: inline-table;
}
.inner-slide .button.red:hover{
    border-color: white;
    background-color: white;
    color: black;
}
.fix-sec.hidden-sec{
    display: none;
}
.shariya-main-text.text-image h4
{
    font-size: 14px;
    text-transform: uppercase;
    margin: 0 0 20px 0;
    color: #0c7748;
    width: 100%;
}
.shariya-main-text.text-image h2{
    text-transform: uppercase;
    margin: 0 0 20px 0;
    color: #0c7748;
    width: 100%;
}
@media (max-width: 767px) {
    .fix-sec .comp-a button
    {
        float: none!important;
        display: inline-block;
        margin: 3px 0;
        padding: 5px 20px !important;
    }
    .cc-main .product .post-content-details
    {
        display: block;
    }
    .post-description .post-info a.read-more{
        display: inline-block;
        position: relative;
        margin: 6px 0;
        width: 100%;
        text-align: center;
    }
    .post-description .post-info a.read-more.promo-slider{
        font-size: 10px;
        padding: 4px 15px;
        display: table-cell;
        position: absolute;
        width: inherit;
        margin: 0px;
    }
    .custom-padding-left
    {
        padding-left: 0px;
    }
    .cc-main .product .post-description a.read-more, .product .col-md-6 .post-description .post-info .read-more.compare-link{
        margin: 5px 0!important;
    }
}
@media (min-width: 992px) and (max-width: 1298px) {
    .custom-padding-left
    {
        padding-left: 26px;
    }
}
@media (min-width: 1299px) {
    .custom-padding-left
    {
        padding-left: 46px;
    }
    body{
        min-height: 900px;
    }
}
@media (min-width: 1025px){
    .accordion-home .ac-content .accordion-width .col-md-2{
        width: 200px;
    }
    .accordion-home .ac-content .accordion-width {
        width: auto;
    }
}

@media (max-width: 1124px){
    #header-wrap div.topbar-dropdown.language-bar {
        width: auto !important;
    }
}
@media (max-width: 479px) {
    .accordion-home .ac-content .accordion-width .col-md-2 {
        width: 100%;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .cc-main .product .post-content-details {
        height: auto;
        padding-top: 20px !important;
        padding-bottom: 5px !important;
        height: 271px;
    }
    .cc-main .product .post-item p {
        font-size: 12px !important;
    }
}

@media (max-width: 991px) {
    .login-tp.topbar-dropdown .title { padding: 9px 10px; !important;}
}

.fix-sec .comp-a button {
    background-color: #0E7240;
    color: #fff;
    float: right;
    margin: 28px 0;
    padding: 15px 40px;
    font-size: 16px;
    border:none;
}
@media (max-width: 991px) {
    .tabs-navigation li a { float: none!important;}
}
.fix-sec .comp-a button:hover {
    background-color: #1ab05c;
    opacity: 1;
}

.refresh-captcha {
    font-size: 38px;
    color: #0E7240;
}
.has-error .refresh-captcha  i, .has-success  .refresh-captcha i{
    display: inline-block !important;
}
.faq-question {
    cursor: pointer;
}
body.custom-text-style .form-contact { background: #f4f4f4; padding: 20px;}
body.custom-text-style .shariya-fq-mn .form-contact { padding: 20px 290px;}
body.custom-text-style .heading-contact { font-size: 24px; font-weight: 300; letter-spacing: -0.1px; color: #fff; text-align: left;}
body.custom-text-style .contact-us-aside { display: inline-block; width: 100%; }

body.custom-text-style .description { float: left; margin: 0 20px 0 0; font-weight: 300;}
body.custom-text-style .description h3 { color: #0c7748; font-size: 20px; text-transform: uppercase; margin: 0 0 20px 0;}
body.custom-text-style .description ul { margin: 0; padding: 0;}
body.custom-text-style .description ul li { list-style: none; font-size: 16px; font-weight: 300; margin: 0 0 20px 0;}
body.custom-text-style .description ul li span { font-weight: normal; float: left; width: 100%;}

body.custom-text-style p { font-size:16px; margin-bottom: 0; margin-top:0}
body.custom-text-style .useful-links .list-unstyled li a { font-size: 18px;}


.post-item p{
    font-size: 14px!important;
}
.jumbotron .callBack h3{
    float: none;
    margin-bottom: 25px;
}
.timeline-sec h4 * {
    color:#fff !important;
}

/*style for table in mce editor*/
.guaid-line table{ width: 100%;  }
.guaid-line table tr th{ text-align: center; background: #128754; color: #fff;  }
.guaid-line table tr th,
.guaid-line table tr td { padding: 10px 5px; border: 1px solid rgba(0, 0, 0, 0.1);}
.guaid-line tr td{ padding: 10px 10px;}
.guaid-line table  tbody tr:nth-of-type(2n+1){ background: #e8e8e8; }
.guaid-line tbody tr{ background: #fff; }
.guaid-line table caption {
    margin-bottom: 30px!important;
    color: #fff;
    margin: 0 0 30px 0;
    text-transform: uppercase;
    font-size: 16px;
}
.useful-links .list-unstyled li i{
    margin: 0 10px 0 0;
    float: left;
    font-size: 26px;
    color: #1ab05c;
}
.jplist-panel .pagination
{
    padding-left: 15px;
}
.jplist-panel.category-item .pagination
{
    padding-left: 30px;
}

.useful-links .list-unstyled li { line-height: 25px; margin: 0 0 20px 0; font-size: 16px; list-style: none; }
.useful-links .list-unstyled li span i { margin: 0 10px 0 0; float: left; font-size: 26px; color: #1ab05c; }
.useful-links .list-unstyled li span { font-size: 16px; font-weight: 300; color: #000; }
.useful-links .list-unstyled li p { font-size: 18px; font-weight: 300; color: #222; margin-top: 10px;  margin-left: 20px;margin-right:20px;}

.faq-links li.active i.fa.fa-caret-right:before
{
    content: "\f0d7" !important;
}
.custom-margin
{
    margin: -20px;
}
.three-columns .post-image{
    text-align: center;
}
.three-columns .post-image img{
    width: auto;
    max-width: 100%;
}
/*Hide owl-controls if there is no option for scroll*/
.hide-nav .owl-controls {
    display: none;
}
/*custom class for heading */
.font-weight-normal{
    font-weight: 300!important;
}
.font-weight-bold{
    font-weight: 700!important;
}
.font-weight-thin{
    font-weight: 100!important;
}
.font-color-black{
    color: #333333!important;
}
.font-color-brown{
    color: #b3a574!important;
}
.font-color-green{
    color: #128754!important;
}
.background-green.shariya-fq-mn{
    background: #ffffff!important;
}
#left-contact .shariya-fq-mn h3.heading-contact  {
    color: #222 !important;
    font-size: 18px !important;
    font-weight: 700 !important;
}
.custom-border
{
    border-left: 1px solid #ccc;
}
.button.green-dark.effect.fill{
    margin-bottom: 10px!important;
    min-width: 100px;
    text-align: center;
}
.base-load{
    background-image: url('../images/svg-loaders/spin.svg');
    background-repeat: no-repeat;
    text-align: center;
    background-position-y: 15%;
    background-position-x: center;
    height: 60px;
}
#loadingDiv
{
    display: none;
    position:absolute;
    top:0px;
    right:0px;
    left:0px;
    bottom:0px;
    background-repeat:no-repeat;
    background-position:center;
    background-color: white;
    background-size: 80px 60px;
    z-index:10000000;
    opacity: 0.5;
    background-image:url('../images/svg-loaders/spin.svg');

}

body.custom-text-style .poll-heading p { font-size:24px; font-weight: 300; margin: 0 0 30px 0;  }


.ui-datepicker .ui-datepicker-title select {
    -moz-appearance: button;
}

.tailor-items .modal-dialog h3.heading-contact { font-size: 24px !important; font-weight: 300 !important; letter-spacing: -0.1px !important; color: #fff !important; text-align: left; width: 100% !important; display: block !important;}

.ety-slider .slider-content{
    padding: 31rem 0 0 !important;
}
.text-nowrap{
    white-space: nowrap;
}

.tabs-content-banking-tiers.tab-pane { background: #fff; padding: 30px 20px;}
.profit-page .accordion .ac-content p{
    margin-top: 20px;
}

.banner-crd {
    z-index: 1;
}


.material .ct-googleMap--InfoWindowBody .list-item {
    padding-left: 10px;
}
.financeCalculatorContainer .noUi-marker{
    background: none;
}

li.optgroup .label{
    font-size: 16px;
    color: black;
    background: none;
    margin-bottom: 10px;
}
.branches-and-atm-style .select .ms-options-wrap .ms-options{
    min-height: 440px !important;
    max-height: 700px !important;
}
.branches-and-atm-style .select .ms-options-wrap .slimScrollDiv,
.branches-and-atm-style .select .ms-options-wrap .slimScrollDiv ul
{
    height: 440px !important;
}
.branches-and-atm-style .select .ms-options-wrap .slimScrollDiv ul li.optgroup{
    height: 200px !important;
}
.slider-wrapper{
    margin-bottom: 20px;
}
@media (max-width: 768px) {
    .slider-wrapper{
        margin-bottom: 60px;
    }
    .ui-datepicker-trigger{
        display: none;
    }
    .helpAreaWrapper .accordion .ac-title{
        font-size: 16px;
        padding: 10px 0;
    }
    .helpAreaWrapper .accordion .ac-title img{
        height:40px;
    }
}
@media (min-width: 480px) and (max-width: 991px) {
    .col-md-revert .col-md-3{
        width: 25%;
    }
    .col-md-revert .col-md-4{
        width: 33.33333333%;
    }
    .col-md-revert .col-md-6{
        width: 50%;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .calculator-sec .tabs-content-calculator-sec .calculator-sec-center .form-group label{
        margin-bottom: 4px !important;
        margin-top: 8px !important;
    }
}

/*IBAN FORM STYLE*/
.form-control.name.accountNumber{
    background: #fafafa;
    box-shadow: 1px 1px 0 1px rgba(0, 0, 0, 0.1) !important;
}
.text-uppercase.heading-contact.ibanNumber,
.table-responsive .table-inner tbody tr td{
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}
.tabs ul li.active a{
    background: #e2e2e2 !important;
    color: #363636;
    font-weight: 700;
}
.tabs .tabs-content{
    background: #e2e2e2;
}
.tabs ul li a:hover{
    background: #e2e2e2;
}
.useful-links ol li{
    line-height: 25px;
    margin: 0 0 5px 0;
    font-size: 16px;
}
.useful-links .list-unstyled li.life-style a{
    color: #1ab05c;
    text-transform: none;
}
.guaid-line.custom-list-style ul.list-unstyled li span p{
    margin-left: 0px;
    margin-top: 0px;
}
.branch-atm.second{
    background: transparent;
    margin: 0 20px;
}
.branch-atm.second:hover, .branch-atm.second a:hover{
    background: transparent;
}
.branch-atm.second a{
    color: white;
    padding: 8px 5px!important;
    display: inline-block;
}
.second-menu-mobile a {
    color: white;
}
.red-asterisk{
    color: red;
}

.second-menu-mobile img, .branch-atm.second a img{
    max-height: 25px;
}

.img-wrapper{
    position: relative;
    clear: both;
}
.img-caption{
    padding: 10px;
    font-weight: bold;
    font-size: 24px;

}
.modal.thankyou{
    top: 30%;
}
.modal.thankyou p{
    color: #0c7748;
}
.block-style{
    display: block;
    margin: 0 5px;
}
.size12{ font-size: 12px; }
.btn-in-icon-teaser{
    padding: 8px 30px!important;
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 14px;
}
.two-lines-text{
    height: 60px;
    width: 100%;
    overflow-y: hidden;
}
/*--------------- end of codeit -------------------*/

/* Add your custom css styles */

@import url('../fonts/droidarabic/stylesheet.css');

.language-bar .title span {
    font-family: "droid_arabic_naskhregular" !important;
}


/* Shariya FAQ sub */



.m-b-400 { margin-bottom:400px;  }

.search-bar { width:100%; background:#1ab05c; padding:32px 0 28px 0; }

.search-bar input { padding:7px 15px; color:#000000; font-size:16px; width:585px; font-weight:300; float:left; border:0; line-height:25px; }

.search-bar button { background: #0d7140;    border: 0 none;    color: #fff;    float: left; padding:8px 35px; font-size:12px; text-transform:uppercase;	 }



.ask-question a { background:#333333; color:#fff; font-size:14px; text-transform:uppercase; padding:8px 25px; display:inline-block; }

.ask-question a:hover { background: #0d7140; }



.faq-sub-sec {  float:left; width:100%; background:#fff; }

.faq-sub-sec h3 { font-size:18px; float:left; width:100%; color:#000; margin:0 0 25px 0; font-weight:600; }

.faq-sub-sec p { font-size:16px; float:left; width:100%; color:#000; margin:0 0 0 0; font-weight:400; line-height:20px;  }





.faq-links .list-unstyled {  float: left;  padding-left: 14%;  width: 86%; margin:0;  }

.faq-links .list-unstyled li { line-height: 25px;    margin: 0; float:left; width:100%; }

.faq-links .list-unstyled li a {  color: #000;    font-size: 16px; position: relative; float: left; padding: 0 0 0 15px; }

.faq-links .list-unstyled li a:hover { color: #1ab05c;}

.faq-links .list-unstyled li a i {  color: #1ab05c;    float: left;    font-size: 15px;    margin: 6px 10px 0 0; position: absolute; left: 0; top: 0; }



.faq-links .list-unstyled li span {  color: #000;    font-size: 16px; position: relative; float: left; padding: 7px 0 5px 15px; }

.faq-links .list-unstyled li span:hover { color: #1ab05c;}

.faq-links .list-unstyled li span i {  color: #1ab05c;    float: left;    font-size: 15px;    margin: 12px 10px 0 0; position: absolute; left: 0; top: 0; }

.faq-links .list-unstyled li p { color: #000; font-size:14px; font-weight: 300; padding: 0 0 0 15px;  }





.faq-sub-sec:nth-child(2n+2) {

    background: #f5f5f5 none repeat scroll 0 0;

}



.shariya-main .tab-pane .post-content-details { min-height: 226px; }



.shariya-main-text h4 { color:#444444; font-size:24px; font-weight:400; float:left; margin-bottom:40px; margin-top:20px; }

.guaid-line p { color:#333333; font-size:16px; float:left; margin-top:30px; width:100%; text-align:left;  letter-spacing: -0.4px; font-weight:300; margin-bottom:40px; }



.shariya-main .tagline-bg {

    background-image: url("../images/shariya/tagline-bg-green.png");

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    display: block;

    overflow: hidden;

    padding-left: 40px;

    padding-right: 50px;

    position: relative;

    width: 100%;

}



.shariya-main .tagline-bg h4 {

    color: #fff;

    float: left;

    font-size: 18px;

    font-weight: 300;

    margin: 20px 0 0;

    text-transform: uppercase;

    width: 100%;

}



.shariya-main .tagline-bg h2 {

    color: #fff;

    float: left;

    font-size: 30px;

    line-height: 30px;

    margin: 0;

    text-transform: uppercase;

    width: 100%;

}



.shariya-main .tagline-bg p {

    color: #fff;

    float: left;

    font-size: 18px;

    margin: 20px 0 0;

    width: 100%;

}



.shariya-main .tagline-bg .detail-btn {

    background: #0d7140 none repeat scroll 0 0;



    color: #fff;

    display: inline-block;

    font-size: 17px;

    margin-top: 30px;

    padding: 14px 20px;

    text-transform: uppercase;

    transition: all 0.2s ease 0s;

}

.shariya-main .tagline-bg .detail-btn:hover { background: #1ab05c; color: #fff; }



.timeline-sec h2 { color:#fff; }

.timeline-sec h4 { color:#fff; }



.timeline, .timeline-circles { padding:0; float:left; width:100%; }

.timeline::before { background-color:#fff !important; }



.timeline ul { padding:0; margin:0; list-style:none; float:left; width:100%; text-align:center; position:relative; }

.timeline ul li { float:left; width:100%; margin-bottom:40px; line-height:10px; }

.timeline ul li:first-child  { margin:0 0 80px 0; }

.timeline ul li:last-child  { margin:40px 0 0 0; }

.timeline ul li .circle { display:inline-block; }

.timeline ul li p {  background: #fff none repeat scroll 0 0; border-radius: 50%;  display: table-cell;  font-size: 24px;    height: 100px; vertical-align: middle;  width: 100px; }

.timeline ul li p span { float: left;    font-size: 18px;    width: 100%; margin-top:5px;}



.timeline ul li .timeline-text { background: rgba(0, 0, 0, 0) url("../images/shariya/Shariya-main-v1_18.png") no-repeat scroll right center; left: 18%; padding-right: 19px; position: absolute;  width: 300px; text-align:left; }



.timeline ul li:nth-child(2n+2) .timeline-text { background: rgba(0, 0, 0, 0) url("../images/shariya/Shariya-main-v1_22.png") no-repeat scroll left center; left: auto; right:18%; padding-right: 0; padding-left:19px;  }



.timeline ul li .timeline-text .timeline-post { background:#333333; padding:22px 30px; float:left; }

.timeline ul li .timeline-text .timeline-post h3 { font-size:18px; color:#fff; margin:0; }



.shariya-main.cc-main .read-more.active { padding:8px 10px !important; }









@media (min-width: 992px) and (max-width: 1199px) {



    .timeline ul li .timeline-text { left: 10%; }

    .timeline ul li:nth-child(2n+2) .timeline-text { right:10%; }

    .search-bar input {  width: 480px; }

}



@media (min-width: 768px) and (max-width: 991px) {





    .timeline ul li .timeline-text { left: 0%; }

    .timeline ul li:nth-child(2n+2) .timeline-text { right:0%; }



    .ask-question { float:left !important; margin-top:20px;  }





}





@media (min-width: 320px) and (max-width: 767px) {





    .timeline::before { left:50% !important; }

    .timeline ul li .timeline-text { background: rgba(0, 0, 0, 0) url("../images/shariya/arrow-down.png") no-repeat scroll center bottom !important;  display: inline-block;    text-align: center;    width: 100%; position:static; left:auto !important; right:auto !important; padding:0 0 19px 0 !important; margin-bottom:20px; }

    .timeline ul li .timeline-text .timeline-post { float:none; width:250px; display:inline-block; }



    .search-bar button { margin-top:10px; }



    .search-bar input { width:100%; }

    .ask-question { float:left !important; margin-top:30px;  }



}



.cc-main.pb-gold .product .post-item .post-content-details { padding: 50px; display: table-cell; vertical-align: middle; height: 338px; }

.cc-main.pb-gold .post-item .post-content-details.debit { padding: 50px; }



.cc-main.pb-main .post-description a.read-more:hover { background:#efe5b1; }



.cc-main .product .post-content-details .card { bottom: 7px; }



#mainMenu ul li a.active { color:#128754;  }























/* REHAN custom css styles */

.filter-mp-mn { padding: 0; float: left; width: 100%; text-align: center;}

.filter-mp-mn .col-md-2,

.filter-mp-mn .col-md-3,

.filter-mp-mn .col-md-4,

.filter-mp-mn .col-md-5,

.filter-mp-mn .col-md-6,

.filter-mp-mn .col-md-7,

.filter-mp-mn .col-md-8,

.filter-mp-mn .col-md-9,

.filter-mp-mn .col-md-10,

.filter-mp-mn .col-md-11,

.filter-mp-mn .col-md-12 { float: none; display: inline-block;}



.filter-mp-mn2 .col-md-2,

.filter-mp-mn2 .col-md-3,

.filter-mp-mn2 .col-md-4,

.filter-mp-mn2 .col-md-5,

.filter-mp-mn2 .col-md-6,

.filter-mp-mn2 .col-md-7,

.filter-mp-mn2 .col-md-8,

.filter-mp-mn2 .col-md-9,

.filter-mp-mn2 .col-md-10,

.filter-mp-mn2 .col-md-11,

.filter-mp-mn2 .col-md-12 { float: left; display: inline-block;}



.filter-mp-mn2 .button.green-dark { float: right; padding: 15.5px 0; font-size:14px;  margin: 0; width: 100%; background: #1ab05c ; border-color: #1ab05c; }

.filter-mp-mn2 .button.green-dark:hover { background: #fff ; border-color: #fff; color:#1ab05c;  }



.news-list-slider .button.red { background: #0d7140; border-color: #0d7140; color: #fff; margin: 0;}

.news-list-slider .button.red:hover { background: #fff; border-color: #fff; color: #0d7140;}



.owl-item .news-list-slider h2 span { font-size: 22px !important; width: 100%; float: left; margin: 0 0 10px; font-weight: 700 !important;}

.owl-item .news-list-slider h2 { font-size: 22px !important; padding: 15px 20px !important; font-weight: 400 !important;}



.news-detail { min-height: 215px; position: relative; float: left; width: 100%;}

.news-date span {color: #128754; font-size: 16px; font-weight: 300;}

.news-title h4 { margin: 10px 0 20px; color: #333333;}

.post-description.news-post a.read-more { left: 0; right: auto !important;}

.post-description.news-post > p { font-size: 17px; font-weight: 300;}

.news-pagination .pagination  li  a { border: 2px solid #0d7140 !important; color: #0d7140; height: 37px;}

.news-pagination .pagination  li  a:hover {background: #0d7140; color: #fff;}

.news-pagination .pagination i { color: #0d7140;}

.news-pagination .pagination { margin: 0 !important;}

.news-pagination .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {

    background-color: #0d7140;

    color: #fff !important;

}

.news-img > img { width: 100%;}

.news-detail .post-description.news-post > p { color: #333333;}



@media (max-width: 767px) {

    #slider-carousel .owl-item h2 { font-size: 14px !important;}



}



@media (max-width: 991px) {

    .news-date { margin-top: 10px;}

    .post-description.news-post a.read-more {padding: 8px 10px; font-size: 14px !important;}

}







@media (max-width: 1024px) {

    .news-detail .post-description.news-post a.read-more { position: relative !important;}

    .news-detail { min-height: auto !important;}

    .amChartsPeriodSelector  {position:inherit !important;}

    #goldtab form {

        float:left; width:100%;

    }



}

















/* ====== Arslan CSS Start ====== */

.fix-sec {

    background-color: rgba(20, 20, 20, 0.98);

    bottom: 0;

    position: fixed;

    z-index: 999999;

}

.fix-sec .cred-card-info {

    position: relative;

}

.fix-sec .cred-card-info p {

    color: #e3e3e3;

    line-height: normal;

    font-size: 14px;

    font-weight: 400;

    margin: 0px !important;

}

.fix-sec .cred-card-info .close {

    background-color: #fff;

    border-radius: 50%;

    color: #000;

    font-size: 20px;

    font-weight: 300;

    right: 53px;

    padding: 0 4px;

    position: absolute;

    top: -10px;

}

.fix-sec .cred-card-info img {

    width: 66%;
    height: auto;
}

.fix-sec .comp-a a {

    background-color: #0E7240;

    color: #fff;

    float: right;

    margin: 28px 0;

    padding: 15px 40px;

    font-size: 16px;

}

.fix-sec .comp-a a:hover {

    background-color: #1ab05c;

    opacity: 1;

}



.cards-get { display: none;}



@media  (max-width: 767px) {

    .fix-sec { text-align: center; padding: 10px 0 !important;}

    .cards-get { display: block; color: #fff; margin: 0 0 10px 0;}

    .fix-sec .col-md-8 { display: none; }

    .fix-sec .col-md-4 {width: 100% !important;}

    .fix-sec .comp-a a { float: none !important; display: inline-block; margin:3px 0; padding: 5px 20px; }

}



@media (min-width: 768px) and (max-width: 1199px) {

    .fix-sec .col-md-8 {

        width: 66.6667% !important;

        float: left;

    }

    .fix-sec .col-md-4 {

        width: 33.3333% !important;

    }

    .fix-sec .col-md-3 {

        width: 25% !important;

    }

    .fix-sec .cred-card-info img {

        width: 100%;

    }

    .fix-sec .cred-card-info .close {

        right: -5px;

    }

}

/* ====== Arslan CSS End ====== */























#mainMenu ul li a.active { color:#128754 !important;  }

#multiselect {

    width:100%;

    background: #fff url("../images/material/images/select-arrow.png") no-repeat scroll 95% center;



}

.select .ms-options-wrap {

    position:absolute !important;  z-index:1;

}



.row.top {

    z-index:1;

    float:left;

    width:100%;

}

.row.bottom {

    z-index:0;

    float:left;

    width:100%;



}







.ms-options .ms-search {



    display:none;

}

.ms-options ul {

    list-style:none; padding:0;

}

.ms-options-wrap {width:100%;



}

.ms-options-wrap button {

    width:100%; float:left;

    text-align:left;

    background-color:#fff;

    background-image: url('../images/material/images/select-arrow.png');

    background-repeat: no-repeat;

    background-position: 95% center;

    padding-left:14px;

    border: none;

    color: #4d4746;

    background-color: #fff;

    -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.09);

    -moz-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.09);

    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.09);
    overflow-y: auto;
    font-weight: bold;     height: 40px;     font-size: 14px;

}

.filter-select  {



    margin-top:-17px;

}

.ms-options-wrap .ms-options {

    min-height:200px !important;

    background: #fff;

    position: absolute;

    width: 100%;

    float: left;

    top: 106%;

    left: 0;

}

.ms-options ul li {

    color:#000000; font-size:14px;     font-family: "Montserrat",Helvetica,Arial,sans-serif;



}

.ms-options ul  {

    padding:20px;

}

.ms-options ul li label {

    padding:0 !important; margin-bottom:10px; cursor:pointer;
    width: 100%;
    float: left;

}

.ms-options ul li input {

    margin-right:15px; display:none;

}

.ms-options ul li span {

    background: url("../images/material/images/uncheck-icon.png");

    width: 18px;

    height: 18px;

    float: left;

    margin-right: 15px;

}





.ms-options ul li input:checked + span {

    background: url("../images/material/images/checked-icon.png");

}

.map-cities .select .btn-group {

    width:100% !important;

    height:auto !important; padding:0 !important; z-index:100;



}

.map-cities .select select {

    display:none !important;

}

.map-cities .select  .dropdown-menu {

    border:none; padding:20px 0;    min-height:520px !important; max-height:520px !important;

}



.map-cities .select  .dropdown-menu  ul	{

    min-height: 480px !important;

    max-height: 480px !important;

}

.map-cities .select   button {

    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;

    box-shadow: none !important;

    height: 40px !important;

    padding: 0 10px 0 14px; color:#000000;    font-family: "Montserrat",Helvetica,Arial,sans-serif;

    text-transform: none;



    font-size:14px;

}

.map-cities .select  .dropdown-menu li a {

    color:#000000; font-size:14px;    font-family: "Montserrat",Helvetica,Arial,sans-serif;     padding: 8px 20px;

}

.ninthStyle.material {

    padding: 0;

    float: left;

}

.ct-googleMap--searchContainer input {

    height:40px;



}

.ms-options {

    overflow:hidden !important;

}

.ms-options .slimScrollDiv .slimScrollBar {

    background:#ededed !important;

}

.ms-options .slimScrollDiv .slimScrollRail {

    background:#fff !important;

}



ul.dropdown-menu {

    display:block; overflow:hidden !important;

}

.dropdown-menu .slimScrollDiv .slimScrollBar {

    background:#ededed !important;

}

.dropdown-menu .slimScrollDiv .slimScrollRail {

    background:#fff !important;

}











.Dp8-select .select .btn-group {

    width:100% !important;

    height:auto !important; padding:0 !important;



}

.Dp8-select .select select {

    display:none !important;

}

.Dp8-select .select  .dropdown-menu {

    border:none; padding:10px 0; max-height:auto !important; min-height:auto !important; height:auto !important; overflow: none !important;

}

.Dp8-select .select  .dropdown-menu .inner {

    max-height:350px!important; min-height:auto !important; height:auto !important;overflow-y: auto!important;

}



.Dp8-select.select   button {

    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;

    box-shadow: none !important;

    height: 40px !important;

    padding: 0 10px 0 14px; color:#000000;    font-family: "Montserrat",Helvetica,Arial,sans-serif;



    font-size:14px;

}

.Dp8-select.select  .dropdown-menu li a {

    color:#000000; font-size:14px;    font-family: "Montserrat",Helvetica,Arial,sans-serif;     padding: 8px 20px;

}

/*

By Mohsin Habib

3-10-2016

*/

.ct-googleMap--sidebar .ct-googleMap--selectContainer {

    display:none;

}

.ct-googleMap--sidebar .ct-googleMap--searchContainer {

    display:none;

}sddsf

 .map-filter .ct-googleMap--selectContainer, .map-filter	.ct-googleMap--searchContainer {

     margin-bottom:0;



 }

.ct-googleMap--selectContainer .btn  {

    width:100% !important;

}

.map-cities .dropup .dropdown-menu, .map-cities .navbar-fixed-bottom .dropdown .dropdown-menu { top: 100%;}

.ct-googleMap--selectContainer { margin-bottom: 0 !important;}

.map-cities .select__arrow, .ms-options-wrap .select__arrow { top: 9px;}





.Dp8-select .btn-group .dropdown-toggle:active, .Dp8-select .btn-group .dropdown-toggle {

    padding: 11.5px 8px; font-size: 14px; border: none; box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2); background: #fff; color: #7b7b7b; text-transform: none;

}

.Dp8-select .btn-group .dropdown-toggle:active, .Dp8-select .btn-group .dropdown-toggle:hover {

    background: #fff;

}





.select .ms-options-wrap.ms-options-wrap-sec { z-index: 100;}

.ct-googleMap--selectContainer, .ct-googleMap--searchContainer { z-index: 888;}

.ct-googleMap--selectContainer { z-index: 999;}















/* ======== New CSS by Arslan (13-Mar-2016) ======== */

.story-main-vision-text p {

    color: #444444;

    display: inline-block;

    float: none;

    font-size: 18px;

    text-align: center;

    margin-bottom: 0;

}

.treasury-info-sec .jumbotron .better-assist h3 {

    font-size: 30px;

}

.treasury-info-sec .jumbotron p {

    font-size: 14px;

    color: #000;

    letter-spacing: -0.7px;

}

.treasury-info-sec .jumbotron a.mail-btn {

    text-transform: lowercase;

}

.treasury-info-sec .jumbotron h3 {

    font-size: 18px;

}

.treasury-info-sec .jumbotron .border-btn {

    background: transparent none repeat scroll 0 0;

    border: 2px solid #0d7140;

    color: #0d7140;

}

.treasury-info-sec .jumbotron .border-btn {

    border: 2px solid #1AB05C;

}

.board-directors .product .post-content-details {

    padding: 34px 50px;

}

.board-directors .product .post-item p {

    margin-bottom: 0;

}

.designation {

    color: #555555;

    font-size: 20px;

    text-transform: uppercase;

    display: inline-block;

    width: 100%;

}

.board-directors .heading h2 {

    font-size: 36px;

}

.board-directors .team-member {

    background: #f5f5f5 none repeat scroll 0 0;

    padding: 10px;

    min-height: 306px;

    margin-bottom: 20px;

}

.board-directors .team-member .team-image {

    text-align: center;

}

.board-directors .team-member .team-image img {

    width: 100%;

    display: inline-block;

}

.board-directors .team-member .team-title {

    padding-top: 25px;

}

.board-directors .team-member .team-title .small-designation {

    color: #555555;

    font-size: 14px;

    text-transform: uppercase;

    letter-spacing: -0.4px;

}

.board-directors .team-member .team-title h3 {

    font-size: 18px;

    margin-bottom: 0;

    letter-spacing: -0.4px;

}

.board-directors .parallax .team-member {

    background: #fff none repeat scroll 0 0;

}

.board-directors .footer-contcs .heading h2 {

    font-size: 24px;

}



@media (min-width: 1199px) {

    .story-main-vision-text p {

        width: 84%;

    }

    .story-timeline-sec .timeline ul li .timeline-text {

        width: 330px;

        left: 15%;

    }

    .story-timeline-sec .timeline ul li:nth-child(2n+2) .timeline-text {

        right: 15%;

        left: auto;

    }

}

@media (min-width: 992px) and (max-width: 1024px) {

    .board-directors .team-member {

        min-height: 265px;

    }

    .board-directors .parallax .team-member {

        min-height: 280px;

    }

}

@media (min-width: 540px) and (max-width: 991px) {

    .treasury-info-sec .jumbotron .better-assist {

        width: 50% !important;

        float: left;

    }

}

@media (max-width: 767px) {

    .board-directors .parallax {

        display: block;

    }

}

@media (max-width: 539px) {

    .treasury-info-sec .jumbotron .border-left {

        border: none;

    }

}

/* ======== New CSS by Arslan End ======== */



.reports-main-page .product .g-post-item .post-content-details {

    padding: 25px 50px;

}

.reports-main .jumbotron {

    background: #a79447;

}

.reports-main-page .product {

    margin: 0;

}

.reports-main-useful .post-content-details {

    padding: 30px;

    min-height: 200px !important;

}











@media (min-width: 220px) and (max-width: 1024px) {

    .Dp8-select .select button {display:none;}

    .Dp8-select .select .dropdown-menu {display:none;}

    .Dp8-select .select select {display:block !important; opacity:1 !important; position:static !important; height:40px !important; padding: 0 8px !important;}

    .filter-select select {

        display:block !important;

    }

    .filter-select  .ms-options-wrap {

        display:none !important;

    }

    .filter-select select {

        background-color: #ffffff;

        border: medium none;

        box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.09);

        color: #4d4746;

        font-weight: bold;

        display:block !important; opacity:1 !important; position:static !important; height:40px !important

    }

    .Dp8-select .select__arrow {top:10px;}

    .filter-select {margin-top:-2px !important; float:left;}



    .map-cities  .select button {display:none;}

    .map-cities  .select .dropdown-menu {display:none;}

    .map-cities  .select select {

        display:block !important; opacity:1 !important; position:static !important; height:40px !important; padding-left:10px !important;

    }

    .map-cities .select__arrow {

        z-index: 221; right:38px !important;

    }

}



.select .dropdown-menu {

    z-index:100 !important;

}













/* ======== New CSS by Arslan (14-Mar-2016) ======== */

.calculator-sec .tabs-navigation li {

    width: 20%;

}

.calculator-sec .tabs-content-calculator-sec {

    text-align: center;

}

.calculator-sec .tabs-content-calculator-sec .calculator-sec-center {

    display: inline-block;

    float: none;

}

.calculator-sec .tabs-content-calculator-sec .calculator-sec-center .cal-heading p {

    color: #333;

    display: inline-block;

    font-size: 16px;

    font-weight: 300;

    width: 70%;

}

.calculator-sec .tabs-content-calculator-sec .calculator-sec-center .cal-heading .cal-info-bar {

    background: #ffebd2 none repeat scroll 0 0;

    border: 1px solid #e9963c;

    display: inline-block;

    padding: 12px;

    width: 75%;

}

.calculator-sec .tabs-content-calculator-sec .calculator-sec-center .control__indicator {

    border: 1px solid #2cb368;

    box-shadow: none;

}

.calculator-sec .tabs-content-calculator-sec .calculator-sec-center .control:hover .control__indicator::after {

    top: -1px;

    left: -1px;

    width: 20px;

    height: 20px;

    background: #1ab05c;

}

.calculator-sec .tabs-content-calculator-sec .calculator-sec-center .control--radio .control__indicator::after {

    top: -1px;

    left: -1px;

    width: 20px;

    height: 20px;

    background: #1ab05c;

}

.calculator-sec .tabs-content-calculator-sec .calculator-sec-center .select select {

    background: #fafafa;

    box-shadow: 1px 1px 0 1px rgba(0, 0, 0, 0.1) !important;

}

.calculator-sec .tabs-content-calculator-sec .calculator-sec-center .form-control {

    background: #fafafa;

    box-shadow: 1px 1px 0 1px rgba(0, 0, 0, 0.1) !important;

}

.calculator-sec .tabs-content-calculator-sec .calculator-sec-center .checkbox, .calculator-sec .tabs-content-calculator-sec .calculator-sec-center .radio {

    margin: 0;

}

.calculator-sec .tabs-content-calculator-sec .calculator-sec-center .form-group label {

    margin: 0;

}

.calculator-sec .tabs-content-calculator-sec .calculator-sec-center .ck-currencies-txt {

    font-size: 16px;

    font-weight: 300;

}

.calculator-sec .tabs-content-calculator-sec .calculator-sec-center .ck-currencies-txt a {

    color: #2cb368;

    font-weight: 400;

}

@media (min-width: 768px) and (max-width: 991px) {

    .calculator-sec .tabs-navigation li {

        float: left;

    }

    .calculator-sec .tabs-navigation li a {

        width: 100%;

    }

    .calculator-sec .tabs-content-calculator-sec .calculator-sec-center .col-md-3.form-group {

        width: 25%;

    }

    .calculator-sec .tabs-content-calculator-sec .calculator-sec-center .col-md-4.form-group {

        width: 33.3333%;

    }

    .calculator-sec .tabs-content-calculator-sec .calculator-sec-center .col-md-5.form-group {

        width: 41.6667%;

        float: left;

    }

    .calculator-sec .tabs-content-calculator-sec .calculator-sec-center .col-md-6.form-group {

        width: 50%;

        float: left;

    }

}

@media (max-width: 767px) {

    .calculator-sec {

        display: block;

    }

    .calculator-sec .tabs-navigation li {

        width: auto;

        float: left;

    }

    .calculator-sec .tabs-navigation li a {

        padding: 20px 14px;

        border-bottom: 0;

    }

}

/* ======== New CSS by Arslan End (14-Mar-2016) ======== */





.ac-content .modal  {

    z-index:999999 !important;

}



.tooltip-img img {

    cursor:pointer;

}



.chat-graph {

    float:left; width:100%; padding:20px;

}

.amcharts-left-div .amChartsPeriodSelector  div {  float:left; font-size:16px; color:#333333;   font-weight:700;     font-family: "Gotham", sans-serif; }

.amcharts-left-div .amChartsPeriodSelector .amChartsInputField { font-weight:100; margin-left:10px;   }

.amcharts-left-div .amChartsPeriodSelector  div + div {  float:right; }

.amcharts-left-div br,.amcharts-left-div .amChartsDataSetSelector, .amcharts-main-div  .amChartsLegend {

    display:none;

}

.amcharts-left-div {

    position:relative !important; float:left !important; width:100% !important; margin-bottom:30px;

}

.amChartsButton  { width:auto !important; }

.amChartsButtonSelected   { width:auto !important; }

.amcharts-center-div {

    float:left !important; width:100% !important; padding:0 !important; margin:0 0 50px !important;

}

.amChartsPanel.amcharts-stock-panel-div.amcharts-stock-panel-div-stockPanel1  {

    display:none;

    height:0 !important;

}



.amcharts-panels-div {



    height:auto !important;

}



.amcharts-chart-div .amcharts-panels-div  {

    background:#f2f2f2; padding:20px 30px;

}













#car-areyou .form-group > label { height: auto !important; }

.slider .tooltip-inner { margin-top: -25px; }

#car-type-form .ins-tooltip { margin: 20px 20px 0 20px; }

#car-type-form #dp8_calculate { padding: 15px 80px; }



.auto-height label { height: auto !important; }



.tabs-content-banking-tiers #dp8_calculate { padding: 15px 80px; }

.tabs-content-banking-tiers .ins-tooltip { margin: 20px 20px 0 20px; }



.vehicle-status label { height: auto !important; }







.cal-submit-result {

    margin: 0 -20px;

}

.arrow-bg {

    background-image: url("../images/calculator/cal-sec-arrow.png");

    background-position: center top;

    background-repeat: no-repeat;

}

.cal-submit-result h4 {

    color: #333333;

    font-size: 20px;

    letter-spacing: -0.1px;

}

.cal-submit-result p {

    color: #333333;

    font-size: 18px;

    font-weight: 300;

}

.cal-submit-result .result-box {

    background: #1ab05c none repeat scroll 0 0;

    padding: 10px;

}

.cal-submit-result .result-box p,.result-box{

    color: #fff;

    margin: 0;

}

.cal-submit-result .result-box p span {

    font-weight: 500;

}

.cal-submit-result .table-inner {

    border: none;

}

.cal-submit-result .table-inner tr th {

    background: #1ab05c none repeat scroll 0 0;

}

.cal-submit-result .table-inner tbody tr {

    background: #e7e7e7;

}

.cal-submit-result .table-inner tbody tr:nth-of-type(2n+1) {

    background: #f0f0f0;

}

.cal-submit-result .table-inner tr th, .cal-submit-result .table-inner tr td {

    border: 1px solid #f7f7f7;

}

.cal-submit-result .table-inner tr td {

    text-align: left;

    padding: 5px 20px;

    width: 50%;

}

.cal-submit-btns .button {

    padding: 20px 40px;

    width: auto;

}

.cal-submit-btns .btns-middle-txt {

    display: inline-block;

    margin-bottom: 0;

    margin-left: 20px;

    margin-right: 20px;

    overflow: hidden;

    position: relative;

    top: -19px;

    white-space: nowrap;

}

.cal-submit-btns .button.border-btn {

    background: #fff;

    border: 2px solid #0d7140;

    color: #0d7140;

}

.cal-submit-btns .button.border-btn:hover {

    border: 2px solid #1AB05C;

}

.print-btn {

    background: #fff none repeat scroll 0 0;

    border: 1px solid #1ab05c;

    display: inline-block;

    font-size: 12px;

    padding: 7px;

}

.print-btn img {

    margin-right: 5px;

}

.pdf-btn {

    background: #1ab05c none repeat scroll 0 0;

    display: inline-block;

    padding: 11px 15px;

    font-size: 20px;

    color: #fff;

    font-weight: 600;

    text-align: left;

    line-height: 22px;

}

.pdf-btn img {

    margin-right: 20px;

    float: left;

}

.pdf-btn span {

    float: left;

    margin-top: 12px;

}

.pdf-btn span span {

    font-size: 18px;

    font-weight: 300;

    margin-top: 0;

}

.pdf-btn:hover {

    background: #0d7140;

    color: #fff;

}

.sub-hedaing h3 {

    color: #666666;

    font-size: 18px;

    margin-bottom: 50px;

}

.tooltip-img {

    margin-top: 7px;

    padding-left: 0;

}

.calculator-sec-center .sub-hedaing label {

    font-size: 16px;

    color: #000;

}

.sub-total-heading h3 {

    margin: 50px 0 35px;

}



@media (max-width: 1024px) {

    .print-btn {

        font-size: 10px;

        padding: 5px;

    }

    .print-btn img {

        margin-right: 0;

    }

    .cal-submit-btns .btns-middle-txt {

        top: -16px;

    }

}

@media (max-width: 991px) {

    .cal-submit-result .col-w-100 {

        width: 100%;

    }

    .print-btn {

        font-size: 12px;

        padding: 7px;

        margin-bottom: 20px;

    }

    .print-btn img {

        margin-right: 5px;

    }

    .rs-width-90 {

        width: 90% !important;

    }

    .rs-width-10 {

        width: 10% !important;

    }

}

@media (max-width: 767px) {

    .cal-submit-btns .button {

        padding: 21px 0;

        width: 80%;

    }

    .cal-submit-btns .btns-middle-txt {

        top: auto;

    }

}

@media (max-width: 530px) {

    .pdf-btn {

        text-align: center;

    }

    .pdf-btn img {

        float: none;

        display: inline-block;

        margin-right: 0;

    }

    .pdf-btn span {

        width: 100%;

    }

}

@media (max-width: 479px) {

    .cal-submit-btns .button {

        width: 100%;

    }

    .rs-width-90 {

        width: 85% !important;

        float: left;

    }

    .rs-width-10 {

        width: 15% !important;

        float: left;

    }

}





















































.has-error i, .has-success i {

    display:none !important;

}

.has-error input, .has-error select {

    border:1px solid #a94442; color:#a94442;

}

.has-success .has-success  input {
    border:none !important;
}















.icon-calc { position: absolute;right: -30px; top: 7px;  }



.tabs .Dp8-select .btn-group .dropdown-toggle:active, .tabs .Dp8-select .btn-group .dropdown-toggle {

    background: #fafafa;

    box-shadow: 1px 1px 0 1px rgba(0, 0, 0, 0.1) !important;   }



#rafaa .ins-tooltip .slider-tick-label {  width:363px !important;  }

#rafaa .slider-tick-label-container {margin-left: -190px !important;}



#injaz .ins-tooltip .slider-tick-label {  width:363px !important;  }

#injaz .slider-tick-label-container {margin-left: -190px !important;}





#thimar .ins-tooltip .slider-tick-label {  width:363px !important;  }

#thimar .slider-tick-label-container {margin-left: -190px !important;}















.tabs .Dp8-select .btn-group .dropdown-toggle:active, .tabs .Dp8-select .btn-group .dropdown-toggle {

    background: #fafafa;

    box-shadow: 1px 1px 0 1px rgba(0, 0, 0, 0.1) !important;   }





.amcharts-left-div .amChartsButton {

    background: #ccc !important;

    color: #555555 !important;

    padding: 7px 25px !important;

    border: none !important;

    border-radius: 0 !important;

    text-transform: uppercase !important;

    font-size:13px !important;

}



.amcharts-left-div .amChartsButtonSelected {

    background: #2cb368  !important;

    color: #fff !important;

    padding: 7px 25px !important;

    border: none !important;

    border-radius: 0 !important;

    text-transform: uppercase !important;

    font-size:13px !important;

}



.amChartsPeriodSelector .amChartsInputField  {

    background: #fafafa none repeat scroll 0 0 !important;

    border: medium none !important;

    font-weight: 300; width:170px !important;

    margin-left: 10px;

    padding: 8px 15px !important;

    text-align: left !important;

    box-shadow: 1px 1px 0 1px rgba(0, 0, 0, 0.1) !important;

}

@media (min-width: 320px) and (max-width: 540px) {

    .amChartsPeriodSelector  input, .amChartsPeriodSelector .amChartsInputField {

        width:100% !important; float:left; margin-bottom:10px;

    }

}

@media (min-width: 320px) and (max-width: 768px) {
    .img-margins-10 img{
        margin-left: 10px;
        margin-right: 10px;
    }
    .amChartsPeriodSelector  div {

        margin-bottom:10px;
    }
}



@media (min-width: 768px) and (max-width: 991px) {



    .calculator-sec .tabs-content-calculator-sec .calculator-sec-center { padding:0 60px; }

    .form-group > label { height:46px !important; }

    .slider-tick-label {  width: 59px !important;   }



}





@media (min-width: 568px) and (max-width: 767px) {



    #car-type-form .row.text-left {  margin-bottom:30px;  }

    .slider-example { width:250px !important; }

    #car-type-form .ins-tooltip { width:250px !important; }

    .slider.slider-horizontal .slider-track { width:250px !important; }

    .slider-tick-label { width: 48px !important; }

    .calculator-sec .row.text-left {  padding: 0 10px; }

    #car-type-form #dp8_calculate { padding: 15px 45px;  font-size: 15px; }

    .calculator-sec .tabs-navigation li { float: left;  margin: 0;  width: 100%; }

    .calculator-sec .tabs-navigation li br { display:none; }

    .calculator-sec .tabs-navigation li a {  border-bottom: 1px solid #ccc;  padding: 10px 14px; }

    #Hasta_icono { display:none; }

    #Hasta_icono2 { display:none; }







}





@media (min-width: 320px) and (max-width: 567px) {
    .captcha-refresh {
        cursor: pointer;
        margin-top: 10px;
        position: relative !important;
        top:inherit !important;
        right:inherit !important;
        width: 30px;
    }

    .ui-datepicker-trigger, .icon-calc {
        display:none !important;
    }
    #car-type-form .row.text-left {  margin-bottom:30px;  }

    .slider-example { width:203px !important; }

    #car-type-form .ins-tooltip { width:203px !important; }

    .slider.slider-horizontal .slider-track { width:203px !important; }

    .slider-tick-label { width: 37px !important; }

    .calculator-sec .row.text-left {  padding: 0 10px; }

    #car-type-form #dp8_calculate { padding: 15px 45px;  font-size: 15px; }

    .calculator-sec .tabs-navigation li { float: left;  margin: 0;  width: 100%; }

    .calculator-sec .tabs-navigation li br { display:none; }

    .calculator-sec .tabs-navigation li a {  border-bottom: 1px solid #ccc;  padding: 10px 14px; }

    #Hasta_icono { display:none; }

    #Hasta_icono2 { display:none; }

    .tabs-content-banking-tiers #dp8_calculate { font-size: 15px;    padding: 15px 48px; }



    .calculator-sec .tabs-content-calculator-sec .calculator-sec-center .cal-heading p { width:100%; }

    .calculator-sec .tabs-content-calculator-sec .calculator-sec-center .cal-heading .cal-info-bar { width:100%; }

}



.checking-rate p { font-size:16px; color:#333333;  }

.checking-rate p a { color:#2cb368;  }

.bv-form .help-block { line-height:normal;  }





/* ======== New CSS by sajid Profit page ======== */





.profit-slider .owl-item h6 { font-size: 24px; padding: 8px 20px; }

.profit-slider .owl-item .news-list-slider h2 { font-size: 36px !important; font-weight: 300 !important; }

.profit-slider .slider-content { width: 75%; padding: 35rem 0 0 !important; }





.profit-page .ac-item {  margin-bottom: 10px;  }

.profit-page .accordion .ac-title { padding:15px 50px 15px 20px; background:#1bb05c; text-transform:capitalize; color:#fff; font-size: 16px; font-weight: 400; letter-spacing: 0.2px; }

.profit-page .accordion .ac-content { background: #f7f7f7; padding:35px 40px 40px; margin-bottom:40px; }

.profit-page .accordion .ac-content p {  font-size:18px; font-weight:300;  }

.profit-page .table-inner tr th, .profit-page .table-inner tr td { padding:5px 0; }

.profit-page .table-inner tr th { background:#1bb05c ; }

.profit-page .table-inner tr td { padding:5px 20px; }

.profit-page .table-inner tbody tr:nth-of-type(2n+1) { background: #f0f0f0 none repeat scroll 0 0; }

.profit-page .table-inner tbody tr { background-color: #e7e7e7; }

.profit-page .table-inner tr th, .profit-page  .table-inner tr td { border:0; font-weight: 400;  }

.profit-page .table-inner tr th, .profit-page  .table-inner tr td:nth-child(1) { border-right: 2px solid #fff; }

.profit-page .ac-title { background: #1bb05c url("../images/close.png") no-repeat 98% center !important; margin: 0;  }

.profit-page .ac-item.ac-active .ac-title { background: #1bb05c url("../images/open.png") no-repeat 98% center !important; }



.profit-page .table-one .table-inner tr th, .profit-page .table-inner tr td { width: 72%; }

.profit-page .month-rate .table-inner tr th, .profit-page .table-inner tr td { width: 60% !important; }



@media (min-width: 320px) and (max-width: 360px) {



    .profit-page .table-one .table-inner tr th, .profit-page .table-inner tr td { width: 50% !important;  }

    .profit-page .ac-title {  background: #1bb05c url("../images/close.png") no-repeat scroll 95% center !important; font-size: 15px !important; margin: 0; }



}

.arrow-bg {

    margin-bottom: -30px !important;

}



.amChartsPeriodSelector  {
    font-weight: 700;
    width: 100%;
    float: left;
    margin-bottom: 20px;
    margin-top: -10px;

}



.amChartsPeriodSelector div { float:left;}

.amChartsPeriodSelector div + div {

    float:right;

}

.amcharts-stock-div .amcharts-panels-div {

    margin-top:50px;

}

#chartdiv {position:relative;}

.width-100 { width:100%; clear: both;}

.amChartsPeriodSelector  .amChartsButton {margin-right:1px;}

.eligibility-empty h2 {
    color: #363636;
    font-size: 16px;
    margin-bottom: 10px;
}
.eligibility-empty {
    text-align: center;
}

.post-item.active.right .post-sub1, .post-item.active.right .post-sub2 {
    right:0; left:inherit;
}
.post-item.active.left .post-sub2, .post-item.active.left .post-sub1 {
    left: 0;
    right: inherit;

}
.m-r-10.m-l-10.remove-bg:hover {
    background:none !important;
}
.m-r-10.m-l-10.remove-bg {
    background:none;
}
.ui-datepicker-trigger {
    cursor: pointer;
    position: absolute;
    top: 7px;
    right: -30px;
}
.ui-datepicker-title select {
    padding:5px; width:50%;
}

.captcha-refresh {
    position: absolute;
    top: 40px;
    right: -50px; cursor:pointer;
}
.captcha {
    position:relative;
}


#footer { background:#fff !important; }
.footer-content .col-md-6 h4 { color: #555555 !important;  }
.footer-content .col-md-6 p { color:#555555 !important; }
#footer .footer-content .list.list-lines a { color: #555555; }
#footer .footer-content .list.list-lines a:hover { color: #1ab05c; opacity: 1; }
#footer .list-lines li {  border-bottom: 1px solid #bbbbbb !important; }
.topbar-dropdown .title {  line-height: 44px; }
.topbar-dropdown.language-bar .title { line-height:33px; margin: 0 20px; }

.copyright-links span { margin:0 10px 0 0; }

#mainMenu > ul > li > a {
    font-weight: normal;
}
.branch-atm > a {
    font-weight: normal;
}
.topbar-dropdown.login-tp {
    background: #f1f1f1; color: #363636;
}
.topbar-dropdown.login-tp .fa  {
    color: #fff;
}

#tabs-05 ul li.active a {
    background: #e2e2e2 !important; color:#363636;  font-weight: 700;
}
#tabs-05 .tabs-content {
    background: #e2e2e2;
}
#tabs-05 ul li a {
    color: #0e7240

}
#tabs-05 ul li a:hover {
    background: #e2e2e2
}
.footer-contcs .button.green-dark {
    background: #555555;
}

/* .home-slider .slider-content .button  {
        background-color: #444444;
    border-color: #444444;
        color: #fff;  margin-top: 2px;
}
.home-slider .slider-content .button:hover {
    background: rgba(36,36,36,0.7);
    color: #fff !important;
    border-color: rgba(36,36,36,0.7);
} */
.home-slider .slider-content h6 {
    background: rgba(255,255,255,0.7); color: #363636 !important; font-weight: normal important;
}
.home-slider .slider-content h2 {
    background: rgba(255,255,255,0.8); color:#128754 !important; font-weight: normal important;
}
.features-benefits .heading-tab {
    color: #222222 !important;
}
.bgWhiteHover:hover {
    background: #fff !important; color: #363636 !important;  border-color: #fff !important;
}
.cc-main  .bglighgreenhover:hover {
    background: #1ab05c !important; color: #fff !important;  border-color: #1ab05c !important;
}
.bglighgreenhover.button.green-dark.effect.fill:hover {
    background: #0d7140 !important; border-color: #0d7140 !important;
}

.cc-main .product .post-description a.read-more.active:hover {
    background: #1ab05c !important;   border-color:#1ab05c !important; color: #fff !important
}
@media screen and (max-height: 700px) {
    .dropdown-menu.in {
        height: 550px;     overflow-y: auto;
        overflow-x: hidden;
    }

}
.topbar-dropdown.login-tp .fa.fa-caret-down {
    color: #128754;
}


.ratio {
    width: 100%;
    display: inline-block;
    position: relative;
}
.ratio:after {
    display: block;
    content: '';
}


.ratio_banner:after {
    padding-top: 39.5%;
}



.bg {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    /* fill parent */
    background-color: transparent;
    /* let's see it! */
    color: white;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.banner-second-image{
    position: absolute;
    bottom: -10%;
    right: 0;
    width: 29%;
}
.banner-text h6{
    background: rgba(255,255,255,0.7);
    color: #363636 !important;
    font-weight: 700;
    font-size: 24px;
    padding: 4px 20px;
    margin: 0;
    display: inline-block;

    text-transform: uppercase;

}
.banner-text h2{
    background: rgba(255,255,255,0.8);
    color: #128754 !important;
    font-size: 36px;
    font-weight: 300;
    padding: 5px 20px;
    margin: 0;
    text-transform: uppercase;
    display: inline-block;
    line-height: 1.5em;
    max-height: 54px;
    overflow: hidden;

}
.banner-text{
    position: absolute;
    bottom: 10%;
}
.container.center-absolute {
    position: relative;
    top: 0;
    height: 100%;
}
.banner-title{
   position: absolute;
}
.width-65{width: 65%;}

.banner-title .package{
    background: #c5a548;
    color: #fff;
    padding: 10px 10px;
    font-size: 14px;
    text-align: center;

}

@media (max-width: 1024px) {
    .banner-second-image{
        display: none;
    }
    .banner-text h2{
        font-size: 22px;
        max-height: 40px;
    }
    .banner-text h6{
        font-size: 14px;
    }
}
@media (max-width: 640px) {
    .bg {
        min-height: initial;
    }
    .banner-text h2{
        font-size: 18px;
        max-height: 35px;
    }
    .banner-text h6{
        font-size: 16px;
    }
    .ratio{
        height: auto;
    }
}
.lastLineText{
    margin-top: -7px !important;
}
.read-speaker-wrapper{
    padding-bottom: 20px;
    padding-top: 20px;
}
.language-mobile{
    position: absolute;
    float: left;
    height: 30px;
    left: 70px;
    top: 15px;
    background: #1bb05c;
    padding: 8px 5px;
}
.language-mobile a{
    font-weight: bold;
}