/*------------------ 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: #399624;
    display: initial;
    font-size: inherit;
    margin-top: 0px;
    padding: 2px 2px;
    text-transform: uppercase;
}
.guaid-line.custom-list-style a:hover{
    background: none;
    color: #24604F;
}
.dropdown-menu.main-menu-collapse.collapse.show{
    max-height: 785px;
    overflow-y: auto;
    overflow-x: hidden;
}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding-top: 50px;
    padding-bottom: 40px;
    margin: 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 7px solid #128754;
    width: 100%;
    border-radius: 0;
}

#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: #24604F;
    width: 100%;
}
.shariya-main-text.text-image h2{
    text-transform: uppercase;
    margin: 0 0 20px 0;
    color: #24604F;
    width: 100%;
}
@media (max-width: 767px) {
	
	.p-b-m-15{
		padding-bottom: 15px!important;
	}
	.p-t-m-15{
		padding-top: 15px!important;
	}

	.p-b-m-30 {
		padding-bottom: 30px!important;
	}
	.p-b-m-20{
		padding-bottom: 20px!important;
	}
	.p-t-m-20{
		padding-top: 20px!important;
	}

	.m-b-m-15{
		margin-bottom: 15px!important;
	}
	.m-b-m-20{
		margin-bottom: 20px!important;
	}
	
    .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;
    }
    #mainContent section{
        padding: 0;
    }
    .guaid-line.custom-list-style .list-unstyled{
        margin: 10px 20px;
    }
    .numeric-list ol{
        margin: 10px 15px!important;
    }
    .numeric-list ol ol ol{
        margin-left: 20px!important;
    }
    .useful-links .list-unstyled li{
        padding-left: 10px!important;
    }
    .guaid-line.custom-list-style .list-unstyled ul{
        margin-left: 20px!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;}
    .social-icons{ margin-bottom: 15px!important;}

    #header-wrap .dropdown-menu.show{
        display: block !important;
        padding-top: 0 !important;
        padding-bottom: 0 !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: #399624;
    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: #24604F; 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: #399624; 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: #399624;
}
.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: #399624; }
.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: #AA9F8E!important;
}
.font-color-green{
    color: #399624!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;
}
.better-assist h3, .jumbotron .custom-border h3 {
    font-size: 24px;
}
.jumbotron {
    padding:20px 0 20px 10px;
}

.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;
    }
    .custom-border
    {
        border-left: 0;
    }

}
@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: #399624;
    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: #24604F;
}
.block-style{
    display: block;
    margin: 0 5px;
}

.inline-block-style{
    display: inline-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:#399624; 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: #24604F;    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: #24604F; }



.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: #399624;}

.faq-links .list-unstyled li a i {  color: #399624;    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: #399624;}

.faq-links .list-unstyled li span i {  color: #399624;    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: #24604F 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: #399624; 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) {


	.carListingItem {
	  display: flex;
	  flex-direction: column;
	} 


    .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) {


	.carListingItem {
	  display: flex;
	  flex-direction: column;
	}


    .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:#BBB2A5; }



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



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

.cc-main .product .post-content-details.width-fix{
    width: 590px;
}























/* 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: #399624 ; border-color: #399624; }

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



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

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



.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: #399624; 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 #24604F !important; color: #24604F; height: 37px;}

.news-pagination .pagination  li  a:hover {background: #24604F; color: #fff;}

.news-pagination .pagination i { color: #24604F;}

.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: #24604F;

    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: #399624;

    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:#399624 !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: Figtree, 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: Figtree, sans-serif;

    text-transform: none;



    font-size:14px;

}

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

    color:#000000; font-size:14px;    font-family: Figtree, 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;

}*/

.btn-group .bootstrap-select .dropdown-menu.inner {
    position: static;
    float: none;
    border: 0;
    padding: 0 !important;
    margin: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.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: Figtree, sans-serif;



    font-size:14px;

}

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

    color:#000000; font-size:14px;    font-family: Figtree, 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 #24604F;

    color: #24604F;

}

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

    border: 2px solid #399624;

}

.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 #399624;

    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: #399624;

}

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

    top: -1px;

    left: -1px;

    width: 20px;

    height: 20px;

    background: #399624;

}

.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: #399624;

    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: Figtree, 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: #399624 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: #399624 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 #24604F;

    color: #24604F;

}

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

    border: 2px solid #399624;

}

.print-btn {

    background: #fff none repeat scroll 0 0;

    border: 1px solid #399624;

    display: inline-block;

    font-size: 12px;

    padding: 7px;

}

.print-btn img {

    margin-right: 5px;

}

.pdf-btn {

    background: #399624 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: #24604F;

    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;

    }

    #mainContent section{
        padding: 0;
    }
    .guaid-line.custom-list-style .list-unstyled{
        margin: 10px 20px;
    }
    .numeric-list ol{
        margin: 10px 15px!important;
    }
    .numeric-list ol ol ol{
        margin-left: 20px!important;
    }
    .useful-links .list-unstyled li{
        padding-left: 10px!important;
    }
    .guaid-line.custom-list-style .list-unstyled ul{
        margin-left: 20px!important;
    }

}

@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: #399624  !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: 580px) {

    .amChartsPeriodSelector  input, .amChartsPeriodSelector .amChartsInputField {

        width:100% !important; 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:#399624;  }

.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: #399624; 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:#399624 !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: #399624 !important; color: #fff !important;  border-color: #399624 !important;
}
.bglighgreenhover.button.green-dark.effect.fill:hover {
    background: #24604F !important; border-color: #24604F !important;
}

.cc-main .product .post-description a.read-more.active:hover {
    background: #399624 !important;   border-color:#399624 !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: #399624;
}


.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: #399624 !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 (min-width: 1024px) {
    .mb65desktop {
        margin-bottom: 65px;
    }
}
@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;
}

#surveyForm .form-group label{
    display: block;
}
.percent-wrapper{
    width: 10%;
    padding: 10px;
    font-size: 20px;
    float: left;
}
.rate-wrapper{
    float: left;
    width: 90%;
}

@media (max-width: 1444px) {
    .branch-atm.second{  margin: 0 5px;  }
    .topbar-dropdown.language-bar .title { margin: 0 5px; }
    #mainMenu > ul > li > a {  padding: 15px 15px;  }
    .branch-atm { margin: 0 5px 0 0;}
    .branch-atm > a { padding: 8px 5px; }
    .branch-atm > a img { margin: 0 5px 0 0; }
    .topbar-dropdown.language-bar { width: 50px; margin:0 5px 0 0; }
    .flag { margin: 0 5px 0 0; }
}

@media (max-width: 1111px) {
    .branch-atm{
        display: none;
    }
    .branch-atm.second{
        display: block;
    }
}

.social-icons{
    margin-bottom: 15px;
}

.footer-images{
    list-style: none;
    width: auto;
    height: 39px;
    top: 95px;
    right: 0;
    margin: 0 0 0 15px;
    padding: 0;
}

.footer-images div a{
    float: left;
    display: block;
    padding: 0 15px 0 0;
    height: 39px;
    text-decoration: none;
    margin: 0;
}

@media (max-width: 1444px) {
    .branch-atm.second{  margin: 0 5px;  }
    .topbar-dropdown.language-bar .title { margin: 0 5px; }
    #mainMenu > ul > li > a {  padding: 15px 15px;  }
    .branch-atm { margin: 0 5px 0 0;}
    .branch-atm > a { padding: 8px 5px; }
    .branch-atm > a img { margin: 0 5px 0 0; }
    .topbar-dropdown.language-bar { width: 50px; margin:0 5px 0 0; }
    .flag { margin: 0 5px 0 0; }
}

@media (max-width: 1111px) {
    .branch-atm{
        display: none;
    }
    .branch-atm.second{
        display: block;
    }
}
.chat-wrapper {
    position: fixed;
    top: 25%;
    z-index: 999999;
    overflow: hidden;
    width: auto;

}

.chatModalTopLeft {
    left: 7px;
}

.chatModalBottomRight {
    top: 90%;
}

.chatModalBottomLeft {
    left: 7px;
    top: 90%;
}

.chat-wrapper a {
    color: #ffffff;
    position: relative;
}
.chat-wrapper img {
    height: 30px;
}
.chat-wrapper a span {
    float: left;
    display: inline-block;
    border-radius: 0;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 4px;
    padding-bottom: 2px;
}
.chat-wrapper a span:nth-child(2) {
    padding-left: 10px;
    padding-right: 10px;
    line-height: 2;
    padding-top: 4px;
    padding-bottom: 4px;
}

button.close-black {
    -webkit-appearance: none;
    padding: 16px 20px;
    cursor: pointer;
    background: 0 0;
    border: 0;
}

.close-black {
    float: right;
    font-size: 26px;
    font-weight: 700;
    line-height: 1;
    color: black;
    filter: alpha(opacity=20);
    opacity: 1;
}
.popup_devide {
    height: 1px;
    line-height: 1px;
    border-bottom: 1px #afe0cd solid;
    margin-top: 10px;
}

.footer-disclaimer-title{
    color: #6d6e71!important;
    margin: 15px 0;
    padding: 0;
    margin-bottom: 5px;
    font-size: 16px;
    font-weight: bold;
}

#modal-footer p {
    color: #6d6e71!important;
    padding: 0;
    margin-bottom: 5px;
    font-size: 13px;
}

#modal-footer input.btn {
    background-color: #090;
    border: none;
    padding: 5px 10px;
    color: #FFF;
    margin: 0;
    cursor: pointer;
    font-size: 13px;
    margin-right: 5px;
}

.footer-button{
    font-size: 13px;
    padding: 5px;
    line-height: 20px;
    border-bottom: 1px #CCC dotted;
    border-top: 1px #CCC dotted;
}

.footer-button a{
    float: none!important;
    height: 28px!important;
}

.chat-wrapper a span i {
    color: #399624;
}

#modal-chat {
    z-index: 99999999;
}

.tab-pane .list-unstyled .life-style ol .life-style .list-unstyled li,
.tab-pane .list-unstyled .life-style ol li.life-style{
    list-style-type: decimal;
}

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)  { .dropdown-menu.main-menu-collapse.collapse.in{max-height: 500px;}}

#footer-image{
    cursor: pointer;
}

.numeric-list ol{
    margin: 0px 15px;
    clear: both;
}


.numeric-list ol{
    margin: 0px 15px;
    clear: both;
}

@media (min-width: 992px) {
    .cc-main .product .post-content-details.width-fix{
        width: 590px;
    }
}

/* font sizer controller style starts ====== */
.col-imgs ul, .col-imgs ul li {
    list-style: outside none none;
}

.col-imgs ul li {
    position: relative;
}
.col-imgs ul li {
    float: left;
    padding: 0 5px;
}

.mediam-paragraph {
    font-size: 16px !important;
}
.large-paragraph {
    font-size: 20px !important;
}

.post-item .post-title .large-heading { font-size: 26px;!important}
.post-item .post-title .mediam-heading { font-size: 22px;!important}
/* font sizer controller style ends ====== */

/* CSS NEW 21/11/2018 */

.col-imgs {
    float: right;
    padding: 10px 0;
}

.printing_machine .fa { font-size: 22px; color: #399624;}


li.actual-font a {
    font-size: 15px;
}

li.medium-font a {
    font-size: 12px;
}

li.large-font a {
    font-size: 18px;
}

@media (min-width: 10px) and (max-width: 991px) {
/*     .col-imgs .mobile-hide { */
/*         display: none; */
/*     } */
    .banking-responsive .title { width: 100%; float: left;}
    .banking-responsive .ac-item {
        margin: 5px 0 0 0;
        float: left;
        width: 100%;
    }
    .ac-active .ac-title {
        background: #399624;
    }
    .accordion .ac-item.ac-active .ac-title i {
        transform: rotate(180deg);
    }
}

.accordion .ac-title { font-size: 14px !important;}

.reduce-padding-by-dir{
    padding-left: 0px;
}

/* Tab menu changes */
@media (min-width: 320px) and (max-width: 767px) {

    .res-tab { display:block !important; }
    .reward-res-tab {
        background-color: #fff;
        background-image: url('../images/down-arrow.png');
        background-position: center right 15px;
        background-repeat: no-repeat;
        background-size: auto 6px;
        display: inline-block;
        width: 100%;
        text-align: left;
        padding: 20px 15px;
        cursor: pointer;
        font-size: 16px;
        color: #399624;
        margin-bottom: 20px;
        text-transform: capitalize;
    }
    .reward-res-sel li {
        color:#399624;
        font-size: 16px;
        float: left;
        width: 100%;
        display: none;
    }
}
.reward-center-tab .tab-btns { display:none; }

@media (min-width: 10px) and (max-width: 991px) { 
    .col-imgs {
    display: block;
    }
}



/** tab component css**/
#tabs {
    border-bottom: 0!important;
}
#tabs li a {
    color: #399624;
    border-color: rgba(221, 221, 221, 0.5);
        border-top-color: rgba(221, 221, 221, 0.5);
        border-left-color: rgba(221, 221, 221, 0.5);
    border-top-color: rgba(221, 221, 221, 0.5);
    border-left-color: rgba(221, 221, 221, 0.5);
    background: #fff;
    border-top: none;
    border-left: none;
    border-radius: 0;
    margin: 0;
    padding: 20px 0;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 1px;
    text-align: center;
}
#tabs li {
    width: 16.66%;
}
#tabs .active a {
    background: #e2e2e2 !important;
    color: #363636;
}

#tabs li a:hover {
    background: #e2e2e2 !important;
    color: #363636;
}

#content.tab-content {
    overflow: hidden;
    padding: 30px;
    position: relative;
    background: #e2e2e2;
}


.nav-tabs {
    display:none;
}
@media(min-width:768px) {
    .nav-tabs {
        display: flex;
        }
    .card {
        border: none;
        }
    .card .card-header {
        display:none;
        }  
    .card .collapse{
        display:block;
        }
}
@media(max-width:767px){
    .tab-content .tab-pane {
        display: block !important;
        opacity: 1;
        }
    #content.tab-content {
        padding: 0px;
        background: transparent;
    }
    #content.tab-content h5 a {
        font-size: 18px;
        float: left;
        width: 100%;
        padding: 20px 14px 20px 14px;
        background: #fff !important;
        margin-bottom: 10px;
        color: #fff;
    }
    #content .post-content {
        padding: 0px 40px 0px 40px !important;
        background: #e2e2e2 !important;
    }
    #content .post-content:first-child {
        padding-top: 30px !important;
    }

    /* OUR MOST POPULAR PRODUCTS changes */ 
    #content.tab-content.mobile-products h5 a { background: #399624 !important; }
    #content.tab-content .card-header { float: left; width: 100%; }
    #content.tab-content .collapse { float: left; width: 100%; }

    .card-header {
        padding: unset !important;
        border-bottom: none !important;
        background-color: unset !important;
        --bs-card-border-width: 0 !important;
        --bs-card-cap-padding-y: 0 !important;
    }

    .card {
        --bs-card-border-width: 0 !important;
    }
}

#content.tab-content .collapse { 
	transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s; 
	}
#content.tab-content .collapse.active {
    display: block !important;
}

.tabs-content-banking-tiers.tab-pane-mob { background: #fff; padding: 30px 20px;}
@media (max-width: 991px) and (min-width: 480px){
	.col-md-offset-4 {
	    margin-right: 0 !important;
    	margin-left: 25% !important;
	}
}
#goldinput1{
	padding-right: 0 !important;
}


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

    .kfh-dynamic-form .col-sm-7 {
        width: 91.66666667%;
    }
}

.related-products {
    background-color: #F6F6F6;
}

.cookie-banner{
	background-color: #e2e2e2;
	width: 100%;
	padding: 1rem 0;
	margin-left: auto;
	margin-right: auto;
}

.fixed_bottom{
	position: fixed;
	bottom: 0;
	right: 0;
	left: 0;
	z-index: 99999999999;
}
@media (min-width: 520px){
    .cookie-banner-container  {
        max-width: 520px;
    }
}
@media (min-width: 768px) {
    .cookie-banner-container{
        max-width: 860px;
        align-items: center;
    }
    .new-product-component #tabs-05 .tabs-nav ul { text-align: center; }
}
.cookie-banner-container{
    max-width: 100%;
    width: 100%;
}

@media (min-width: 1024px){
    .cookie-banner-container {
        max-width: 1024px;
        margin-left: auto;
        margin-right: auto;
    }
}
@media (min-width: 1320px){
    .cookie-banner-container {
        max-width: 1187px;
        margin-left: auto;
        margin-right: auto;
    }
}

.cookie-banner p {
    line-height: 16px;
    margin: 5px 23px 5px 23px;
}
.cookie-banner-button{
    text-transform: uppercase;
    text-decoration: none;
    font-size: 1.3rem;
    display: block;
    vertical-align: middle;
    line-height: 15px;
    padding: 15px 24px 15px;
    white-space: nowrap;
    margin: 5px 23px 5px 23px;
}

@media (max-width: 767px){
    .cookie-banner .cookie-banner-container table tr td {
        display: block;
        width: 100%!important;
    }
    .cookie-banner .cookie-banner-container table tr td .cookie-banner-button{
        display: inline-block;
    }
}


/*       NEW PRODUCT TEMPLATE START       */

.card-banner h2 {
    float: left;
    font-size: 64px;
    line-height: 70px;
    margin: 0;
    text-transform: uppercase;
    width: 100%;
    font-weight: 600;
    color: #000;
    font-family: Figtree, sans-serif;
}
.card-banner h3 {
    float: left;
    width: 100%;
    text-transform: uppercase;
    font-size: 32px;
    text-align: left;
    font-family: Figtree, sans-serif;
}

.card-banner h4 {
    float: left;
    width: 100%;
    text-transform: uppercase;
    font-size: 24px;
    font-family: Figtree, sans-serif;
    color: #00884B;
    font-weight: 600;
}

.new-product-component.card-banner p {
    float: left;
    width: 100%;
    font-size: 18px;
    text-align: left;
    font-family: Figtree, sans-serif;
    line-height: 32px;
    margin-bottom: 15px;
}

.card-banner .button {
    background: #00884B;
    font-size: 16px;
    width: auto;
    padding: 16px 70px;
    font-family: Figtree, sans-serif;
    font-weight: normal;
}

.new-product-component .heading-new h3 {
    font-size: 44px;
    font-weight: 600;
    font-family: Figtree, sans-serif;
    display: block;
    width: 100%;
}

.features-new .icon-box * {
    font-family: Figtree, sans-serif;
}

.new-product-component #tabs-05 .tabs-nav {

    border-top: 1px solid #C4C4C4;
    border-bottom: 1px solid #C4C4C4;
    padding: 12px 0;
}
.new-product-component #tabs-05 .tabs-nav ul {
    list-style: none;
    padding: 0;
    text-align: left;
    margin-bottom: 0;
}

.new-product-component #tabs-05 .tabs-nav li {
    display: inline-block;
    margin-right: 47px;
    padding-right: 51px;
    border-right: 1px solid #C4C4C4;
}

.new-product-component #tabs-05 .tabs-nav li:last-child {
    margin-right: 0;
    padding-right: 0;
    border-right: 0;
}
.new-product-component #tabs-05 .tabs-nav li a {
    font-size: 16px;
    color: #000;
    text-transform: uppercase;
    font-family: Figtree, sans-serif;
    background: none !important;
}
.new-product-component #tabs-05 .tabs-nav li a:hover {
    color: #399624;
}
.new-product-component #tabs-05 .tabs-nav li.active a {
    color: #399624;

}

.new-product-component #tabs-05 .tabs-content.b-content {
    background-image: url(../images/backgrounds/tabs-bg.png);
    background-color: transparent;
    background-size: 100% 548px;
    background-repeat: no-repeat;
    margin-bottom: 0;
    padding-bottom: 80px;
}

.new-product-component #tabs-05 .tabs-content.b-content h2 {
    margin-top: 50px;
    font-size: 44px;
    font-weight: 600;
    font-family: Figtree, sans-serif;
    display: block;
    width: 100%;
    margin-bottom: 0;
}

.new-product-component #tabs-05 .tabs-content.b-content p {
    float: left;
    width: 90%;
    font-size: 18px;
    text-align: left;
    font-family: Figtree, sans-serif;
    line-height: 32px;
    margin-block-end: 20px;
    margin-block-start: 20px;
}

.new-product-component #tabs-05 .tabs-content.b-content .button {
    font-family: Figtree, sans-serif;
    font-weight: normal;
    font-size: 14px;
    padding: 18px 55px;
}

.new-product-component .tagline-bg {
    background-image: url("../images/backgrounds/newproduct-banner-pattern.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    overflow: hidden;
    position: relative;
    width: 100%;
    padding-left: 40px;
    padding-right: 50px;
}
.new-product-component .tagline-bg h4 {
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
    margin: 20px 0 0 0;
    font-weight: 300;
    float: left;
    width: 100%;
}
.new-product-component .tagline-bg h2 {
    font-size: 30px;
    color: #fff;
    text-transform: uppercase;
    margin: 0;
    float: left;
    width: 100%;
    line-height: 30px;
    font-family: Figtree, sans-serif;
    font-weight: 600;
}
.new-product-component .tagline-bg .button {
    font-family: Figtree, sans-serif;
    font-weight: normal;
    font-size: 14px;
    padding: 18px 70px;
}

.new-product-component.app-section h2, .new-product-component .app-section h2 {
    font-size: 44px;
    display: block;
    font-family: Figtree, sans-serif;
    font-weight: 600;
}

.new-product-component.app-section h4, .new-product-component .app-section h4 {
    font-family: Figtree, sans-serif;
    font-size: 24px;
    color: #00884B;
    font-weight: 600;
}

.new-product-component.app-section p, .new-product-component .app-section p {
    display: block;
    font-family: Figtree, sans-serif;
    font-size: 18px;
    line-height: 32px;
    margin-bottom: 20px;
}

.new-product-component.app-section .button, .new-product-component .app-section .button {
    font-size: 14px;
    width: auto;
    padding: 18px 60px;
    font-family: Figtree, sans-serif;
    font-weight: normal;
}

.app-platforms h3 {
    font-family: Figtree, sans-serif;
    font-size: 24px;
    color: #000;
    font-weight: normal;
}

.uppercase { text-transform: uppercase; }

.features-jazeel { background:url(../images/backgrounds/jazeel-bg.png) no-repeat center center; background-size: cover;     padding: 50px 0; }

.features-jazeel h3 {
    font-size: 44px;
    display: block;
    font-family: Figtree, sans-serif;
    font-weight: 600;
}

.features-jazeel h4 {
    font-size: 24px;
    color: #00884B;
    font-weight: 700;
    font-family: Figtree, sans-serif;
    display: block;
    text-align: left;
}

.new-product-component.features-jazeel .icon-box.center h3 {
    font-size: 16px;
    color: #000;
    margin: 10px 0;
    line-height: 1.2;
    min-height: 40px;
    font-weight: 700;
    font-family: Figtree, sans-serif;
}

.features-jazeel .icon-box.process { margin: 30px 0 0 0; }

.new-product-component.applay-steps .applay-head h2 {
    font-size: 44px;
    display: block;
    font-family: Figtree, sans-serif;
    font-weight: 600;
    margin: 0;
}

.new-product-component.applay-steps .applay-head p {
    font-size: 18px;
    font-weight: normal;
    font-family: Figtree, sans-serif;
    margin: 10px 0 0 0;
}

.new-product-component.applay-steps .new-customers {
    float: left;
    width: 100%;
    margin-top: 60px;
}

.new-product-component.applay-steps ul {
    float: left;
    width: 100%;
    margin-top: 20px;
    list-style: none;
    padding: 0;
    position: relative;
    cursor: pointer;
}
.new-product-component.applay-steps .new-customers ul li {

    float: left;
    width: 14.2%;
    text-align: center;
    padding: 0 10px;
    position: relative;
}

.new-product-component.applay-steps ul li .count {
    background: #fff;
    color: #00884B;
    width: 50px;
    height: 50px;
    text-align: center;
    box-shadow: 0px 3px 10px -3px #ccc;
    display: inline-block;
    border-radius: 50%;
    font-size: 11px;
    padding-top: 13px;
    font-family: Figtree, sans-serif;

}
.new-product-component.applay-steps ul li:hover .count,.new-product-component.applay-steps ul li.active .count { background-color: #00884B; color: #fff; }
.new-product-component.applay-steps ul li p {
    font-weight: 600;
    font-size: 12px;
    line-height: 14px;
    font-family: Figtree, sans-serif;
    margin-top: 10px;
    width: 120px;
    margin-left: auto;
    margin-right: auto;
}
.new-product-component.applay-steps ul::before {

    content: "";
    height: 1px;
    background: #F2F2F2;
    position: absolute;
    top: 26px;
    left: 79px;
    right: 110px;

}
.new-product-component.applay-steps h3 {
    font-size: 20px;
    color: #00884B;
    font-family: Figtree, sans-serif;
    font-weight: 600;
    margin: 0 0 5px;
}

.new-product-component.applay-steps .row{

    display: flex;

}

.new-product-component.applay-steps .col-md-6 {


}

.new-product-component.applay-steps h4 {
    font-size: 24px;
    color: #00884B;
    font-family: Figtree, sans-serif;
    display: block;
    text-align: left;
}

.new-product-component.applay-steps p {
    font-size: 18px;
    font-weight: normal;
    font-family: Figtree, sans-serif;
    margin: 10px 0 0 0;
}
.new-product-component.applay-steps .tab-content { clear: both; }
.new-product-component.applay-steps .existing-customers {
    float: left;
    width: 100%;
    margin-top: 60px;
}

.new-product-component.applay-steps .existing-customers ul::before {

    content: "";
    height: 1px;
    background: #F2F2F2;
    position: absolute;
    top: 26px;
    left: 70px;
    right: 70px;

}
.new-product-component.applay-steps .existing-customers ul li {

    width: 150px;
    margin-right: 190px;
    float: left;
    text-align: center;
    position: relative;

}
.new-product-component.applay-steps .existing-customers ul li:last-child {
    margin-right: 0;
    float: right;
}

.online-services {
    border-top: 1px solid #C4C4C4;
    padding: 170px 0;
}

.new-product-component.applay-steps {
    padding: 170px 0 230px;
}
.online-services .row {  }
.online-services .row .col-md-6 {

}
.new-product-component .image-responsive { max-width: 100%; }


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

    .new-product-component #tabs-05 .tabs-nav ul { text-align: center; }
    .new-product-component #tabs-05 .tabs-nav li { margin-right: 25px; padding-right: 38px; }
    .new-product-component #tabs-05 .tabs-nav li a { font-size: 14px; }
}

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

    .app-platforms img { width: 105px;}
}

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

    .card-banner h2 { font-size: 46px; }
    .card-banner h3 { font-size: 26px; margin-bottom: 15px !important; }
    .card-banner h4 { font-size: 20px; }
    .card-banner .button { margin-bottom: 20px !important; }
    .features-new .col-md-2.width-20 {
        width: 50%;
    }
    
    .new-product-component #tabs-05 .tabs-nav li a { font-size: 12px; }
    .new-product-component.app-section h2, .new-product-component .app-section h2 { margin-top: 0 !important; font-size: 32px; }
    .features-jazeel .col-md-2.width-20 {
        width: 50%;
    }
    .features-jazeel .icon-box.center h3 { min-height: 60px; }
    .features-jazeel .icon-box.process { margin: 10px 0 0 0; }
    .new-product-component.applay-steps .row {  }
    .online-services .row {  }
    .new-product-component.applay-steps ul::before { left: 50px; right: 50px; }
    .new-product-component .tagline-bg { padding-left: 0; padding-right: 0; }
    .animation_wraper svg { width: 100%; }
    .new-product-component.applay-steps { padding: 170px 0 80px; }
    .online-services { padding: 80px 0 170px 0; }

}

.new-product-component .responsive-secreen { display: none; }

.new-product-component .reward-res-tab li {
    border-right: 0;
    padding: 0;
    margin: 0;
    width: 100%;
}
.new-product-component #tabs-05 .reward-res-tab {
    border: 1px solid #c4c4c4;
    float: left;
    padding: 15px;
    margin: 0;
}

.new-product-component #tabs-05 ul li.active a {
    font-weight: normal;
}

section.new-product-component.card-banner {
    padding-top: 30px;
}

@media (min-width: 320px) and (max-width: 767px) {
    .new-product-component .tabs-nav .toggle-card ul {
        display: none;
    }

    #mainContent section.new-product-component.card-banner {
        padding-top: 10px;
    }

    .new-product-component #tabs-05 .tabs-nav li {
        border-right: 0;
    }

    .new-product-component .responsive-secreen { display: block; }
    .new-product-component .actual-secreen { display: none;}
    .card-banner h2 { font-size: 30px; line-height: 30px; }
    .card-banner h3 { font-size: 18px;  line-height: 26px; margin-bottom: 15px !important; }
    .card-banner h4 { font-size: 16px; margin: 10px 0 2px 0; }
    .new-product-component.card-banner p { font-size: 16px; line-height: 20px; }
    .new-product-component .heading-new h3 {  font-size: 28px; }
    .features-new .heading-new { margin: 30px 0 -5px 0 !important; }
    .features-new .col-md-2.width-20 { width: 50%; float: left; }
    .new-product-component .icon-box.large > h3 { font-size: 16px;  }
    .new-product-component .icon-box.center p {  font-size: 14px; }
    .new-product-component .icon-box.process { margin: 10px 0; min-height: 200px; }
    .bcard-tabs .reward-res-tab { border: 1px solid #399624; float: left; padding: 15px; }
    .bcard-tabs .reward-res-sel li { font-size: 16px; display: none; font-family: Figtree, sans-serif; text-transform: uppercase; font-size: 14px; }
    .features-new { padding-bottom: 0 !important; }
    .bcard-tabs .tabs-nav { border: 0; }
    .new-product-component #tabs-05 .tabs-content.b-content h2 { margin-top: 0 !important; }
    .new-product-component #tabs-05 .tabs-content.b-content { padding: 0; }
    .new-product-component #tabs-05 .tabs-content.b-content .col-md-6 { margin: 0 !important; }
    .new-product-component #tabs-05 .tabs-content.b-content h2 { font-size: 28px; }
    .new-product-component #tabs-05 .tabs-content.b-content p {
        line-height: 20px; z-index: 99999; position: relative;
        margin-bottom: 20px; margin-top: 5px;
    }
    .new-product-component .tagline-bg { padding: 20px 0 !important; }
    .new-product-component .tagline-bg .row { flex-direction: row !important; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
    .new-product-component .tagline-bg .col-md-7 { order: 2; }
    .new-product-component .tagline-bg .col-md-5 { order: 1; }
    .new-product-component .tagline-bg .text-right { float: left; width: 100%; }
    .new-product-component .tagline-bg h2 { margin-top: 0 !important; font-size: 28px; }
    .new-product-component .tagline-bg h4 { font-size: 16px; }
    .bcard-tabs { padding-bottom: 30px !important; }
    .new-product-component.app-section, .new-product-component .app-section { padding: 40px 0px 50px !important; }
    .new-product-component.app-section h2, .new-product-component .app-section h2 { margin-top: 0 !important; font-size: 28px; }
    .features-jazeel h3 { font-size: 28px; }
    .features-jazeel h4 { font-size: 20px; }
    .features-jazeel .col-md-2.width-20 { width: 50%; float: left; }
    .features-jazeel .icon-box.process { margin: 10px 0; min-height: 130px; }
    .features-jazeel .icon-box.center h3 { font-size: 12px; min-height: 40px; }
    .features-jazeel { padding: 50px 0 40px !important; }
    #mainContent .new-product-component.applay-steps { padding: 40px 0; }
    .new-product-component.applay-steps .applay-head h2 { font-size: 28px; }
    .new-product-component.applay-steps .row { display: inherit; }
    .new-product-component.applay-steps .applay-head p { font-size: 16px; }
    .new-product-component.applay-steps .new-customers { margin-top: 30px; }
    .new-product-component.applay-steps h3 { margin-bottom: 10px; padding: 0 15px; }
    .customer-slide h4,.new-customers img, .existing-customers img, .new-product-component.applay-steps .customer-slide p { padding: 0 15px; }
    .new-product-component .customer-slide h4 {
        font-size: 20px;
        margin-top: 20px;
    }
    .online-services .row { display: inherit; }
    .online-services.new-product-component .app-section .row:last-child { margin-top: 50px !important; }
    .online-services {  padding: 0; }
    .online-services h1 {
        font-family: Figtree, sans-serif;
        font-weight: 600;
        color: #000;
        font-size: 38px !important;
        line-height: 40px;
        margin-bottom: 30px;
    }
    .new-product-component #tabs-05 .tabs-content.b-content h2 { margin-top: 20px !important; }
    .bcard-tabs .image-responsive { margin-top: 20px !important; margin-bottom: 10px; }
    .new-customers img, .existing-customers img { margin-top: 20px !important; margin-bottom: 10px; }
    .new-product-component.app-section img, .new-product-component .app-section img { margin: 10px 0; width: 100%; }

    .new-product-component .toggle-card ul { border-left: 1px solid #c4c4c4; border-right: 1px solid #c4c4c4; float: left; }
    .new-product-component .toggle-card li {
        margin-right: 0 !important;
        border-right: 0;
        width: 100%;
        padding: 10px;
        border-bottom: 1px solid #c4c4c4;
    }

    .new-product-component .toggle-card {
        margin-left: 20PX;
        margin-right: 20PX;
        padding-right: 0;
        padding-left: 0;
        position: absolute;
        z-index: 999;
        background: #fff;
    }
    .bcard-tabs #tabs-05 .tabs-content.b-content { padding: 0 !important; background: none !important; }
    .new-customers img, .existing-customers img { box-shadow: none !important; width: 100% !important; }
    .new-product-component .owl-theme .owl-dots .owl-dot span { background: #ccc; }
    .customer-slide .text-center p { font-weight: 600; }
    .new-product-component.app-section p, .new-product-component .app-section p { font-size: 16px; line-height: 20px; }
    .new-product-component.app-section h2 + .animation_wraper,
    .new-product-component .app-section h2 + .animation_wraper{ opacity: 1 !important; visibility: visible !important; height: auto !important; overflow: inherit !important; width: auto !important; }
    .new-product-component.app-section h4, .new-product-component .app-section h4 { margin-top: -30px !important; }
    .new-product-component .hide-responsive { opacity: 0; visibility: hidden; height: 0; overflow: hidden; width: 0; }
    .new-product-component.app-section .row.middle-cont-mid,
    .new-product-component .app-section .row.middle-cont-mid{ display: inherit; }
    .bcard-tabs .image-responsive { width: 100%; }
    .card-banner .image-responsive { width: 100%; }
    .card-banner .image-responsive.responsive-secreen { display: block !important; }
    .new-product-component.applay-steps .col-md-12 { padding: 0; }
    .new-product-component.applay-steps .applay-head { padding: 0 15px; }
    .customer-slide p { font-size: 16px; line-height: 20px; margin-top: 15px; }
    .card-banner .button { font-size: 14px; padding: 13px 50px; }
    .new-product-component #tabs-05 .tabs-content.b-content .button { padding: 15px 35px; }
    .new-product-component .tagline-bg .button {  padding: 14px 50px; }
    .new-product-component.app-section .button,
    .new-product-component .app-section .button{ padding: 14px 40px; }
}
.customer-slide  { position: relative; }
.customer-slide .count {
    background: #00884B;
    color: #fff;
    width: 50px;
    height: 50px;
    text-align: center;
    box-shadow: 0px 3px 10px -3px #ccc;
    display: inline-block;
    border-radius: 50%;
    font-size: 11px;
    padding-top: 13px;
    font-family: Figtree, sans-serif;
}
.customer-slide .count::before {
    content: "";
    left: 0;
    right: 0;
    position: absolute;
    height: 1px;
    background: #F2F2F2;
    top: 24px;
    z-index: -999;
}
.customer-slide .text-center p  {
    font-size: 12px;
    line-height: 14px;
    font-family: Figtree, sans-serif;
    margin-top: 10px;
}

.customer-slide  h4 {
    font-size: 20px;
    text-align: left;
    margin-top: 20px;
}
.customer-slide p {
    font-size: 16px;
}
.bcard-tabs .image-responsive {
    box-shadow: 0px 3px 55px 11px #ccc;
    margin-top: 0;
}
.new-customers img, .existing-customers img {

    box-shadow: 0px 3px 55px 11px #ccc;
    margin-top: 0;

}

.new-product-component.app-section img, .new-product-component .app-section img { box-shadow: 0px 3px 55px 11px #ccc; }
.online-services.new-product-component .app-section .row:last-child { margin-top: 60px; }
.new-product-component .app-platforms .app-store img {
    box-shadow: none;
    width: 145px;
}
.new-product-component .app-platforms .app-store img:hover { opacity: .7; }
.new-product-component .no-shadow {
    box-shadow: none !important;
}

.new-customers .owl-theme .owl-dots, .existing-customers  .owl-theme .owl-dots {
    text-align: center;
    margin-top: 20px;
    margin-bottom: -30px;
}


.bcard-tabs #tabs {
    text-align: center;
    display: block;
}


.bcard-tabs #tabs li a {
    border: 0;
    vertical-align: middle;
    background: transparent !important;
    color: #363636;
    font-weight: 600;
}

.bcard-tabs #tabs li a:hover, .bcard-tabs #tabs li.active a {
    color: #399624;
}

.bcard-tabs #tabs li {
    width: auto;
    margin: 0;
    padding: 0 30px;
    display: inline-block;
    float: none;
}

.bcard-tabs #tabs #content.tab-content { background: #f9f9f9;}


.new-product-component .middle-cont-mid {
    display: flex;
    align-items: center;
}


.bcard-tabs #tabs-05 .tabs-content.b-content {
    padding: 0;
}

.online-services h1 {
    font-size: 50px;
}
.new-product-component .col-imgs ul li:last-child { padding-right: 0; }

.new-product-component.app-section h2 + .animation_wraper,
.new-product-component .app-section h2 + .animation_wraper{ opacity: 0; visibility: hidden; height: 0; overflow: hidden; width: 0; }

.new-product-component.app-section svg,
.new-product-component .app-section svg{ max-width: 420px; }
.new-product-component.applay-steps .existing-customers ul { margin-left: -24px; width: 104.5%; }
.new-product-component.applay-steps ul { margin-left: -20px; margin-right: -20px; }
.new-product-component.applay-steps .new-customers ul { margin-left: -39px; margin-right: 0; width: 107.6%; }
.new-product-component.applay-steps ul li p + p {
    margin-top: 0;
}

.new-product-component .owl-theme .owl-dots .owl-dot span::after { background-color: #00884B; }

.new-product-component .animation_wraper.image-responsive {
    padding-left: 50px;
    padding-right: 20px;
}
.new-product-component .animation_wraper.image-responsive svg { width: 100%; }
.new-product-component.applay-steps .svg-content p { width: 95%; }



@media (min-width: 768px) and (max-width: 991px) {
    .new-product-component.applay-steps .existing-customers ul li { margin-right: 5%;}
    .new-customers img, .existing-customers img { max-width: 300px; }
    .existing-customers svg { max-width: 300px; }
    .new-product-component.app-section img,
    .new-product-component .app-section img{ max-width: 300px; }
    .new-product-component #tabs-05 .tabs-nav li { margin-right: 19px; padding-right: 17px; }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .new-product-component.applay-steps .existing-customers ul li { margin-right: 12%;}
    .new-product-component #tabs-05 .tabs-nav li { margin-right: 44px; padding-right: 47px; }
    .new-product-component.applay-steps .new-customers ul { margin-left: -22px; width: 105.6%; }
    .new-customers img, .existing-customers img { width: 90%; }
    .new-customers .apply-content { padding-left: 10% !important; }
}



@media (min-width: 991px) {
    .new-customers .apply-content {
        padding-left: 8%;}
}
@media (min-width: 1199px) {

    .new-product-component.app-section svg,
    .new-product-component .app-section svg{ margin-left: 90px; }
    .new-customers img { margin-right: 40px; }

    .existing-customers svg { box-shadow: 0px 3px 55px 11px #ccc; }

}


.new-product-component .product-banner-img {
    text-align: right !important;
}
/*        NEW PRODUCT TEMPLATE END        */

.has-input-duplicate input.form-control {
    border:1px solid #a94442;
    color:#a94442;
}
.has-input-duplicate input.form-control:focus {
    border:1px solid #843534;
}

@media only screen and (min-width: 481px) and (max-width: 991px) {
     
     .breadcurm-stripe .col-md-3 {
    width: 100%;
}
}

.new_down .select-wrap .filter-head {
    padding: 14px 34px 11px 15px;
    min-width: 175px;
}
.new_down .select-wrap {
    display: inline-block;
}

.new_down {
    display: inline-block !important;
}
.select-filter .new_down .select-wrap:last-child .filter-content { left:0;  }





.filter-content { z-index: 999; }
.dropdown-new .menu-circle span { width: 100%; }
.car-listings .col-md-6.active { display: block !important; }


.share-icons {
    position: absolute;
    bottom: -70px;
    left: 0;
    right: 0;
    width: 320px;
    display: none;
}
											

.share-icons ul {
    float: left;
    width: 100%;
    margin: 0;

}
.share-icons ul li {
    border: 0;
    max-width: inherit;
    padding: 0 !important;
    float: left;
    margin-right: 1px;
    width: auto !important;
    margin-bottom: 1px !important;
}

.share-icons ul li a {
    height: auto;
    font-size: 24px;
    display: block !important;
    padding: 16px;
    background: #f5f5f5;
    width: 60px;
    text-align: center;
}

.share-dropdown {

    position: relative;
    z-index: 99;

}

.product-share.hide {
    display: none !important;
}

@media (max-width: 991px) {

    .second-menu-mobile > a > img {
        margin-right: 10px;
    }
    .product-content .radio-toolbar { margin: 32px -5px 12px; text-align: center !important; }
    .car-section .product-content .radio-toolbar { margin: 32px -5px 12px; text-align: center !important; }

}

@media (max-width: 480px) {
    .second-menu-mobile a {
        padding: 0 0 5px 0;
        width: 100%;
        display: inline-block;
    }
    .second-menu-mobile a:last-child { padding-bottom: 0; }
}
.social-share {
    display: none;
    position: absolute;
    width: 50px;
    z-index: 9999;
    margin-top: 21px;
}

.social-share ul {
    background-color: #fff;
    float: left;
    text-align: center;
    width: 100%;
    border-top: 1px solid #e6e6e6;
}
.social-share li {
    float: left;
    list-style: none;
    width: 100%;
    padding: 0;
    border-bottom: 1px solid #cccccc;
}

.social-share ul li {
    margin-right: 0;
    padding: 5px;
    border-right: 0;
    font-size: 16px;
}
.car-social-share {
    display:none;
}
.social-share ul li:last-child {
    padding: 5px;
}
.social-share ul li:hover {
    background:#399624;
    color: #fff;
}

.social-share li a:hover {
    color: #fff!important;
}

.main-menu-collapse3 .list-entry > a {
    color: white;
}
.main-menu-collapse5 .list-entry > a {
    color: white;
}

@media (min-width: 992px) {
    .nav-heading {
        max-width: 150px;
    }
}

.discover-tab-section .vehicles-link li .withoutAfterElement::after {
    content: none!important;
}
.whiteBoxLinkText a {
    color: white!important;
}

.form-check.empty-filter label{
    color: #dbdbdb;
}

.form-check.empty-filter label:before {
    background-color: #fcfcfc;
}

.select2.select2-container.select2-container--default {
  width: 100% !important;
}
.select2-selection.select2-selection--single {
  background-color: #138854!important;
  min-height: 50px!important;
  display: flex!important;
  align-items: center!important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #FFF!important;
  font-size: 16px!important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 24%!important;
  right: 10px!important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #FFF transparent transparent transparent!important;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #FFF transparent!important;
  border-width: 0 4px 5px 4px!important;
}
.select2-search__field {
  display: none!important;
}

.sec-slide {
  direction: ltr;
}

.third-slide{
	direction: ltr;
}
.topbar-dropdown.login-tp {
    background: #f1f1f1; color: #363636;
}

.topbar-dropdown .dropdown-list.main-menu-collapse-login {
	background-color: #f1f1f1 !important;
}
.language-bar .title span {
    font-family: "droid_arabic_naskhregular" !important;
}
.topbar-dropdown.language-bar .title {
    line-height: 33px;
}
.topbar-dropdown .title {
    line-height: 44px;
}
@media (min-width: 320px) and (max-width: 767px) {
  .select2-container--default
    .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #ddd !important;
    color: #333333 !important; }
}

.carListingItem {
  display: flex;
} 

.select2-container .select2-search--inline .select2-search__field {
  font-family: inherit !important;
}

.file-upload-button{
	border: 2px solid gray;
    background-color: white;
    border-radius: 8px;
    width: 25%;
}
.file-upload-wrapper{
	background-color: white;
    border-radius: 8px;
}
.guaid-line.custom-list-style.disclaimer-bahrain a{
	font-size: 16px;
}

@media (max-width: 600px) {
    .table-responsive-ckeditor table, .table-responsive-ckeditor table tr, .table-responsive-ckeditor table td{
        width:100%!important;
    }
    .table-responsive-ckeditor p{
        float:none;
    }
}

.theme-dark body.krp #tabs li a {
    color: #aa9f8e;
}

.btn-primary {
    color: #fff;
    background-color: #0d7140;
    border-color: #0d7140;
    font-size: 18px;
    font-weight: 400;
}

.btn-primary:hover, .btn-primary:active, .btn:first-child:active {
    color: #fff;
    background-color: #1ab05c !important;
    border-color: #1ab05c !important;
}

.navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
    float: left;
    line-height: 41px;
}

.card-body {
    padding: 0;
}
body.krp section {
    padding: 50px;
}

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

.tab-pane .useful-links .list-unstyled li span  {
    font-weight: unset;
}

@media (min-width: 1400px) {
    #horizontal-product {
        max-width: 1200px !important;
    }
}

.nav-tabs {
    flex-wrap: nowrap;
}

.theme-dark body.krp .guaid-line h2 {
    font-size: 20px;
    font-weight: 300;
}

.theme-dark body.krp .icon-box.center p {
    font-size: 15px;
}


.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::after {
    all: unset;
}

.Dp8-select .dropdown-item.active, .Dp8-select .dropdown-item.active:hover{
    background: #f5f5f5;
    color: #222222;
}

.Dp8-select .dropdown-item.active:hover {
    color: #399624;
}

.Dp8-select .dropdown-menu.show {
    top: 100% !important;
    bottom: auto !important;
    transform: none !important;
}

@media print {
    body.krp .logo-mobile, .dropdown-content, .nav-dropdown, footer,  .site-header .site-header-top--left .nav-secondary, .site-header .site-header-top--right, .site-header .menu-main--content  {
        display: none !important;
    }

    .container.center-absolute {
        height: 100% !important;
    }

    .site-header {
        position: absolute !important;
        top: 0 !important;
        page-break-inside: avoid !important;
    }
    section {
        padding: 50px 0 !important;
    }

    .swiper-slide {
        min-height: 680px !important;
    }
}

nav.primary-nav .nav-dropdown {
    overflow-y: auto;
}

nav.primary-nav .nav-dropdown::-webkit-scrollbar {
    width: 8px;
}

nav.primary-nav .nav-dropdown::-webkit-scrollbar-track {
    background: transparent;
}

nav.primary-nav .nav-dropdown::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.5);
    border-radius: 4px;
    border: 2px solid transparent;
    background-clip: content-box;
}

nav.primary-nav .nav-dropdown::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, 0.7);
    background-clip: content-box;
}

nav.primary-nav .nav-dropdown::-webkit-scrollbar-button {
    display: none;
}

.fa-x-twitter::before {
    content: "𝕏";
}


@media (min-width: 992px) {
    .nav-heading {
        max-width: unset;
    }
}

#malaysia-top-kw-bar, button.lines-button-close {
    background: #24604F !important;
}

#malaysia-top-kw-bar .branch-atm.second {
    line-height: 28px;
}

#malaysia-top-kw-bar .branch-atm.second:hover, #malaysia-top-kw-bar .topbar-dropdown.flag:hover {
    background: #1ab05c;
    color: #fff;
}

.reports-main .jumbotron {
    background: #a79447 !important;
}

.banking-tier-promo .jumbotron {
    background-color: #1074a8;
}

.gray-border.increased-link-font-size div:not(.guaid-line) a {
    font-size: 20px;
}


div.mgnlEditorBar [class^="icon-"], div.mgnlEditorBar [class*=" icon-"], div.mgnlEditorBar .MagnoliaIcons {
    background-color: #FFFFFF !important;
    color: #000000;
    border-radius: 25px;
}

.mgnlEditorBar.mgnlEditor.component, .mgnlEditorBar.mgnlEditor.area {
    direction: ltr;
}

body.rtl-ar .Dp8-select .filter-option-inner-inner {
    float: right;
}

.bootstrap-select .dropdown-toggle:focus, .bootstrap-select>select.mobile-device:focus+.dropdown-toggle {
    outline: 5px auto -webkit-focus-ring-color !important;
    outline-offset: -2px;
}

.Dp8-select .dropdown-menu.inner.show li a:active {
    background-color: unset;
}